:root{--nav:#0b1d35;--blue:#187af0;--text:#112842;--muted:#74869b;--line:#dfe7f0;--bg:#f4f7fb;--green:#18a774;--orange:#ee8136;--violet:#7057d7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;display:grid;grid-template-columns:268px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#091a30,#0d223e 62%,#0a1c33);color:#aabbd0;padding:0 13px;display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:11px;color:#fff;padding:0 13px;font-size:19px;letter-spacing:-.4px}.brand-icon{width:34px;height:34px;display:grid;place-items:center;color:#39a4ff;font-size:38px;font-weight:300;line-height:1}.sidebar nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-label{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.14em;color:#647e9d;margin:20px 12px 6px}.sidebar nav a{text-decoration:none;color:#a5b7cc;display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:9px;font-size:12px;font-weight:550}.sidebar nav a i{font-style:normal;width:20px;font-size:18px;text-align:center}.sidebar nav a b{margin-left:auto;border-radius:7px;background:rgba(255,255,255,.1);padding:2px 6px;font-size:9px}.sidebar nav a:hover{background:#142e4f;color:#fff}.sidebar nav a.active{background:linear-gradient(90deg,#1769c4,#1a81ee);color:#fff;box-shadow:0 6px 18px rgba(0,92,203,.25)}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.07);padding:12px 0}.health{display:flex;align-items:center;gap:10px;padding:9px}.health>span{width:7px;height:7px;border-radius:50%;background:#2ac98c;box-shadow:0 0 0 4px rgba(42,201,140,.11)}.health p{margin:0}.health strong,.health small{display:block}.health strong{font-size:10px;color:#dce7f2}.health small{font-size:8px;color:#6e87a5}.sidebar-bottom form{margin:0}.user{width:100%;border:0;border-radius:10px;padding:9px;background:rgba(255,255,255,.04);color:#dce6f0;display:flex;align-items:center;gap:9px;text-align:left}.user em{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#258eff,#56b8ff);display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:800}.user span{flex:1}.user strong,.user small{display:block}.user strong{font-size:10px}.user small{color:#748ca8;font-size:8px}.user b{font-weight:400;color:#8298b1}.workspace{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e4ebf3;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.menu{display:none;border:0;background:#eff5fb;width:38px;height:38px;border-radius:9px}.org{display:flex;align-items:center;gap:9px}.org em{font-style:normal;width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#e7f2ff;color:#187af0;font-size:12px;font-weight:800}.org small,.org strong{display:block}.org small{text-transform:uppercase;color:#8797aa;font-size:8px;letter-spacing:.07em}.org strong{font-size:11px}.top-actions{display:flex;align-items:center;gap:8px}.top-actions>button,.top-actions>b{height:38px;min-width:38px;border:1px solid #e1e8f0;background:#fff;color:#66788e;border-radius:9px;display:grid;place-items:center}.top-actions>b{font-size:9px}.top-actions .search{min-width:220px;background:#f8fafc;display:flex;align-items:center;gap:8px;padding:0 10px;text-align:left}.search span{flex:1}.search kbd{font-size:9px;border:1px solid #dde5ed;background:white;padding:2px 5px;border-radius:5px}main{padding:30px;max-width:1540px;margin:0 auto}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.live{display:flex;align-items:center;gap:8px;color:#149365;text-transform:uppercase;font-size:9px;font-weight:750;letter-spacing:.12em}.live i{width:7px;height:7px;border-radius:50%;background:#2ac98c;box-shadow:0 0 0 4px rgba(42,201,140,.1)}h1{font-size:27px;line-height:1.15;letter-spacing:-.65px;margin:8px 0 0}h2{font-size:14px;margin:0}.heading p{color:var(--muted);font-size:12px;margin:6px 0 0}.primary{border:0;border-radius:10px;background:linear-gradient(135deg,#1980f5,#1769df);color:white;padding:12px 17px;font-weight:650;box-shadow:0 8px 20px rgba(23,112,232,.2)}.insight{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border:1px solid #c9def5;border-radius:15px;background:linear-gradient(100deg,#f3f9ff,#fff 58%,#f5faff);padding:20px 22px;margin-bottom:17px}.aurora{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#238cff,#7257e8);color:white;font-size:20px}.insight small{font-size:8px;letter-spacing:.14em;color:#297fe1;font-weight:800}.insight h2{margin:4px 0}.insight p{margin:0;color:#687d94;font-size:11px}.insight button{border:0;background:transparent;color:#1775e8;font-size:10px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metrics article{background:white;border:1px solid var(--line);border-radius:13px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-style:normal;font-weight:700}.metric-icon.green{background:#e7f8f1;color:#149d6d}.metric-icon.blue{background:#e9f3ff;color:#1a7ef2}.metric-icon.orange{background:#fff1e6;color:#ef7d28}.metric-icon.violet{background:#f0ecff;color:#7355dd}.metrics p{margin:0}.metrics small,.metrics strong{display:block}.metrics p small{font-size:9px;color:#7a8b9e}.metrics p strong{font-size:18px;margin-top:3px}.metrics em{align-self:end;font-style:normal;font-size:8px;color:#73879c}.visual-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:14px;margin-bottom:14px}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.chart-panel,.coverage{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2{font-size:12px}.panel-head p{font-size:9px;color:#8493a4;margin:4px 0 0}.period{background:#f1f5f9;border-radius:8px;padding:3px}.period button{border:0;background:transparent;border-radius:6px;padding:6px 9px;color:#75879a;font-size:8px}.period button.active{background:white;color:#176fd8;box-shadow:0 1px 4px rgba(33,57,88,.12)}.chart-legend{display:flex;gap:16px;margin:18px 0 2px;color:#78899d;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#2789f7}.chart-legend i.blocked{background:#ef7358}.chart{width:100%;height:205px}.chart .grid{fill:none;stroke:#e8edf3;stroke-width:1}.chart .fill{fill:url(#fill)}.chart .line{fill:none;stroke:#278bf5;stroke-width:2.5}.chart .block-line{fill:none;stroke:#f17455;stroke-width:2}.score{height:147px;display:grid;place-items:center}.score:before{content:"";position:absolute;width:110px;height:110px;border:9px solid #e9f7f2;border-top-color:#20ae7c;border-right-color:#20ae7c;border-bottom-color:#20ae7c;border-radius:50%;transform:rotate(18deg)}.score div{position:relative;text-align:center}.score strong{font-size:26px}.score span{font-size:10px;color:#8190a2}.score small{display:block;color:#159669;font-size:8px}.coverage ul{list-style:none;margin:0;padding:5px 0 0;border-top:1px solid #edf1f5}.coverage li{display:flex;align-items:center;gap:9px;padding:8px 0}.coverage li>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-style:normal}.coverage li>i.green{background:#e9f9f2;color:var(--green)}.coverage li>i.blue{background:#eaf4ff;color:var(--blue)}.coverage li>i.violet{background:#f1edff;color:var(--violet)}.coverage li span{flex:1}.coverage li strong,.coverage li small{display:block}.coverage li strong{font-size:9px}.coverage li small{font-size:7px;color:#8998a9}.coverage li em{font-size:7px;font-style:normal;color:#169b6d;background:#eaf8f2;padding:3px 6px;border-radius:8px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:14px}.panel-head.padded{padding:18px 19px 14px;border-bottom:1px solid #edf1f5}.table{overflow-x:auto}.tr{display:grid;grid-template-columns:minmax(190px,1.5fr) .6fr .6fr .7fr;align-items:center;gap:12px;padding:10px 15px;border-top:1px solid #f0f3f6;font-size:9px;color:#425970}.tr.th{background:#fafbfd;color:#8a98a8;text-transform:uppercase;letter-spacing:.07em;font-size:7px;border:0}.tr>span:first-child{display:flex;align-items:center;gap:9px}.tr>span>i{width:31px;height:31px;border:1px solid #dce8f5;background:#f3f8fd;color:#2d7bd3;border-radius:8px;display:grid;place-items:center;font-style:normal}.tr b,.tr small{display:block}.tr b{font-size:9px}.tr small{font-size:7px;color:#8b98a7;font-weight:400}.status{font-style:normal;font-size:7px;padding:4px 7px;border-radius:8px;background:#eaf8f2;color:#148861}.status.degraded,.status.at_risk,.status.offline{background:#fff0f1;color:#c94355}.event-list{padding:2px 12px 8px}.event{display:flex;align-items:center;gap:9px;padding:11px 5px;border-bottom:1px solid #eef2f6}.event:last-child{border:0}.event>i{font-style:normal;width:31px;height:31px;border-radius:8px;background:#fff0f1;color:#e45464;display:grid;place-items:center}.event>span{flex:1;min-width:0}.event strong,.event small,.event em{display:block}.event strong{font-size:9px}.event small{font-size:7px;color:#718198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event em{font-size:7px;color:#9ba5b2;font-style:normal}.event>b{font-size:7px;padding:3px 6px;border-radius:7px;background:#ffedef;color:#c43f51}.event>b.medium{background:#fff3e4;color:#b87520}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px}.empty.compact{min-height:250px}.empty>span{width:42px;height:42px;border-radius:12px;background:#eaf8f2;color:#179968;display:grid;place-items:center;font-size:20px}.empty h3{font-size:12px;margin:10px 0 2px}.empty p{color:#8291a2;font-size:9px;margin:0 0 12px}
.login-body{min-height:100vh;background:#07182d}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,#143b66,#091c34 45%,#07182d);color:white}.login-brand .brand{padding:0;height:auto}.secure-label{font-size:10px;letter-spacing:.18em;color:#43a9ff;font-weight:800}.login-brand h1{font-size:48px;max-width:600px;margin:14px 0;letter-spacing:-1.5px}.login-brand p{max-width:570px;color:#9fb3c9;font-size:15px;line-height:1.7}.trust-row{display:flex;gap:10px}.trust-row span{border:1px solid #234461;background:rgba(255,255,255,.03);padding:7px 11px;border-radius:8px;color:#9eb5cc;font-size:10px}.login-card{background:#f7f9fc;display:grid;place-items:center;padding:30px}.login-form{width:min(410px,100%);background:white;border:1px solid #e0e7ef;border-radius:18px;padding:38px;box-shadow:0 20px 50px rgba(3,24,48,.12)}.login-kicker{font-size:9px;letter-spacing:.16em;color:#287fe2;font-weight:800}.login-form h2{font-size:23px;margin:7px 0 4px}.login-form>p{color:#7a899b;font-size:12px;margin:0 0 23px}.login-form label{display:block;font-size:10px;font-weight:700;margin-bottom:14px;color:#3b526b}.login-form input{display:block;width:100%;height:44px;border:1px solid #d9e2ec;border-radius:9px;padding:0 12px;margin-top:6px;outline:0}.login-form input:focus{border-color:#2588f5;box-shadow:0 0 0 3px #dcecff}.login-button{width:100%;height:45px;border:0;border-radius:9px;background:linear-gradient(135deg,#1980f5,#1769df);color:white;font-weight:700;margin-top:5px}.form-error{background:#ffedef;color:#b73749;border:1px solid #ffd0d6;border-radius:8px;padding:10px;font-size:10px;margin-bottom:14px}.login-note{display:block;text-align:center;color:#92a0af;font-size:8px;margin-top:17px}
@media(max-width:1120px){.metrics{grid-template-columns:repeat(2,1fr)}.visual-grid,.lower-grid{grid-template-columns:1fr}.coverage{display:grid;grid-template-columns:1fr 150px 1.4fr;align-items:center}.coverage .panel-head{grid-column:1/-1}.coverage ul{border:0}.login-brand h1{font-size:38px}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;z-index:50;left:-280px;width:268px;transition:left .2s}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.2)}.topbar{height:66px;padding:0 15px}.menu{display:block}.topbar .org{margin-right:auto;margin-left:8px}.top-actions .search{min-width:38px;width:38px}.search span,.search kbd,.top-actions>button:nth-of-type(2),.top-actions>b{display:none}main{padding:20px 15px}.heading h1{font-size:23px}.heading .primary{width:42px;font-size:0;padding:12px}.heading .primary:first-letter{font-size:16px}.insight{grid-template-columns:auto 1fr}.insight>button{grid-column:2;text-align:left}.metrics{grid-template-columns:1fr 1fr}.visual-grid,.lower-grid{grid-template-columns:1fr}.coverage{display:block}.login-shell{grid-template-columns:1fr}.login-brand{min-height:310px;padding:35px}.login-brand h1{font-size:32px}.login-card{padding:18px}.login-form{padding:28px}}
@media(max-width:500px){.metrics{grid-template-columns:1fr}.insight{grid-template-columns:1fr}.insight>button{grid-column:1}.tr{min-width:620px}.login-brand{display:none}.login-shell{display:block}.login-card{min-height:100vh}}
.primary{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.registry{min-height:360px}.app-cards{padding:8px}.app-card{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;text-decoration:none;color:var(--text);padding:15px;border-radius:11px;border-bottom:1px solid #edf1f5}.app-card:hover{background:#f7faff}.app-card>div strong,.app-card>div small,.app-card>div em{display:block}.app-card>div strong{font-size:12px}.app-card>div small{color:#587087;font-size:10px}.app-card>div em{font-style:normal;color:#98a5b3;font-size:8px;margin-top:4px}.app-symbol{width:42px;height:42px;border-radius:11px;background:#e9f3ff;color:#197cec;display:grid;place-items:center;font-size:20px}.app-symbol.small{width:34px;height:34px;font-size:14px}.simple-header{height:72px;background:white;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px}.simple-header>a{text-decoration:none;color:#5c7188}.simple-header>.brand{height:auto}.simple-header>span{text-align:right;color:#7a8b9f;font-size:10px}.form-page{background:#f5f8fc}.setup-main{max-width:850px;padding:50px 25px 80px}.setup-intro{text-align:center;margin-bottom:30px}.setup-intro .live{justify-content:center}.setup-intro h1{font-size:31px}.setup-intro p{max-width:620px;margin:10px auto;color:var(--muted)}.setup-form{display:grid;gap:14px}.setup-form section{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.setup-form h2{margin-bottom:17px}.setup-form label{font-size:10px;font-weight:700;color:#3c5268;display:block}.setup-form input,.setup-form select{width:100%;height:43px;margin-top:6px;padding:0 11px;border:1px solid #d8e1eb;border-radius:9px;background:#fff;color:var(--text);outline:0}.setup-form input:focus,.setup-form select:focus{border-color:#2386f3;box-shadow:0 0 0 3px #e2f0ff}.setup-form label small{display:block;color:#8998a8;font-weight:400;margin-top:5px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field-grid .wide{grid-column:1/-1}.origin-row{display:flex;gap:12px}.origin-row label:first-child,.origin-row label:last-child{width:120px}.origin-row .grow{flex:1}.help{color:#8494a5;font-size:9px;margin:10px 0 0}.profile-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-options label{position:relative}.profile-options input{position:absolute;opacity:0}.profile-options span{display:block;border:1px solid #dce5ee;border-radius:10px;padding:14px;height:100%}.profile-options input:checked+span{border-color:#2687f2;background:#f2f8ff;box-shadow:0 0 0 2px #dcecff}.profile-options strong,.profile-options small{display:block}.profile-options small{margin-top:5px}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding-top:8px}.form-actions>a{color:#697d92;text-decoration:none}.notice{background:#eef8ff;border:1px solid #bcdcf8;color:#245f92;padding:13px 16px;border-radius:10px;margin-bottom:18px}.app-title{display:flex;gap:14px;align-items:center}.app-title h1{margin:4px 0 1px}.app-title p{margin:0;color:var(--muted);font-size:10px}.tabs{display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--line);margin:25px 0 18px}.tabs a{padding:11px 0;color:#75879a;font-size:9px;white-space:nowrap}.tabs a.active{color:#187af0;border-bottom:2px solid #187af0;font-weight:700}.activation{background:white;border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:14px}.activation-head{display:flex;justify-content:space-between}.activation-head small{font-size:8px;color:#2b82de;font-weight:800;letter-spacing:.12em}.activation-head p{color:var(--muted);font-size:10px;margin:5px 0}.activation-head>strong{color:#207de7;background:#eaf4ff;padding:6px 9px;border-radius:8px;height:min-content;font-size:9px}.activation ol{list-style:none;margin:18px 0 0;padding:0}.activation li{display:flex;gap:12px;align-items:flex-start;padding:13px;border-left:2px solid #e5ebf2;margin-left:14px}.activation li>i{margin-left:-29px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef2f6;color:#8291a2;font-style:normal;border:4px solid white}.activation li.done>i{background:#dff6ed;color:#139368}.activation li.current{background:#f5f9ff;border-radius:9px;border-left-color:#2685ef}.activation li.current>i{background:#2685ef;color:white}.activation li span{flex:1}.activation li strong,.activation li small,.activation li span>code{display:block}.activation li small{color:#7b8ca0;font-size:9px}.activation code{font-size:9px;background:#edf2f7;padding:5px 7px;border-radius:5px;margin-top:6px;overflow-wrap:anywhere}.activation form button{border:1px solid #bad8f7;background:#fff;color:#1875da;border-radius:8px;padding:8px 10px;font-size:9px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-list{padding:10px 18px}.detail-list>div{display:flex;align-items:center;gap:11px;padding:10px 0}.detail-list p{flex:1;margin:0}.detail-list strong,.detail-list small{display:block}.detail-list small{font-size:8px;color:var(--muted)}dl{margin:0;padding:10px 18px}dl>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #edf1f5}dt{color:var(--muted);font-size:9px}dd{margin:0;font-size:9px;font-weight:650}
@media(max-width:760px){.app-card{grid-template-columns:auto 1fr}.app-card>.status,.app-card>b{display:none}.simple-header{padding:0 15px}.simple-header>span{display:none}.setup-main{padding-top:30px}.origin-row{display:grid;grid-template-columns:1fr 1fr}.origin-row .grow{grid-column:1/-1;grid-row:1}.origin-row label:first-child,.origin-row label:last-child{width:auto}.profile-options{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.activation li{flex-wrap:wrap}.activation form{margin-left:40px}.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}}
.discover-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.discover-row button{height:43px;border:1px solid #b9d6f4;background:#f3f8ff;color:#176fce;border-radius:9px;padding:0 15px;font-weight:700}.discover-row button:disabled{opacity:.6}.section-title{display:flex;justify-content:space-between;align-items:flex-start}.section-title p{font-size:9px;color:var(--muted);margin:4px 0 14px}.dual-stack{font-size:8px;color:#166fcf;background:#eaf4ff;padding:5px 8px;border-radius:8px;font-weight:750}.dns-discovery{border:1px solid #dce5ee;border-radius:10px;overflow:hidden}.discovery-empty{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7c8da0;text-align:center}.discovery-empty>span{font-size:22px;color:#3088e7}.discovery-empty strong{font-size:10px;color:#4c6279}.discovery-empty small{font-size:8px;margin-top:3px}.discovery-empty.error>span,.discovery-empty.error>strong{color:#c84958}.dns-record{display:grid!important;grid-template-columns:auto auto 1fr auto;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #edf1f5;cursor:pointer}.dns-record:last-child{border:0}.dns-record>input[type=checkbox]{width:17px;height:17px;margin:0}.dns-record>input[type=hidden]{display:none}.dns-record>span strong,.dns-record>span small{display:block}.dns-record>span strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.dns-record>span small{margin:2px 0 0}.dns-record>em{font-style:normal;font-size:8px;color:#17855f;background:#eaf8f2;padding:4px 7px;border-radius:7px}.record-type{width:42px;text-align:center;padding:5px;border-radius:7px;background:#eaf3ff;color:#1978df;font-weight:800}.record-type.aaaa{background:#f0ecff;color:#6b55ce}.discovery-warning{font-size:8px;color:#91601d;background:#fff8e8;border:1px solid #f3dfb2;border-radius:8px;padding:9px 11px;margin-top:10px}.origin-identity{display:flex;justify-content:space-between;gap:12px;margin-top:13px;padding:10px 12px;border-radius:8px;background:#f5f8fb;font-size:9px}.origin-identity span{color:#7b8da0}.origin-identity strong{overflow-wrap:anywhere}
@media(max-width:760px){.discover-row{grid-template-columns:1fr}.discover-row button{width:100%}.dns-record{grid-template-columns:auto auto 1fr}.dns-record>em{display:none}.origin-identity{display:block}.origin-identity strong{display:block;margin-top:3px}}

/* WAF-100B Hotfix 2 — canonical readability scale */
body{font-size:15px;line-height:1.55}.sidebar nav a{font-size:14px;padding:13px 12px}.nav-label{font-size:11px;margin-top:23px}.sidebar nav a b,.health strong,.user strong{font-size:12px}.health small,.user small{font-size:11px}.topbar{height:82px}.org small{font-size:10px}.org strong{font-size:13px}main{padding:36px;max-width:1600px}h1{font-size:32px}.heading p,.app-title p{font-size:14px}h2,.panel-head h2{font-size:17px}.live{font-size:11px}.status{font-size:11px;padding:5px 9px}.tabs{gap:30px;margin-top:30px}.tabs a{font-size:13px;padding:13px 0}.notice,.workspace-error{font-size:14px;padding:15px 18px}.activation{padding:28px}.activation-head small{font-size:11px}.activation-head h2{font-size:19px}.activation-head p{font-size:13px}.activation-head>strong{font-size:12px;padding:7px 11px}.activation ol{margin-top:24px}.activation li{padding:17px 16px;gap:15px}.activation li>i{width:32px;height:32px;margin-left:-33px;font-size:14px}.activation li strong{font-size:15px}.activation li small{font-size:13px;line-height:1.55}.activation code{font-size:12px;padding:7px 9px}.activation form button{font-size:12px;padding:10px 13px}.panel-head p,.detail-list small,dt,dd{font-size:12px}.detail-list strong{font-size:14px}.detail-list>div{padding:14px 0}.app-card>div strong{font-size:15px}.app-card>div small{font-size:13px}.app-card>div em{font-size:11px}.metrics p small{font-size:12px}.metrics p strong{font-size:21px}.metrics em{font-size:11px}.insight small{font-size:11px}.insight h2{font-size:17px}.insight p,.insight button{font-size:13px}.coverage li strong{font-size:13px}.coverage li small,.coverage li em{font-size:11px}.period button,.chart-legend{font-size:11px}.tr{font-size:12px;padding:13px 16px}.tr.th{font-size:10px}.tr b{font-size:13px}.tr small{font-size:11px}.event strong{font-size:13px}.event small,.event em,.event>b{font-size:11px}.empty h3{font-size:16px}.empty p{font-size:13px}.setup-intro p{font-size:14px}.setup-form h2{font-size:17px}.setup-form label{font-size:13px}.setup-form label small,.help,.section-title p{font-size:12px}.dual-stack,.dns-record>em,.discovery-warning{font-size:11px}.discovery-empty strong,.dns-record>span strong{font-size:13px}.discovery-empty small,.dns-record>span small{font-size:12px}.origin-identity{font-size:12px}.login-kicker,.login-note{font-size:11px}.login-form>p{font-size:14px}.login-form label{font-size:13px}.step-warning{margin-top:10px;background:#fff7e7;border:1px solid #f0d99f;color:#79531d;border-radius:8px;padding:10px 12px;font-size:12px}.dns-targets{display:flex;flex-wrap:wrap;gap:9px;margin-top:10px}.dns-targets span{display:flex;align-items:center;gap:8px;border:1px solid #cbdff5;background:#fff;border-radius:8px;padding:8px 10px}.dns-targets b{color:#1876d9;font-size:11px}.dns-targets code{margin:0;background:transparent;padding:0}.activation li.done{border-left-color:#41bd8f}.activation li.done strong{color:#176f52}
@media(max-width:760px){main{padding:24px 18px}.activation{padding:21px}.activation li{padding:15px 12px}.activation-head{gap:12px}.activation-head>strong{white-space:nowrap}.tabs{gap:22px}}
.gateway-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.gateway-metrics article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.gateway-metrics small,.gateway-metrics strong{display:block}.gateway-metrics small{font-size:12px;color:var(--muted)}.gateway-metrics strong{font-size:20px}.gateway-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(330px,.7fr);gap:14px}.gateway-side{display:grid;gap:14px;align-content:start}.node-list{padding:8px 16px}.node-row{display:grid;grid-template-columns:auto minmax(180px,1.2fr) .8fr 1fr 1fr auto;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid #edf1f5}.node-row:last-child{border:0}.node-row strong,.node-row small{display:block}.node-row strong{font-size:13px}.node-row small{font-size:11px;color:var(--muted)}.node-health{width:10px;height:10px;border-radius:50%;background:#a8b5c2;box-shadow:0 0 0 5px #f0f3f6}.node-health.healthy{background:#1eb47e;box-shadow:0 0 0 5px #e4f7f0}.node-health.degraded,.node-health.unreachable{background:#eb6f57;box-shadow:0 0 0 5px #fff0ed}.enrollment form{padding:18px;display:grid;gap:14px}.enrollment label{font-size:12px;font-weight:700}.enrollment input,.enrollment select{width:100%;height:44px;border:1px solid #d8e2ec;border-radius:9px;padding:0 11px;margin-top:6px;background:#fff}.one-time-token{margin:0 18px 18px;padding:15px;border:1px solid #f0cf87;background:#fff8e8;border-radius:10px}.one-time-token small{display:block;color:#9a6418;font-size:10px;font-weight:800}.one-time-token code{display:block;margin:8px 0;background:#fff;border:1px solid #eed9ab;border-radius:7px;padding:10px;font-size:11px;overflow-wrap:anywhere;user-select:all}.one-time-token p{font-size:11px;color:#866632;margin:0}.pool-row{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #edf1f5}.pool-row strong,.pool-row small{display:block}.pool-row strong{font-size:13px}.pool-row small{font-size:11px;color:var(--muted)}.rollout-note{display:flex;align-items:center;gap:16px;margin-top:14px;padding:20px}.rollout-note small{font-size:10px;color:#287dd8;font-weight:800;letter-spacing:.1em}.rollout-note h2{margin:3px 0}.rollout-note p{font-size:13px;color:var(--muted);margin:0}.status.unreachable,.status.retired{background:#ffedef;color:#c43f51}.status.provisioning{background:#eaf4ff;color:#176fcf}
@media(max-width:1180px){.gateway-metrics{grid-template-columns:repeat(2,1fr)}.gateway-grid{grid-template-columns:1fr}.node-row{grid-template-columns:auto 1fr 1fr auto}.node-row>div:nth-of-type(3),.node-row>div:nth-of-type(4){display:none}}
@media(max-width:620px){.gateway-metrics{grid-template-columns:1fr}.node-row{grid-template-columns:auto 1fr auto}.node-row>div:nth-of-type(2){display:none}}
.enrollment label>small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.one-command{margin:0 18px 18px;padding:16px;border:1px solid #a9cdf4;background:#f3f8ff;border-radius:11px}.one-command>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.one-command>div small{color:#176fcf;font-size:10px;font-weight:800;letter-spacing:.08em}.one-command button{border:1px solid #b9d5f2;background:#fff;color:#176fcf;border-radius:7px;padding:6px 9px;font-size:11px}.one-command>code{display:block;margin:12px 0;background:#0b1d35;color:#dcecff;border-radius:8px;padding:13px;font-size:11px;line-height:1.6;overflow-wrap:anywhere;user-select:all}.one-command ol{margin:10px 0;padding-left:20px;color:#3f5872;font-size:12px}.one-command p{margin:0;color:#6d8197;font-size:11px}
.live-refresh{display:flex;align-items:center;gap:9px;border:1px solid #cfe3f8;background:#fff;padding:9px 12px;border-radius:9px;color:#53708d;font-size:12px}.live-refresh i{width:8px;height:8px;border-radius:50%;background:#22b77f;box-shadow:0 0 0 4px #e3f7ef}.live-refresh.updating{color:#176fcf;border-color:#9ec9f5}.live-refresh.updating i{background:#2586ed;animation:live-pulse 1s infinite}.live-refresh.offline{color:#b34b59;border-color:#f1c7cd}.live-refresh.offline i{background:#df6170;box-shadow:0 0 0 4px #ffedf0}@keyframes live-pulse{50%{opacity:.35;transform:scale(.8)}}
.config-pools{display:grid;gap:14px;margin-bottom:14px}.config-pool{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;gap:24px;align-items:center;padding:20px}.config-pool>div{display:flex;gap:14px;align-items:center}.config-pool p,.config-pool p strong,.config-pool p small,.config-pool p em{display:block;margin:0}.config-pool p small{font-size:10px;color:#287dd8;font-weight:800;letter-spacing:.08em}.config-pool p strong{font-size:16px}.config-pool p em{font-size:12px;color:var(--muted);font-style:normal}.config-pool dl{display:flex;gap:24px;padding:0}.config-pool dl>div{display:block;border:0;padding:0}.config-pool dt,.config-pool dd{font-size:12px}.config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.release-list,.deployment-list{padding:8px 18px}.release-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid #edf1f5}.release-version{width:42px;height:42px;border-radius:10px;background:#eaf4ff;color:#1978df;display:grid;place-items:center;font-weight:800}.release-row strong,.release-row small,.deployment-row strong,.deployment-row small,.deployment-row em{display:block}.release-row small,.deployment-row small{font-size:11px;color:var(--muted)}.release-progress{font-size:12px;color:#526b83}.release-progress em,.deployment-row em{font-size:11px;color:#c14c5b;font-style:normal}.deployment-row{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f5}.agent-update{margin-top:14px}.agent-update .panel-head button{border:1px solid #b9d5f2;background:#fff;color:#176fcf;border-radius:8px;padding:8px 11px}.agent-update>code{display:block;margin:0 18px 18px;background:#0b1d35;color:#dcecff;border-radius:9px;padding:14px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;user-select:all}.status.validated,.status.applied,.status.published{background:#e4f7f0;color:#14805b}.status.failed,.status.rolled_back{background:#ffedef;color:#c43f51}.status.pending,.status.downloaded{background:#eaf4ff;color:#176fcf}
@media(max-width:1050px){.config-grid{grid-template-columns:1fr}.config-pool{grid-template-columns:1fr auto}.config-pool dl{display:none}}
@media(max-width:620px){.config-pool{grid-template-columns:1fr}.config-pool form .primary{width:100%}.release-row{grid-template-columns:auto 1fr}.release-row>.status,.release-progress{grid-column:2}.agent-update .panel-head{align-items:flex-start;gap:10px}}
.deployment-row em{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;margin-top:4px}
.reputation-status,.security-preview{margin-top:14px}.reputation-status .panel-head>.status{align-self:center}.reputation-status code{font-size:12px;color:#176fcf}
.status.active{background:#e4f7f0;color:#14805b}.status.issuing,.status.renewing,.status.pending_validation{background:#eaf4ff;color:#176fcf}.status.expiring{background:#fff4df;color:#9b6418}.status.revoked{background:#eef1f5;color:#65778b}
.app-tab-panel[hidden]{display:none}.app-tab-panel{animation:app-tab-in .16s ease-out}.app-tab-panel>.panel:first-child{margin-top:0}.tab-content{min-height:360px}@keyframes app-tab-in{from{opacity:.45;transform:translateY(3px)}to{opacity:1;transform:none}}
.traffic-chart-panel{min-height:390px}.traffic-bytes{font-size:12px;color:#176fcf;background:#eaf4ff;padding:7px 10px;border-radius:8px}.traffic-bars{height:300px;padding:35px 28px 20px;display:flex;align-items:flex-end;gap:8px}.traffic-bar{height:100%;min-width:18px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.traffic-bar>span{position:relative;width:100%;max-width:48px;min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#2a91fb,#1674df);overflow:hidden}.traffic-bar>span>i{position:absolute;left:0;right:0;bottom:0;background:#ef765d;opacity:.9}.traffic-bar small{font-size:10px;color:var(--muted);white-space:nowrap}@media(max-width:760px){.traffic-bars{padding-inline:14px;gap:4px}.traffic-bar small{display:none}}
.origin-health-list .origin-state{display:grid;justify-items:end;gap:5px}.origin-health-list .origin-state small{font-size:10px;color:var(--muted)}.origin-error{color:#bd4656!important}.status.healthy{background:#e4f7f0;color:#14805b}.status.degraded{background:#fff4df;color:#9b6418}.status.unreachable{background:#ffedef;color:#c43f51}@media(max-width:620px){.origin-health-list .origin-state{justify-items:start;margin-left:45px}}

/* WAF-110A — Application Lifecycle Management */
.origin-editor-list{padding:0 20px 20px}.origin-editor{padding:20px 0;border-bottom:1px solid #e8eef5}.origin-editor:last-child{border-bottom:0}.origin-editor-head,.origin-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.origin-editor-head{margin-bottom:16px}.origin-editor-head>strong{font-size:15px}.lifecycle-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lifecycle-fields .wide{grid-column:span 2}.lifecycle-fields label,.settings-form label,.danger-zone label{font-size:12px;font-weight:700;color:#243c55}.lifecycle-fields input,.lifecycle-fields select,.settings-form input,.settings-form select,.danger-zone input{display:block;width:100%;height:44px;margin-top:6px;padding:0 11px;border:1px solid #d5e0eb;border-radius:9px;background:#fff;color:#102a45;font:inherit}.lifecycle-fields label small{display:block;margin-top:5px;color:var(--muted);font-size:11px;font-weight:400}.origin-editor-actions{justify-content:flex-end;margin-top:16px}.origin-editor-actions>small{margin-right:auto;color:var(--muted);font-size:11px}.secondary,.danger,.danger-link{border-radius:9px;padding:10px 14px;font-size:12px;font-weight:750;cursor:pointer}.secondary{border:1px solid #b8d4f1;background:#f5f9fe;color:#176fcf}.danger{border:1px solid #ce4254;background:#ce4254;color:#fff}.danger-link{border:0;background:transparent;color:#bd4050}.add-origin{margin-top:14px}.add-origin>form,.settings-form,.lifecycle-actions>form{padding:20px}.add-origin>form>.primary,.settings-form>.primary{margin-top:16px}.lifecycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.settings-form>.primary{grid-column:1/-1;justify-self:start}.settings-form input:disabled{background:#f3f6f9;color:#718399}.lifecycle-actions>form{border-top:1px solid #edf1f5}.lifecycle-actions h3{font-size:15px;margin:0 0 5px}.lifecycle-actions p{font-size:12px;color:var(--muted);margin:0 0 14px;line-height:1.55}.danger-zone{background:#fff9fa}.danger-zone h3{color:#ad3344}.danger-zone .check{display:flex;align-items:center;gap:9px;margin:12px 0}.danger-zone .check input{width:17px;height:17px;margin:0}.danger-zone>label:not(.check){display:block;margin:12px 0}.status.paused{background:#fff4df;color:#946018}
@media(max-width:1100px){.lifecycle-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.lifecycle-grid{grid-template-columns:1fr}}
@media(max-width:680px){.lifecycle-fields,.settings-form{grid-template-columns:1fr}.lifecycle-fields .wide,.settings-form>.primary{grid-column:auto}.origin-editor-actions{align-items:stretch;flex-direction:column}.origin-editor-actions>small{margin:0}.origin-editor-actions button{width:100%}}

/* WAF-110B — Customer & Platform Administration Separation */
.platform-sidebar{background:#081a31}.platform-sidebar .brand{position:relative}.platform-sidebar .brand>em{font-size:8px;letter-spacing:.12em;color:#65aaf4;border:1px solid #2f6398;border-radius:5px;padding:2px 5px;font-style:normal;margin-left:auto}.context-switch{display:flex!important;align-items:center;gap:10px;margin:8px 0;padding:11px!important;border:1px solid #294764;border-radius:10px;background:#102943!important}.context-switch>i{font-style:normal;color:#51a4f8}.context-switch>span{flex:1}.context-switch strong,.context-switch small{display:block}.context-switch strong{font-size:11px!important;color:#fff}.context-switch small{font-size:10px!important;color:#82a3c4}.platform-role{display:flex;gap:10px;align-items:center;padding:12px;color:#c7d9eb}.platform-role>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#1f79d8;color:#fff}.platform-role p,.platform-role strong,.platform-role small{display:block;margin:0}.platform-role strong{font-size:12px}.platform-role small{font-size:10px;color:#86a6c6}.operator-badge{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#875a12;background:#fff4df;border:1px solid #eed49f;border-radius:8px;padding:7px 9px}.operations-metrics{margin-bottom:14px}.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-list{padding:8px 18px}.ops-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f5}.ops-list>div:last-child{border:0}.ops-list p,.ops-list strong,.ops-list small{display:block;margin:0}.ops-list strong{font-size:13px}.ops-list small,.ops-list>div>em{font-size:11px;color:var(--muted);font-style:normal}.admin-table{overflow-x:auto}.admin-row{display:grid;grid-template-columns:minmax(210px,1.5fr) .7fr .5fr .7fr .9fr .7fr;gap:16px;align-items:center;padding:15px 20px;border-bottom:1px solid #edf1f5;min-width:900px;font-size:12px}.admin-row.head{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#7c90a5;background:#f8fafc;font-weight:800}.admin-row strong,.admin-row small{display:block}.admin-row strong{font-size:13px}.admin-row small{font-size:11px;color:var(--muted);margin-top:2px}.app-admin-row{grid-template-columns:minmax(230px,1.5fr) 1fr .8fr .6fr .6fr .8fr}.security-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.security-summary article{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px}.security-summary p,.security-summary small,.security-summary strong{display:block;margin:0}.security-summary small{font-size:11px;color:var(--muted)}.security-summary strong{font-size:20px}@media(max-width:1050px){.operations-grid{grid-template-columns:1fr}.security-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.security-summary{grid-template-columns:1fr}.operator-badge{display:none}}

/* WAF-110C — Customer Security Policies */
.policy-panel>form{padding:20px}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.profile-card{position:relative;display:block;cursor:pointer}.profile-card>input{position:absolute;opacity:0}.profile-card>span{display:block;min-height:92px;border:1px solid #d8e3ee;border-radius:11px;padding:16px;background:#fff}.profile-card strong,.profile-card small{display:block}.profile-card strong{font-size:14px}.profile-card small{font-size:11px;color:var(--muted);margin-top:5px;line-height:1.45}.profile-card>input:checked+span{border-color:#2588ef;background:#f1f7ff;box-shadow:0 0 0 2px #d5eaff}.policy-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.policy-fields label,.add-ip-rule label{font-size:12px;font-weight:700}.policy-fields input,.policy-fields select,.add-ip-rule input,.add-ip-rule select{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #d5e0eb;border-radius:9px;padding:0 11px;background:#fff;font:inherit}.policy-fields small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.policy-check{display:flex;align-items:flex-start;gap:9px;margin-top:16px;font-size:12px;color:#3a536d}.policy-check input{width:17px;height:17px;margin-top:1px}.policy-check.warning{padding:12px;border:1px solid #efd8a9;background:#fff8e8;border-radius:9px;color:#79531d}.policy-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:17px;border-top:1px solid #edf1f5}.policy-submit span{font-size:11px;color:var(--muted)}.policy-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.7fr);gap:14px}.ip-rule-list{padding:6px 18px}.ip-rule-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f5}.ip-rule-list p,.ip-rule-list strong,.ip-rule-list small{display:block;margin:0}.ip-rule-list strong{font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.ip-rule-list small{font-size:11px;color:var(--muted);margin-top:3px}.rule-action{font-size:10px;font-weight:800;border-radius:7px;padding:5px 8px}.rule-action.allow{background:#e4f7f0;color:#14805b}.rule-action.block{background:#ffedef;color:#c43f51}.add-ip-rule>form{display:grid;gap:14px;padding:18px}.add-ip-rule .primary{margin-top:2px}.reputation-note{border-top:1px solid #edf1f5;padding:18px}.reputation-note strong{font-size:12px}.reputation-note p{font-size:11px;color:var(--muted);line-height:1.5;margin:4px 0 0}@media(max-width:1100px){.profile-grid,.policy-fields{grid-template-columns:repeat(2,1fr)}.policy-layout{grid-template-columns:1fr}}@media(max-width:620px){.profile-grid,.policy-fields{grid-template-columns:1fr}.policy-submit{align-items:stretch;flex-direction:column}.policy-submit .primary{width:100%}}

/* WAF-110C Hotfix 4 — Gateway Pool DNS Synchronization */
.dns-synchronization{margin-bottom:14px;overflow:hidden}.dns-synchronization .panel-head small{display:block;font-size:10px;font-weight:850;letter-spacing:.11em;color:#2782df;margin-bottom:3px}.dns-sync-state{font-size:11px;font-weight:800;border-radius:8px;padding:7px 10px;background:#fff3dc;color:#94601d}.dns-synchronization.synchronized .dns-sync-state{background:#e3f7ef;color:#147b59}.dns-synchronization.unavailable .dns-sync-state{background:#eaf3fd;color:#276795}.dns-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px 20px}.dns-record-grid>div{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce6f0;border-radius:10px;padding:12px;background:#fbfdff}.dns-record-grid b{font-size:11px;color:#277bd2}.dns-record-grid code{font-size:12px;overflow-wrap:anywhere}.dns-record-grid span{font-size:10px;font-weight:800;border-radius:7px;padding:5px 8px;background:#fff0dc;color:#9b5c11}.dns-record-grid span.present{background:#e1f7ee;color:#14805b}.dns-record-grid .unexpected{border-color:#f0d4d8;background:#fffafa}.dns-record-grid .unexpected span{background:#ffeaed;color:#b8394c}.dns-sync-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #edf1f5;padding:16px 20px}.dns-sync-actions p,.dns-sync-empty{font-size:12px;color:var(--muted);line-height:1.55}.dns-sync-actions p{margin:0;max-width:900px}.dns-sync-actions form{flex:none}.dns-sync-empty{padding:18px 20px}.dns-synchronization.action_required{border-color:#efcf98}@media(max-width:760px){.dns-record-grid{grid-template-columns:1fr}.dns-sync-actions{align-items:stretch;flex-direction:column}.dns-sync-actions button{width:100%}}
.certificate-recovery{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #efd7a8;background:#fffaf0;padding:18px 20px}.certificate-recovery strong{font-size:13px;color:#76501a}.certificate-recovery p{font-size:12px;color:#806b4d;line-height:1.5;margin:4px 0 0}.certificate-recovery form{flex:none}@media(max-width:700px){.certificate-recovery{align-items:stretch;flex-direction:column}.certificate-recovery button{width:100%}}

/* WAF-120A — Gateway DDoS Protection Foundation */
.ddos-panel{margin-top:14px}.ddos-panel>form{padding:20px}.ddos-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ddos-mode-grid label{position:relative;cursor:pointer}.ddos-mode-grid input{position:absolute;opacity:0}.ddos-mode-grid span{display:block;height:100%;min-height:86px;padding:15px;border:1px solid #d8e3ee;border-radius:11px}.ddos-mode-grid strong,.ddos-mode-grid small{display:block}.ddos-mode-grid small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.ddos-mode-grid input:checked+span{border-color:#2588ef;background:#f1f7ff;box-shadow:0 0 0 2px #d5eaff}.ddos-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}.ddos-fields label{font-size:12px;font-weight:700}.ddos-fields input,.ddos-fields textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d5e0eb;border-radius:9px;background:#fff;font:inherit}.ddos-fields input{height:44px}.ddos-fields textarea{resize:vertical;line-height:1.5}.ddos-fields .wide{grid-column:1/-1}.ddos-fields small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}.ddos-boundary{margin-top:16px;padding:14px;border:1px solid #d8e3ee;border-radius:10px;background:#f8fafc}.ddos-boundary strong{font-size:12px}.ddos-boundary p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.55}@media(max-width:1050px){.ddos-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.ddos-mode-grid,.ddos-fields{grid-template-columns:1fr}.ddos-fields .wide{grid-column:auto}}

/* WAF-120B — DDoS Telemetry & Incident Visibility */
.ddos-telemetry-metrics,.ddos-inline-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ddos-telemetry-metrics{margin-top:14px}.ddos-telemetry-metrics article,.ddos-inline-summary span{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff}.ddos-telemetry-metrics small,.ddos-inline-summary small,.ddos-telemetry-metrics strong,.ddos-inline-summary strong{display:block}.ddos-telemetry-metrics small,.ddos-inline-summary small{font-size:11px;color:var(--muted)}.ddos-telemetry-metrics strong{margin-top:5px;font-size:22px}.ddos-inline-summary{padding:16px 20px;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;background:#fbfdff}.ddos-inline-summary span{padding:11px;background:#fff}.ddos-inline-summary strong{margin-top:3px;font-size:14px}.ddos-incident-list{padding:5px 20px}.ddos-incident-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f5}.ddos-incident-list>div:last-child{border:0}.ddos-event-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf4ff;color:#1b7ce4}.ddos-event-icon.blocked{background:#ffedef;color:#c43f51}.ddos-incident-list p,.ddos-incident-list strong,.ddos-incident-list small,.ddos-incident-list em{display:block;margin:0}.ddos-incident-list strong{font-size:13px}.ddos-incident-list small,.ddos-incident-list em{font-size:11px;color:var(--muted);font-style:normal;margin-top:2px}@media(max-width:850px){.ddos-telemetry-metrics,.ddos-inline-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.ddos-telemetry-metrics,.ddos-inline-summary{grid-template-columns:1fr}.ddos-incident-list>div{grid-template-columns:auto 1fr}.ddos-incident-list>div>.status{grid-column:2;justify-self:start}}

/* WAF-120C — Attack Detection & Controlled Mitigation */
.mitigation-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px}.risk-badge{padding:8px 11px;border-radius:9px;font-size:11px;font-weight:850}.risk-badge.normal{background:#e4f7f0;color:#14805b}.risk-badge.elevated{background:#fff4df;color:#946018}.risk-badge.attack,.risk-badge.critical{background:#ffedef;color:#bd4050}.mitigation-state{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 20px;border-top:1px solid #edf1f5}.mitigation-state>div{padding:12px;border:1px solid #e0e8f0;border-radius:10px}.mitigation-state small,.mitigation-state strong{display:block}.mitigation-state small{font-size:10px;color:var(--muted)}.mitigation-state strong{font-size:13px;margin-top:4px}.mitigation-form{padding:20px;border-top:1px solid #edf1f5}.mitigation-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.mitigation-fields label{font-size:12px;font-weight:700}.mitigation-fields select{display:block;width:100%;height:43px;margin-top:6px;padding:0 10px;border:1px solid #d5e0eb;border-radius:9px;background:#fff}.emergency-stop{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:#fff7e9;border-top:1px solid #efd6a5;border-bottom:1px solid #efd6a5}.emergency-stop strong{font-size:13px;color:#835718}.emergency-stop p{font-size:11px;color:#846d4a;margin:4px 0 0}.mitigation-incident-list{padding:5px 18px}.mitigation-incident-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #edf1f5}.mitigation-incident-list p,.mitigation-incident-list strong,.mitigation-incident-list small,.mitigation-incident-list em{display:block;margin:0}.mitigation-incident-list strong{font-size:12px}.mitigation-incident-list small,.mitigation-incident-list em{font-size:10px;color:var(--muted);font-style:normal;margin-top:3px;line-height:1.4}.risk-dot{width:10px;height:10px;border-radius:50%;background:#1eb17b;box-shadow:0 0 0 5px #e5f7f0}.risk-dot.elevated{background:#e6a124;box-shadow:0 0 0 5px #fff4df}.risk-dot.attack,.risk-dot.critical{background:#df5365;box-shadow:0 0 0 5px #ffedef}@media(max-width:1100px){.mitigation-layout{grid-template-columns:1fr}}@media(max-width:650px){.mitigation-state,.mitigation-fields{grid-template-columns:1fr}.emergency-stop{align-items:stretch;flex-direction:column}.mitigation-incident-list>div{grid-template-columns:auto 1fr}.mitigation-incident-list .status{grid-column:2;justify-self:start}}
.cache-hitratio-note{margin:0;padding:12px 20px;color:var(--muted);font-size:11px;border-bottom:1px solid #edf1f5;background:#fbfdff}
.cache-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.cache-fields label{font-size:12px;font-weight:700}.cache-fields input,.cache-fields textarea{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #d5e0eb;border-radius:9px;background:#fff;font:inherit}.cache-fields input{height:44px}.cache-fields textarea{resize:vertical;line-height:1.5}.cache-fields .wide{grid-column:1/-1}.cache-fields small{display:block;margin-top:5px;color:var(--muted);font-size:10px;font-weight:400}@media(max-width:1050px){.cache-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.cache-fields{grid-template-columns:1fr}.cache-fields .wide{grid-column:auto}.policy-panel .profile-grid{grid-template-columns:1fr!important}}
/* WAF-130A — Security Notifications & Incident Response Center */
.incident-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.incident-metrics article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.incident-metrics small{display:block;color:var(--muted);margin-bottom:8px}.incident-metrics strong{font-size:30px}.incident-metrics .critical strong{color:#dc3545}.incident-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:20px}.incident-list{padding:0 20px 20px}.incident-row{border:1px solid var(--line);border-left:4px solid #8fa3bb;border-radius:12px;padding:18px;margin-top:14px}.incident-row.high{border-left-color:#f08c46}.incident-row.critical{border-left-color:#dc3545}.incident-row header{display:flex;gap:12px;align-items:center}.incident-row header div{flex:1}.incident-row h3{margin:0 0 3px}.incident-row p{color:var(--muted)}.incident-row .severity{font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.incident-action{display:grid;grid-template-columns:160px 1fr auto;gap:10px;margin-top:15px}.incident-action input,.incident-action select,.preference-card input,.preference-card select{border:1px solid var(--line);border-radius:9px;padding:11px;background:#fff}.preference-card form{padding:20px;display:grid;gap:16px}.preference-card label:not(.check){display:grid;gap:7px;font-weight:700}.preference-card .check{display:flex;gap:9px;align-items:center}.preference-card .check input{width:auto}.notice,.error{padding:15px 18px;border-radius:12px;margin-bottom:18px}.notice{background:#edf8ff;border:1px solid #b8dcfb;color:#1666a6}.error{background:#fff0f2;border:1px solid #ffcbd1;color:#c93646}@media(max-width:1000px){.incident-layout{grid-template-columns:1fr}.incident-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.incident-action{grid-template-columns:1fr}.incident-metrics{grid-template-columns:1fr 1fr}.incident-row header{align-items:flex-start;flex-wrap:wrap}}
/* UX-200A — Waffinnity Interface Redesign Foundation */
:root{--ux-navy:#071c33;--ux-blue:#1677e8;--ux-blue-soft:#eaf4ff;--ux-bg:#f5f7fa;--ux-text:#102a45;--ux-muted:#71849a;--ux-border:#dde5ed;--ux-green:#16a474}
body:not(.marketing-body):not(.login-body){font-size:14px;background:var(--ux-bg);color:var(--ux-text)}body:not(.marketing-body):not(.login-body) .app{grid-template-columns:76px minmax(0,1fr)}body.has-context-nav .app{grid-template-columns:76px minmax(0,1fr)}body.has-context-nav .sidebar{grid-column:1;grid-row:1}body.has-context-nav .context-sidebar{position:fixed;left:76px;top:0;width:224px}body.has-context-nav .workspace{grid-column:2;grid-row:1;min-width:0;width:calc(100% - 224px);margin-left:224px}
.sidebar{width:auto!important;background:var(--ux-navy)!important;padding:0 10px!important;overflow:visible!important;z-index:40}.sidebar .brand{height:76px;justify-content:center;padding:0!important}.sidebar .brand strong,.sidebar .nav-label,.sidebar nav a>b{display:none!important}.sidebar .brand-icon{font-size:29px!important}.sidebar nav{gap:8px!important}.sidebar nav a{position:relative;display:grid!important;place-items:center;width:52px;height:48px;padding:0!important;margin:0 auto;border-radius:10px!important;color:#91abc5!important;font-size:0}.sidebar nav a i{font-size:19px!important;margin:0!important}.sidebar nav a.active{background:#1479e8!important;color:#fff!important}.sidebar nav a:hover{background:#0c2948;color:#fff}.sidebar-bottom{padding:10px 0 16px!important}.sidebar-bottom .health,.sidebar-bottom .context-switch span,.sidebar-bottom .context-switch b,.sidebar-bottom .user span,.sidebar-bottom .user b{display:none!important}.sidebar-bottom .context-switch,.sidebar-bottom .user{display:grid!important;place-items:center;width:52px;height:48px;padding:0!important;margin:7px auto!important;border:0!important;background:transparent!important}.sidebar-bottom .user em{margin:0!important}.workspace{min-width:0}.topbar{height:76px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--ux-border)!important}.workspace main{padding:28px 32px 48px!important;max-width:1680px}.heading{margin-bottom:24px!important}.heading h1{font-size:30px!important;letter-spacing:-.025em}.heading p{font-size:14px!important}.panel,.metrics article,.insight{border-color:var(--ux-border)!important;border-radius:12px!important;box-shadow:0 1px 2px #102a4505}.panel-head h2{font-size:17px!important}.panel-head p{font-size:12px!important}.metrics{gap:12px!important}.metrics article{padding:17px!important}.metrics strong{font-size:22px!important}.metrics small,.metrics em{font-size:12px!important}.tabs{font-size:14px!important}.tabs a{padding:14px 4px!important}.tabs.tabs-relocated{display:none!important}
.context-sidebar{grid-column:2;grid-row:1;position:sticky;top:0;height:100vh;overflow:auto;background:#fff;border-right:1px solid var(--ux-border);z-index:30}.context-app{padding:20px 18px 18px;border-bottom:1px solid var(--ux-border)}.context-app>a{display:block;margin-bottom:25px;color:#537089;font-size:12px;text-decoration:none}.context-app>span{display:block;margin-bottom:7px;color:#8193a5;font-size:9px;font-weight:850;letter-spacing:.12em}.context-app>strong,.context-app>small{display:block}.context-app>strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-app>small{margin-top:4px;color:var(--ux-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-sidebar nav{padding:14px 10px}.context-sidebar nav a{display:flex;align-items:center;gap:11px;min-height:42px;padding:0 12px;margin:3px 0;border-radius:8px;color:#536b82;text-decoration:none;font-size:13px;font-weight:650}.context-sidebar nav a i{display:grid;place-items:center;width:21px;color:#7990a5;font-style:normal}.context-sidebar nav a:hover{background:#f1f5f9;color:#173a5c}.context-sidebar nav a.active{background:var(--ux-blue-soft);color:#086bd1}.context-health{position:absolute;left:14px;right:14px;bottom:18px;display:flex;gap:9px;align-items:center;padding:11px;border:1px solid #dcebe5;border-radius:9px;background:#f4fbf8}.context-health>i{width:8px;height:8px;border-radius:50%;background:var(--ux-green)}.context-health span strong,.context-health span small{display:block}.context-health strong{font-size:11px}.context-health small{font-size:9px;color:#6d8c80;margin-top:2px}

/* UX-200A — Clean login */
.ux-login{min-height:100vh;padding:42px 24px 28px!important;background:linear-gradient(145deg,#f2f6fa,#e8eef5)!important;color:var(--ux-text)}.login-home{position:fixed;left:28px;top:22px;color:#5f7388;text-decoration:none;font-size:13px}.ux-login .login-shell{width:min(1040px,100%);min-height:610px;margin:28px auto 0!important;grid-template-columns:46% 54%!important;border-radius:18px!important;overflow:hidden;box-shadow:0 28px 70px #0a24432b!important}.ux-login .login-brand{position:relative;padding:42px 46px!important;background:radial-gradient(circle at 20% 10%,#163f69,var(--ux-navy) 48%,#051426)!important}.ux-login .login-brand:after{content:"";position:absolute;width:380px;height:380px;right:-190px;bottom:-170px;border:1px solid #2a5279;border-radius:50%;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff04}.ux-login .login-brand>*{position:relative;z-index:1}.login-promise .secure-label{font-size:10px!important}.login-promise .secure-label i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#25c790;box-shadow:0 0 0 5px #25c7901c}.login-promise h1{max-width:390px;margin:20px 0 14px!important;font-size:34px!important;line-height:1.12!important;letter-spacing:-.035em}.login-promise>p{max-width:385px;font-size:14px!important;line-height:1.65!important;color:#b6c8da!important}.login-promise ul{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.login-promise li{display:flex;gap:12px;align-items:center}.login-promise li>i{display:grid;place-items:center;width:36px;height:36px;border:1px solid #31516f;border-radius:9px;background:#ffffff08;color:#44a3ff;font-style:normal}.login-promise li strong,.login-promise li small{display:block}.login-promise li strong{font-size:13px}.login-promise li small{margin-top:3px;color:#88a1b8;font-size:10px}.login-brand-foot{color:#66819a!important;letter-spacing:.16em}.ux-login .login-card{padding:50px 68px!important;background:#fff!important}.ux-login .login-form{width:100%!important}.ux-login .login-form h2{margin:7px 0!important;font-size:27px!important}.ux-login .login-form>p{font-size:13px!important}.ux-login .login-form form{margin-top:26px!important}.ux-login .login-form label{font-size:12px!important}.ux-login .login-form input[type=email],.ux-login .login-form input[type=password],.ux-login .login-form input[type=text]{height:47px!important;font-size:14px!important;border-color:#d4dee8!important}.password-field{position:relative;display:block}.password-field input{padding-right:80px!important}.password-toggle{position:absolute;right:6px;top:6px;height:35px;padding:0 10px;border:0;background:transparent;color:#327cc3;font-size:11px;font-weight:750;cursor:pointer}.login-options{display:flex;align-items:center;justify-content:space-between;margin-top:-4px;color:#60758a;font-size:11px}.login-options label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:500!important}.login-options input{width:15px!important;height:15px!important;margin:0!important}.login-options>span{color:#2676c7}.ux-login .login-button{display:flex!important;align-items:center;justify-content:center;gap:10px;height:47px!important;margin-top:0!important;font-size:13px!important}.passkey-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:45px;margin-top:10px;border:1px solid #d8e2ec;border-radius:9px;background:#fff;color:#536b82;font-weight:700}.passkey-button small{margin-left:4px;padding:3px 6px;border-radius:5px;background:#f0f4f8;color:#7b8da0;font-size:8px;text-transform:uppercase}.login-note{display:block;text-align:center!important}.login-note i{color:var(--ux-green);font-style:normal}.login-footer{display:flex;justify-content:space-between;width:min(1040px,100%);margin:18px auto 0;color:#8090a1;font-size:10px}

/* UX-200A — Public landing page */
.marketing-body{margin:0;background:#fff;color:var(--ux-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px}.marketing-body *{box-sizing:border-box}.marketing-body a{text-decoration:none}.marketing-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 max(28px,calc((100vw - 1240px)/2));background:#ffffffed;border-bottom:1px solid #e7edf2;backdrop-filter:blur(14px)}.marketing-logo{display:flex;align-items:center;gap:10px;color:var(--ux-text);font-size:19px}.marketing-logo span{color:#1688f4;font-size:30px}.marketing-header nav,.marketing-header>div{display:flex;align-items:center;gap:28px}.marketing-header nav a,.marketing-login{color:#536a80;font-size:13px;font-weight:650}.marketing-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:8px;background:var(--ux-blue);color:#fff!important;font-size:13px;font-weight:800;box-shadow:0 8px 22px #1677e829}.marketing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);align-items:center;gap:64px;max-width:1240px;min-height:655px;margin:auto;padding:68px 0}.hero-kicker,.section-heading>span,.solution-section>div>span,.pricing-section>span{color:#1677e8;font-size:10px;font-weight:850;letter-spacing:.12em}.hero-kicker i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#19b882}.hero-copy h1{margin:18px 0 22px;font-size:58px;line-height:1.04;letter-spacing:-.052em}.hero-copy h1 em{color:#1677e8;font-style:normal}.hero-copy>p{max-width:565px;color:#5f7488;font-size:17px;line-height:1.7}.hero-actions{display:flex;gap:12px;margin:29px 0 22px}.marketing-secondary{display:inline-flex;align-items:center;padding:12px 18px;border:1px solid #d8e2eb;border-radius:8px;color:#365570;font-size:13px;font-weight:750}.hero-copy ul{display:flex;flex-wrap:wrap;gap:18px;margin:0;padding:0;color:#6f8294;font-size:10px;list-style:none}.product-preview{display:grid;grid-template-columns:48px 1fr;min-height:430px;border:1px solid #d9e4ed;border-radius:16px;background:#f5f8fb;overflow:hidden;transform:perspective(1200px) rotateY(-3deg);box-shadow:0 35px 75px #17395c24}.preview-rail{display:flex;flex-direction:column;align-items:center;gap:16px;padding:17px 8px;background:var(--ux-navy);color:#7993ac}.preview-rail b{margin-bottom:20px;color:#2697ff;font-size:25px}.preview-rail i{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;font-size:13px;font-style:normal}.preview-rail i.active{background:#1677e8;color:#fff}.preview-main header{display:flex;justify-content:space-between;align-items:center;height:52px;padding:0 20px;border-bottom:1px solid #e1e8ef;background:#fff}.preview-main header span small,.preview-main header span strong{display:block}.preview-main header small{color:#92a1af;font-size:7px}.preview-main header strong{font-size:11px}.preview-main header em{color:#536a80;font-size:9px;font-style:normal}.preview-main>section{padding:23px}.preview-main .live{color:#15986d;font-weight:800}.preview-main h3{margin:7px 0 18px;font-size:22px}.preview-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-metrics>span{padding:13px;border:1px solid #e0e7ee;border-radius:9px;background:#fff}.preview-metrics small,.preview-metrics b,.preview-metrics em{display:block}.preview-metrics small{color:#8798a8;font-size:8px}.preview-metrics b{margin:6px 0;font-size:17px}.preview-metrics em{color:#14976c;font-size:7px;font-style:normal}.preview-chart{margin-top:12px;padding:14px 15px 0;border:1px solid #e0e7ee;border-radius:9px;background:#fff}.preview-chart div{display:flex;justify-content:space-between}.preview-chart div strong{font-size:10px}.preview-chart div small{font-size:7px}.preview-chart svg{width:100%;height:170px}.preview-grid{stroke:#eaf0f5}.preview-fill{fill:url(#heroFill)}.preview-line{fill:none;stroke:#2589ef;stroke-width:3}.trust-strip{display:flex;align-items:center;justify-content:center;gap:55px;min-height:92px;border-block:1px solid #edf1f5;color:#9aa7b4}.trust-strip span,.trust-strip b{font-size:11px}.trust-strip b{letter-spacing:.12em}.marketing-section,.platform-section{max-width:1240px;margin:auto;padding:104px 0}.section-heading{text-align:center;max-width:680px;margin:0 auto 45px}.section-heading h2,.solution-section h2,.pricing-section h2{margin:12px 0 13px;font-size:38px;line-height:1.15;letter-spacing:-.035em}.section-heading p,.solution-section>div>p,.pricing-section p{color:#6f8193;line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-grid article{padding:27px 24px;border:1px solid #e0e7ee;border-radius:12px;background:#fff;transition:.2s}.feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px #163c6212}.feature-grid article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;font-style:normal}.feature-grid i.blue{background:#e9f4ff;color:#1477dd}.feature-grid i.orange{background:#fff0e3;color:#ed7d2e}.feature-grid i.violet{background:#f1edff;color:#7254df}.feature-grid i.green{background:#e6f8f1;color:#0f9b6d}.feature-grid h3{margin:20px 0 10px;font-size:16px}.feature-grid p{min-height:78px;color:#6b7e91;font-size:12px;line-height:1.65}.feature-grid a{color:#1677e8;font-size:11px;font-weight:800}.solution-section{display:grid;grid-template-columns:1fr .82fr;gap:100px;align-items:center;padding:105px max(28px,calc((100vw - 1120px)/2));background:#f6f8fb}.solution-section ol{display:grid;gap:14px;margin:28px 0 0;padding:0;list-style:none}.solution-section li{display:flex;gap:13px;align-items:center}.solution-section li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6f2ff;color:#1677e8}.solution-section li strong,.solution-section li small,.solution-section aside>span,.solution-section aside>strong{display:block}.solution-section li strong{font-size:13px}.solution-section li small{margin-top:3px;color:#8190a0;font-size:10px}.solution-section aside{padding:27px;border:1px solid #dbe5ed;border-radius:14px;background:#fff;box-shadow:0 22px 55px #17395c12}.solution-section aside>span{font-size:10px;color:#7e90a2}.solution-section aside>strong{margin:7px 0 20px;font-size:18px}.solution-section aside>div{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:14px 0;border-top:1px solid #edf1f5;font-size:12px}.solution-section aside i{width:8px;height:8px;border-radius:50%;background:#18aa78}.solution-section aside b{color:#16875f;font-size:9px}.platform-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.platform-points article{padding-top:22px;border-top:2px solid #dce5ed}.platform-points b{color:#147de4;font-size:11px}.platform-points p{color:#6f8193;font-size:12px;line-height:1.65}.pricing-section{text-align:center;padding:86px 24px;background:var(--ux-navy);color:#fff}.pricing-section p{margin-bottom:25px;color:#a8bbcc}.marketing-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:38px max(28px,calc((100vw - 1240px)/2));background:#06182b;color:#8197aa}.marketing-footer .marketing-logo{color:#fff}.marketing-footer p,.marketing-footer a{font-size:11px}.marketing-footer div{display:flex;gap:22px}.marketing-footer a{color:#b4c3d1}.marketing-footer>small{grid-column:1/-1;padding-top:22px;border-top:1px solid #193148;font-size:9px}

@media(max-width:1100px){.marketing-header{padding:0 24px}.marketing-header nav{display:none}.marketing-hero{grid-template-columns:1fr;padding:70px 28px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-copy ul{justify-content:center}.product-preview{max-width:760px;width:100%;margin:auto;transform:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.marketing-section,.platform-section{padding-inline:28px}.solution-section{gap:45px}}
@media(max-width:900px){body.has-context-nav .app,body:not(.marketing-body):not(.login-body) .app{grid-template-columns:1fr}.sidebar{position:fixed!important;left:-86px!important;width:76px!important;transition:.2s}.sidebar.open{left:0!important}.context-sidebar{display:none}.workspace,body.has-context-nav .workspace{grid-column:1!important;grid-row:1!important;width:100%}.tabs.tabs-relocated{display:flex!important}.ux-login .login-shell{grid-template-columns:1fr!important;max-width:580px}.ux-login .login-brand{display:none}.ux-login .login-card{padding:48px!important}.solution-section{grid-template-columns:1fr}.marketing-footer{grid-template-columns:1fr}.marketing-footer>small{grid-column:1}.topbar{padding:0 18px!important}.workspace main{padding:22px 18px 40px!important}}
@media(max-width:620px){.marketing-header{height:64px;padding-inline:18px}.marketing-header .marketing-login{display:none}.marketing-primary{padding:11px 14px}.marketing-hero{min-height:auto;padding:55px 20px}.hero-copy h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-copy ul{display:grid;gap:8px}.product-preview{grid-template-columns:38px}.preview-main>section{padding:15px}.preview-metrics{grid-template-columns:1fr}.preview-metrics>span:nth-child(n+2){display:none}.trust-strip{flex-wrap:wrap;gap:20px;padding:25px}.trust-strip span{width:100%;text-align:center}.marketing-section,.platform-section{padding:72px 20px}.section-heading h2,.solution-section h2,.pricing-section h2{font-size:30px}.feature-grid,.platform-points{grid-template-columns:1fr}.feature-grid p{min-height:auto}.solution-section{padding:72px 20px}.ux-login{padding:28px 14px!important}.login-home{position:static;display:block;margin:0 auto 16px;max-width:520px}.ux-login .login-shell{margin:0 auto!important;min-height:0}.ux-login .login-card{padding:34px 24px!important}.login-footer{padding:0 8px}.top-actions .search{display:none!important}}

.rail-toggle{display:none;position:fixed;left:12px;bottom:12px;z-index:60;width:44px;height:44px;border:0;border-radius:10px;background:#1677e8;color:#fff;box-shadow:0 8px 22px #08223c38}

/* UX-200D — Interactive Application Fleet Registry */
[data-application-fleet]{display:grid;gap:18px}.fleet-heading{margin-bottom:0}.fleet-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fleet-metrics article{display:flex;align-items:center;gap:14px;min-height:104px;padding:20px;border:1px solid var(--line);border-radius:13px;background:#fff}.fleet-metrics article p{flex:1;margin:0}.fleet-metrics small,.fleet-metrics strong,.fleet-metrics em{display:block}.fleet-metrics small{color:var(--muted);font-size:11px}.fleet-metrics strong{margin-top:3px;font-size:23px}.fleet-metrics em{color:#8a9aab;font-size:10px;font-style:normal}.fleet-metrics .needs-attention{border-color:#f2d5b8;background:linear-gradient(135deg,#fff 65%,#fff7ed)}.section-kicker{display:block;margin-bottom:4px;color:#1d7fdc;font-size:10px;font-weight:850;letter-spacing:.12em}.topology-live{display:flex;align-items:center;gap:8px;color:#168b67;font-size:11px;font-weight:800}.topology-live i{width:8px;height:8px;border-radius:50%;background:#1db887;box-shadow:0 0 0 6px #1db88717;animation:fleetPulse 2s infinite}.fleet-map{position:relative;height:360px;margin:0 25px;overflow:hidden;background:radial-gradient(circle at center,#eaf5ff 0,#f8fbfe 25%,#fff 64%)}.fleet-map::before,.fleet-map::after{content:"";position:absolute;left:50%;top:50%;border:1px solid #dbe9f6;border-radius:50%;transform:translate(-50%,-50%)}.fleet-map::before{width:47%;height:55%}.fleet-map::after{width:75%;height:83%}.fleet-map svg{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}.fleet-map svg path{fill:none;stroke:#55a9f5;stroke-width:1.5;stroke-dasharray:5 7;opacity:.55;animation:fleetFlow 11s linear infinite}.fleet-map svg path.warning{stroke:#ee9b43}.fleet-map svg circle{fill:#258af0}.fleet-map svg circle.warning{fill:#ee8a27}.fleet-core{position:absolute;left:50%;top:50%;z-index:3;display:grid;place-items:center;width:130px;height:130px;padding:22px;border:1px solid #bcdaf5;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 18px 45px #0c4b8121}.fleet-core span{color:#1688f4;font-size:32px;line-height:1}.fleet-core strong{font-size:13px}.fleet-core small{color:#8395a7;font-size:9px}.fleet-node{position:absolute;z-index:4;display:grid;grid-template-columns:auto 1fr;column-gap:8px;min-width:155px;padding:11px 13px;border:1px solid #dce8f3;border-radius:10px;background:#fff;color:var(--text);text-decoration:none;transform:translate(-50%,-50%);box-shadow:0 8px 24px #173e6410;transition:.2s}.fleet-node:hover{z-index:8;border-color:#65abec;transform:translate(-50%,-50%) scale(1.055);box-shadow:0 14px 32px #146bb225}.fleet-node>i{grid-row:1/3;align-self:center;width:9px;height:9px;border-radius:50%;background:#1ab17e;box-shadow:0 0 0 5px #1ab17e17}.fleet-node.warning>i{background:#ed8c2c;box-shadow:0 0 0 5px #ed8c2c17}.fleet-node strong{overflow:hidden;max-width:130px;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.fleet-node small{color:#8797a8;font-size:8px}.fleet-map-legend{display:flex;gap:20px;align-items:center;padding:15px 24px;border-top:1px solid #edf2f6;color:#718599;font-size:10px}.fleet-map-legend span{display:flex;align-items:center;gap:7px}.fleet-map-legend i{width:8px;height:8px;border-radius:50%}.fleet-map-legend i.healthy{background:#1ab17e}.fleet-map-legend i.warning{background:#ed8c2c}.fleet-map-legend b{margin-left:auto;color:#34546e;font-size:10px}.fleet-registry-head{align-items:flex-end}.fleet-tools{display:flex;align-items:center;gap:10px}.fleet-tools label{display:flex;align-items:center;gap:8px;width:260px;height:38px;padding:0 11px;border:1px solid #dce5ed;border-radius:8px;background:#fff;color:#8b9bac}.fleet-tools input{width:100%;border:0;outline:0;color:var(--text);font:inherit;font-size:11px}.fleet-filters{display:flex;padding:3px;border-radius:8px;background:#f0f4f8}.fleet-filters button{height:31px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:#75899c;font-size:10px;cursor:pointer}.fleet-filters button.active{background:#fff;color:#147ae1;font-weight:800;box-shadow:0 1px 4px #173e6415}.fleet-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px}.fleet-card{display:block;padding:17px;border:1px solid #e1e8ef;border-radius:12px;color:var(--text);text-decoration:none;transition:.2s}.fleet-card:hover{border-color:#a9d0f5;transform:translateY(-2px);box-shadow:0 14px 32px #153e6512}.fleet-card[hidden]{display:none}.fleet-card header{display:flex;align-items:center;gap:12px}.fleet-card header>div{min-width:0;flex:1}.fleet-card header strong,.fleet-card header small{display:block}.fleet-card header strong{font-size:14px}.fleet-card header small{overflow:hidden;color:#7c8fa2;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.fleet-card-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0;padding:13px 0;border-block:1px solid #edf2f6}.fleet-card-metrics p{margin:0;padding-left:13px;border-left:1px solid #edf2f6}.fleet-card-metrics p:first-child{padding-left:0;border-left:0}.fleet-card-metrics small,.fleet-card-metrics strong,.fleet-card-metrics em{display:block}.fleet-card-metrics small{color:#8a9aac;font-size:9px}.fleet-card-metrics strong{margin:3px 0;font-size:16px}.fleet-card-metrics em{color:#a0adba;font-size:8px;font-style:normal}.fleet-card footer{display:flex;align-items:center;gap:15px;color:#778b9f;font-size:9px}.fleet-card footer span{display:flex;align-items:center;gap:6px}.fleet-card footer i{width:7px;height:7px;border-radius:50%;background:#1ab17e}.fleet-card footer i.warn{background:#ed8c2c}.fleet-card footer b{margin-left:auto;color:#1678d8;font-size:9px}.fleet-no-results{text-align:center;padding:55px}.fleet-no-results span{color:#2588ed;font-size:28px}.fleet-no-results h3{margin:8px 0 3px}.fleet-no-results p{margin:0;color:var(--muted)}@keyframes fleetFlow{to{stroke-dashoffset:-120}}@keyframes fleetPulse{50%{box-shadow:0 0 0 10px #1db88708}}
@media(max-width:1100px){.fleet-metrics{grid-template-columns:repeat(2,1fr)}.fleet-grid{grid-template-columns:1fr}.fleet-node{min-width:135px}.fleet-node strong{max-width:105px}}
@media(max-width:760px){.fleet-metrics{grid-template-columns:1fr}.fleet-topology{display:none}.fleet-registry-head,.fleet-tools{align-items:stretch;flex-direction:column}.fleet-tools label{width:100%}.fleet-filters{overflow:auto}.fleet-card-metrics{grid-template-columns:1fr 1fr}.fleet-card-metrics p:last-child{display:none}.fleet-card footer span:nth-child(2){display:none}}

/* UX-200E — Interactive Organization Security Command Center */
.organization-command-center{position:relative}.command-metrics article{cursor:pointer;transition:.18s;outline:0}.command-metrics article:hover,.command-metrics article.active,.command-metrics article:focus-visible{border-color:#a9cef2;transform:translateY(-2px);box-shadow:0 12px 30px #153e6513}.command-metrics article.active{background:#f5faff;box-shadow:inset 0 -3px #1f83e8}.organization-live-flow{grid-column:1/-1}.organization-flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center;padding:28px 34px}.organization-flow button{display:flex;align-items:center;gap:12px;min-height:74px;padding:15px;border:1px solid #dfe8f0;border-radius:11px;background:#fff;color:var(--text);text-align:left;transition:.18s}.organization-flow button:hover,.organization-flow button.active{border-color:#72b6f4;background:#f2f8ff;transform:translateY(-2px);box-shadow:0 10px 25px #125b9c18}.organization-flow button>.nav-svg{flex:0 0 auto;width:28px;height:28px;color:#1984e9}.organization-flow button span,.organization-flow button strong,.organization-flow button small{display:block}.organization-flow button strong{font-size:12px}.organization-flow button small{color:#8495a6;font-size:9px}.organization-flow>b{position:relative;height:2px;background:#cfe3f6}.organization-flow>b i{position:absolute;top:-3px;width:8px;height:8px;border-radius:50%;background:#2189ed;animation:commandFlow 2.6s linear infinite}.organization-flow-detail{padding:12px 28px;border-top:1px solid #edf2f6;background:#f9fbfd;color:#567189;font-size:10px;text-align:center}.command-traffic .panel-head{padding:20px 22px}.command-chart-switch{display:flex;padding:3px;border-radius:8px;background:#eef3f7}.command-chart-switch button{height:31px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:#75889b;font-size:10px}.command-chart-switch button.active{background:#fff;color:#157be1;font-weight:800;box-shadow:0 1px 5px #173e6417}.command-bars{display:grid;gap:9px;padding:20px 22px 12px}.command-bars button{display:grid;grid-template-columns:170px 1fr 50px;gap:13px;align-items:center;padding:9px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.command-bars button:hover,.command-bars button.active{background:#f2f7fc}.command-bars button span strong,.command-bars button span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-bars button span strong{font-size:10px}.command-bars button span small{color:#8a99a8;font-size:8px}.command-bars button>i{height:9px;overflow:hidden;border-radius:8px;background:#edf2f6}.command-bars button>i b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2389ed,#6dbaf8);transition:width .45s}.command-bars button>em{color:#71869a;font-size:9px;font-style:normal;text-align:right}.command-chart-detail{display:flex;align-items:center;gap:28px;min-height:58px;padding:12px 22px;border-top:1px solid #edf2f6;color:#8091a2;font-size:10px}.command-chart-detail span strong,.command-chart-detail span small{display:block}.command-chart-detail span strong{color:var(--text);font-size:11px}.command-chart-detail a{margin-left:auto;color:#147adf;font-weight:800;text-decoration:none}.organization-command-center .panel-head>a{color:#147adf;font-size:10px;font-weight:800;text-decoration:none}.organization-command-center .table a.tr{text-decoration:none;color:var(--text);transition:.15s}.organization-command-center .table a.tr:hover{background:#f5f9fd}.organization-command-center .table a.tr[hidden]{display:none}.coverage li{position:relative;cursor:pointer;flex-wrap:wrap;transition:.15s}.coverage li:hover,.coverage li.expanded{background:#f6faff}.coverage-explanation{flex:0 0 100%;margin:6px 0 0 46px;color:#70869a;font-size:9px;line-height:1.55}.organization-command-center #events .event{cursor:pointer}.organization-command-center #events .event:hover{background:#f5f9fd}.organization-event-drawer{position:fixed;top:0;right:0;z-index:200;width:min(430px,100vw);height:100vh;padding:34px;background:#fff;transform:translateX(100%);box-shadow:-20px 0 60px #102f4d24;transition:.25s}.organization-event-drawer.open{transform:translateX(0)}.organization-event-drawer>button{position:absolute;right:24px;top:22px;border:0;background:transparent;color:#718599;font-size:28px}.organization-event-drawer>small{color:#177fe3;font-size:10px;font-weight:850;letter-spacing:.12em}.organization-event-drawer h3{margin:8px 0 15px;text-transform:capitalize}.organization-event-drawer dl{padding:20px 0;margin-top:20px;border-top:1px solid #e5ecf2}.organization-event-drawer dl div{display:block}.organization-event-drawer dd{margin-top:5px;overflow-wrap:anywhere}.organization-event-drawer>a{display:flex;justify-content:center;padding:12px;border-radius:8px;background:#167de5;color:#fff;font-size:11px;font-weight:800;text-decoration:none}@keyframes commandFlow{from{left:0}to{left:calc(100% - 8px)}}
@media(max-width:1150px){.organization-flow{grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;padding-inline:20px}.organization-flow button{display:grid;justify-items:center;text-align:center}.organization-flow button span{display:none}.command-bars button{grid-template-columns:135px 1fr 42px}}
@media(max-width:760px){.organization-flow{grid-template-columns:1fr 1fr;gap:10px}.organization-flow>b{display:none}.organization-flow button span{display:block}.command-bars button{grid-template-columns:105px 1fr}.command-bars button>em{display:none}.command-chart-detail{align-items:flex-start;flex-direction:column;gap:8px}.command-chart-detail a{margin-left:0}.organization-command-center .metrics{grid-template-columns:1fr 1fr}.organization-command-center .lower-grid{grid-template-columns:1fr}}

/* UX-200E Hotfix 1 — Clear Application Traffic Distribution */
.traffic-composition-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 22px 12px;overflow:hidden;border:1px solid #e1e9f0;border-radius:10px;background:#e1e9f0}.traffic-composition-summary>span{padding:13px 15px;background:#f9fbfd}.traffic-composition-summary small,.traffic-composition-summary strong{display:block}.traffic-composition-summary small{color:#8798a9;font-size:9px}.traffic-composition-summary strong{margin-top:3px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.traffic-composition-strip{display:flex;height:12px;margin:0 22px 18px;overflow:hidden;border-radius:8px;background:#edf2f6}.traffic-composition-strip i{flex:0 0 var(--segment);min-width:var(--segment);height:100%;border-right:2px solid #fff}.traffic-composition-strip .c0{background:#1d83e8}.traffic-composition-strip .c1{background:#58acf1}.traffic-composition-strip .c2{background:#6e5edb}.traffic-composition-strip .c3{background:#16a77a}.traffic-composition-strip .c4{background:#f29a43}.traffic-composition-strip .c5{background:#8fa4b8}.traffic-ranking-head{display:grid;grid-template-columns:28px minmax(125px,1.25fr) minmax(90px,.65fr) minmax(175px,1fr) 100px;gap:12px;padding:10px 31px;border-block:1px solid #e8eef4;background:#f8fafc;color:#8899aa;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.traffic-ranking .command-bars{gap:0;padding:0 22px}.traffic-ranking .command-bars button{display:grid;grid-template-columns:28px minmax(125px,1.25fr) minmax(90px,.65fr) minmax(175px,1fr) 100px;gap:12px;width:100%;padding:13px 9px;border-bottom:1px solid #edf2f6;border-radius:0}.traffic-ranking .command-bars button>b{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#edf4fb;color:#46708f;font-size:9px}.traffic-ranking .command-bars button>span strong,.traffic-ranking .command-bars button>span small{display:block}.traffic-ranking .command-bars button>span strong{font-size:10px}.traffic-ranking .command-bars button>span small{color:#8798a9;font-size:8px}.traffic-ranking .traffic-volume strong{font-size:11px}.traffic-ranking .traffic-share{display:grid;grid-template-columns:1fr 52px;align-items:center;gap:9px}.traffic-ranking .traffic-share>i{position:relative;height:8px;overflow:hidden;border-radius:6px;background:#eaf0f5}.traffic-ranking .traffic-share>i::after{content:"";display:block;width:var(--share);height:100%;border-radius:inherit;background:linear-gradient(90deg,#1c82e8,#65b5f4);transition:width .4s}.traffic-ranking .traffic-share>strong{font-size:9px;text-align:right}.traffic-ranking .command-bars button>em{justify-self:end;padding:4px 7px;border-radius:6px;font-size:9px;font-style:normal;font-weight:750}.traffic-ranking .command-bars button>em.low{background:#e9f7f1;color:#18855f}.traffic-ranking .command-bars button>em.medium{background:#fff4df;color:#a76813}.traffic-ranking .command-bars button>em.high{background:#ffebea;color:#bf4841}.traffic-ranking .command-chart-detail{margin-top:0}.traffic-ranking .command-chart-switch button{min-width:92px}
@media(max-width:850px){.traffic-ranking-head{display:none}.traffic-ranking .command-bars button{grid-template-columns:28px 1fr 85px}.traffic-ranking .traffic-share{grid-column:2/-1}.traffic-ranking .command-bars button>em{grid-column:3;grid-row:1}.traffic-composition-summary{grid-template-columns:1fr}.traffic-composition-summary>span:nth-child(2){display:none}}

/* UX-200C Hotfix 4 — Interactive Cache & CDN Workspace */
.interactive-cache-workspace{display:grid;gap:14px}.cache-command{overflow:hidden}.cache-command-grid{display:grid;grid-template-columns:.72fr 1.28fr;min-height:270px}.cache-performance{display:grid;grid-template-columns:1fr;place-items:center;padding:25px;border-right:1px solid #e8eef4;background:radial-gradient(circle at center,#f0f8ff,#fff 66%)}.cache-ratio{display:grid;place-items:center;width:154px;height:154px;border-radius:50%;background:conic-gradient(#1bac7c calc(var(--ratio)*1%),#e6f1ed 0);box-shadow:0 14px 35px #175e4b13}.cache-ratio::before{content:"";grid-area:1/1;width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #e5ecef}.cache-ratio>div{z-index:1;grid-area:1/1;text-align:center}.cache-ratio strong,.cache-ratio small{display:block}.cache-ratio strong{font-size:25px}.cache-ratio small{color:#7890a3;font-size:9px}.cache-performance-legend{display:flex;gap:18px;margin-top:19px}.cache-performance-legend span{display:grid;grid-template-columns:auto auto;column-gap:6px}.cache-performance-legend i{grid-row:1/3;align-self:center;width:8px;height:8px;border-radius:50%}.cache-performance-legend i.hit{background:#1bac7c}.cache-performance-legend i.miss{background:#f09a42}.cache-performance-legend i.total{background:#2588eb}.cache-performance-legend strong{font-size:11px}.cache-performance-legend small{color:#8a9aaa;font-size:8px}.cache-simulator{padding:24px}.cache-simulator header{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.cache-simulator header small,.cache-simulator header strong{display:block}.cache-simulator header small{color:#1880e4;font-size:9px;font-weight:850;letter-spacing:.1em}.cache-simulator header strong{margin-top:2px;font-size:15px}.cache-simulator header em{padding:6px 9px;border-radius:7px;background:#edf3f8;color:#637a8f;font-size:9px;font-style:normal;font-weight:850}.cache-command[data-cache-decision="cacheable"] .cache-simulator header em{background:#e3f6ee;color:#16835e}.cache-command[data-cache-decision="bypass"] .cache-simulator header em{background:#fff0df;color:#a96417}.cache-simulator-inputs{display:grid;grid-template-columns:150px 1fr;gap:11px}.cache-simulator-inputs label{color:#536b81;font-size:9px;font-weight:750}.cache-simulator-inputs label.wide{grid-column:1/-1}.cache-simulator-inputs input,.cache-simulator-inputs select{display:block;width:100%;height:40px;margin-top:5px;padding:0 10px;border:1px solid #d8e3ec;border-radius:8px;background:#fff;color:var(--text)}.cache-decision{margin-top:13px;padding:11px 13px;border-left:3px solid #2388ec;border-radius:0 7px 7px 0;background:#f3f8fd;color:#577188;font-size:9px}.cache-command[data-cache-decision="bypass"] .cache-decision{border-color:#ec943f;background:#fff8ef}.cache-live-path{display:grid;grid-template-columns:1fr 48px 1fr 48px 1fr 48px 1fr;align-items:center;padding:20px 25px;border-top:1px solid #e8eef4;background:#f9fbfd}.cache-live-path button{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #dfe8f0;border-radius:9px;background:#fff;color:var(--text);text-align:left}.cache-live-path button>.nav-svg{width:22px;color:#2086e9}.cache-live-path button span,.cache-live-path button strong,.cache-live-path button small{display:block}.cache-live-path button strong{font-size:10px}.cache-live-path button small{color:#8a99a8;font-size:7px}.cache-live-path>b{position:relative;height:1px;background:#bddcf7}.cache-live-path>b i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#2388ec;animation:cacheFlow 2.3s linear infinite}.cache-command[data-cache-decision="cacheable"] [data-cache-node]{border-color:#76caaa;background:#f2fbf7}.cache-command[data-cache-decision="bypass"] [data-cache-node]{border-color:#eac397;background:#fff9f2}.cache-command[data-cache-decision="cacheable"] [data-origin-node]{opacity:.58}.cache-ttl-timeline{display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;margin:18px 0;padding:15px;border:1px solid #e1e9f0;border-radius:10px;background:#f9fbfd}.cache-ttl-timeline>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px}.cache-ttl-timeline span{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.cache-ttl-timeline span.fresh{background:#e4f6ef;color:#16855f}.cache-ttl-timeline span.revalidate{background:#e7f2fd;color:#197bd9}.cache-ttl-timeline span.stale{background:#fff0df;color:#b06b18}.cache-ttl-timeline span i{width:8px;height:8px;border-radius:50%;background:currentColor}.cache-ttl-timeline strong{font-size:9px}.cache-ttl-timeline small{color:#8294a5;font-size:8px}.cache-ttl-timeline>b{height:1px;background:#cedde9}.purge-preview{display:flex;gap:10px;align-items:center;margin:14px 0;padding:12px;border:1px solid #dfe8f0;border-radius:9px;background:#f8fbfd}.purge-preview>span{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#e8f3ff;color:#197fde}.purge-preview>span .nav-svg{width:20px}.purge-preview p{margin:0}.purge-preview small,.purge-preview strong,.purge-preview em{display:block}.purge-preview small{color:#2784db;font-size:8px;font-weight:850;letter-spacing:.1em}.purge-preview strong{font-size:10px}.purge-preview em{margin-top:2px;color:#8293a4;font-size:8px;font-style:normal}.purge-preview.confirm{border-color:#efc485;background:#fff9ef}.purge-preview.error{border-color:#efaaa5;background:#fff5f4}.interactive-purge-form label.disabled{opacity:.5}.cache-purge-timeline{position:relative;padding-left:26px}.cache-purge-timeline::before{content:"";position:absolute;left:17px;top:16px;bottom:16px;width:1px;background:#cfe0ee}.cache-purge-event{position:relative;animation:purgeReveal .3s both;animation-delay:var(--delay)}.cache-purge-event::before{content:"";position:absolute;left:-15px;top:50%;width:7px;height:7px;border:2px solid #fff;border-radius:50%;background:#2588e9;transform:translateY(-50%);box-shadow:0 0 0 1px #b8d5ed}@keyframes cacheFlow{from{left:0}to{left:calc(100% - 7px)}}@keyframes purgeReveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:950px){.cache-command-grid{grid-template-columns:1fr}.cache-performance{border-right:0;border-bottom:1px solid #e8eef4}.cache-live-path{grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr}.cache-live-path button span{display:none}}
@media(max-width:650px){.cache-simulator-inputs{grid-template-columns:1fr}.cache-simulator-inputs label.wide{grid-column:auto}.cache-live-path{grid-template-columns:1fr 1fr;gap:8px}.cache-live-path>b{display:none}.cache-live-path button span{display:block}.cache-ttl-timeline{grid-template-columns:1fr;gap:9px}.cache-ttl-timeline>b{display:none}.cache-performance-legend{flex-wrap:wrap;justify-content:center}}
@media(max-width:900px){.rail-toggle{display:block}}

/* UX-200A Hotfix 2 — Deterministic application workspace offset */
@media(min-width:901px){body.has-context-nav .app{grid-template-columns:76px minmax(0,1fr)}body.has-context-nav .context-sidebar{position:fixed;left:76px;top:0;width:224px;grid-column:auto;grid-row:auto}body.has-context-nav .workspace{grid-column:2;grid-row:1;width:calc(100% - 224px);margin-left:224px}}
@media(max-width:900px){body.has-context-nav .workspace{grid-column:1!important;grid-row:1!important;width:100%!important;margin-left:0!important}}

/* UX-200A Hotfix 3 — Semantic navigation icons and active context */
.nav-svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar nav a i{display:grid;place-items:center;width:24px!important;height:24px}.sidebar nav a{isolation:isolate}.sidebar nav a::after{content:attr(data-nav-label);position:absolute;left:62px;top:50%;z-index:80;transform:translate(5px,-50%);padding:8px 11px;border:1px solid #243d56;border-radius:7px;background:#081b2e;color:#fff;font-size:11px;font-weight:700;line-height:1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 28px #0311204d;transition:opacity .14s,transform .14s}.sidebar nav a:hover::after,.sidebar nav a:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}.sidebar nav a.active{position:relative;box-shadow:0 7px 18px #006bd84d!important}.sidebar nav a.active::before{content:"";position:absolute;right:-10px;top:13px;width:3px;height:22px;border-radius:3px 0 0 3px;background:#55b7ff;box-shadow:0 0 10px #3da7ff}.sidebar nav a.active .nav-svg{stroke-width:2.2}.context-sidebar .nav-svg{width:18px;height:18px}.context-sidebar nav a.active{font-weight:800;box-shadow:inset 3px 0 0 #1677e8}.context-sidebar nav a.active .nav-svg{stroke-width:2.2}.platform-sidebar nav a.active::before{background:#9b8cff;box-shadow:0 0 10px #8876ff}

/* UX-200A Hotfix 4 — Compact platform rail footer */
.platform-sidebar .brand>em{display:none!important}.platform-rail-footer{display:grid;justify-items:center;gap:6px;border-top:1px solid #193149!important;padding:12px 0 16px!important}.platform-rail-footer .context-switch{position:relative;display:grid!important;place-items:center;width:52px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#8ca9c4}.platform-rail-footer .context-switch:hover,.platform-rail-footer .context-switch:focus-visible{background:#102d49!important;color:#58aaff}.platform-rail-footer .context-switch>i{display:grid;place-items:center;width:24px;height:24px}.platform-rail-footer .context-switch>span{display:none!important}.platform-role{position:relative;display:grid!important;place-items:center;width:52px;height:48px;margin:0!important;padding:0!important;color:#fff}.platform-role p{display:none!important}.platform-role .platform-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#258eff,#7257e8);color:#fff;font-size:12px;font-weight:850}.platform-rail-footer [data-rail-label]::after{content:attr(data-rail-label);position:absolute;left:62px;top:50%;z-index:90;transform:translate(5px,-50%);max-width:240px;padding:8px 11px;border:1px solid #2b435a;border-radius:7px;background:#081b2e;color:#fff;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;box-shadow:0 10px 28px #0311204d;transition:opacity .14s,transform .14s}.platform-rail-footer [data-rail-label]:hover::after,.platform-rail-footer [data-rail-label]:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}

/* UX-200B — Unified Sidebar & Application Navigation */
body:not(.marketing-body):not(.login-body) .app,body.has-context-nav .app,body.has-unified-app-nav .app{grid-template-columns:268px minmax(0,1fr)}
body.has-unified-app-nav .workspace,body.has-context-nav .workspace{grid-column:2;grid-row:1;width:100%;margin-left:0}
.context-sidebar{display:none!important}.sidebar{position:sticky!important;left:auto!important;top:0;width:auto!important;height:100vh;padding:0 14px!important;border-right:1px solid #e1e6eb;background:#fff!important;color:#53677a!important;overflow-y:auto!important;overflow-x:visible!important}.sidebar .brand{height:64px!important;justify-content:flex-start;padding:0 8px!important;color:#102a45!important}.sidebar .brand strong{display:block!important;font-size:17px}.sidebar .brand-icon{width:31px!important;height:31px!important;font-size:31px!important}.sidebar .nav-label{display:block!important;margin:18px 10px 6px!important;color:#8a99a8!important;font-size:9px!important;font-weight:800!important;letter-spacing:.1em}.sidebar nav{gap:2px!important}.sidebar nav a{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;min-height:40px;height:auto!important;margin:0!important;padding:9px 11px!important;border-radius:7px!important;color:#435a70!important;font-size:12px!important;font-weight:650!important}.sidebar nav a i{flex:none;color:#75899b!important}.sidebar nav a:hover{background:#f4f6f8!important;color:#163d61!important}.sidebar nav a.active{background:#edf3f8!important;color:#0e62b5!important;box-shadow:none!important}.sidebar nav a.active .nav-svg{color:#1378dc}.sidebar nav a::before,.sidebar nav a::after{display:none!important}.sidebar-search{display:flex;align-items:center;gap:9px;width:100%;height:38px;margin:5px 0 12px;padding:0 10px;border:1px solid #d9e0e7;border-radius:8px;background:#fff;color:#758697;text-align:left}.sidebar-search i{display:grid;place-items:center}.sidebar-search .nav-svg{width:16px;height:16px}.sidebar-search span{flex:1;font-size:11px}.sidebar-search kbd{padding:2px 5px;border:0;border-radius:4px;background:#f0f3f6;color:#8a98a6;font-size:8px}.sidebar-bottom{border-top:1px solid #e6ebf0!important;padding:12px 0!important}.sidebar-bottom .health{display:flex!important}.sidebar-bottom .health p{display:block!important}.sidebar-bottom .health strong{color:#29445e!important}.sidebar-bottom .health small{color:#8192a2!important}.sidebar-bottom .user{display:flex!important;width:100%!important;height:auto!important;margin:6px 0 0!important;padding:9px!important;background:#f6f8fa!important;color:#29445e!important}.sidebar-bottom .user span,.sidebar-bottom .user b{display:block!important}.sidebar-bottom .context-switch{display:flex!important;width:100%!important;height:auto!important;margin:0 0 7px!important;padding:9px!important;border:1px solid #dce4eb!important;background:#fff!important}.sidebar-bottom .context-switch span,.sidebar-bottom .context-switch b{display:block!important}.sidebar-bottom .context-switch strong{color:#26445f!important}.sidebar-bottom .context-switch small{color:#8092a3!important}.sidebar-bottom .context-switch>i{color:#257bd1!important}.platform-sidebar .brand>em{display:block!important;margin-left:auto!important;color:#2777c7!important;border-color:#b9d4ef!important;background:#eff7ff}.platform-rail-footer{display:block!important;border-top:1px solid #e3e9ef!important}.platform-rail-footer .context-switch{display:flex!important;width:100%!important;height:auto!important}.platform-rail-footer .context-switch>span{display:block!important}.platform-rail-footer .context-switch::after,.platform-role::after{display:none!important}.platform-role{display:flex!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;height:auto!important;padding:8px!important;color:#29445e!important}.platform-role p{display:block!important}.platform-role strong,.platform-role small{display:block}.platform-role small{color:#7f91a2!important}.platform-role .platform-avatar{flex:none}
.unified-application-nav .brand{border-bottom:1px solid #e5eaef}.application-switcher{padding:3px 4px 13px;border-bottom:1px solid #e6ebf0}.application-switcher>a{display:flex;align-items:center;gap:8px;margin:3px 0 18px;padding:7px 6px;border-radius:6px;color:#526a80;text-decoration:none;font-size:11px}.application-switcher>a:hover{background:#f3f6f8}.application-switcher>a .nav-svg{width:16px;height:16px}.application-switcher>small,.application-switcher>strong,.application-switcher>em{display:block}.application-switcher>small{color:#8b9aa9;font-size:8px;font-weight:850;letter-spacing:.1em}.application-switcher>strong{margin-top:6px;color:#183650;font-size:14px}.application-switcher>em{margin-top:2px;color:#8090a0;font-size:10px;font-style:normal}.unified-application-nav nav{padding-top:4px}.unified-application-nav nav a.active{background:#eaf3fc!important;color:#0a68c5!important;box-shadow:inset 3px 0 0 #1677e8!important}.unified-protection-state{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid #dcebe5;border-radius:8px;background:#f4fbf8}.unified-protection-state>i{width:8px;height:8px;border-radius:50%;background:#16a474}.unified-protection-state strong,.unified-protection-state small{display:block}.unified-protection-state strong{color:#265145;font-size:10px}.unified-protection-state small{color:#769187;font-size:8px}.portal-return{display:flex;align-items:center;gap:9px;margin-top:7px;padding:9px;color:#536b82;text-decoration:none;font-size:10px}.portal-return .nav-svg{width:17px;height:17px}.has-unified-app-nav .workspace>.topbar{display:none}.has-unified-app-nav .workspace main{padding-top:28px!important}.has-unified-app-nav .app-title{padding-top:2px}
@media(max-width:900px){body:not(.marketing-body):not(.login-body) .app,body.has-context-nav .app,body.has-unified-app-nav .app{grid-template-columns:1fr}.sidebar{position:fixed!important;left:-290px!important;width:268px!important;z-index:70!important;box-shadow:none}.sidebar.open{left:0!important;box-shadow:18px 0 50px #071c3340}.workspace,body.has-context-nav .workspace,body.has-unified-app-nav .workspace{grid-column:1!important;grid-row:1!important;width:100%!important;margin-left:0!important}.tabs.tabs-relocated{display:flex!important}.rail-toggle{display:block}}

.nav-command{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding-top:12vh;background:#071c3345;backdrop-filter:blur(3px)}.nav-command-card{width:min(560px,calc(100% - 30px));max-height:70vh;border:1px solid #d9e1e8;border-radius:12px;background:#fff;box-shadow:0 28px 80px #071c3340;overflow:hidden}.nav-command-card>header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #e3e8ed}.nav-command-card>header .nav-svg{width:18px;height:18px;color:#6d8194}.nav-command-card input{flex:1;height:34px;border:0;outline:0;color:#183650;font-size:14px}.nav-command-card kbd{padding:3px 6px;border-radius:5px;background:#eef2f5;color:#7d8d9b;font-size:9px}.nav-command-results{max-height:55vh;padding:8px;overflow:auto}.nav-command-results a{display:flex;align-items:center;gap:11px;min-height:43px;padding:8px 10px;border-radius:7px;color:#39536b;text-decoration:none}.nav-command-results a:hover,.nav-command-results a:focus{background:#eef5fc;color:#0d66bd}.nav-command-results a>i{display:grid;place-items:center;width:23px}.nav-command-results a>span{flex:1;font-size:12px;font-weight:650}.nav-command-results a>b{font-weight:400}.nav-command-results a[hidden]{display:none}

/* WAF-130B — Notification Delivery & Escalation Automation */
.incident-timeline{margin-top:14px;padding:12px 14px;background:#f7faff;border-radius:10px}.incident-timeline summary{cursor:pointer;font-weight:800;font-size:12px}.incident-timeline p{margin:10px 0 0!important;padding-top:10px;border-top:1px solid #e3ebf4;font-size:12px}.incident-timeline small{display:block;margin-top:4px}.test-notification{border-top:1px solid var(--line);margin-top:0!important}.test-notification p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.delivery-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:20px}.delivery-health dl{padding:4px 20px 12px;margin:0}.delivery-health dl div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #edf1f5}.delivery-health dt{color:var(--muted)}.delivery-health dd{margin:0;font-weight:800;text-align:right}.smtp-test{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 20px}.smtp-test input{border:1px solid var(--line);border-radius:9px;padding:11px}.delivery-list{padding:5px 20px 15px}.delivery-list>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1f5}.delivery-list p,.delivery-list strong,.delivery-list small,.delivery-list em{display:block;margin:0}.delivery-list small,.delivery-list em{font-size:10px;color:var(--muted);font-style:normal;margin-top:3px}.delivery-list em{color:#bf4050}.delivery-dot{width:10px;height:10px;border-radius:50%;background:#d5dfe9}.delivery-dot.sent{background:#20b381;box-shadow:0 0 0 5px #e4f7f0}.delivery-dot.failed{background:#df5365;box-shadow:0 0 0 5px #ffedef}.delivery-dot.pending,.delivery-dot.sending{background:#2789ee;box-shadow:0 0 0 5px #e8f3ff}@media(max-width:1000px){.delivery-layout{grid-template-columns:1fr}}@media(max-width:650px){.smtp-test{grid-template-columns:1fr}.delivery-list>div{grid-template-columns:auto 1fr}.delivery-list .status{grid-column:2;justify-self:start}}

/* UX-200C Hotfix 3 — Interactive Threat & DDoS Explorer */
.threat-explorer-source>:not(.threat-explorer){display:none!important}.threat-explorer-source{margin:0!important}.threat-explorer-source+ .threat-explorer-source{display:none!important}.threat-explorer{display:grid;gap:16px;position:relative}.security-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.security-kpis article{display:flex;align-items:center;gap:10px;min-height:94px;padding:13px;border:1px solid #dbe4ec;border-radius:10px;background:#fff}.security-kpis article>i{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px;background:#edf6ff;color:#1b7edb}.security-kpis article:nth-child(1)>i{background:#f0ebff;color:#7459d8}.security-kpis article:nth-child(3)>i{background:#e7f8f1;color:#18a775}.security-kpis .nav-svg{width:18px;height:18px}.security-kpis small,.security-kpis strong,.security-kpis em{display:block}.security-kpis small{color:#8394a4;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.security-kpis strong{max-width:130px;margin-top:3px;overflow:hidden;color:#18334e;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.security-kpis em{margin-top:2px;color:#8293a2;font-size:8px;font-style:normal}.security-flow-card{overflow:hidden}.security-live{display:flex;align-items:center;gap:7px;color:#42806c;font-size:9px;font-weight:750}.security-live>i{width:7px;height:7px;border-radius:50%;background:#1cad79;box-shadow:0 0 0 4px #dcf5eb}.security-live.pulse>i{animation:topology-pulse .85s ease-out}.security-flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr 70px 1fr;align-items:center;gap:8px;padding:27px 24px;background:radial-gradient(circle at 50% 50%,#edf8ff,#fff 68%)}.security-flow>button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:70px;padding:11px;border:1px solid #dbe6ee;border-radius:10px;background:#fff;color:#294760;text-align:left}.security-flow>button>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#edf5fc;color:#1c7bd3}.security-flow .nav-svg{width:17px;height:17px}.security-flow strong,.security-flow small{display:block}.security-flow strong{font-size:10px}.security-flow small{margin-top:2px;color:#8293a2;font-size:8px}.security-flow>b{position:relative;height:1px;background:#a9d1f2}.security-flow>b i{position:absolute;top:-3px;left:0;width:7px;height:7px;border-radius:50%;background:#1d85e4;box-shadow:0 0 0 4px #e0f0fd;animation:security-flow 2.2s linear infinite}.security-flow>b:nth-of-type(2) i{animation-delay:-.55s}.security-flow>b:nth-of-type(3) i{animation-delay:-1.1s}.security-flow>b:nth-of-type(4) i{animation-delay:-1.65s}@keyframes security-flow{0%{left:0;opacity:0}18%{opacity:1}82%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}.security-activity{overflow:hidden}.security-explorer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 20px;border-bottom:1px solid #e5ebf0;background:#fafcfd}.security-explorer-toolbar>div{display:flex;gap:3px;padding:3px;border-radius:7px;background:#eef2f5}.security-explorer-toolbar button{padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#60768a;font-size:9px;cursor:pointer}.security-explorer-toolbar button.active{background:#fff;color:#116fc9;box-shadow:0 1px 4px #112f4b18}.security-explorer-toolbar label{display:flex;align-items:center;gap:7px;width:min(300px,44%);padding:7px 10px;border:1px solid #dce5ec;border-radius:7px;background:#fff}.security-explorer-toolbar .nav-svg{width:15px;height:15px;color:#7c8fa0}.security-explorer-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#29455f;font-size:9px}.security-timeline{padding:6px 20px 17px}.security-event-card{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto 20px;gap:11px;align-items:center;width:100%;min-height:79px;padding:11px 10px;border:0;border-bottom:1px solid #e6ecf1;background:#fff;color:#29465f;text-align:left;cursor:pointer}.security-event-card:hover{background:#f8fbfd}.security-event-card>i{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#edf5fc;color:#227dd2}.security-event-card.ddos>i{background:#f1edff;color:#7057d7}.security-event-card.blocked>i{background:#ffefeb;color:#df6c51}.security-event-card .nav-svg{width:19px;height:19px}.security-event-card small,.security-event-card strong,.security-event-card em,.security-event-card u{display:block}.security-event-card small{color:#3984c5;font-size:7px;font-weight:850;letter-spacing:.08em}.security-event-card strong{font-size:10px}.security-event-card em,.security-event-card u{margin-top:2px;color:#7e8f9e;font-size:8px;font-style:normal;text-decoration:none}.security-event-card>b{padding:5px 7px;border-radius:6px;background:#eef4f8;color:#597287;font-size:8px}.security-event-card.blocked>b{background:#ffefeb;color:#c55648}.security-event-card>q{color:#7f94a7;font-size:18px;text-decoration:none}.security-calm-state{display:grid;place-items:center;min-height:230px;padding:35px;text-align:center}.security-calm-state>span{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#e8f8f2;color:#1aaa78}.security-calm-state .nav-svg{width:24px;height:24px}.security-calm-state h3{margin:12px 0 0;font-size:15px}.security-calm-state p{margin:5px 0 0;color:#7f91a2;font-size:10px}.security-calm-state>div{display:flex;align-items:center;gap:7px;margin-top:17px;padding:8px 12px;border-radius:8px;background:#f5faf8;color:#52776b;font-size:8px}.security-calm-state>div i{width:6px;height:6px;border-radius:50%;background:#1bad79}.security-event-drawer{position:fixed;top:0;right:0;z-index:180;width:min(430px,100%);height:100vh;padding:28px;border-left:1px solid #d6e1ea;background:#fff;box-shadow:-22px 0 60px #102b4530;animation:drawer-in .22s ease-out}.security-event-drawer>button{position:absolute;right:18px;top:18px;width:32px;height:32px;border:0;border-radius:8px;background:#eef3f7;color:#506c84;font-size:20px;cursor:pointer}.security-event-drawer>small{color:#2982d0;font-size:8px;font-weight:850;letter-spacing:.1em}.security-event-drawer h3{margin:5px 45px 10px 0;font-size:20px}.security-event-drawer>.status{display:inline-flex}.security-event-drawer dl{margin:22px 0 0;padding:0}.security-event-drawer dl>div{display:block;min-height:64px;padding:12px 0;border-bottom:1px solid #e7edf2}.security-event-drawer dt{color:#8192a2;font-size:9px}.security-event-drawer dd{margin:4px 0 0;text-align:left;font-size:10px;word-break:break-word}.security-event-drawer>div{margin-top:22px;padding:15px;border:1px solid #d9e7f2;border-radius:9px;background:#f5faff}.security-event-drawer>div strong{font-size:10px}.security-event-drawer>div p{margin:5px 0 0;color:#657e93;font-size:9px;line-height:1.55}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}@media(max-width:1150px){.security-kpis{grid-template-columns:repeat(3,1fr)}.security-flow{grid-template-columns:1fr;gap:8px}.security-flow>b{justify-self:center;width:1px;height:24px}.security-flow>b i{top:0;left:-3px;animation:security-flow-vertical 1.5s linear infinite}@keyframes security-flow-vertical{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}}@media(max-width:700px){.security-kpis{grid-template-columns:1fr 1fr}.security-kpis article:last-child{grid-column:1/-1}.security-explorer-toolbar{align-items:stretch;flex-direction:column}.security-explorer-toolbar>div{overflow-x:auto}.security-explorer-toolbar label{width:100%}.security-event-card{grid-template-columns:36px 1fr}.security-event-card>b,.security-event-card>q{grid-column:2;justify-self:start}.security-event-drawer{padding:24px 20px}}

/* UX-200C Hotfix 2.1 — Legacy Traffic Chart Cleanup */
.traffic-correlation{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;margin:16px 0;padding:20px;border:1px solid #dbe4ec;border-radius:10px;background:#fff}.traffic-correlation>div:first-child>small{color:#2781d4;font-size:8px;font-weight:850;letter-spacing:.11em}.traffic-correlation h3{margin:4px 0;font-size:16px}.traffic-correlation p{margin:0;color:#7d8fa0;font-size:10px}.traffic-correlation>[data-rejection-breakdown]{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.traffic-correlation article{padding:12px;border:1px solid #dfe7ee;border-radius:8px;background:#fbfcfd}.traffic-correlation article.security{border-color:#cde2f5;background:#f5faff}.traffic-correlation article span,.traffic-correlation article strong,.traffic-correlation article small{display:block}.traffic-correlation article span{color:#7d8fa0;font-size:7px;font-weight:800;text-transform:uppercase}.traffic-correlation article strong{margin:5px 0 2px;font-size:18px}.traffic-correlation article small{color:#62798e;font-size:8px}@media(max-width:1000px){.traffic-correlation{grid-template-columns:1fr}.traffic-correlation>[data-rejection-breakdown]{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.traffic-correlation>[data-rejection-breakdown]{grid-template-columns:1fr 1fr}}
.interactive-traffic-panel>.traffic-bars,.interactive-traffic-panel>.empty.compact{display:none!important}.interactive-traffic-panel .traffic-explorer{margin-top:0}.interactive-traffic-panel>.panel-head+.traffic-explorer{border-top:0}

/* UX-200C Hotfix 2 — Interactive Traffic Explorer */
.interactive-traffic-panel{overflow:visible}.interactive-traffic-panel>.panel-head{flex-wrap:wrap}.traffic-explorer-controls{margin-left:auto}.traffic-range{display:flex;padding:3px;border-radius:8px;background:#eef2f6}.traffic-range button{padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#6c8092;font-size:9px;cursor:pointer}.traffic-range button.active{background:#fff;color:#1273d2;box-shadow:0 1px 4px #12345118}.traffic-explorer{padding:15px 22px 22px;transition:opacity .18s}.traffic-explorer.loading{opacity:.55}.traffic-explorer.offline .traffic-metric-switch>span{color:#c05663}.traffic-metric-switch{display:flex;align-items:center;gap:4px;margin-bottom:10px}.traffic-metric-switch button{display:flex;align-items:center;gap:6px;padding:7px 10px;border:0;border-radius:7px;background:transparent;color:#6a7f93;font-size:9px;font-weight:650;cursor:pointer}.traffic-metric-switch button:hover{background:#f2f6f9}.traffic-metric-switch button.active{background:#ebf4fd;color:#0f70cb}.traffic-metric-switch button>i{width:7px;height:7px;border-radius:50%;background:#2589ef}.traffic-metric-switch button:nth-child(2)>i{background:#ef7458}.traffic-metric-switch button:nth-child(3)>i{background:#7459d7}.traffic-metric-switch button:nth-child(4)>i{background:#22aa79}.traffic-metric-switch>span{display:flex;align-items:center;gap:7px;margin-left:auto;color:#43816e;font-size:9px;font-weight:700}.traffic-metric-switch>span>i{width:7px;height:7px;border-radius:50%;background:#19ad7b;box-shadow:0 0 0 4px #ddf5ec}.traffic-metric-switch>span.pulse>i{animation:topology-pulse .8s ease-out}.traffic-canvas{position:relative;height:350px;padding-bottom:28px;touch-action:pan-y}.traffic-canvas svg{display:block;width:100%;height:310px;overflow:visible}.traffic-grid line{stroke:#e5ebf1;stroke-width:1}.traffic-grid text{fill:#91a0ae;font-size:9px}.traffic-area{fill:url(#trafficArea)}.traffic-line{fill:none;stroke:#2589ef;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.traffic-rejected-line{fill:none;stroke:#ef7458;stroke-width:1.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:4 5}.traffic-points circle{fill:#fff;stroke:#2589ef;stroke-width:2;vector-effect:non-scaling-stroke;opacity:.15}.traffic-canvas:hover .traffic-points circle{opacity:.75}.traffic-crosshair{stroke:#7faedd;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;opacity:0;pointer-events:none}.traffic-axis{position:absolute;left:3%;right:1%;bottom:3px;display:flex;justify-content:space-between;color:#8294a5;font-size:9px}.traffic-tooltip{position:absolute;top:20px;z-index:3;min-width:210px;padding:11px 12px;border:1px solid #cfdeeb;border-radius:8px;background:#102b45f2;color:#fff;pointer-events:none;transform:translateX(-50%);box-shadow:0 12px 34px #0b284544}.traffic-tooltip small,.traffic-tooltip strong,.traffic-tooltip span{display:block}.traffic-tooltip small{color:#9fc2df;font-size:8px;text-transform:uppercase}.traffic-tooltip strong{margin:3px 0 5px;font-size:12px}.traffic-tooltip span{margin-top:2px;color:#d9e7f2;font-size:9px}.traffic-insights{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e0e7ee;border-radius:9px;background:#fafcfd}.traffic-insights article{padding:13px 15px;border-right:1px solid #e5ebf0}.traffic-insights article:last-child{border-right:0}.traffic-insights small,.traffic-insights strong,.traffic-insights span{display:block}.traffic-insights small{color:#8495a5;font-size:8px;text-transform:uppercase;letter-spacing:.06em}.traffic-insights strong{margin-top:4px;font-size:15px}.traffic-insights span{margin-top:2px;color:#8192a1;font-size:8px}.traffic-gateway-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin:16px 0;padding:20px;border:1px solid #dbe4ec;border-radius:10px;background:#fff}.traffic-gateway-section>div:first-child>small{color:#2781d4;font-size:8px;font-weight:850;letter-spacing:.11em}.traffic-gateway-section h3{margin:4px 0 0;font-size:16px}.traffic-gateway-section>div:first-child>p{margin:5px 0 0;color:#7d8fa0;font-size:10px}.traffic-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:10px}.traffic-gateway-card{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:86px;padding:11px 12px 25px;border:1px solid #dce5ed;border-radius:9px;background:#fbfcfd;color:#29465f;text-align:left;cursor:pointer;transition:border-color .16s,background .16s}.traffic-gateway-card:hover,.traffic-gateway-card.active{border-color:#77b6ed;background:#f3f9ff}.traffic-gateway-card>i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#eaf4fd;color:#187bd7}.traffic-gateway-card .nav-svg{width:18px;height:18px}.traffic-gateway-card small,.traffic-gateway-card strong,.traffic-gateway-card em{display:block}.traffic-gateway-card small{color:#3b85c6;font-size:7px;font-weight:800}.traffic-gateway-card strong{font-size:10px}.traffic-gateway-card em{margin-top:2px;color:#7e8f9e;font-size:8px;font-style:normal}.traffic-gateway-card>b{font-size:16px}.traffic-gateway-card>u{position:absolute;left:55px;right:12px;bottom:18px;height:3px;border-radius:3px;background:#e4ebf1;text-decoration:none;overflow:hidden}.traffic-gateway-card>u i{display:block;height:100%;background:#2186e5}.traffic-gateway-card footer{position:absolute;left:55px;right:12px;bottom:5px;display:flex;justify-content:space-between;color:#8495a4;font-size:7px}.traffic-gateway-empty{grid-column:1/-1;padding:24px;border:1px dashed #d9e3eb;border-radius:8px;color:#8293a1;text-align:center;font-size:10px}@media(max-width:1000px){.traffic-gateway-section{grid-template-columns:1fr}.traffic-insights{grid-template-columns:1fr 1fr}.traffic-insights article:nth-child(2){border-right:0}.traffic-insights article:nth-child(-n+2){border-bottom:1px solid #e5ebf0}}@media(max-width:700px){.traffic-explorer{padding:12px}.traffic-canvas{height:300px}.traffic-canvas svg{height:270px}.traffic-metric-switch{align-items:stretch;flex-wrap:wrap}.traffic-metric-switch>span{width:100%;margin:5px 0 0}.traffic-range{width:100%}.traffic-range button{flex:1}.traffic-gateway-grid{grid-template-columns:1fr}.traffic-insights{grid-template-columns:1fr}.traffic-insights article{border-right:0;border-bottom:1px solid #e5ebf0}.traffic-insights article:last-child{border-bottom:0}}

/* UX-200C Hotfix 1 — Interactive Gateway Topology */
.gateway-topology-panel{position:relative;overflow:hidden}.gateway-topology-panel>.panel-head{border-bottom:1px solid #e7edf2}.gateway-topology{display:grid;grid-template-columns:minmax(145px,.7fr) minmax(80px,.45fr) minmax(260px,1.35fr) minmax(80px,.45fr) minmax(170px,.8fr);align-items:center;gap:12px;min-height:270px;padding:30px 28px;background:radial-gradient(circle at 50% 48%,#edf7ff 0,#f8fbfe 34%,#fff 72%)}.topology-endpoint{display:flex;align-items:center;gap:11px;min-height:76px;padding:14px;border:1px solid #dce6ef;border-radius:12px;background:#fff;box-shadow:0 7px 24px #173d6410}.topology-endpoint>i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#eff5fa;color:#3a7db9;font-size:18px;font-style:normal}.topology-endpoint.application{border-color:#b9daf8;background:#f1f8ff}.topology-endpoint.application>i{background:#187bea;color:#fff}.topology-endpoint strong,.topology-endpoint small{display:block}.topology-endpoint strong{font-size:12px}.topology-endpoint small{margin-top:2px;color:#8293a3;font-size:9px}.topology-node-stack{display:grid;gap:10px}.topology-node{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;width:100%;min-height:82px;padding:12px 14px;border:1px solid #dce5ed;border-radius:11px;background:#fff;color:#27445f;text-align:left;cursor:pointer;box-shadow:0 4px 16px #163a5b0a;transition:border-color .18s,box-shadow .18s,transform .18s}.topology-node:hover,.topology-node.selected{transform:translateY(-1px);border-color:#5da8ed;box-shadow:0 10px 28px #176fc51a}.topology-node-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eaf5ff;color:#1879dd;font-size:24px}.topology-node small,.topology-node strong,.topology-node em{display:block}.topology-node small{color:#3a87ca;font-size:8px;font-weight:800;letter-spacing:.08em}.topology-node strong{margin-top:1px;font-size:12px}.topology-node em{display:flex;align-items:center;gap:5px;margin-top:3px;color:#72879a;font-size:9px;font-style:normal}.topology-node em i{width:6px;height:6px;border-radius:50%;background:#a8b5c1}.topology-node.healthy em i{background:#1bb27e;box-shadow:0 0 0 4px #dcf5ec}.topology-node.degraded em i,.topology-node.draining em i{background:#e89a32}.topology-node.unreachable em i{background:#de5968}.topology-node>b{color:#52728e;font-size:10px}.topology-node>u{position:absolute;right:14px;bottom:8px;width:62px;height:3px;border-radius:2px;background:#e9eef3;text-decoration:none;overflow:hidden}.topology-node>u i{display:block;height:100%;border-radius:inherit;background:#24ae7f}.topology-node.degraded>u i{background:#eca042}.topology-lines{position:relative;height:100%;min-height:120px}.topology-lines::before,.topology-lines::after{content:'';position:absolute;left:0;right:0;height:1px;background:#badbf7}.topology-lines::before{top:35%}.topology-lines::after{top:65%}.topology-lines.inbound::after,.topology-lines.inbound::before{background:linear-gradient(90deg,#d5e9fa,#78b9ef)}.topology-lines.outbound::after,.topology-lines.outbound::before{background:linear-gradient(90deg,#78b9ef,#d5e9fa)}.topology-lines i{position:absolute;top:calc(35% - 3px);left:0;width:7px;height:7px;border-radius:50%;background:#1987e9;box-shadow:0 0 0 4px #dcefff;animation:topology-flow 2.4s linear infinite}.topology-lines i+ i{top:calc(65% - 3px);animation-delay:-1.2s}.topology-lines.outbound i{animation-direction:reverse}@keyframes topology-flow{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 7px);opacity:0}}.topology-detail{position:relative;margin:0 28px 22px;padding:19px 20px;border:1px solid #cfe1f1;border-radius:10px;background:#f7fbff}.topology-detail[hidden]{display:none}.topology-detail>button{position:absolute;right:13px;top:11px;width:28px;height:28px;border:0;border-radius:7px;background:#e9f2fa;color:#53718b;font-size:18px;cursor:pointer}.topology-detail>small{color:#2981cf;font-size:8px;font-weight:850;letter-spacing:.11em}.topology-detail h3{margin:3px 0 0;font-size:16px}.topology-detail>p{margin:1px 0 14px;color:#72879a;font-size:10px}.topology-detail dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;margin:0;padding:0}.topology-detail dl>div{display:block;min-height:54px;padding:9px 0;border-top:1px solid #e0eaf2}.topology-detail dt{font-size:9px}.topology-detail dd{margin:3px 0 0;text-align:left;font-size:10px}.topology-detail code{white-space:normal;word-break:break-all}.dns-details{border-top:1px solid #e7edf2}.dns-details summary{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;color:#3e5c77;font-size:11px;font-weight:750;cursor:pointer;list-style:none}.dns-details summary::-webkit-details-marker{display:none}.dns-details summary span::before{content:'›';display:inline-block;margin-right:8px;color:#2783da;transition:transform .16s}.dns-details[open] summary span::before{transform:rotate(90deg)}.dns-details summary small{color:#8293a3;font-size:9px;font-weight:500}.dns-details .dns-record-grid{padding-top:4px}.topology-live{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#43816e;font-size:9px;font-weight:700}.topology-live>i{width:7px;height:7px;border-radius:50%;background:#1caf7b;box-shadow:0 0 0 4px #ddf5ec}.topology-live.pulse>i{animation:topology-pulse .9s ease-out}@keyframes topology-pulse{0%{box-shadow:0 0 0 0 #1caf7b88}100%{box-shadow:0 0 0 12px #1caf7b00}}@media(max-width:1100px){.gateway-topology{grid-template-columns:1fr;gap:10px}.topology-lines{min-height:34px}.topology-lines::before{left:42%;right:42%;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(#d5e9fa,#78b9ef)}.topology-lines::after,.topology-lines i+ i{display:none}.topology-lines i{top:0;left:calc(50% - 3px);animation:topology-flow-vertical 1.8s linear infinite}@keyframes topology-flow-vertical{0%{top:0;opacity:0}20%{opacity:1}80%{opacity:1}100%{top:calc(100% - 7px);opacity:0}}.topology-lines.outbound i{animation-direction:normal}.topology-detail dl{grid-template-columns:1fr 1fr}}@media(max-width:650px){.gateway-topology{padding:20px 16px}.topology-detail{margin:0 16px 16px}.topology-detail dl{grid-template-columns:1fr}.dns-details summary{padding:13px 16px}.gateway-topology-panel .dns-sync-actions{align-items:flex-start;flex-direction:column}.topology-live{order:-1}.topology-node{grid-template-columns:40px 1fr}.topology-node>b{grid-column:2}.topology-node>u{left:62px;right:14px;width:auto}}

/* UX-200C — Application Pages & Security Workspace Polish */
.ux200c-workspace .workspace main{max-width:1560px;margin:0 auto;padding-bottom:70px!important}.ux200c-workspace .app-title{margin-bottom:20px}.ux200c-workspace .app-title h1{font-size:32px;letter-spacing:-.035em}.ux200c-workspace .app-tab-panel{margin-top:0}.ux200c-page-head{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 18px;padding:0 2px}.ux200c-page-head[hidden]{display:none}.ux200c-page-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #d7e7f6;border-radius:10px;background:#edf6ff;color:#1176d9}.ux200c-page-icon .nav-svg{width:23px;height:23px}.ux200c-page-head small{display:block;margin-bottom:2px;color:#2681d7;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ux200c-page-head h2{margin:0;color:#122d49;font-size:22px;letter-spacing:-.02em}.ux200c-page-head p{margin:3px 0 0;color:#75899d;font-size:12px}.ux200c-page-head>span{align-self:start;margin-top:5px;padding:6px 9px;border:1px solid #d9e5ef;border-radius:7px;background:#fff;color:#587188;font-size:10px;font-weight:700}.ux200c-workspace .panel{border-color:#dbe4ec;border-radius:10px;box-shadow:0 1px 1px #102a4305}.ux200c-workspace .panel-head{min-height:76px;padding:18px 20px!important}.ux200c-workspace .panel-head h2{font-size:17px;letter-spacing:-.015em}.ux200c-workspace .panel-head p{margin-top:4px;font-size:11px}.ux200c-workspace .gateway-metrics{gap:12px;margin-bottom:16px}.ux200c-workspace .gateway-metrics article{min-height:112px;border-color:#dbe4ec;border-radius:10px}.ux200c-workspace .gateway-metrics strong{font-size:23px}.ux200c-workspace .empty.compact{min-height:260px;padding:52px 24px}.ux200c-workspace .empty.compact h3{font-size:16px}.ux200c-empty-note{display:block;max-width:520px;margin:13px auto 0;padding-top:12px;border-top:1px solid #e8eef3;color:#8a9aaa!important;font-size:10px!important}.ux200c-event-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 20px;border-bottom:1px solid #e8edf2;background:#fbfcfd}.ux200c-event-toolbar>div{display:flex;gap:3px;padding:3px;border-radius:7px;background:#f0f3f6}.ux200c-event-toolbar button{padding:6px 10px;border:0;border-radius:5px;background:transparent;color:#607488;font-size:10px;cursor:pointer}.ux200c-event-toolbar button.active{background:#fff;color:#116bc3;box-shadow:0 1px 3px #102a4318}.ux200c-event-toolbar label{display:flex;align-items:center;gap:7px;width:min(290px,45%);padding:7px 10px;border:1px solid #dce4eb;border-radius:7px;background:#fff}.ux200c-event-toolbar label .nav-svg{width:15px;height:15px;color:#7c8fa1}.ux200c-event-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#28445e;font-size:10px}.ux200c-tls-chain{display:grid;grid-template-columns:minmax(150px,1fr) minmax(110px,.7fr) minmax(170px,1fr) minmax(110px,.7fr) minmax(150px,1fr);align-items:center;gap:12px;padding:28px 28px 24px;border-bottom:1px solid #e7edf2;background:linear-gradient(180deg,#fbfdff,#f7fafc)}.ux200c-tls-chain>div{display:flex;align-items:center;justify-content:center;gap:11px;min-height:78px;padding:15px;border:1px solid #dce6ee;border-radius:9px;background:#fff}.ux200c-tls-chain>div.gateway{border-color:#bcdcf9;background:#eff7ff}.ux200c-tls-chain i{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#edf3f8;color:#3578b7}.ux200c-tls-chain .gateway i{background:#1679e7;color:#fff}.ux200c-tls-chain .nav-svg{width:19px;height:19px}.ux200c-tls-chain strong,.ux200c-tls-chain small{display:block}.ux200c-tls-chain strong{font-size:11px}.ux200c-tls-chain small{margin-top:2px;color:#7c8fa1;font-size:9px}.ux200c-tls-chain>b{display:flex;flex-direction:column;align-items:center;gap:6px}.ux200c-tls-chain>b span{position:relative;width:100%;height:1px;background:#80b7e8}.ux200c-tls-chain>b span::after{content:'›';position:absolute;right:-2px;top:-10px;color:#3283cd;font-size:16px}.ux200c-tls-chain>b em{color:#6f879b;font-size:8px;font-style:normal;font-weight:650;white-space:nowrap}.ux200c-workspace dl{padding:4px 20px 14px}.ux200c-workspace dl>div{min-height:49px}.ux200c-workspace .policy-layout,.ux200c-workspace .lifecycle-grid,.ux200c-workspace .mitigation-layout{gap:16px}.ux200c-workspace .origin-editor{border-radius:8px}.ux200c-workspace .event-list,.ux200c-workspace .ddos-incident-list,.ux200c-workspace .mitigation-incident-list{padding:4px 20px 14px}.ux200c-workspace .event[hidden]{display:none}@media(max-width:1100px){.ux200c-tls-chain{grid-template-columns:1fr}.ux200c-tls-chain>b{min-height:30px}.ux200c-tls-chain>b span{width:1px;height:22px}.ux200c-tls-chain>b span::after{right:-5px;top:8px;transform:rotate(90deg)}}@media(max-width:700px){.ux200c-page-head{grid-template-columns:40px 1fr}.ux200c-page-head>span{grid-column:2;justify-self:start}.ux200c-event-toolbar{align-items:stretch;flex-direction:column}.ux200c-event-toolbar label{width:100%}.ux200c-workspace .app-title h1{font-size:26px}}
.reputation-telemetry{margin-bottom:20px}.reputation-telemetry .security-kpis{padding:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.reputation-decisions{border-top:1px solid var(--border);padding:0 22px 18px}.reputation-decisions>div:not(.security-calm-state){display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--border)}.reputation-decisions>div>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf4ff;color:#1683ef}.reputation-decisions>div>i svg{width:20px}.reputation-decisions>div>span{display:grid;gap:3px;flex:1}.reputation-decisions>div>span small{color:var(--muted)}.reputation-decisions>div>b{font-size:12px;color:#087f5b;background:#e8f8f2;padding:7px 9px;border-radius:8px}@media(max-width:900px){.reputation-telemetry .security-kpis{grid-template-columns:1fr}}

/* UX-200F — Interactive Public Product Experience */
.interactive-marketing{--mkt-navy:#071d33;--mkt-text:#102b46;--mkt-blue:#167deb;--mkt-muted:#71869a;background:#fff;color:var(--mkt-text)}.interactive-marketing button,.interactive-marketing input{font:inherit}.mkt-nav{position:sticky;top:0;z-index:60;display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:72px;padding:0 max(26px,calc((100vw - 1240px)/2));border-bottom:1px solid #e7edf3;background:#ffffffed;backdrop-filter:blur(16px)}.mkt-brand{display:flex;align-items:center;gap:9px;color:var(--mkt-text);font-size:18px}.mkt-brand span{color:#1688f4;font-size:29px;font-weight:400}.mkt-nav nav{display:flex;justify-content:center;gap:29px}.mkt-nav nav a,.mkt-nav-actions>a:first-child{color:#49647c;font-size:12px;font-weight:700}.mkt-nav-actions{display:flex;align-items:center;gap:23px}.mkt-button,.mkt-outline{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;padding:0 19px;border-radius:8px;font-size:12px;font-weight:800}.mkt-button{background:var(--mkt-blue);color:#fff!important;box-shadow:0 9px 24px #167deb2b}.mkt-outline{border:1px solid #d7e2ec;color:#34516b;background:#fff}.mkt-menu{display:none}.mkt-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;max-width:1240px;min-height:680px;margin:auto;padding:75px 0 85px}.mkt-eyebrow,.mkt-section-heading>span,.mkt-edge-copy>span,.mkt-cta>p{color:#1678dc;font-size:10px;font-weight:850;letter-spacing:.12em}.mkt-eyebrow i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#1ab47f;box-shadow:0 0 0 5px #e2f6ef}.mkt-hero h1{margin:18px 0 22px;font-size:58px;line-height:1.035;letter-spacing:-.055em}.mkt-hero h1 em{color:#1678e4;font-style:normal}.mkt-hero-copy>p:not(.mkt-eyebrow){max-width:550px;color:#61778b;font-size:16px;line-height:1.7}.mkt-actions{display:flex;gap:11px;margin:29px 0 20px}.mkt-hero-copy ul{display:flex;flex-wrap:wrap;gap:16px;margin:0;padding:0;color:#7b8d9e;font-size:9px;list-style:none}.mkt-topology{position:relative;min-height:430px;padding:76px 34px 27px;border:1px solid #d8e4ed;border-radius:18px;background:linear-gradient(145deg,#fbfdff,#f2f7fb);overflow:hidden;box-shadow:0 30px 75px #123b621a}.mkt-topology::before{content:'';position:absolute;width:470px;height:470px;left:49%;top:48%;border:1px solid #cfe4f7;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 65px #eaf4fc66,0 0 0 130px #edf6fc44}.mkt-sim-label{position:absolute;z-index:2;top:25px;left:28px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #dce8f1;border-radius:20px;background:#fff;color:#527088;font-size:9px;font-weight:750}.mkt-sim-label i,.mkt-livebar i{width:7px;height:7px;border-radius:50%;background:#1ab47f;box-shadow:0 0 0 4px #def5ec}.mkt-route{position:relative;z-index:2;display:grid;grid-template-columns:126px 1fr 165px 1fr 126px;gap:10px;align-items:center;min-height:215px}.mkt-route-node,.mkt-gateways article{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #d6e3ed;border-radius:11px;background:#fff;box-shadow:0 8px 22px #153e6410}.mkt-route-node>span,.mkt-gateways article>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:#eaf4fd;color:#1679dd}.mkt-route-node.protected{border-color:#bde9d9;background:#f4fcf9}.mkt-route-node.protected>span{background:#def7ed;color:#15966b}.mkt-route small,.mkt-route strong,.mkt-route em{display:block}.mkt-route small{color:#7e95aa;font-size:6px;font-weight:800}.mkt-route strong{font-size:9px}.mkt-route em{margin-top:2px;color:#7790a5;font-size:7px;font-style:normal;white-space:nowrap}.mkt-gateways{display:grid;gap:9px}.mkt-route-line{position:relative;height:70px}.mkt-route-line::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#8fc5f1}.mkt-route-line i{position:absolute;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#167deb;box-shadow:0 0 0 4px #dcebfa;animation:mktFlow 2s linear infinite}.mkt-route-line i+ i{animation-delay:-1s}@keyframes mktFlow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}.mkt-layer-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mkt-layer-strip span{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 5px;border:1px solid #d9e5ee;border-radius:8px;background:#fff;color:#526d84;font-size:8px;font-weight:750}.mkt-layer-strip i{color:#197fde;font-style:normal}.mkt-livebar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto;align-items:end;margin-top:13px;padding-top:14px;border-top:1px solid #dde7ef}.mkt-livebar span{display:flex;align-items:center;gap:7px;color:#4b7669;font-size:8px}.mkt-livebar strong{font-size:14px}.mkt-livebar small{grid-column:2;color:#8497a8;font-size:7px}.mkt-section-heading{max-width:680px;margin:0 auto 43px;text-align:center}.mkt-section-heading h2{margin:11px 0 12px;font-size:39px;line-height:1.15;letter-spacing:-.04em}.mkt-section-heading p{color:#708498;line-height:1.65}.mkt-demo{padding:105px max(26px,calc((100vw - 1180px)/2));background:#f5f8fb}.mkt-demo-shell{display:grid;grid-template-columns:340px 1fr;border:1px solid #d8e3ec;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 20px 55px #153a5b12}.mkt-demo-controls{padding:28px;border-right:1px solid #e1e8ef}.mkt-segment{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:9px;background:#eef3f7}.mkt-segment button{padding:8px;border:0;border-radius:7px;background:transparent;color:#708397;font-size:9px;cursor:pointer}.mkt-segment button.active{background:#fff;color:#1674d1;box-shadow:0 2px 7px #173b5c18}.mkt-demo-controls>p{margin:25px 0 9px;color:#7e91a3;font-size:9px;font-weight:750;text-transform:uppercase}.mkt-scenarios{display:grid;gap:8px}.mkt-scenarios button{display:grid;grid-template-columns:35px 1fr;gap:10px;align-items:center;padding:11px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#24445f;text-align:left;cursor:pointer}.mkt-scenarios button.active{border-color:#59a6eb;background:#f2f8ff;box-shadow:0 0 0 2px #daecfc}.mkt-scenarios button>i{display:grid;place-items:center;width:35px;height:35px;border-radius:8px;background:#eaf4fd;color:#1679df;font-size:18px;font-style:normal}.mkt-scenarios strong,.mkt-scenarios small{display:block}.mkt-scenarios strong{font-size:10px}.mkt-scenarios small{margin-top:3px;color:#7a8fa2;font-size:8px}.mkt-run{width:100%;margin-top:18px;padding:12px;border:0;border-radius:8px;background:#167deb;color:#fff;font-size:10px;font-weight:800;cursor:pointer}.mkt-run:disabled{opacity:.65}.mkt-demo-controls>small{display:block;margin-top:10px;color:#8b9ba9;font-size:7px;line-height:1.5}.mkt-request-view{padding:27px 31px;background:linear-gradient(150deg,#fbfdff,#f5f9fc)}.mkt-request-view>header{display:flex;align-items:center;padding-bottom:15px;border-bottom:1px solid #e0e8ef}.mkt-request-view>header>span{display:flex;gap:4px}.mkt-request-view>header i{width:7px;height:7px;border-radius:50%;background:#d8e1e8}.mkt-request-view>header strong{margin-left:10px;font-size:10px}.mkt-request-view>header em{margin-left:auto;padding:4px 6px;border-radius:4px;background:#e6f2fd;color:#1674d0;font-size:7px;font-style:normal;font-weight:800}.mkt-request-code{display:flex;gap:10px;margin:18px 0;padding:13px;border:1px solid #dae5ed;border-radius:8px;background:#102b45;color:#dbeaf6}.mkt-request-code span{color:#59b5ff;font-size:9px;font-weight:800}.mkt-request-code code{font-size:9px;word-break:break-all}.mkt-request-view ol{display:grid;gap:1px;margin:0;padding:0;list-style:none}.mkt-request-view li{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;min-height:61px;padding:8px;color:#8192a2;opacity:.46}.mkt-request-view li:not(:last-child)::after{content:'';position:absolute;left:15px;top:47px;width:1px;height:29px;background:#d9e4ec}.mkt-request-view li.done{color:#274760;opacity:1}.mkt-request-view li.done:not(:last-child)::after{background:#2bb287}.mkt-request-view li>b{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d9e4ec;border-radius:50%;background:#fff;font-size:9px}.mkt-request-view li.done>b{border-color:#bce8d8;background:#e7f8f1;color:#15996d}.mkt-request-view li strong,.mkt-request-view li small{display:block}.mkt-request-view li strong{font-size:10px}.mkt-request-view li small{margin-top:3px;color:#8093a5;font-size:8px}.mkt-request-view li>em{font-size:8px;font-style:normal}.mkt-result{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;margin-top:18px;padding:13px;border:1px solid #bde7d7;border-radius:9px;background:#edf9f5;transform:translateY(0);transition:.25s}.mkt-result:not(.show){opacity:.8}.mkt-result>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#18a877;color:#fff}.mkt-result small,.mkt-result strong{display:block}.mkt-result small{color:#5a8979;font-size:7px;font-weight:800}.mkt-result strong{font-size:11px}.mkt-result p{margin:2px 0 0;color:#6c887e;font-size:8px}.mkt-result>em{color:#16825e;font-size:16px;font-style:normal;font-weight:800}.mkt-layers{max-width:1180px;margin:auto;padding:110px 0}.mkt-layer-layout{display:grid;grid-template-columns:390px 1fr;gap:20px}.mkt-layer-list{display:grid;gap:8px}.mkt-layer-list button{display:grid;grid-template-columns:39px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid #dfe7ee;border-radius:10px;background:#fff;color:#28465f;text-align:left;cursor:pointer;transition:.18s}.mkt-layer-list button:hover,.mkt-layer-list button.active{border-color:#6aafea;background:#f3f9ff;transform:translateX(3px)}.mkt-layer-list button>i{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#e9f4fd;color:#187bdc;font-size:18px;font-style:normal}.mkt-layer-list strong,.mkt-layer-list small{display:block}.mkt-layer-list strong{font-size:11px}.mkt-layer-list small{margin-top:3px;color:#8093a4;font-size:8px}.mkt-layer-list em{color:#2882d5;font-style:normal}.mkt-layer-detail{padding:31px 34px;border:1px solid #dbe5ed;border-radius:13px;background:#f8fbfd;transition:opacity .2s,transform .2s}.mkt-layer-detail.refresh{opacity:.5;transform:translateY(3px)}.mkt-layer-detail>span{color:#197bd5;font-size:8px;font-weight:850;letter-spacing:.11em}.mkt-layer-detail h3{margin:7px 0 10px;font-size:25px;letter-spacing:-.03em}.mkt-layer-detail>p{max-width:600px;color:#70869a;font-size:11px;line-height:1.65}.mkt-mini-chart{margin-top:23px;padding:17px 18px 0;border:1px solid #dce6ed;border-radius:10px;background:#fff}.mkt-mini-chart>div{display:flex;justify-content:space-between}.mkt-mini-chart small{color:#7f92a3;font-size:8px}.mkt-mini-chart strong{font-size:13px}.mkt-mini-chart svg{width:100%;height:150px}.mkt-mini-chart .fill{fill:url(#mktFill)}.mkt-mini-chart .line{fill:none;stroke:#2589ef;stroke-width:3}.mkt-layer-detail ul{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 0;padding:0;list-style:none}.mkt-layer-detail li{padding:10px;border-radius:7px;background:#edf5fb;color:#4f6c84;font-size:8px}.mkt-layer-detail li::before{content:'✓';margin-right:5px;color:#18a476;font-weight:800}.mkt-edge{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center;padding:90px max(26px,calc((100vw - 1180px)/2));background:#071d33;color:#fff}.mkt-edge-copy h2{margin:12px 0 15px;font-size:39px;line-height:1.1;letter-spacing:-.04em}.mkt-edge-copy>p{color:#9db2c5;line-height:1.7}.mkt-health{display:flex;align-items:center;gap:12px;margin-top:28px;padding:13px;border:1px solid #1d3b55;border-radius:9px;background:#0d2942}.mkt-health>i{width:10px;height:10px;border-radius:50%;background:#23c28a;box-shadow:0 0 0 6px #1d5f4e66}.mkt-health.warning>i{background:#e0a246;box-shadow:0 0 0 6px #6d512e66}.mkt-health strong,.mkt-health small{display:block}.mkt-health strong{font-size:10px}.mkt-health small{margin-top:2px;color:#7892aa;font-size:8px}.mkt-edge-map{position:relative;min-height:390px}.mkt-edge-map>svg{width:100%;height:390px}.mkt-edge-map>svg>path:first-child{fill:#0d2942;stroke:#234866;stroke-width:2}.mkt-edge-map .edge-link{fill:none;stroke:#237fca;stroke-width:1;stroke-dasharray:5 6}.mkt-edge-map>button{position:absolute;border:0;background:transparent;color:#a9c7df;transform:translate(-50%,-50%);cursor:pointer}
.mkt-edge-map>button.edge-point-amsterdam{left:34%;top:48%}
.mkt-edge-map>button.edge-point-frankfurt{left:65%;top:41%}
.mkt-edge-map>button.edge-point-milaan{left:71%;top:61%}.mkt-edge-map>button i{display:block;width:12px;height:12px;margin:auto;border:3px solid #88c8f7;border-radius:50%;background:#167deb;box-shadow:0 0 0 7px #167deb33}.mkt-edge-map>button.active i{animation:mktPulse 1.7s infinite}@keyframes mktPulse{50%{box-shadow:0 0 0 14px #167deb05}}.mkt-edge-map>button span{display:block;margin-top:9px;font-size:8px}.mkt-edge-card{position:absolute;right:0;bottom:5px;min-width:190px;padding:16px;border:1px solid #284a64;border-radius:10px;background:#0d2942;box-shadow:0 16px 40px #0003}.mkt-edge-card small,.mkt-edge-card strong,.mkt-edge-card span,.mkt-edge-card em{display:block}.mkt-edge-card small{color:#6f91ad;font-size:7px}.mkt-edge-card strong{margin:5px 0 10px;font-size:16px}.mkt-edge-card span{color:#80a1bb;font-size:8px}.mkt-edge-card span i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#21b881}.mkt-edge-card em{position:absolute;right:15px;top:38px;color:#65b7f5;font-size:11px;font-style:normal}.mkt-proof{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:auto;padding:75px 0}.mkt-proof article{display:flex;align-items:center;gap:13px;padding:11px 25px;border-right:1px solid #e2e8ed}.mkt-proof article:last-child{border:0}.mkt-proof strong{font-size:20px}.mkt-proof span{color:#7b8fa1;font-size:9px;line-height:1.4}.mkt-cta{max-width:1180px;margin:15px auto 70px;padding:80px 25px;border-radius:16px;background:var(--mkt-navy);color:#fff;text-align:center}.mkt-cta h2{margin:11px 0 10px;font-size:38px;letter-spacing:-.04em}.mkt-cta>span{display:block;margin-bottom:25px;color:#a2b6c8}.mkt-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px;padding:38px max(26px,calc((100vw - 1180px)/2));background:#041629;color:#849bad}.mkt-footer .mkt-brand{color:#fff}.mkt-footer p,.mkt-footer a,.mkt-footer small{font-size:9px}.mkt-footer nav{display:flex;gap:22px}.mkt-footer nav a{color:#a6b8c8}.mkt-footer small{grid-column:1/-1;padding-top:20px;border-top:1px solid #173048}
@media(max-width:1000px){.mkt-nav{padding:0 20px}.mkt-nav nav{gap:16px}.mkt-hero{grid-template-columns:1fr;gap:45px;padding:70px 25px}.mkt-hero-copy{text-align:center}.mkt-hero-copy>p:not(.mkt-eyebrow){margin-inline:auto}.mkt-actions,.mkt-hero-copy ul{justify-content:center}.mkt-demo-shell,.mkt-layer-layout,.mkt-edge{grid-template-columns:1fr}.mkt-demo-controls{border-right:0;border-bottom:1px solid #e1e8ef}.mkt-layers{padding-inline:25px}.mkt-layer-list{grid-template-columns:1fr 1fr}.mkt-edge{gap:20px}.mkt-proof{grid-template-columns:1fr 1fr;padding-inline:25px}.mkt-proof article:nth-child(2){border-right:0}.mkt-cta{margin-inline:25px}}
@media(max-width:700px){.mkt-nav{grid-template-columns:auto auto 1fr}.mkt-menu{display:block;grid-column:2;margin-left:auto;border:0;background:transparent;color:#34546e;font-size:20px}.mkt-nav nav{position:absolute;left:14px;right:14px;top:65px;display:none;flex-direction:column;gap:0;padding:8px;border:1px solid #dae4ec;border-radius:10px;background:#fff;box-shadow:0 18px 40px #153b5e1f}.mkt-nav nav.open{display:flex}.mkt-nav nav a{padding:12px}.mkt-nav-actions>a:first-child{display:none}.mkt-nav-actions{margin-left:10px}.mkt-nav-actions .mkt-button{min-height:38px;padding:0 11px;font-size:9px}.mkt-hero{padding-top:55px}.mkt-hero h1{font-size:40px}.mkt-actions{flex-direction:column}.mkt-topology{padding:65px 18px 20px}.mkt-route{grid-template-columns:1fr}.mkt-route-line{height:35px}.mkt-route-line::before{left:50%;top:0;width:1px;height:100%}.mkt-route-line i{left:calc(50% - 3px);top:0;animation:mktFlowMobile 1.6s linear infinite}@keyframes mktFlowMobile{from{top:0;opacity:0}to{top:calc(100% - 6px);opacity:1}}.mkt-gateways{grid-template-columns:1fr 1fr}.mkt-layer-strip{grid-template-columns:1fr 1fr}.mkt-section-heading h2,.mkt-edge-copy h2,.mkt-cta h2{font-size:30px}.mkt-demo{padding:75px 15px}.mkt-demo-controls,.mkt-request-view{padding:19px}.mkt-request-view li{grid-template-columns:32px 1fr}.mkt-request-view li>em{display:none}.mkt-result{grid-template-columns:34px 1fr}.mkt-result>em{grid-column:2}.mkt-layer-list{grid-template-columns:1fr}.mkt-layer-detail{padding:24px 20px}.mkt-layer-detail ul{grid-template-columns:1fr}.mkt-edge{padding:70px 22px}.mkt-edge-map{min-height:320px}.mkt-edge-map>svg{height:320px}.mkt-proof{grid-template-columns:1fr}.mkt-proof article{border-right:0;border-bottom:1px solid #e2e8ed}.mkt-footer{grid-template-columns:1fr}.mkt-footer small{grid-column:1}.mkt-cta{margin-inline:15px;padding:60px 20px}}

/* UX-200F Hotfix 1 — Fullscreen Identity Gateway */
.ux-login-fullscreen{min-height:100vh;padding:0!important;background:#fff!important;color:#102b46;overflow-x:hidden}.identity-shell{display:grid;grid-template-columns:minmax(520px,1.08fr) minmax(480px,.92fr);min-height:100vh;padding:0;margin:0;max-width:none}.identity-visual{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:44px clamp(46px,6vw,92px) 35px;background:radial-gradient(circle at 68% 52%,#123c65 0,#0a2947 34%,#061a2f 72%);color:#fff;overflow:hidden}.identity-visual::before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#ffffff05,transparent 38%),radial-gradient(circle at 10% 90%,#1688f415,transparent 35%);pointer-events:none}.identity-brand,.identity-message,.identity-topology,.identity-capabilities,.identity-visual>footer{position:relative;z-index:2}.identity-brand{display:flex;align-items:center;justify-content:space-between}.identity-brand a,.identity-mobile-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:20px}.identity-brand a span,.identity-mobile-brand span{color:#319dff;font-size:32px;font-weight:400}.identity-brand em{padding:6px 9px;border:1px solid #264d6e;border-radius:6px;color:#7494ae;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.12em}.identity-message{margin-top:clamp(55px,8vh,100px)}.identity-kicker{color:#44a7ff;font-size:10px;font-weight:850;letter-spacing:.14em}.identity-kicker i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#22c58b;box-shadow:0 0 0 5px #22c58b1a}.identity-message h1{margin:18px 0 17px;max-width:620px;font-size:clamp(40px,4.6vw,66px);line-height:1.02;letter-spacing:-.052em}.identity-message p{max-width:560px;margin:0;color:#a5bbcf;font-size:15px;line-height:1.7}.identity-topology{display:grid;grid-template-columns:minmax(110px,.72fr) minmax(50px,.4fr) minmax(190px,1.18fr) minmax(50px,.4fr) minmax(110px,.72fr);align-items:center;gap:8px;min-height:180px;margin-top:clamp(38px,6vh,70px)}.identity-orbit{position:absolute;left:50%;top:50%;border:1px solid #28608f66;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:360px;height:360px}.orbit-two{width:510px;height:510px;opacity:.45}.identity-source,.identity-gateway,.identity-origin{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #315576;border-radius:10px;background:#0b2944e8;box-shadow:0 13px 30px #00101f4d}.identity-gateway{position:relative;border-color:#3288cc;background:#0d3558}.identity-origin{border-color:#296752;background:#0b362f}.identity-source>i,.identity-gateway>i,.identity-origin>i{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:8px;background:#143f64;color:#4aa9f8;font-style:normal}.identity-gateway>i{background:#167ddf;color:#fff}.identity-origin>i{background:#145a48;color:#34d59d}.identity-topology small,.identity-topology strong,.identity-topology em{display:block}.identity-topology small{color:#6f93af;font-size:6px;font-weight:800;letter-spacing:.08em}.identity-topology strong{font-size:9px;white-space:nowrap}.identity-topology em{margin-top:2px;color:#7f9bb1;font-size:6px;font-style:normal;white-space:nowrap}.identity-gateway>b{position:absolute;right:8px;top:7px;padding:3px 5px;border-radius:4px;background:#124c40;color:#46d4a4;font-size:6px}.identity-connection{position:relative;height:75px}.identity-connection::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#318bd2}.identity-connection i{position:absolute;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#38a6ff;box-shadow:0 0 0 4px #1688f426;animation:identityFlow 2s linear infinite}.identity-connection i+i{animation-delay:-1s}@keyframes identityFlow{from{left:0;opacity:0}15%{opacity:1}85%{opacity:1}to{left:calc(100% - 6px);opacity:0}}.identity-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.identity-capabilities span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #244762;border-radius:8px;background:#08243d99;color:#91aac0;font-size:8px;font-weight:700}.identity-capabilities i{color:#43a8fb;font-style:normal}.identity-visual>footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:25px;color:#567995;font-size:8px;letter-spacing:.12em}.identity-visual>footer small{font-size:8px;letter-spacing:0}.identity-access{position:relative;display:flex;flex-direction:column;min-height:100vh;padding:42px clamp(48px,7vw,110px) 28px;background:#fff}.identity-back{align-self:flex-end;color:#6c8092;text-decoration:none;font-size:11px}.identity-form-wrap{width:min(430px,100%);margin:auto}.identity-mobile-brand{display:none;color:#102b46}.identity-form-wrap>.login-kicker{display:block;margin-bottom:13px;color:#1679dd;font-size:9px;font-weight:850;letter-spacing:.16em}.identity-form-wrap h2{margin:0 0 9px;font-size:34px;letter-spacing:-.04em}.identity-form-wrap>p{margin:0 0 31px;color:#718598;font-size:13px;line-height:1.6}.identity-form-wrap form>label{display:block;margin:0 0 17px;color:#334f68;font-size:11px;font-weight:750}.identity-form-wrap input[type=email],.identity-form-wrap input[type=password],.identity-form-wrap input[type=text]{display:block;width:100%;height:50px;margin-top:7px;padding:0 13px;border:1px solid #d5e0e9;border-radius:9px;background:#fbfcfd;color:#1b3953;font-size:13px;outline:0;transition:.16s}.identity-form-wrap input:focus{border-color:#2b8eea;box-shadow:0 0 0 4px #dfefff;background:#fff}.identity-form-wrap .password-field{display:block;position:relative}.identity-form-wrap .password-field input{padding-right:76px}.identity-form-wrap .password-toggle{top:8px}.identity-form-wrap .login-options{margin:0 0 18px}.identity-form-wrap .login-button{height:49px;margin:0;border-radius:9px;cursor:pointer;box-shadow:0 10px 24px #1677e82b}.identity-divider{position:relative;margin:19px 0;text-align:center}.identity-divider::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#e5ebf0}.identity-divider span{position:relative;padding:0 10px;background:#fff;color:#91a0ae;font-size:9px}.identity-form-wrap .passkey-button{margin:0;height:47px}.identity-form-wrap .passkey-button i{color:#287fcf;font-style:normal}.identity-form-wrap .passkey-button:disabled{cursor:not-allowed;opacity:.72}.identity-form-wrap .login-note{margin-top:19px;color:#8295a6;font-size:9px}.identity-form-wrap .login-note b{margin:0 5px;color:#a6b4c0}.identity-switch{margin:16px 0 0;color:#718598;font-size:11px;text-align:center}.identity-switch a{color:#1679dd;font-weight:700;text-decoration:none}.identity-access-footer{display:flex;justify-content:space-between;color:#8a9ba9;font-size:8px}.identity-access-footer nav{display:flex;gap:13px}.identity-access-footer nav a{color:inherit;text-decoration:none}.identity-access-footer nav a:hover{color:#5b6d7d}.identity-access .form-error{margin-bottom:18px;font-size:10px}
@media(max-width:1050px){.identity-shell{grid-template-columns:1fr 1fr}.identity-visual{padding-inline:40px}.identity-topology{grid-template-columns:1fr}.identity-source,.identity-origin{display:none}.identity-connection{display:none}.identity-gateway{max-width:300px;margin:auto}.identity-capabilities{grid-template-columns:1fr}.identity-message h1{font-size:46px}.identity-access{padding-inline:45px}}
@media(max-width:760px){.identity-shell{display:block}.identity-visual{display:none}.identity-access{min-height:100vh;padding:28px 22px 20px}.identity-back{align-self:flex-start;order:2;margin-top:25px}.identity-form-wrap{margin:auto}.identity-mobile-brand{display:flex;margin-bottom:48px}.identity-form-wrap h2{font-size:30px}.identity-access-footer{margin-top:30px;order:3}.identity-access-footer nav{gap:8px}}

/* BILL-100A — Subscription & Entitlement Foundation */
.billing-workspace{max-width:1500px;margin:0 auto}.billing-workspace .heading{align-items:center}.billing-status{padding:7px 11px;border-radius:8px;background:#e7f8f1;color:#12805b;font-size:10px;font-weight:800}.billing-status.past_due,.billing-status.grace_period,.billing-status.pending{background:#fff2df;color:#aa6814}.billing-status.canceled{background:#fcebee;color:#b33c50}.billing-summary{display:grid;grid-template-columns:1fr auto;align-items:center;min-height:190px;margin-bottom:18px;padding:30px 34px;background:linear-gradient(115deg,#0a2742,#103b62);color:#fff;overflow:hidden}.billing-summary::after{content:'';position:absolute;width:360px;height:360px;right:-110px;top:-150px;border:1px solid #3b6f9766;border-radius:50%;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03}.billing-summary>div{position:relative;z-index:2}.billing-plan>small,.billing-total>small{color:#59b3fb;font-size:8px;font-weight:850;letter-spacing:.12em}.billing-plan h2{margin:8px 0 6px;font-size:25px}.billing-plan p{margin:0 0 16px;color:#aac0d2}.billing-plan>span{padding:6px 9px;border:1px solid #31536f;border-radius:6px;color:#9bb3c7;font-size:9px}.billing-total{min-width:240px;text-align:right}.billing-total strong,.billing-total span,.billing-total em{display:block}.billing-total strong{margin-top:6px;font-size:38px;letter-spacing:-.04em}.billing-total span{color:#9ab3c7;font-size:9px}.billing-total em{margin-top:11px;color:#c4d5e3;font-size:10px;font-style:normal}.billing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.billing-lines{padding:4px 22px 14px}.billing-lines>div{display:flex;justify-content:space-between;align-items:center;min-height:63px;border-bottom:1px solid #e6ecf1}.billing-lines span,.billing-lines strong,.billing-lines small{display:block}.billing-lines strong{font-size:11px}.billing-lines small{margin-top:3px;color:#8294a4;font-size:9px}.billing-lines b{font-size:12px}.billing-lines .subtotal{margin-top:8px}.billing-lines .grand-total{border-bottom:0;color:#0d6fc7}.billing-lines .grand-total b{font-size:19px}.billing-calculation>footer{padding:13px 22px;border-top:1px solid #e5ebf0;background:#fafcfd;color:#7d8fa0;font-size:9px;line-height:1.5}.billing-profile form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px 22px}.billing-profile label{color:#435e75;font-size:9px;font-weight:750}.billing-profile label.wide,.billing-profile button.wide{grid-column:1/-1}.billing-profile input{display:block;width:100%;height:42px;margin-top:5px;padding:0 11px;border:1px solid #d9e3eb;border-radius:7px;background:#fbfcfd;outline:0}.billing-profile input:focus{border-color:#288be6;box-shadow:0 0 0 3px #e1f0fd}.billing-profile button{justify-self:end;padding:11px 16px;border:0;border-radius:7px;background:#167be6;color:#fff;font-size:10px;font-weight:800}.billing-payment-preview{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:21px 24px}.billing-payment-preview>div{display:flex;align-items:center;gap:13px}.billing-payment-preview i{display:grid;place-items:center;width:39px;height:39px;border-radius:9px;background:#eaf4fd;color:#177bda;font-style:normal}.billing-payment-preview strong,.billing-payment-preview small{display:block}.billing-payment-preview strong{font-size:12px}.billing-payment-preview small{margin-top:3px;color:#7e91a3;font-size:9px}.billing-payment-preview>em{padding:6px 8px;border-radius:6px;background:#f0f3f6;color:#768898;font-size:9px;font-style:normal}.billing-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.billing-kpis article{padding:21px 22px;border:1px solid #dfe6ed;border-radius:10px;background:#fff}.billing-kpis small,.billing-kpis strong{display:block}.billing-kpis small{color:#7d90a1;font-size:9px}.billing-kpis strong{margin-top:6px;font-size:24px}.billing-admin .admin-row{grid-template-columns:1.25fr 1.15fr .55fr .7fr .7fr .6fr}.billing-admin .admin-row span small{display:block;margin-top:3px;color:#8294a5;font-size:8px}.notice.success{margin-bottom:15px;border-color:#bde8d8;background:#edf9f5;color:#147855}.notice.error{margin-bottom:15px;border-color:#f0c9cf;background:#fff0f2;color:#a93749}@media(max-width:1000px){.billing-grid{grid-template-columns:1fr}.billing-summary{grid-template-columns:1fr}.billing-total{margin-top:30px;text-align:left}.billing-kpis{grid-template-columns:1fr}.billing-admin{overflow:auto}.billing-admin .admin-row{min-width:850px}}@media(max-width:650px){.billing-summary{padding:25px 20px}.billing-profile form{grid-template-columns:1fr}.billing-profile label.wide,.billing-profile button.wide{grid-column:1}.billing-payment-preview{align-items:flex-start;flex-direction:column;gap:12px}}
.billing-payment-preview form{margin:0}.billing-payment-preview .connected{color:#07865f;background:#e6f8f1}.notice.warning{background:#fff8e7;border:1px solid #f1d58a;color:#805d08}.billing-history{margin-top:18px}.billing-empty{padding:36px;color:#768aa2;text-align:center}.billing-table{padding:0 20px 20px}.billing-row{display:grid;grid-template-columns:1.1fr 1.4fr .75fr .7fr .85fr;gap:16px;align-items:center;padding:14px 8px;border-top:1px solid #e5edf5}.billing-row.heading-row{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8294a9}.billing-row span small{display:block;margin-top:4px;color:#8193a4;font-size:8px}.billing-row em{justify-self:start;font-style:normal}.payment-status{padding:6px 10px;border-radius:8px;background:#eef3f8}.payment-status.paid{background:#e4f8ef;color:#087c59}.payment-status.failed,.payment-status.canceled,.payment-status.expired{background:#fff0ed;color:#b7432d}.invoice-download{display:inline-flex;padding:7px 10px;border:1px solid #c9dff4;border-radius:7px;color:#0872d5;font-size:9px;font-weight:800;text-decoration:none}.invoice-download:hover{background:#edf6ff}.platform-invoices{margin-top:18px}.invoice-admin .admin-row{grid-template-columns:1fr 1.5fr .8fr .8fr .8fr}.status.sent{background:#e5f8ef;color:#087c59}.status.failed{background:#fff0ed;color:#b7432d}@media(max-width:760px){.billing-row{grid-template-columns:1fr 1fr}.billing-row.heading-row{display:none}.billing-payment-preview{align-items:flex-start;gap:16px;flex-direction:column}}

/* BILL-100C Hotfix 1 — Tenant Billing Card & Invoice Downloads */
.tenant-register .admin-row{grid-template-columns:1.5fr .8fr .55fr .65fr .9fr .65fr 28px}.tenant-row{color:inherit;text-decoration:none;transition:.16s}.tenant-row:hover{background:#f4f9fd}.tenant-arrow{color:#1682e8;font-size:18px}.tenant-card-workspace{max-width:1500px;margin:0 auto}.tenant-back{display:inline-block;margin:0 0 20px;color:#657e94;font-size:10px;font-weight:700;text-decoration:none}.tenant-heading{align-items:center}.tenant-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.tenant-kpis article{padding:20px 22px;border:1px solid #dfe8ef;border-radius:11px;background:#fff}.tenant-kpis small,.tenant-kpis strong,.tenant-kpis span{display:block}.tenant-kpis small{color:#7d91a4;font-size:9px}.tenant-kpis strong{margin-top:7px;font-size:20px}.tenant-kpis span{margin-top:6px;color:#7890a3;font-size:9px}.tenant-card-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.tenant-details{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:8px 24px 23px}.tenant-details div{padding:15px 0;border-bottom:1px solid #e8eef3}.tenant-details div:nth-child(odd){padding-right:20px}.tenant-details dt{color:#8193a4;font-size:9px}.tenant-details dd{margin:5px 0 0;color:#173651;font-size:11px;font-weight:700}.tenant-list{padding:5px 22px 20px}.tenant-list>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px;border-bottom:1px solid #e7edf2}.tenant-list strong,.tenant-list small{display:block}.tenant-list strong{font-size:11px}.tenant-list small{margin-top:4px;color:#8293a2;font-size:8px}.tenant-list em{color:#60798e;font-size:9px;font-style:normal}.tenant-invoices,.tenant-apps{margin-top:18px}.tenant-invoice-table{padding:0 22px 20px}.tenant-invoice-row{display:grid;grid-template-columns:1.1fr .75fr .75fr .75fr .8fr .9fr;align-items:center;gap:15px;padding:14px 3px;border-top:1px solid #e7edf2}.tenant-invoice-row.head{color:#8294a5;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tenant-invoice-row strong,.tenant-invoice-row small{display:block}.tenant-invoice-row small{margin-top:4px;color:#8293a2;font-size:8px}.invoice-admin .admin-row{grid-template-columns:1fr 1.35fr .7fr .7fr .8fr .9fr}.invoice-admin a{color:#0872d5;text-decoration:none}@media(max-width:1050px){.tenant-kpis{grid-template-columns:1fr 1fr}.tenant-card-grid{grid-template-columns:1fr}.tenant-invoice-table,.tenant-register{overflow:auto}.tenant-invoice-row{min-width:850px}.tenant-register .admin-row{min-width:950px}}@media(max-width:650px){.tenant-kpis{grid-template-columns:1fr}.tenant-details{grid-template-columns:1fr}.tenant-details div:nth-child(odd){padding-right:0}}

/* Abonnement — visuele verfijning */
.billing-status{display:inline-flex;align-items:center;gap:6px}
.billing-status i{width:6px;height:6px;border-radius:50%;background:#16a474;box-shadow:0 0 0 3px rgba(22,164,116,.14)}
.billing-status.past_due i,.billing-status.grace_period i,.billing-status.pending i{background:#c9821a;box-shadow:0 0 0 3px rgba(201,130,26,.14)}
.billing-status.canceled i{background:#c0394f;box-shadow:0 0 0 3px rgba(192,57,79,.14)}
.payment-status{display:inline-flex;align-items:center;gap:6px}
.payment-status i{width:5px;height:5px;border-radius:50%;background:#8294a4}
.payment-status.paid i{background:#0f9d6e}
.payment-status.failed i,.payment-status.canceled i,.payment-status.expired i{background:#c8523a}
.billing-summary{box-shadow:0 30px 60px -34px #05192e99}
.billing-plan>span{background:#ffffff14}
.billing-usage-bar{display:block;width:calc(100% - 44px);height:6px;margin:0 22px 10px;border-radius:4px;overflow:hidden;background:#eef2f6}
.billing-usage-bar rect.base{fill:#a9c9ea}
.billing-usage-bar rect.apps{fill:#167be6}
.billing-usage-legend{display:flex;gap:18px;margin:0 22px 16px;font-size:9px;color:#8294a4}
.billing-usage-legend i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px;vertical-align:middle;font-style:normal}
.billing-usage-legend .base i{background:#a9c9ea}
.billing-usage-legend .apps i{background:#167be6}
.billing-payment-preview{border:1px solid #e5edf5;transition:background .15s,border-color .15s}
.billing-payment-preview.is-connected{background:#f5fbf8;border-color:#c5ead8}
.billing-payment-preview.is-connected i{background:#e0f5ea;color:#128a5f}
.billing-payment-preview:not(.is-connected){background:#f6fafe;border-color:#d6e8fb}
.billing-row:not(.heading-row){transition:background .12s}
.billing-row:not(.heading-row):hover{background:#f8fafc}
.invoice-download::before{content:'↓';margin-right:5px;font-weight:900}
@media(max-width:1000px){.billing-usage-bar,.billing-usage-legend{margin-left:20px;margin-right:20px}}
/* Team */
.team-workspace{max-width:1500px;margin:0 auto}
.team-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:18px;margin-bottom:18px;align-items:start}
.team-table{padding:0 20px 20px}
.team-row{display:grid;grid-template-columns:1.4fr 1fr .9fr .8fr;gap:16px;align-items:center;padding:14px 8px;border-top:1px solid #e5edf5}
.team-row.heading-row{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#8294a9}
.team-row span small{display:block;margin-top:4px;color:#8193a4;font-size:8px}
.team-row:not(.heading-row):hover{background:#f8fafc}
.team-invitations .team-row{grid-template-columns:1.2fr .9fr 1fr 1fr 1.2fr}
.team-inline-form{display:flex;align-items:center;gap:6px;margin:0}
.team-inline-form select{height:32px;padding:0 6px;border:1px solid #d9e3eb;border-radius:6px;font-size:10px;background:#fff}
.team-inline-form button{border:1px solid #c9dff4;background:#fff;color:#0872d5;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:800}
.team-inline-form button.danger-link{border-color:#f3d4d8;color:#bd4050}
.team-invite-actions{display:flex;gap:8px}
.role-badge{padding:5px 9px;border-radius:7px;background:#eef3f8;color:#425970;font-style:normal;font-size:9px;font-weight:700}
.role-badge.role-owner{background:#fdf1da;color:#9a6a12}
.role-badge.role-administrator{background:#e7f2ff;color:#155fb0}
.team-form{padding:20px 22px;display:grid;gap:14px}
.team-form label{color:#435e75;font-size:9px;font-weight:750}
.team-form input,.team-form select{display:block;width:100%;height:42px;margin-top:5px;padding:0 11px;border:1px solid #d9e3eb;border-radius:7px;background:#fbfcfd;outline:0}
.team-form input:focus,.team-form select:focus{border-color:#288be6;box-shadow:0 0 0 3px #e1f0fd}
.form-success{background:#eaf9f1;color:#137a53;border:1px solid #bfe9d3;border-radius:8px;padding:10px;font-size:10px;margin-bottom:14px}
.setup-form input:disabled{background:#f3f6f9;color:#718399}
@media(max-width:1000px){.team-grid{grid-template-columns:1fr}}
@media(max-width:760px){.team-row,.team-invitations .team-row{grid-template-columns:1fr 1fr}.team-row.heading-row{display:none}}
/* CSP-safe SVG replacements for former inline-style bars (gateway topology load meter, traffic bars) */
.topology-node>u svg{display:block;width:100%;height:100%}
.topology-node>u svg rect{fill:#24ae7f}
.topology-node.degraded>u svg rect{fill:#eca042}
.traffic-bar-svg{display:block;width:100%;max-width:48px;height:100%;min-height:3px;border-radius:7px 7px 3px 3px;overflow:hidden}
.traffic-bar-svg rect.rejected{fill:#ef765d;fill-opacity:.9}
.profile-grid-2{grid-template-columns:repeat(2,1fr)}
.mkt-pricing{max-width:1180px;margin:auto;padding:110px 0}
.mkt-pricing-shell{display:grid;grid-template-columns:390px 1fr;gap:20px;border:1px solid #d8e3ec;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 20px 55px #153a5b12}
.mkt-pricing-plan{padding:34px;border-right:1px solid #e1e8ef;background:linear-gradient(160deg,#0d2942,#071d33)}
.mkt-pricing-badge{display:inline-block;padding:6px 10px;border:1px solid #234a68;border-radius:20px;background:#0d2942;color:#59b7f5;font-size:9px;font-weight:850;letter-spacing:.1em}
.mkt-pricing-plan h3{margin:16px 0 10px;color:#fff;font-size:25px;letter-spacing:-.03em}
.mkt-pricing-plan>p{margin:0 0 20px;color:#9db2c5;font-size:12px;line-height:1.65}
.mkt-pricing-plan ul{display:grid;gap:9px;margin:0 0 26px;padding:0;list-style:none}
.mkt-pricing-plan li{padding-left:20px;position:relative;color:#c3d3e2;font-size:11px}
.mkt-pricing-plan li::before{content:'✓';position:absolute;left:0;color:#2bc98f;font-weight:800}
.mkt-pricing-plan .mkt-button{width:100%}
.mkt-pricing-calculator{padding:34px}
.mkt-pricing-slider-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.mkt-pricing-slider-head span{color:#7e91a3;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}
.mkt-pricing-slider-head strong{font-size:26px;color:#102b46;letter-spacing:-.03em}
.mkt-pricing-slider input[type=range]{width:100%;height:6px;margin:6px 0;border-radius:4px;background:#e3ecf4;appearance:none;-webkit-appearance:none}
.mkt-pricing-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#167deb;box-shadow:0 4px 12px #167deb4d;cursor:pointer}
.mkt-pricing-slider input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#167deb;box-shadow:0 4px 12px #167deb4d;cursor:pointer}
.mkt-pricing-slider-scale{display:flex;justify-content:space-between;color:#96a6b6;font-size:9px}
.mkt-pricing-lines{margin-top:24px;border-top:1px solid #e5ebf0}
.mkt-pricing-lines>div{display:flex;justify-content:space-between;align-items:center;min-height:52px;border-bottom:1px solid #e5ebf0}
.mkt-pricing-lines span,.mkt-pricing-lines small{display:block}
.mkt-pricing-lines>div>span{color:#425a70;font-size:12px}
.mkt-pricing-lines small{margin-top:2px;color:#8b9baa;font-size:9px}
.mkt-pricing-lines b{font-size:12px;color:#28465f}
.mkt-pricing-subtotal{margin-top:4px}
.mkt-pricing-total{border-bottom:0;color:#0d6fc7}
.mkt-pricing-total span{color:#0d6fc7!important;font-weight:700}
.mkt-pricing-total b{font-size:19px}
.mkt-pricing-note{display:block;margin-top:14px;color:#8b9baa;font-size:9px}
@media(max-width:900px){.mkt-pricing{padding-inline:25px}.mkt-pricing-shell{grid-template-columns:1fr}.mkt-pricing-plan{border-right:0;border-bottom:1px solid #e1e8ef}}
.mkt-legal{max-width:760px;margin:0 auto;padding:56px 26px 90px;color:var(--mkt-text)}
.mkt-legal .mkt-legal-back{display:inline-block;margin-bottom:22px;color:var(--mkt-muted);font-size:13px;text-decoration:none}
.mkt-legal h1{font-size:32px;letter-spacing:-.03em;margin:0 0 8px}
.mkt-legal .mkt-legal-updated{color:var(--mkt-muted);font-size:13px;margin:0 0 28px}
.mkt-legal-draft{display:flex;gap:12px;align-items:flex-start;margin:0 0 36px;padding:16px 18px;border:1px solid #f0d99f;background:#fff7e7;border-radius:10px;color:#79531d;font-size:13px;line-height:1.6}
.mkt-legal-draft i{font-style:normal;flex:0 0 auto}
.mkt-legal h2{font-size:19px;letter-spacing:-.01em;margin:34px 0 12px;color:var(--mkt-navy)}
.mkt-legal h3{font-size:15px;margin:22px 0 8px;color:var(--mkt-navy)}
.mkt-legal p{margin:0 0 14px;line-height:1.7;font-size:14px;color:#33465a}
.mkt-legal ul,.mkt-legal ol{margin:0 0 14px;padding-left:22px;line-height:1.7;font-size:14px;color:#33465a}
.mkt-legal li{margin:0 0 6px}
.mkt-legal strong{color:var(--mkt-navy)}
.mkt-legal a{color:var(--mkt-blue)}
.mkt-legal [data-legal-placeholder]{background:#fff2cc;border-radius:3px;padding:0 4px}
@media(max-width:760px){.mkt-legal{padding:40px 20px 70px}.mkt-legal h1{font-size:26px}}