:root{--nav:#101828;--nav2:#171f33;--violet:#7254e8;--violet-dark:#6245d5;--violet-pale:#f0edff;--aqua:#13baaf;--text:#17213a;--muted:#77829a;--line:#e9edf4;--surface:#fff;--bg:#f6f8fc;--green:#16a57b;--amber:#d79a36;--red:#e25a70;--shadow:0 9px 32px rgba(26,41,73,.035);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.6}a:hover{color:var(--violet)}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}
.sidebar{background:var(--nav);color:#cad2e1;padding:29px 16px 18px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;z-index:9}.brand{padding:0 13px;display:flex;align-items:center;gap:11px}.brand-icon{height:35px;width:35px;border-radius:11px;background:linear-gradient(145deg,#9b82ff,#5b49da);display:grid;place-items:center;position:relative;box-shadow:0 6px 20px rgba(108,83,242,.25)}.brand-spark{width:18px;height:18px;border:3px solid white;border-radius:4px;transform:rotate(45deg);position:relative}.brand-spark:after{content:'';position:absolute;width:7px;height:7px;background:#a4f0e1;border:2px solid #7260e5;border-radius:50%;top:2px;left:2px}.brand-name{font-family:Manrope,'DM Sans',sans-serif;color:#f9fbff;font-weight:800;font-size:22px;letter-spacing:-1.4px;line-height:1.1}.brand-name span:first-child{font-weight:500}.brand-dot{color:#aa9aff}.brand-caption{font-size:9px;letter-spacing:2px;font-weight:800;color:#8d99b2;margin-top:6px}.workspace-switch{border:1px solid #30394f;background:#182137;display:flex;align-items:center;gap:9px;margin:36px 4px 29px;padding:9px 9px;border-radius:11px}.workspace-mark{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:8px;background:#3b4a73;color:white;font-weight:800}.workspace-label{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.5}.workspace-label strong{color:#e6ebf5;font-size:12px;font-weight:700;white-space:nowrap}.workspace-label small{font-size:10px;color:#8b96ad}.workspace-arrow{color:#95a1b7;font-size:20px;padding-right:2px}.navigation{display:flex;flex-direction:column;gap:4px}.nav-caption{font-weight:800;color:#75819c;letter-spacing:1.35px;font-size:10px;margin:0 0 10px 17px}.nav-caption-two{margin-top:25px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:0;border-radius:9px;color:#9eaac1;text-align:left;font-size:13.5px;font-weight:600;width:100%;transition:all .18s}.nav-item:hover{background:#1c2840;color:#fff}.nav-item.active{background:#302957;color:#e4dcff;box-shadow:inset 3px 0 0 #9c86ff}.nav-ico{width:18px;height:18px;display:grid;place-items:center}.nav-ico svg{height:18px;width:18px;stroke-width:1.8}.nav-count{margin-left:auto;font-size:11px;color:#a79ccc;background:#3b345c;border-radius:6px;padding:3px 7px}.sidebar-bottom{margin-top:auto}.sandbox-note{margin:20px 1px 17px;padding:15px;border-radius:13px;background:linear-gradient(135deg,#252344,#202b48);border:1px solid #3a3d60}.sandbox-head{font-size:12px;font-weight:800;color:#e9e3ff;display:flex;align-items:center;gap:8px}.live-orb,.small-orb{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69dcbe;box-shadow:0 0 0 4px rgba(105,220,190,.1)}.sandbox-note p{font-size:11.5px;line-height:1.65;color:#a9b1c7;margin:8px 0 12px}.sandbox-note button{border:0;background:none;padding:0;color:#c8bbff;font-size:11.5px;font-weight:800}.sandbox-note button span{margin-left:4px}.sidebar-user{border-top:1px solid #2b354a;display:flex;align-items:center;gap:10px;padding:18px 6px 4px}.profile-circle,.top-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#384665;color:#efecff;font-weight:800;font-size:11px}.sidebar-user div{flex:1;display:flex;flex-direction:column;gap:3px}.sidebar-user strong{font-size:12px;color:#dfe5f0}.sidebar-user small{font-size:10.5px;color:#8794ae}.sidebar-dots{color:#7c88a0;font-size:14px}
.main-shell{display:flex;flex-direction:column;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);padding:0 42px;flex:none}.top-left,.top-right{display:flex;align-items:center;gap:14px}.top-breadcrumb{color:#9ba5b8;font-size:12px}.breadcrumb-chevron{color:#c9d0da}.top-page{font-size:12px;color:#35435d;font-weight:750}.top-right{gap:17px}.env-tag{display:flex;align-items:center;gap:10px;border:1px solid #e7e9f7;background:#fbfbff;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:750;color:#575e79}.small-orb{height:7px;width:7px;box-shadow:0 0 0 3px #e4f6f0}.top-help{height:32px;width:32px;border-radius:9px;border:1px solid #e9ecf2;background:white;color:#8b96aa;display:grid;place-items:center}.top-avatar{height:33px;width:33px;background:#ece8ff;color:#7153ce}.mobile-menu{display:none;border:none;background:none;color:#34405e;font-size:20px}.content{max-width:1680px;width:100%;padding:37px 43px 35px;margin:0 auto;flex:1}.site-footer{display:flex;justify-content:space-between;gap:15px;padding:22px 43px;border-top:1px solid #e9edf4;font-size:11px;color:#9aa4b7}.site-footer a{text-decoration:underline}
.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#7968d9;margin-bottom:8px}.page-heading h1{font-family:Manrope,'DM Sans',sans-serif;letter-spacing:-1.1px;font-size:29px;line-height:1.3;margin:0 0 7px;font-weight:800}.page-heading p{font-size:13.5px;color:var(--muted);margin:0;line-height:1.5}.heading-actions,.btn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:9px;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;white-space:nowrap;transition:all .18s;min-height:38px}.btn svg{height:15px;width:15px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--violet);color:white;box-shadow:0 6px 12px rgba(114,84,232,.15)}.btn-primary:hover{background:var(--violet-dark);color:white}.btn-secondary{background:#fff;border-color:#e4e9f2;color:#51617a}.btn-secondary:hover{border-color:#c8c3f5;color:var(--violet)}.btn-quiet{background:#f3f1ff;color:#6650c6}.btn-danger{background:#fff0f1;color:#c73d5a}.btn-small{font-size:11px;padding:7px 10px;min-height:30px}.btn-icon{height:33px;width:33px;min-height:0;padding:0;border:1px solid #e8ebf3;background:white;color:#7f89a1;border-radius:9px;display:grid;place-items:center}.btn-icon svg{height:15px;width:15px}.muted{color:var(--muted)}.text-link{border:0;background:none;padding:0;color:#7156d4;font-weight:800;font-size:12px}.text-link:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid #e9edf4;border-radius:15px;box-shadow:var(--shadow)}.card-pad{padding:22px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head h3{font-size:15px;font-weight:800;margin:0;letter-spacing:-.2px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:11.5px;line-height:1.5}.subhead{font-size:12px;font-weight:800;color:#4f5b75;letter-spacing:.2px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;letter-spacing:.1px;padding:5px 9px;border-radius:100px;white-space:nowrap}.tag-good{color:#168961;background:#e8f8f0}.tag-warn{color:#ad751c;background:#fff6e5}.tag-bad{color:#c65065;background:#feeff1}.tag-neutral{color:#6c7790;background:#f0f3f8}.tag-info{color:#7459d5;background:#f0edff}.tag-demo{color:#8c75c1;background:#f6f2ff}.tag .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.sample-label{display:inline-flex;align-items:center;gap:4px;color:#9480c3;font-size:9.5px;font-weight:800;margin-left:5px}.notice{border-radius:11px;display:flex;align-items:flex-start;gap:11px;padding:13px 15px;font-size:12px;line-height:1.6}.notice svg{margin-top:1px}.notice-info{background:#f4f2ff;color:#65598e;border:1px solid #e9e4ff}.notice-warn{background:#fff9ec;color:#946e32;border:1px solid #f5e9c9}.notice-success{background:#eefaef;color:#28775b;border:1px solid #d8f0df}
/* Dashboard */
.hero{position:relative;isolation:isolate;background:linear-gradient(108deg,#181b45 0%,#31245f 58%,#55428a 100%);color:#fff;border-radius:17px;min-height:221px;padding:34px 34px;overflow:hidden;display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;box-shadow:0 12px 25px rgba(50,45,114,.09)}.hero::before{content:'';width:440px;height:440px;position:absolute;right:-80px;top:-160px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 60px rgba(255,255,255,.035),0 0 0 120px rgba(255,255,255,.025);z-index:-1}.hero::after{content:'';width:240px;height:240px;position:absolute;right:115px;bottom:-166px;background:radial-gradient(circle,#8369e9 0%,transparent 70%);filter:blur(25px);z-index:-1}.hero-copy{max-width:580px;z-index:1}.hero-eyebrow{font-size:10px;letter-spacing:1.8px;color:#b9acf7;font-weight:800;display:flex;align-items:center;gap:8px;margin-bottom:12px}.hero-eyebrow .star{font-size:16px;color:#c4adff}.hero h2{font-family:Manrope,'DM Sans',sans-serif;font-size:26px;letter-spacing:-.75px;line-height:1.32;margin-bottom:12px;max-width:480px}.hero p{color:#c5c4df;font-size:12.5px;line-height:1.7;max-width:490px;margin-bottom:22px}.hero-button{background:#fff;border:0;color:#4b358c}.hero-button:hover{background:#f5f1ff}.hero-outline{border:1px solid rgba(255,255,255,.27);background:rgba(255,255,255,.06);color:#fff}.hero-visual{width:235px;height:160px;position:relative;margin-right:17px;flex:none}.floating-mail{position:absolute;top:33px;left:78px;width:84px;height:84px;border-radius:25px;background:linear-gradient(160deg,#8e73ff,#5b4dbd);display:grid;place-items:center;box-shadow:0 16px 30px rgba(8,7,50,.25),inset 0 1px 0 rgba(255,255,255,.36);transform:rotate(-10deg)}.floating-mail svg{width:40px;height:40px;color:white;stroke-width:1.5}.visual-pill{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 10px;border-radius:9px;color:#fff;background:rgba(230,226,255,.17);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(5px);font-size:10.5px;font-weight:750;white-space:nowrap}.visual-pill.top{right:-6px;top:6px;transform:rotate(6deg)}.visual-pill.bottom{bottom:3px;left:0;transform:rotate(-4deg)}.visual-pill .tiny-badge{height:15px;width:15px;display:grid;place-items:center;border-radius:50%;background:#54cda9;font-size:9px;color:#103c3a}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric{padding:18px 18px 17px;position:relative;min-height:128px}.metric-top{display:flex;align-items:center;justify-content:space-between}.metric-icon{height:36px;width:36px;border-radius:11px;display:grid;place-items:center}.metric-icon.purple{background:#f0edff;color:#7155d7}.metric-icon.green{background:#e6f8f3;color:#11a283}.metric-icon.amber{background:#fff4e5;color:#ce8e2e}.metric-icon.blue{background:#e9f0ff;color:#4b7bd3}.metric-icon svg{height:19px;width:19px}.metric-caption{font-size:11px;font-weight:750;color:#8b97aa}.metric-value{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-1px;margin:14px 0 1px}.metric-note{color:#9aa4b6;font-size:10.5px}.metric-trend{font-size:10px;font-weight:800;background:#ebf8f1;color:#20a078;border-radius:5px;padding:4px 6px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(320px,1fr);gap:19px;margin-bottom:20px}.status-breakdown{display:flex;align-items:center;gap:28px;margin:12px 0 4px}.donut{width:174px;height:174px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.donut::after{content:'';background:white;width:121px;height:121px;border-radius:50%;position:absolute}.donut-center{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;line-height:1.3}.donut-center strong{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-1px;font-size:30px}.donut-center span{font-size:10.5px;color:#9099ac}.legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:15px}.legend-row{display:flex;align-items:center;gap:9px;color:#707e95;font-size:12px}.legend-row strong{margin-left:auto;color:#26334a;font-size:12px}.legend-dot{width:9px;height:9px;border-radius:3px}.card-hint{border-top:1px solid #edf0f6;margin-top:18px;padding-top:15px;font-size:11px;color:#8e9aaf;line-height:1.6}.readiness-body{display:flex;flex-direction:column;gap:15px}.readiness-item{display:flex;gap:12px;align-items:center}.readiness-icon{height:34px;width:34px;border-radius:10px;background:#f0edff;color:#7057d5;display:grid;place-items:center}.readiness-info{flex:1;min-width:0}.readiness-info strong{font-size:11.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readiness-info small{font-size:10.5px;color:#9aa3b5;display:block;margin-top:4px}.readiness-score{font-weight:800;font-size:12px}.progress-track{width:100%;height:5px;background:#edf0f7;border-radius:100px;overflow:hidden}.progress-track .progress-fill{height:100%;background:linear-gradient(90deg,#9178fb,#6a54db);border-radius:100px}.progress-fill.green{background:#42c6a6}.progress-fill.amber{background:#e5af52}.progress-fill.red{background:#e76e85}.health-mini{font-size:10px;color:#8a96aa}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(320px,1fr);gap:19px}.quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-action{text-align:left;border:1px solid #e9edf4;border-radius:12px;background:white;padding:17px;transition:all .18s;min-height:143px}.quick-action:hover{border-color:#cac2f4;box-shadow:0 7px 20px rgba(53,38,115,.07);transform:translateY(-2px)}.quick-action-icon{height:35px;width:35px;display:grid;place-items:center;background:#f1edff;border-radius:10px;color:#745bd7;margin-bottom:14px}.quick-action strong{font-size:12px;display:block;margin-bottom:6px}.quick-action p{font-size:10.5px;color:#9aa4b6;line-height:1.6;margin:0}.activity-list{display:flex;flex-direction:column;gap:14px}.activity-row{display:flex;gap:10px;align-items:flex-start}.activity-dot{width:28px;height:28px;flex:none;border-radius:9px;background:#f1effe;color:#8164db;display:grid;place-items:center}.activity-row strong{font-size:11px;display:block;margin:1px 0 4px}.activity-row small{font-size:10px;color:#98a3b5;line-height:1.5}.activity-time{margin-left:auto;font-size:9.5px;color:#b3bbca;white-space:nowrap}
/* Forms and tables */
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:20px 0 16px;flex-wrap:wrap}.input-search{position:relative;min-width:230px;flex:1;max-width:360px}.input-search svg{position:absolute;top:11px;left:12px;color:#a2acc0}.input-search input{padding-left:38px;width:100%}.field, input[type=text],input[type=email],input[type=number],input[type=password], textarea, select{border:1px solid #e3e8f1;border-radius:9px;padding:10px 12px;background:#fff;color:#25314b;font-size:12.5px;outline:none;transition:border .15s,box-shadow .15s;min-height:39px}input:focus,textarea:focus,select:focus{border-color:#9a86f5;box-shadow:0 0 0 3px rgba(114,84,232,.08)}input::placeholder,textarea::placeholder{color:#a5aebf}.field-label{display:block;color:#4e5c78;font-size:11.5px;font-weight:800;margin:0 0 7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-group{margin-bottom:14px}.field-help{display:block;color:#98a2b5;font-size:10.5px;margin-top:7px;line-height:1.6}.select{color:#596780}.table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.data-table th{font-size:10px;text-transform:uppercase;letter-spacing:.85px;color:#95a1b4;font-weight:800;background:#fcfdff;padding:13px 19px;border-top:1px solid #ecf0f5;border-bottom:1px solid #ecf0f5}.data-table td{font-size:11.5px;color:#63718a;padding:12px 19px;border-bottom:1px solid #eff2f7}.data-table tbody tr:hover{background:#fcfbff}.data-table tbody tr:last-child td{border-bottom:none}.contact-cell{display:flex;align-items:center;gap:10px}.contact-avatar{height:34px;width:34px;display:grid;place-items:center;background:#ede9fc;border:1px solid #e5e0fa;border-radius:10px;color:#6c59b4;font-weight:800;font-size:10.5px;flex:none}.contact-avatar.color-1{background:#eaf4fa;color:#4381a7;border-color:#dbeaf3}.contact-avatar.color-2{background:#f9ede8;color:#b97c54;border-color:#f3e5df}.contact-avatar.color-3{background:#eaf6ee;color:#5e9a70;border-color:#dcece0}.contact-cell strong{display:block;color:#2d3a52;font-size:11.5px;margin-bottom:4px}.contact-cell small{display:block;color:#a0a9b9;font-size:10px}.cell-main{color:#3e4c64;font-weight:650}.table-footer{padding:15px 19px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#95a1b5;border-top:1px solid #edf1f6}.mini-pagination{display:flex;align-items:center;gap:4px}.mini-pagination button{height:28px;min-width:28px;border:1px solid #e6eaf2;border-radius:6px;background:white;color:#79849b;font-size:11px}.mini-pagination button.active{background:#f0edff;color:#715ad4;border-color:#e2ddff;font-weight:800}.empty-state{text-align:center;padding:60px 20px}.empty-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f2efff;color:#7459d7;margin:0 auto 13px}.empty-state h3{margin:0 0 6px;font-size:14px}.empty-state p{color:#97a0b4;font-size:12px}.finder-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(110deg,#f3f1ff,#f8f7ff);border:1px solid #e9e5fb;padding:20px 22px;border-radius:14px;margin-bottom:22px}.finder-strip h3{font-size:14px;margin:0 0 6px}.finder-strip p{font-size:11.5px;line-height:1.7;color:#7e7a98;margin:0}.finder-field{display:flex;gap:8px;flex:1;max-width:490px}.finder-field input{flex:1;min-width:0}.leads-count{font-size:10.5px;color:#939daf}
/* verifier */
.two-col{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(305px,.88fr);gap:20px}.textarea-input{width:100%;min-height:170px;resize:vertical;line-height:1.9;font-size:13px}.verify-info{display:flex;flex-direction:column;gap:14px}.verification-step{display:flex;gap:12px;align-items:flex-start}.step-num{height:27px;width:27px;background:#f0edff;color:#745add;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:850;flex:none}.verification-step strong{font-size:12px}.verification-step p{color:#91a0b4;font-size:11px;line-height:1.65;margin:5px 0 0}.result-list{display:flex;flex-direction:column;gap:12px}.result-row{border:1px solid #e8edf4;border-radius:11px;padding:14px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:#fff}.result-row strong{font-size:12px;color:#39455b}.result-row p{font-size:11px;line-height:1.6;color:#8c97ad;margin:6px 0 0}.result-row .tag{flex:none}.check-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.check-point{font-size:10px;color:#718099;background:#f6f8fb;padding:5px 8px;border-radius:6px}.section-spacing{margin-top:23px}.light-note{color:#8d99aa;font-size:11.5px;line-height:1.7}
/* domain cards */
.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.domain-card{padding:21px}.domain-top{display:flex;align-items:center;gap:12px}.domain-symbol{height:43px;width:43px;border-radius:12px;background:#f1eeff;color:#7459d9;display:grid;place-items:center}.domain-symbol svg{width:21px;height:21px}.domain-name{font-size:13px;font-weight:850;color:#344059;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:230px}.domain-label{font-size:10.5px;color:#9aa4b7;margin-top:5px}.domain-top .tag{margin-left:auto}.domain-scoreline{display:flex;align-items:center;gap:10px;margin:20px 0 10px}.domain-scoreline span{font-size:11px;color:#8d98aa}.domain-scoreline strong{margin-left:auto;font-size:17px;letter-spacing:-.5px}.dns-indicators{display:flex;gap:8px;margin:18px 0}.dns-indicator{flex:1;display:flex;flex-direction:column;gap:7px;align-items:center;border-radius:9px;padding:11px 5px;background:#f8fafc;border:1px solid #f0f3f8}.dns-indicator .tiny-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900;background:#e1f6eb;color:#229967}.dns-indicator .tiny-icon.no{background:#fff0f1;color:#d45a73}.dns-indicator .tiny-icon.na{background:#eceff4;color:#8492a7}.dns-indicator label{font-size:9.5px;color:#8a97ab;font-weight:750}.domain-bottom{border-top:1px solid #edf0f5;padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:9px}.domain-bottom small{font-size:10.5px;color:#97a1b4}.domain-actions{display:flex;gap:7px}.risk-banner{border-radius:11px;border:1px solid #f3dbe0;background:#fff7f8;padding:12px 14px;color:#b86775;display:flex;gap:9px;align-items:flex-start;font-size:11px;line-height:1.5;margin-top:15px}
/* warmup */
.warmup-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:18px;margin-bottom:20px}.warmup-highlight{padding:26px 27px;background:linear-gradient(120deg,#faf9ff,#f1eeff);display:flex;align-items:center;gap:22px}.warmup-graphic{background:#e4deff;color:#7259d8;width:76px;height:76px;border-radius:24px;display:grid;place-items:center;flex:none}.warmup-graphic svg{width:35px;height:35px}.warmup-highlight h3{margin:0 0 7px;font-size:17px;letter-spacing:-.25px}.warmup-highlight p{color:#7b84a0;line-height:1.7;margin:0;font-size:11.5px}.warmup-stat{display:flex;align-items:center;justify-content:space-between;padding:22px}.warmup-stat strong{display:block;font-family:Manrope,sans-serif;font-size:28px}.warmup-stat span{color:#8f99ac;font-size:11px}.warmup-row{display:grid;grid-template-columns:minmax(200px,1.3fr) 1fr 1fr 1fr auto;align-items:center;gap:18px;padding:19px 22px;border-top:1px solid #edf0f6}.warmup-row:first-child{border-top:0}.warmup-domain{font-weight:800;font-size:12px;color:#35425c;overflow:hidden;text-overflow:ellipsis}.warmup-domain small{display:block;color:#99a5b8;font-size:10px;font-weight:500;margin-top:6px}.warmup-cell label{display:block;color:#9aa5b6;font-size:10px;margin-bottom:6px}.warmup-cell strong{font-size:12px}.toggle{position:relative;display:inline-flex;width:36px;height:21px;border:0;border-radius:20px;background:#d4d9e5;padding:3px;align-items:center;transition:background .2s}.toggle:after{content:'';width:15px;height:15px;background:white;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.14)}.toggle.on{background:#7056df}.toggle.on:after{transform:translateX(15px)}.ramp-dots{display:flex;gap:3px;align-items:flex-end}.ramp-dots b{width:9px;background:#e3ddff;border-radius:2px;height:12px}.ramp-dots b.on{background:#795feb}.ramp-dots b:nth-child(2){height:16px}.ramp-dots b:nth-child(3){height:20px}.ramp-dots b:nth-child(4){height:25px}.ramp-dots b:nth-child(5){height:30px}
/* rotation */
.rotation-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;margin-bottom:20px}.rotation-panel{padding:24px}.rotation-visual{min-height:236px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 44%,#f0edff,#fff 65%);border-radius:12px}.route-center{display:grid;place-items:center;width:72px;height:72px;border-radius:21px;background:linear-gradient(145deg,#8b70f0,#6550cc);box-shadow:0 12px 22px #d8d1f8;color:#fff}.route-center svg{height:30px;width:30px}.route-node{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e6e7f6;padding:10px 12px;border-radius:10px;box-shadow:0 5px 20px rgba(35,25,93,.055);font-size:10px;font-weight:800;color:#536180}.route-node span{height:7px;width:7px;border-radius:50%;background:#54cda6}.route-node.one{top:18px;left:17px}.route-node.two{top:22px;right:12px}.route-node.three{bottom:16px;left:13px}.route-node.four{bottom:20px;right:13px}.route-node.paused span{background:#e57685}.route-line{position:absolute;width:120px;height:1px;border-top:1px dashed #beb4ee;z-index:0}.route-line.r1{transform:rotate(35deg);left:18%;top:31%}.route-line.r2{transform:rotate(-35deg);right:17%;top:31%}.route-line.r3{transform:rotate(-35deg);left:18%;bottom:29%}.route-line.r4{transform:rotate(35deg);right:17%;bottom:29%}.route-center{z-index:2}.rotation-result{display:flex;gap:13px;align-items:flex-start;padding:16px;border:1px solid #e9e3ff;border-radius:12px;background:#faf9ff;margin-top:18px}.rotation-result-icon{background:#e7dfff;height:37px;width:37px;border-radius:11px;display:grid;place-items:center;color:#765cda}.rotation-result strong{font-size:12px;color:#4b426c;display:block;margin-bottom:5px}.rotation-result small{font-size:11px;color:#877f9e;line-height:1.6}.eligibility-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 0;border-top:1px solid #edf1f6}.eligibility-item:first-child{border-top:0}.eligibility-name{font-size:11.5px;font-weight:750;color:#4f5d76}.eligibility-name small{display:block;font-size:10px;color:#9ca7b9;font-weight:500;margin-top:4px}
/* integrations */
.integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.integration-card{padding:22px;display:flex;flex-direction:column;min-height:211px}.integration-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.integration-logo{height:42px;width:42px;border-radius:12px;display:grid;place-items:center;font-weight:900;font-size:20px;letter-spacing:-1px}.integration-card h3{font-size:14px;margin:0 0 6px}.integration-card p{font-size:11px;color:#909cb0;line-height:1.6;margin:0 0 20px}.integration-card .integration-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.integration-bottom small{font-size:10.5px;color:#9da8b8;line-height:1.5}.integration-hunter{background:#fff0df;color:#f08225}.integration-apollo{background:#f5ebff;color:#8659d6}.integration-zoominfo{background:#e9f1ff;color:#457ed8}.integration-lusha{background:#e8f8fa;color:#24a6bb}.integration-instantly{background:#ecf8ea;color:#3a9d68}.integration-csv{background:#edf3f8;color:#6b86a3}.faq-box{margin-top:20px;padding:24px;background:#fff;border:1px solid #e8edf5;border-radius:13px}.faq-box h3{font-size:14px;margin-bottom:15px}.setup-code{padding:12px 14px;background:#151f32;border-radius:9px;color:#c0f0d9;font-size:11.5px;word-break:break-all;display:flex;align-items:center;justify-content:space-between;gap:12px}.setup-code button{border:1px solid #34435d;border-radius:6px;background:#24334d;color:#fff;font-size:10px;padding:7px 10px}
/* Modal */
.modal-root:empty{display:none}.modal-root{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(12,20,40,.49);padding:20px;backdrop-filter:blur(3px)}.modal{width:min(510px,100%);background:#fff;border-radius:17px;box-shadow:0 20px 70px rgba(10,20,40,.28);padding:25px;max-height:90vh;overflow:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:23px}.modal-header h2{font-size:18px;letter-spacing:-.35px;margin:0 0 6px}.modal-header p{font-size:11.5px;color:#91a0b3;line-height:1.6;margin:0}.modal-x{height:28px;width:28px;border-radius:7px;border:1px solid #e8eaf1;background:white;color:#7d899f;font-size:20px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;margin-top:22px}.file-drop{border:1px dashed #c9c3ee;padding:25px;background:#faf9ff;border-radius:11px;text-align:center;color:#8271b0}.file-drop strong{display:block;font-size:12px;margin:7px 0}.file-drop p{font-size:10.5px;color:#a09ab7;margin:0}.file-drop input{max-width:100%;margin-top:13px;font-size:11px}.toast-root{position:fixed;right:23px;bottom:24px;z-index:50;display:flex;flex-direction:column;gap:8px}.toast{min-width:245px;max-width:360px;border-radius:12px;box-shadow:0 10px 35px rgba(25,32,51,.18);background:#202b40;color:#fff;padding:14px 18px;font-size:12px;font-weight:650;line-height:1.6;animation:toastin .24s ease}.toast.error{background:#bb3e59}.toast.success{background:#136e59}@keyframes toastin{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.loading-shimmer{height:11px;background:linear-gradient(90deg,#f2f4fa 20%,#e9ecf6 40%,#f2f4fa 60%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:5px}@keyframes shimmer{to{background-position-x:-200%}}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.info-tile{border:1px solid #edf0f6;padding:15px;border-radius:11px}.info-tile strong{font-size:17px;display:block;margin-bottom:4px}.info-tile small{font-size:10px;color:#95a0b3}.inline-danger{color:#c85e74;font-size:10.5px;margin-top:8px}.footnote{font-size:10.5px;color:#97a2b6;line-height:1.7;margin-top:11px}.bullet-note{display:flex;align-items:flex-start;gap:9px;color:#808ba2;font-size:11px;line-height:1.6;margin:9px 0}.bullet-note span{height:18px;width:18px;background:#f1effc;color:#725ad3;border-radius:6px;display:grid;place-items:center;flex:none;font-size:10px}.hidden{display:none!important}
/* login */
.login-body{min-height:100vh;background:radial-gradient(circle at 70% 20%,#36275a,#111a2d 65%);display:grid;place-items:center;padding:20px}.login-panel{background:#fff;border-radius:20px;padding:37px;width:min(430px,100%);box-shadow:0 20px 90px rgba(0,0,0,.22)}.login-brand{padding:0;margin-bottom:40px}.login-brand .brand-name{color:#1d2940}.login-panel h1{font-size:25px;letter-spacing:-.75px;margin:0 0 7px}.login-panel p{font-size:12px;color:#8894a9;margin-bottom:24px}.login-panel label{display:block;font-size:11px;color:#5c6980;font-weight:800;margin-bottom:8px}.login-panel input{width:100%}.login-foot{text-align:center;border-top:1px solid #edf0f5;margin-top:30px;padding-top:20px;color:#9ba6b8;font-size:11px}
@media (max-width:1320px){.content{padding:30px}.topbar{padding:0 30px}.sidebar{padding-left:12px;padding-right:12px}.app-shell{grid-template-columns:233px minmax(0,1fr)}.metrics{gap:12px}.card-pad{padding:20px}.metric{padding:16px}.overview-grid,.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(285px,1fr)}.status-breakdown{gap:16px}.donut{width:145px;height:145px}.donut::after{width:102px;height:102px}.hero-visual{margin-right:0}.integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1060px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:9px;padding-right:9px}.hero-visual{display:none}.overview-grid,.bottom-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.domain-grid,.warmup-top,.rotation-hero{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.warmup-row{grid-template-columns:minmax(150px,1fr) 1fr 1fr auto}.warmup-row .hide-mid{display:none}}
@media (max-width:720px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:250px;top:0;transition:left .2s}.sidebar.mobile-open{left:0;box-shadow:10px 0 0 100vw rgba(10,20,42,.4)}.mobile-menu{display:inline-flex}.topbar{height:65px;padding:0 19px}.top-right{gap:10px}.env-tag{font-size:0;padding:10px}.content{padding:23px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.hero{padding:27px 24px}.hero h2{font-size:23px}.metrics{gap:10px}.metric-value{font-size:25px}.metric{min-height:114px}.quick-actions{grid-template-columns:1fr}.quick-action{min-height:0}.status-breakdown{flex-direction:column;align-items:flex-start}.donut{margin:auto}.legend{width:100%}.finder-strip{flex-direction:column;align-items:stretch}.finder-field{max-width:none}.domain-grid,.integration-grid{grid-template-columns:1fr}.warmup-row{grid-template-columns:1fr 1fr;gap:13px}.warmup-row .toggle{justify-self:end}.warmup-stat,.warmup-highlight{padding:18px}.warmup-highlight{align-items:flex-start}.warmup-graphic{height:49px;width:49px;border-radius:14px}.site-footer{padding:22px 17px;flex-direction:column}.card-pad{padding:18px}.hero-outline{display:none}.form-grid{grid-template-columns:1fr}}

/* Dedicated outgoing IP pool and one-to-one source mapping */
.ip-assignment{display:flex;align-items:center;gap:10px;padding:13px 11px;background:#f7f9fd;border:1px solid #e9edf6;border-radius:10px;margin:13px 0}.ip-assignment-icon{color:#7461d5;flex:none}.ip-assignment>div{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.ip-assignment>div span{font-size:10px;color:#8e9aaf}.ip-assignment strong{font-size:12px;color:#2b3650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ip-list{display:flex;flex-direction:column}.ip-list-row{display:grid;grid-template-columns:minmax(188px,1.2fr) minmax(160px,1fr) minmax(180px,1.1fr) minmax(160px,.85fr) auto;gap:16px;align-items:center;padding:18px 8px;border-top:1px solid #edf0f6}.ip-list-address{display:flex;align-items:center;gap:11px;min-width:0}.ip-address-icon{width:42px;height:42px;border-radius:12px;background:#f0edff;color:#735dd3;display:grid;place-items:center;flex:none}.ip-list-address>div,.ip-list-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.ip-list-address strong{font-size:13px;color:#283650;white-space:nowrap}.ip-list-address small,.ip-list-meta>span,.ip-list-meta>small{font-size:10.5px;color:#9ca8b8;line-height:1.6}.ip-list-meta strong{font-size:11.5px;color:#53627b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-list-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end}.ip-list-actions .btn:disabled{opacity:.45}.unassigned{font-size:11px;color:#18a77c}.config-preview{max-height:52vh;overflow-y:auto}.config-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;background:#10192e;border-radius:9px;color:#d2e0ff;font-size:10px;line-height:1.7;margin:7px 0 17px}.config-preview .field-label{margin-bottom:4px}.ip-list .tag{align-self:flex-start}
@media(max-width:1250px){.ip-list-row{grid-template-columns:minmax(170px,1.2fr) 1fr minmax(160px,1fr) auto}.ip-list-row>.ip-list-meta:nth-child(4){display:none}}
@media(max-width:960px){.ip-list-row{grid-template-columns:1fr 1fr;gap:12px}.ip-list-row>.ip-list-meta:nth-child(4){display:flex}.ip-list-actions{justify-content:flex-start}}
@media(max-width:520px){.ip-list-row{grid-template-columns:1fr 1fr}.ip-list-address{grid-column:span 2}.ip-list-meta strong{white-space:normal;overflow-wrap:anywhere}.ip-list-actions{grid-column:span 2}.ip-list-meta:nth-child(4){display:none!important}.ip-assignment{flex-wrap:wrap}}

/* Campaign and mailbox operations */
.campaign-list{display:flex;flex-direction:column}.campaign-item{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 3px;border-top:1px solid #edf0f5}.campaign-item:first-child{border-top:0}.campaign-item-main{flex:1;min-width:0}.campaign-item-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:800;color:#28354f}.campaign-item-main p{font-size:11px;color:#73819b;margin:7px 0 10px}.campaign-item-main small{font-size:10px;color:#98a3b5}.campaign-item-actions{display:flex;gap:7px;align-items:center}.campaign-bar{background:#eef0f8;height:5px;border-radius:10px;max-width:360px;margin-bottom:7px}.campaign-bar>span{display:block;background:#7c62db;height:100%;border-radius:10px}.mailbox-list{display:flex;flex-direction:column}.mailbox-item{display:flex;gap:12px;align-items:center;padding:14px 0;border-top:1px solid #eef0f5}.mailbox-item:first-child{border-top:0}.mailbox-avatar{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:#f0edff;color:#7a63de;flex:none}.mailbox-info{flex:1;min-width:0}.mailbox-info strong{display:block;font-size:11.5px;color:#3c4d6b;overflow-wrap:anywhere}.mailbox-info small{display:block;font-size:10px;color:#9aa6b7;margin-top:5px}.campaign-body{font:13px/1.5 inherit;padding:10px 12px;border:1px solid #e0e6ef;border-radius:8px;resize:vertical}
@media(max-width:560px){.campaign-item{align-items:flex-start;flex-direction:column}.campaign-item-actions{width:100%}}

/* Postfix delivery monitoring and event evidence */
.delivery-domain{padding:16px 0;border-top:1px solid #edf0f5}.delivery-domain:first-of-type{border-top:0}.delivery-domain-head{display:flex;align-items:center;gap:12px;justify-content:space-between}.delivery-domain-head>div{display:flex;flex-direction:column;min-width:0;gap:5px}.delivery-domain-head strong{font-size:12.5px;color:#263751;overflow-wrap:anywhere}.delivery-domain-head small{font-size:10px;color:#94a0b4}.delivery-split{display:flex;gap:16px;flex-wrap:wrap;margin:13px 0 12px}.delivery-split span{display:inline-flex;align-items:center;gap:5px;color:#7c899f;font-size:10.5px}.delivery-split svg{color:#7a64d9}.delivery-bar{height:6px;border-radius:99px;background:#edf0f6;overflow:hidden}.delivery-bar i{display:block;height:100%;background:#16b297;border-radius:99px}.delivery-events{display:flex;flex-direction:column}.delivery-event{display:flex;gap:13px;align-items:center;padding:16px 1px;border-top:1px solid #eef0f5}.delivery-event:first-child{border-top:0}.event-glyph{flex:none;height:39px;width:39px;border-radius:12px;background:#e9f8f1;color:#13a47c;display:grid;place-items:center}.event-glyph.danger{background:#fdf0f1;color:#d05b74}.event-glyph.warn{background:#fff5e8;color:#b98029}.delivery-event-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.delivery-event-main strong{font-size:11.5px;color:#32415b;overflow-wrap:anywhere}.delivery-event-main span{font-size:10px;color:#8290a6}.delivery-event-main small{font-size:10px;color:#a0aaba;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:690px}.delivery-event-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none}.delivery-event-meta time{font-size:10px;color:#a3adbc}.delivery-message-id{overflow-wrap:anywhere!important;white-space:normal!important}.delivery-event .btn{flex:none}.delivery-domain-head .tag{flex:none}
@media(max-width:720px){.delivery-event{align-items:flex-start;flex-wrap:wrap}.delivery-event-meta{width:100%;padding-left:52px;flex-direction:row;align-items:center;justify-content:space-between}.delivery-event>.btn{margin-left:52px}.delivery-split{gap:8px 14px}}

/* Reply inbox / human review */
.inbox-alert{margin-bottom:20px}.inbox-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,0.82fr);gap:20px;align-items:start}.inbox-panel{min-width:0}.inbox-side{display:flex;flex-direction:column;gap:18px;min-width:0}.inbox-filterbar{display:flex;gap:7px;flex-wrap:wrap;padding:0 0 16px;border-bottom:1px solid #e9eef5}.inbox-filter{border:1px solid #e7ebf4;border-radius:7px;background:#fff;color:#7c889d;font-size:10.5px;font-weight:700;padding:9px 11px;cursor:pointer;transition:background .2s}.inbox-filter:hover{background:#f5f5ff}.inbox-filter.selected{background:#eeeaff;border-color:#d5caff;color:#7054d7}.inbox-message{display:flex;gap:13px;padding:20px 0;border-bottom:1px solid #edf0f6}.inbox-message:last-child{border-bottom:0}.inbox-face{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#ece9ff,#dff7f5);font-size:12px;font-weight:900;color:#7964c7}.inbox-message-body{flex:1;min-width:0}.inbox-message-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.inbox-message-top strong{color:#24334e;font-size:13px}.inbox-message-top time{color:#abb4c2;font-size:10px;white-space:nowrap}.inbox-message-address{font-size:10px;color:#9ba5b5;margin:5px 0 8px;overflow-wrap:anywhere}.inbox-message-address span{color:#c5cbd4;margin:0 4px}.inbox-message h4{margin:0 0 8px;color:#35445d;font-size:12px;font-weight:800;overflow-wrap:anywhere}.inbox-excerpt{margin:0 0 13px!important;color:#7e8aa1;line-height:1.6;font-size:11px;max-width:620px;overflow-wrap:anywhere}.inbox-message-tags{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inbox-campaign{font-size:10px;color:#9aa4b5;display:inline-flex;align-items:center;gap:5px;margin-left:3px}.inbox-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.inbox-actions .btn{font-size:10px;padding:8px 10px}.inbox-connection{padding:14px 0;border-top:1px solid #edf0f5}.inbox-connection-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:5px}.inbox-connection-top strong{color:#35445d;font-size:11px;overflow-wrap:anywhere}.inbox-connection small{font-size:10px;color:#a4aebb}.inbox-not-connected{text-align:center;padding:25px 12px 20px;display:flex;flex-direction:column;align-items:center;gap:9px}.inbox-not-connected svg{color:#8978d6}.inbox-not-connected strong{font-size:12px;color:#4e5b74}.inbox-not-connected p{margin:0;color:#929eb1;font-size:10.5px;line-height:1.7}.inbox-help{background:#f7f9fd;border:1px solid #eff1f8;border-radius:10px;padding:15px;margin-top:9px}.inbox-help strong{display:flex;align-items:center;gap:7px;font-size:11px;color:#6052c7}.inbox-help p{margin:7px 0 0;font-size:10.5px;color:#8996a9;line-height:1.75}.inbox-help code{color:#5543c7;font-size:10px}.inbox-safety-line{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-top:1px solid #eef0f5}.inbox-safety-line:first-of-type{border-top:0}.inbox-safety-line>span{flex:none;display:grid;place-items:center;height:33px;width:33px;background:#f2efff;border-radius:9px;color:#7f68de}.inbox-safety-line strong{display:block;font-size:11px;color:#4d5a72}.inbox-safety-line p{font-size:10px;color:#9aa6b8;margin:5px 0 0;line-height:1.6}.connection-error{color:#cf6670;font-size:10px;line-height:1.5;margin:7px 0 0}.inbox-unread .inbox-face{box-shadow:0 0 0 2px rgba(112,84,215,.22)}
@media(max-width:1130px){.inbox-layout{grid-template-columns:1fr}.inbox-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.inbox-side{grid-template-columns:1fr}.inbox-message{gap:9px;padding:18px 0}.inbox-face{width:34px;height:34px;border-radius:10px}.inbox-actions .btn{padding:7px 9px}.inbox-filterbar{gap:5px}.inbox-filter{font-size:10px;padding:8px 9px}}

/* V5 launch controls and production readiness */
.launch-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:20px;align-items:stretch}
.launch-control{display:flex;flex-direction:column}
.launch-switch-hero{display:flex;gap:16px;align-items:center;background:#f7f9fe;border:1px solid #e9edf6;border-radius:14px;padding:20px 16px;margin:8px 0 16px}
.launch-switch-icon{width:60px;height:60px;border-radius:17px;flex:none;background:#eeeaff;color:#7961d9;display:grid;place-items:center}
.launch-switch-hero strong{display:block;font-size:14px;color:#2a3550;line-height:1.3;margin-bottom:7px}
.launch-switch-hero p{font-size:11px;line-height:1.75;color:#8a96aa;margin:0}
.launch-stop-button{width:100%;justify-content:center;font-size:12px;padding:13px}
.btn-danger{background:#c84d61!important;border-color:#c84d61!important;color:#fff!important}
.btn-danger:hover{background:#ac3d50!important}
.launch-checks{display:flex;flex-direction:column}
.launch-check{display:flex;gap:11px;align-items:center;padding:12px 0;border-top:1px solid #ecf0f7}
.launch-check:first-child{border-top:0}
.launch-check-icon{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:#e5f6ef;color:#11a47a}
.launch-check.block .launch-check-icon{background:#fcecef;color:#d5596b}
.launch-check.warning .launch-check-icon{background:#fff4e4;color:#c88d33}
.launch-check-copy{min-width:0;flex:1}.launch-check-copy strong{display:block;font-size:11px;line-height:1.5;color:#3b4a65}.launch-check-copy small{display:block;margin-top:3px;font-size:10px;line-height:1.6;color:#9aa5b9}
.launch-check-state{flex:none;font-size:9px;letter-spacing:.07em;font-weight:800;color:#149d79}
.launch-check.block .launch-check-state{color:#d35b70}.launch-check.warning .launch-check-state{color:#be8935}
.launch-domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:8px}
.launch-domain{border:1px solid #e8edf5;border-radius:13px;padding:18px;background:#fcfdff}
.launch-domain-top{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-bottom:15px;border-bottom:1px solid #e8edf5}
.launch-domain-identity{display:flex;gap:10px;align-items:center;min-width:0}.launch-domain-identity>div{min-width:0}
.launch-domain-icon{display:grid;place-items:center;width:39px;height:39px;background:#f1edff;color:#7864d8;border-radius:11px;flex:none}
.launch-domain-identity strong{display:block;font-size:12px;color:#32435d;overflow-wrap:anywhere}
.launch-domain-identity small{display:block;color:#9aa6b8;font-size:10px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}
.launch-domain-checks{padding:7px 0}.launch-domain-checks .launch-check{padding:9px 0}.launch-domain-checks .launch-check-icon{width:26px;height:26px}
.launch-domain-checks .launch-check-copy strong{font-size:10.5px}.launch-domain-checks .launch-check-copy small{font-size:9px}
.launch-domain-footer{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #e8edf5}
.launch-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:14px}
.launch-step{display:flex;gap:14px;align-items:flex-start;border:1px solid #e9edf5;border-radius:11px;padding:16px}
.launch-step>span{display:grid;place-items:center;flex:none;width:30px;height:30px;background:#eeeaff;color:#7258d6;border-radius:9px;font-weight:800;font-size:12px}
.launch-step strong{display:block;color:#35415c;font-size:11px;margin:3px 0 7px}
.launch-step p{font-size:10px;color:#91a0b4;line-height:1.7;margin:0}
@media(max-width:1170px){.launch-layout{grid-template-columns:1fr}.launch-domains{grid-template-columns:1fr}}
@media(max-width:650px){.launch-steps{grid-template-columns:1fr}.launch-switch-hero{align-items:flex-start;padding:15px}.launch-switch-icon{width:47px;height:47px}.launch-check{gap:7px}.launch-check-copy small{font-size:9px}.launch-check-state{font-size:8px}.launch-domain{padding:13px}.launch-domain-top{align-items:flex-start}}
/* V6 route lab: read-only configuration checks and opt-in seed tests */
.route-top{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.route-layer{margin:0 0 16px;padding-bottom:15px;border-bottom:1px solid #edf0f6}.route-layer:last-of-type{border:0;padding-bottom:0}
.route-option{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #edf0f6;padding:12px 0;font-size:11px;color:#6e7c94}
.route-option>strong{color:#36445d}.route-allowlist{display:flex;flex-wrap:wrap;gap:6px;padding:13px 0 2px}
.route-allowlist>span{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:7px 9px;background:#f4f6fa;color:#52637d;font-size:10px;overflow-wrap:anywhere}
.route-domain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:8px}
.route-domain{border:1px solid #e7ecf4;background:#fbfcff;border-radius:13px;padding:16px;min-width:0}
.route-domain-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.route-ident{display:flex;align-items:center;gap:11px;min-width:0}.route-ident>div{min-width:0}
.route-ident strong{font-size:12px;color:#33435e;display:block;overflow-wrap:anywhere}
.route-ident small{font-size:10px;display:block;color:#95a0b1;line-height:1.65;overflow-wrap:anywhere;margin-top:3px}
.route-address-icon{height:39px;width:39px;border-radius:11px;background:#ece8ff;display:grid;place-items:center;color:#715bd5;flex:none}
.route-domain-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}.route-domain-controls .btn{white-space:nowrap}
.route-domain-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:17px 0 15px;margin:12px 0 0;border-top:1px solid #eaedf4;min-width:0}
.route-domain-stages>div{min-width:0}.route-domain-stages small{display:block;font-size:9px;color:#91a0b3;margin-bottom:8px;line-height:1.4}
.route-domain-stages .tag{font-size:9px;max-width:100%;white-space:normal;line-height:1.45}
.route-when{display:block;font-size:11px;color:#53627a;line-height:1.6}
.route-details{border-top:1px solid #ebeff5;padding:10px 0 0}.route-details summary{cursor:pointer;list-style:none;color:#765dcd;font-weight:700;font-size:10px;display:flex;align-items:center;gap:7px}
.route-details summary::-webkit-details-marker{display:none}.route-details summary svg{height:11px;width:11px}
.route-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}
.route-check{display:flex;align-items:flex-start;gap:8px;padding:9px;border-radius:8px;background:#fff;border:1px solid #edf0f6;min-width:0}
.route-check strong{display:block;color:#435571;font-size:10px;line-height:1.45}.route-check small{display:block;color:#9ca5b4;font-size:9px;line-height:1.5;margin-top:3px;overflow-wrap:anywhere}
.route-dot{height:8px;width:8px;flex:none;border-radius:50%;margin-top:3px;background:#c3ccda}.route-dot.pass{background:#20ad81}.route-dot.fail{background:#df6874}.route-dot.unknown{background:#e2b463}
.route-probes{display:flex;flex-direction:column}.route-probe{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) auto;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f6}.route-probe:last-child{border:0}
.route-probe-ident{display:flex;gap:10px;align-items:flex-start;min-width:0}.route-probe-ident>div{min-width:0}.route-probe-ident strong{font-size:11px;display:block;color:#3c4b65;overflow-wrap:anywhere}
.route-probe-ident small{font-size:9.5px;display:block;color:#91a0b2;line-height:1.7;overflow-wrap:anywhere}.route-probe-id{font-size:9px;display:block;margin-top:5px;color:#adbad0;overflow-wrap:anywhere}
.route-probe-symbol{background:#f3f0ff;color:#765fde;height:34px;width:34px;display:grid;place-items:center;border-radius:10px;flex:none}
.route-probe-meta{min-width:0}.route-probe-meta>span{display:block;color:#9faac0;font-size:9px}.route-probe-meta strong{font-size:11px;color:#52617c;display:block;overflow-wrap:anywhere;margin:4px 0}.route-probe-meta small{font-size:9px;color:#9aa5b5;overflow-wrap:anywhere}
.route-probe-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.route-message-id{overflow-wrap:anywhere;white-space:normal;max-width:100%}.route-message-id code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1240px){.route-domain-list{grid-template-columns:1fr}}
@media(max-width:900px){.route-top{grid-template-columns:1fr}.route-domain-stages{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px}}
@media(max-width:650px){.route-domain{padding:12px}.route-domain-head{flex-direction:column;align-items:stretch}.route-domain-controls{justify-content:flex-start}.route-domain-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.route-check-grid{grid-template-columns:1fr}.route-probe{grid-template-columns:1fr;gap:9px;align-items:flex-start}.route-probe-actions{justify-content:flex-start}.route-domain-controls .btn{font-size:10px}.route-allowlist>span{max-width:100%}}

/* V7 DNS Setup Centre */
.dns-banner{margin-bottom:20px}
.dns-main-layout{display:grid;grid-template-columns:minmax(230px,.28fr) minmax(0,1fr);gap:19px;align-items:start}
.dns-domain-picker{position:sticky;top:20px;min-width:0}
.dns-domain-option{width:100%;display:flex;align-items:center;gap:11px;padding:13px 11px;border:1px solid transparent;background:transparent;text-align:left;border-radius:10px;color:#687690;min-width:0}
.dns-domain-option:hover{background:#f6f3ff}.dns-domain-option.selected{background:#f1efff;border-color:#e5dfff;color:#6a54c6}
.dns-domain-option>span:nth-child(2){min-width:0;flex:1}.dns-domain-option strong{display:block;overflow-wrap:anywhere;color:#36445d;font-size:11px;line-height:1.55}.dns-domain-option small{display:block;font-size:9.5px;color:#9da8ba;margin-top:4px}
.dns-domain-avatar{width:34px;height:34px;border-radius:10px;background:#edf0f9;color:#755dd5;display:grid;place-items:center;flex:none}
.dns-domain-option.selected .dns-domain-avatar{background:#e5dfff}
.dns-sidebar-foot{border-top:1px solid #edf0f5;margin-top:14px;padding-top:16px}.dns-sidebar-foot strong{font-size:10.5px;color:#51607a;display:flex;gap:6px;align-items:center}.dns-sidebar-foot p{font-size:10px;color:#9da5b4;line-height:1.75;margin:7px 0 12px}
.dns-workspace{min-width:0}.dns-summary{background:linear-gradient(115deg,#fff 45%,#faf8ff);margin-bottom:21px}
.dns-summary-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}
.dns-summary-head h2{font-size:21px;letter-spacing:-.5px;color:#25314a;margin:0 0 5px;overflow-wrap:anywhere}
.dns-summary-head p{color:#8b98ad;font-size:11px;overflow-wrap:anywhere;margin:0}
.dns-summary-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.dns-summary-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:23px}
.dns-summary-metrics>div{border:1px solid #e9edf5;border-radius:11px;padding:16px 15px;background:#fff}
.dns-summary-metrics strong{font-size:27px;letter-spacing:-1.15px;color:#6f59d8;display:block;line-height:1.2}
.dns-summary-metrics strong em{font-size:14px;font-style:normal;color:#a0a9b8}
.dns-summary-metrics span{font-size:9.5px;color:#9aa6bb;display:block;margin-top:7px}
.dns-progress{margin-top:16px}.dns-timestamp{font-size:10px;color:#a2adbd;margin:10px 0 0;line-height:1.6}
.dns-section{margin-bottom:24px}.dns-group-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 11px}
.dns-group-title>div{display:flex;gap:10px;align-items:center}.dns-group-title h3{font-size:14px;color:#34415b;margin:0}
.dns-group-title>span{font-size:10px;color:#9da9ba}
.dns-group-number{display:grid;place-items:center;background:#eae5ff;color:#7057d3;font-size:10px;font-weight:800;width:30px;height:30px;border-radius:9px}
.dns-record-list{display:flex;flex-direction:column;gap:10px}.dns-record{background:#fff;border:1px solid #e6ecf4;border-radius:13px;padding:17px 19px;min-width:0}
.dns-record.add,.dns-record.update{border-left:3px solid #e7a96a}.dns-record.review,.dns-record.configure{border-left:3px solid #d3a365}.dns-record.verified{border-left:3px solid #30bd95}
.dns-record-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:17px}
.dns-record-title{display:flex;gap:10px;min-width:0;align-items:flex-start}.dns-record-title>div{min-width:0}.dns-record-title strong{display:block;color:#36445d;font-size:12px;line-height:1.5}.dns-record-title small{font-size:9.5px;color:#9ca7b8;line-height:1.5;display:block;margin-top:3px}
.dns-symbol{height:34px;width:34px;background:#f1efff;color:#715cd0;border-radius:9px;display:grid;place-items:center;flex:none}
.dns-fields{display:grid;grid-template-columns:minmax(175px,.37fr) minmax(0,1fr);gap:13px;align-items:start}
.dns-fields>div{min-width:0}.dns-fields small,.dns-observed small{display:block;color:#a0a9bb;font-size:9px;font-weight:800;letter-spacing:.6px;margin-bottom:8px}
.dns-code-inline,.dns-code-value{display:flex;align-items:center;gap:7px;background:#f6f8fc;border:1px solid #edf1f7;padding:8px 9px;border-radius:8px;min-width:0}
.dns-code-inline b{font-size:10px;color:#7059d4;background:#eae5ff;border-radius:5px;padding:6px 7px;flex:none}
.dns-code-inline code,.dns-code-value code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#445572;font-size:10.5px;line-height:1.6;overflow-wrap:anywhere;word-break:break-word;min-width:0;flex:1}
.dns-code-inline .btn,.dns-code-value .btn{flex:none}.dns-code-inline .btn{width:27px;height:27px}
.dns-full-name{display:block;color:#a3acb9;font-size:9px;overflow-wrap:anywhere;margin-top:6px}
.dns-observed{display:flex;align-items:flex-start;gap:12px;margin-top:13px;padding:11px 12px;background:#fcfdff;border-radius:7px;border:1px solid #f1f3f8;font-size:10px}
.dns-observed small{flex:none;margin:1px 0 0}.dns-observed>span{color:#8290a8;line-height:1.5;min-width:0;overflow-wrap:anywhere}
.dns-action-note{display:flex;align-items:flex-start;gap:8px;padding-top:11px;color:#7d899f;font-size:10.5px;line-height:1.6}
.dns-action-note svg{color:#a28ce4;flex:none;margin-top:1px}.dns-action-note strong{color:#55647d}.dns-more{margin-top:10px;border-top:1px solid #f0f2f7;padding-top:10px}
.dns-more summary{cursor:pointer;color:#755ec9;font-size:10px;font-weight:700}.dns-more p{font-size:10px;line-height:1.7;color:#91a0b2;margin:9px 0 0}.dns-more pre{white-space:pre-wrap;word-wrap:break-word;background:#f7f8fc;border-radius:8px;padding:10px;font-size:11px}
.dns-final-note h3{font-size:13px;display:flex;align-items:center;gap:10px}.dns-final-note p{font-size:11px;line-height:1.8;color:#8896a9}
.dns-settings-modal{width:min(760px,100%)}.dns-settings-block{border-bottom:1px solid #e8edf5;margin-bottom:20px;padding-bottom:15px}.dns-settings-block>strong{display:block;font-size:12px;color:#7258d7;margin:0 0 15px}
@media(max-width:1200px){.dns-main-layout{grid-template-columns:minmax(210px,.3fr) minmax(0,1fr)}.dns-fields{grid-template-columns:1fr}}
@media(max-width:940px){.dns-main-layout{grid-template-columns:1fr}.dns-domain-picker{position:static}.dns-domain-picker>.dns-card{max-width:100%}.dns-domain-option{width:100%}}
@media(max-width:650px){.dns-summary-head{flex-direction:column}.dns-summary-actions{justify-content:flex-start}.dns-summary-metrics{gap:7px}.dns-summary-metrics>div{padding:12px 8px}.dns-summary-metrics strong{font-size:23px}.dns-summary-metrics span{font-size:9px}.dns-record{padding:14px}.dns-record-title strong{font-size:11px}.dns-fields{grid-template-columns:1fr;gap:11px}.dns-code-value{align-items:flex-start}.dns-code-value .btn{padding:7px}.dns-record-top{align-items:flex-start}.dns-record-top>.tag{font-size:9px}.dns-observed{flex-direction:column;gap:4px}.dns-settings-modal .form-grid{grid-template-columns:1fr}.dns-summary-head h2{font-size:19px}}