Suyash091/agentic.email
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

company flows

Browse source
This commit is contained in:
debu-2 2026-10-04 15:35:17 +05:30
parent c04a6ce6fe
commit a3a6464a99
15 changed files with 963 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

71
frontend/src/styles.css
View file

@ -211,6 +211,77 @@ h1 em { color:var(--coral); font-style:normal; font-weight:500; }
@media(max-width:900px) {
.org-setup-layout { grid-template-columns:1fr; }
}
.company-domains,.company-domains-add,.company-domain-detail { padding:8px 0 24px; }
.company-domains-head { margin-bottom:24px; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
.company-domains-head h1,.company-domains-add h1,.company-domain-detail-head h1 { margin:0 0 8px; font:700 clamp(28px,3vw,36px)/1.15 "DM Sans"; letter-spacing:-.6px; color:#1a1628; }
.company-domains-head p,.company-domains-add>p { margin:0; color:#77758A; font-size:14px; }
.company-domains-add-btn { flex-shrink:0; }
.company-domain-list { margin:0; padding:0; list-style:none; display:grid; gap:8px; }
.company-domain-list-row { width:100%; padding:14px 16px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:14px; border:1px solid #ECE9F2; border-radius:14px; background:#fff; text-align:left; cursor:pointer; transition:border-color .15s,box-shadow .15s; }
.company-domain-list-row:hover { border-color:#D8D2E8; box-shadow:0 8px 24px rgba(20,18,30,0.05); }
.company-domain-list-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:50%; background:#F6F2FF; color:#7357F6; }
.company-domain-list-copy { display:grid; gap:2px; min-width:0; }
.company-domain-list-copy strong { display:flex; align-items:center; gap:8px; font-size:14px; color:#1a1628; }
.company-domain-list-copy small { color:#8d8792; font-size:12px; }
.company-domain-status { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:600; white-space:nowrap; }
.company-domain-status.active { background:#EEF8F1; color:#2f6b43; }
.company-domain-status:not(.active) { background:#FFF0EB; color:#b04a38; }
.company-domain-primary { padding:2px 8px; border-radius:999px; background:#EEF8F1; color:#2f6b43; font-size:10px; font-weight:700; font-style:normal; text-transform:uppercase; letter-spacing:.4px; }
.company-domain-empty { padding:48px 24px; display:grid; justify-items:center; gap:10px; border:1px dashed #E4E1E8; border-radius:16px; background:#FAFAFC; text-align:center; color:#8d8792; }
.company-domain-empty h2 { margin:0; color:#3d3948; font-size:18px; }
.company-domain-empty p { margin:0 0 8px; font-size:13px; }
.company-domain-back { margin-bottom:16px; padding:0; display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; color:#6f6c7b; font-size:13px; font-weight:600; cursor:pointer; }
.company-domain-back:hover { color:#7357F6; }
.company-domain-stepper { margin:0 0 24px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:8px 20px; }
.company-domain-step { display:flex; align-items:center; gap:8px; color:#8d8792; font-size:12px; font-weight:600; }
.company-domain-step-mark { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:1px solid #E4E1E8; background:#fff; font-size:12px; }
.company-domain-step.complete .company-domain-step-mark,.company-domain-step.active .company-domain-step-mark { border-color:#7357F6; background:#7357F6; color:#fff; }
.company-domain-step.active { color:#5a4fcf; }
.company-domain-card { margin-bottom:16px; padding:24px 28px; border:1px solid #ECE9F2; border-radius:16px; background:#fff; box-shadow:0 8px 28px rgba(20,18,30,0.04); }
.company-domain-card h2 { margin:0 0 12px; font:700 20px/1.2 "DM Sans"; color:#1a1628; }
.company-domain-card label { display:grid; gap:6px; font-size:12px; font-weight:600; color:#4a4652; }
.company-domain-card input { height:42px; padding:0 12px; border:1px solid #E1DFE7; border-radius:10px; background:#fff; font-size:13px; color:#1a1628; }
.company-domain-hint,.company-domain-lead { margin:8px 0 0; color:#6f6c7b; font-size:13px; line-height:1.5; }
.company-domain-card-actions { margin-top:18px; display:flex; justify-content:flex-end; }
.company-domain-verify-grid { display:grid; grid-template-columns:100px 1fr; gap:12px; }
.company-domain-verify-value { grid-column:1 / -1; }
.company-domain-verify-grid .dns-value-cell { display:flex; gap:8px; align-items:center; }
.company-domain-verify-grid .dns-value-cell input { flex:1; }
.company-domain-help { margin:14px 0 0; display:flex; align-items:center; gap:6px; color:#8d8792; font-size:12px; }
.company-domain-complete { display:grid; justify-items:center; gap:10px; text-align:center; }
.company-domain-complete svg { color:#2f6b43; }
.company-domain-detail-head { margin-bottom:18px; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.company-domain-detail-head>div { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.company-domain-tabs { margin-bottom:20px; display:flex; gap:20px; border-bottom:1px solid #ECE9F2; }
.company-domain-tabs button { padding:10px 2px 12px; border:0; border-bottom:2px solid transparent; background:transparent; color:#8d8792; font-size:13px; font-weight:600; cursor:pointer; }
.company-domain-tabs button.active { color:#e15b45; border-bottom-color:#e15b45; }
.company-domain-panel { padding:24px 28px; border:1px solid #ECE9F2; border-radius:16px; background:#fff; box-shadow:0 8px 28px rgba(20,18,30,0.04); }
.company-domain-panel h2 { margin:0 0 10px; font:700 20px/1.2 "DM Sans"; color:#1a1628; }
.company-domain-meta { margin:20px 0 0; display:grid; gap:10px; }
.company-domain-meta div { display:grid; grid-template-columns:140px 1fr; gap:12px; font-size:13px; }
.company-domain-meta dt { color:#8d8792; font-weight:600; }
.company-domain-meta dd { margin:0; color:#3d3948; }
.company-domain-dns-list { margin:18px 0 0; padding:0; list-style:none; display:grid; gap:6px; }
.company-domain-dns-row { padding:14px 16px; display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:14px; border:1px solid #F0EEF5; border-radius:12px; background:#FDFCFD; }
.company-domain-dns-icon { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; }
.company-domain-dns-icon.tone-violet { background:#F0EBFF; color:#7357F6; }
.company-domain-dns-icon.tone-amber { background:#FFF4E5; color:#c4842d; }
.company-domain-dns-icon.tone-teal { background:#E8F7F3; color:#2d8a72; }
.company-domain-dns-icon.tone-coral { background:#FFF0EB; color:#e15b45; }
.company-domain-dns-copy { display:grid; gap:2px; min-width:0; }
.company-domain-dns-copy strong { font-size:13px; color:#1a1628; }
.company-domain-dns-copy span { font-size:12px; color:#8d8792; }
.company-domain-dns-badge { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; border-radius:999px; font-size:11px; font-weight:600; white-space:nowrap; }
.company-domain-dns-badge.ok { background:#EEF8F1; color:#2f6b43; }
.company-domain-dns-badge.fail { background:#FFF0EB; color:#b04a38; }
.company-domain-dns-chevron { color:#c5c0ca; }
.company-domain-dns-records { margin-top:18px; }
.company-domain-dns-records summary { cursor:pointer; color:#7357F6; font-size:13px; font-weight:600; }
.company-domain-dns-footer { margin-top:18px; display:flex; align-items:center; justify-content:space-between; gap:12px; color:#8d8792; font-size:12px; }
.company-domain-recheck { padding:0; display:inline-flex; align-items:center; gap:6px; border:0; background:transparent; color:#7357F6; font-size:12px; font-weight:600; cursor:pointer; }
.company-domain-placeholder { margin-top:16px; padding:32px; display:grid; justify-items:center; gap:8px; border:1px dashed #E4E1E8; border-radius:12px; background:#FAFAFC; color:#8d8792; font-size:13px; text-align:center; }
.dns-copy { flex-shrink:0; border:0; border-radius:7px; padding:4px; background:#f7f3f1; color:#8c8790; cursor:pointer; }
.dns-copy:hover { background:#fff0eb; color:var(--coral); }
.dashboard-scrim { display:none; }