:root{font-family:Segoe UI,Arial,sans-serif;color:#e8eff9;background:#0b1423}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at top right,#17384b,transparent 65%)}main{max-width:900px;padding:70px 28px;margin:auto}.label{font-size:12px;letter-spacing:2px;color:#67e2cf}h1{font-size:clamp(36px,6vw,64px);line-height:1.1;font-weight:600}.intro{font-size:20px;color:#b5c7da}section{margin-top:36px;padding:30px;border:1px solid #34465a;border-radius:16px;background:#132235}h2{margin-top:0;font-size:23px}#status{line-height:1.7;max-width:650px}button{border:0;border-radius:8px;background:#67e2cf;color:#092025;padding:14px 22px;font-size:16px;font-weight:600;cursor:pointer;margin:12px 12px 0 0}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid white;outline-offset:4px}.note{font-size:13px;color:#a3b6ca;margin-top:24px}
:root [hidden]{display:none!important}.heading{display:flex;align-items:center;justify-content:space-between;margin-top:32px;gap:16px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cards section{margin-top:0;padding:24px}.cards p{color:#b5c7da;line-height:1.65}.badge{font-size:11px;letter-spacing:1px;color:#67e2cf}.pending{color:#f5cb7d}#events{padding-left:20px;line-height:1.7;overflow-wrap:anywhere}#events li{margin:12px 0;font-size:14px}@media(max-width:640px){.cards{grid-template-columns:1fr}.heading{align-items:flex-start;flex-direction:column}}
input{display:block;margin:12px 0;padding:12px;background:#0b1423;color:#e8eff9;border:1px solid #60758e;border-radius:6px;font:inherit;max-width:100%}#enrollment-code{display:block;overflow-wrap:anywhere;user-select:all;color:#67e2cf}#devices{padding-left:20px}#devices li{margin:20px 0;border-bottom:1px solid #34465a;padding-bottom:20px;overflow-wrap:anywhere}
#network{padding-left:20px;overflow-wrap:anywhere}#network details{margin:12px 0}#network summary{cursor:pointer;color:#67e2cf}#network details li{margin:8px 0;font-size:14px}
select,textarea{display:block;width:100%;margin:12px 0 22px;padding:12px;background:#0b1423;color:#e8eff9;border:1px solid #60758e;border-radius:6px;font:inherit;max-width:100%}textarea{resize:vertical}#data-policy-grants fieldset{border:1px solid #60758e;border-radius:8px;padding:18px;margin:16px 0}#data-policy-grants input[type=checkbox]{display:inline-block;margin:8px 16px 8px 8px}#data-policy-list{padding-left:20px;overflow-wrap:anywhere}#data-policy-list li{border-bottom:1px solid #34465a;padding-bottom:20px;margin:20px 0}#data-policy-form>label{display:block;margin-top:16px}
/* Visual language adapted from the original Interceptur workspace source. */
:root{font-family:Arial,Helvetica,sans-serif;color:#e4ecf7;background:#0b111b;--mint:#61dfc8;--line:#273448;--muted:#9cacc1}
body{background:#0b111b;font-size:14px;line-height:1.55}.workspace-sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#101823;border-right:1px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;overflow:auto}.workspace-brand{display:block;padding:0 8px 12px}.workspace-brand img{display:block;width:100%;height:106px;object-fit:contain}.workspace-identity{border:1px solid var(--line);border-radius:8px;padding:13px;margin:6px 0 25px}.workspace-identity strong,.workspace-identity span{display:block}.workspace-identity span{color:var(--muted);font-size:12px;margin-top:3px}.nav-label{padding:0 14px;color:#8597af;letter-spacing:1.5px;font-size:11px}.workspace-sidebar nav{display:grid;gap:6px}.workspace-sidebar nav a{color:#c0cddd;text-decoration:none;padding:12px 14px;border-radius:7px}.workspace-sidebar nav a:hover,.workspace-sidebar nav a:focus-visible{background:#193c35;color:var(--mint)}.sidebar-status{margin-top:auto;padding:28px 14px 12px;color:#d4b279;font-size:12px}.sidebar-status p{color:var(--muted);line-height:1.5}.status-dot{display:inline-block;width:7px;height:7px;background:#d4b279;border-radius:50%;margin-right:8px}.workspace-shell{margin-left:244px}.workspace-topbar{min-height:72px;padding:18px 32px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px}.muted{color:var(--muted)}.pilot-label{border:1px solid #5e5036;background:#332c21;color:#e9c282;border-radius:5px;padding:4px 9px;font-size:12px}main{max-width:1480px;padding:30px 32px;margin:auto}h1{font-size:clamp(28px,2.7vw,36px);letter-spacing:-1px;line-height:1.2;margin:6px 0 12px}h2{font-size:18px}h3{font-size:16px}.label{color:#96a9bd;font-size:11px;letter-spacing:1.7px}.intro{font-size:15px;color:var(--muted);max-width:760px}section{margin-top:22px;background:#121c29;border:1px solid var(--line);border-radius:10px;padding:24px}section>p{color:#b3c2d5}button{font-size:13px;padding:10px 15px;background:var(--mint);color:#09231e;border-radius:6px;margin:8px 8px 0 0}input,select,textarea{background:#0e1622;border-color:#3c4c63;font-size:14px}.note{color:var(--muted);font-size:12px;margin-top:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.cards section{background:linear-gradient(135deg,#172437,#121c29);padding:20px}.badge{display:inline-block;padding:4px 8px;border:1px solid #3a485d;border-radius:5px;background:#202d40;font-size:10px}.badge.pending{color:#e9c282;background:#332c21;border-color:#5e5036}#dashboard{display:flex;flex-direction:column}#dashboard>section[aria-labelledby=protection-status-heading]{order:-3;border-left:3px solid var(--mint);background:linear-gradient(110deg,#162d32,#121c29)}#dashboard>.cards{order:-2}#dashboard>section[aria-labelledby=activity-heading]{order:-1}#activity-timeline{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}#activity-timeline li{padding:15px 0 15px 18px;border-bottom:1px solid var(--line);border-left:2px solid #315a52;overflow-wrap:anywhere;font-size:13px}#activity-timeline li:last-child{border-bottom:0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:260px;top:8px;z-index:5;padding:10px;background:#61dfc8;color:#09231e}a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}h2[id],main[id]{scroll-margin-top:20px}
@media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-sidebar{width:210px}.workspace-shell{margin-left:210px}}
@media(max-width:760px){.workspace-sidebar{position:static;width:100%;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}.workspace-brand img{width:148px;height:64px}.workspace-identity,.nav-label,.sidebar-status{display:none}.workspace-sidebar nav{display:flex;flex-wrap:wrap;gap:4px}.workspace-sidebar nav a{padding:8px;font-size:12px}.workspace-shell{margin-left:0}.workspace-topbar{padding:14px 16px;min-height:58px}main{padding:24px 16px}.workspace-topbar .muted{display:none}section{padding:18px}.cards{gap:10px}.cards section{padding:16px}.skip-link:focus{left:12px}}
@media(max-width:440px){.cards{grid-template-columns:1fr}button{max-width:100%;white-space:normal}}
/* Connected Endpoints view: same API and controls, separate workspace section. */
#dashboard[data-page=endpoints]>:not(#endpoint-workspace){display:none!important}#dashboard:not([data-page=endpoints])>#endpoint-workspace{display:none}#endpoint-workspace{order:-4}.endpoint-heading{margin:24px 0 16px}.endpoint-heading h2{font-size:30px;margin:4px 0}.endpoint-heading>p:last-child{color:#9cacc1}.endpoint-metrics strong{display:block;font-size:36px;font-weight:500;margin-top:12px}.endpoint-metrics .endpoint-inactive{font-size:25px;color:#e9c282}.workspace-sidebar nav a[aria-current=page]{background:#193c35;color:#61dfc8}#endpoint-workspace #devices{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}#endpoint-workspace #devices>li{border:1px solid #273448;border-radius:8px;background:#0e1722;padding:18px;margin:0}#endpoint-workspace #devices>li>p:first-child{font-weight:600;color:#e4ecf7}#endpoint-workspace #devices p{font-size:13px;color:#aebed1}#endpoint-workspace #enroll-form{padding:18px;background:#0e1722;border:1px solid #273448;border-radius:8px}#endpoint-workspace #enroll-form input{width:100%;max-width:400px}@media(max-width:1000px){#endpoint-workspace #devices{grid-template-columns:1fr}}
#dashboard[data-page=policies]>:not(#policy-workspace){display:none!important}#dashboard:not([data-page=policies])>#policy-workspace{display:none}#policy-workspace{order:-4}.policy-metrics strong{display:block;font-size:36px;font-weight:500;margin-top:12px}.policy-metrics .endpoint-inactive{font-size:25px;color:#e9c282}#policy-workspace #data-policy-list{list-style:none;padding:0}#policy-workspace #data-policy-list li{padding:20px;border:1px solid #273448;border-radius:8px;background:#0e1722}#policy-workspace #data-policy-form{max-width:850px}#policy-workspace #data-policy-form>h3{margin-top:30px}#policy-workspace #data-policy-grants fieldset{background:#0e1722;border-color:#273448}
#dashboard[data-page=activity]>:not(#activity-workspace){display:none!important}#activity-workspace{order:-1}#activity-workspace #activity-timeline{max-height:620px}#dashboard[data-page=endpoints]>#activity-workspace,#dashboard[data-page=policies]>#activity-workspace{display:none!important}

/* Existing approval controls grouped without changing authorization. */
#dashboard[data-page=approvals]>:not(#approvals-workspace){display:none!important}
#dashboard:not([data-page=approvals])>#approvals-workspace{display:none}
#approvals-workspace{order:-4}
#approvals-workspace>section{margin-bottom:20px}

/* Dedicated views reuse existing tenant-scoped evidence. */
#dashboard[data-page=applications]>:not(#applications-workspace),#dashboard[data-page=protection]>:not(#protection-workspace){display:none!important}
#dashboard:not([data-page=applications])>#applications-workspace{display:none}
#applications-workspace{order:-4}
#protection-workspace{order:-3}
#protection-workspace>section{border-left:3px solid var(--mint);background:linear-gradient(110deg,#162d32,#121c29)}
#applications-workspace #network{padding-left:20px;overflow-wrap:anywhere}

/* Approved outline shield and compact operations navigation. */
.workspace-brand{display:flex;align-items:center;gap:10px;padding:14px 8px 30px;color:#e4ecf7;text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1px}
.workspace-brand>svg{width:30px;height:34px;color:var(--mint);flex:none}.brand-dot{color:var(--mint)}
.workspace-sidebar nav a{display:flex;align-items:center;gap:10px}.workspace-sidebar nav svg{width:18px;height:18px;flex:none}
@media(max-width:760px){.workspace-brand{font-size:25px;padding:5px 0 16px}.workspace-sidebar nav svg{width:16px;height:16px}}

.workspace-brand{display:block;padding:8px 0 20px}.workspace-brand img{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}@media(max-width:760px){.workspace-brand img{width:180px;height:auto}}

.overview-metrics strong{display:block;font-size:36px;font-weight:500;margin-top:12px}.overview-metrics .endpoint-inactive{font-size:25px;color:#e9c282}
/* Keep session controls accessible without displacing operational evidence. */
main:has(#dashboard:not([hidden])) #workspace-session,main:has(#dashboard:not([hidden])) #company-onboarding{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:12px 18px;margin-top:14px}
main:has(#dashboard:not([hidden])) #workspace-session h2,main:has(#dashboard:not([hidden])) #company-onboarding h2{font-size:14px;margin:0}
main:has(#dashboard:not([hidden])) #workspace-session p,main:has(#dashboard:not([hidden])) #company-onboarding p{margin:0;flex:1;font-size:12px}
main:has(#dashboard:not([hidden])) #workspace-session button,main:has(#dashboard:not([hidden])) #company-onboarding button{margin:0}

#dashboard[data-page=email]>:not(#email-workspace){display:none!important}#dashboard:not([data-page=email])>#email-workspace{display:none}#email-workspace{order:-4}#email-records{list-style:none;padding:0;overflow-wrap:anywhere}#email-records>li{padding:18px;border:1px solid var(--line);border-radius:8px;margin-top:16px}.email-simulator{max-width:650px}#email-import{max-width:100%}

#dashboard[data-page=deployment]>:not(#deployment-workspace){display:none!important}#dashboard:not([data-page=deployment])>#deployment-workspace{display:none}#deployment-workspace{order:-4}#deployment-workspace li{margin:12px 0}

#dashboard[data-page=alerts]>:not(#alerts-workspace),#dashboard[data-page=outbound]>:not(#outbound-workspace){display:none!important}#dashboard:not([data-page=alerts])>#alerts-workspace,#dashboard:not([data-page=outbound])>#outbound-workspace{display:none}#alerts-workspace,#outbound-workspace{order:-4}#alerts-list{list-style:none;padding:0;overflow-wrap:anywhere}#alerts-list>li{padding:16px;border:1px solid var(--line);border-radius:8px;margin-top:12px}