/* CordVault Beta v1.0.0 — end-user clarity layer */
:root{
  --easy-blue:#6f83ff;
  --easy-cyan:#45c8ff;
  --easy-green:#45d79d;
  --easy-amber:#ffbd59;
  --easy-red:#ff6b7e;
  --easy-purple:#a67cff;
}

body{background:
  radial-gradient(circle at 78% 8%,rgba(111,131,255,.10),transparent 28%),
  radial-gradient(circle at 18% 86%,rgba(69,200,255,.055),transparent 25%),
  #070b13}
.beta-badge{display:inline-flex;margin-left:7px;padding:3px 7px;border:1px solid rgba(111,131,255,.35);border-radius:99px;color:#b9c3ff;background:rgba(111,131,255,.12);font-size:12px!important;font-weight:800;letter-spacing:.03em;vertical-align:middle}
.nav-group{display:block;margin:20px 10px 6px;color:#7482a0!important;font-size:12px!important;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.workspace-nav .nav-group:first-child{margin-top:4px}
.workspace-nav a{position:relative;border:1px solid transparent}
.workspace-nav a:hover{border-color:rgba(111,131,255,.18);background:linear-gradient(90deg,rgba(111,131,255,.10),rgba(69,200,255,.035));transform:translateX(2px)}
.workspace-nav a.active{border-color:rgba(111,131,255,.30);box-shadow:inset 3px 0 0 var(--easy-blue),0 8px 22px rgba(0,0,0,.16);background:linear-gradient(90deg,rgba(111,131,255,.18),rgba(111,131,255,.07))}
.workspace-nav a:nth-of-type(3).active{box-shadow:inset 3px 0 0 var(--easy-amber),0 8px 22px rgba(0,0,0,.16)}
.brand-logo{object-fit:contain!important;background:#02070d}
.logo-stage img{object-fit:contain!important;border-radius:0!important}
.workspace-main{background:linear-gradient(135deg,rgba(13,19,34,.78),rgba(7,11,19,.93))}
.workspace-header{padding:20px 22px;border:1px solid rgba(111,131,255,.11);border-radius:16px;background:linear-gradient(120deg,rgba(111,131,255,.08),rgba(69,200,255,.025) 55%,transparent)}
.workspace-header h1{letter-spacing:-.035em}.workspace-header p:not(.eyebrow){max-width:760px;color:#aab6cf}
.eyebrow{color:#91a2ff!important;letter-spacing:.12em}
.surface,.metric-grid article,.alert-summary article,.case-summary article,.event-facts article,.case-facts article,.message-summary article,.integrity-summary article{box-shadow:0 12px 34px rgba(0,0,0,.14);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.surface:hover,.metric-grid article:hover,.alert-summary article:hover,.case-summary article:hover{border-color:rgba(111,131,255,.24);box-shadow:0 16px 40px rgba(0,0,0,.19)}
.metric-grid article:nth-child(1){border-top:3px solid var(--easy-blue)}.metric-grid article:nth-child(2){border-top:3px solid var(--easy-purple)}.metric-grid article:nth-child(3){border-top:3px solid var(--easy-amber)}.metric-grid article:nth-child(4){border-top:3px solid var(--easy-green)}
.surface-head{background:linear-gradient(90deg,rgba(111,131,255,.045),transparent)}
.primary-action,.settings-save button,.discord-button,.add-app-button{box-shadow:0 9px 24px rgba(86,106,222,.24);background:linear-gradient(135deg,var(--easy-blue),#5869db)}
.primary-action:hover,.settings-save button:hover,.discord-button:hover,.add-app-button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(86,106,222,.34)}
.health-pill,.added-state,.message-readiness .ready{color:#8be8bd!important;border-color:rgba(69,215,157,.3)!important;background:rgba(69,215,157,.10)!important}
.risk-badge.critical,.severity-label.critical{color:#ff9aaa!important;background:rgba(255,107,126,.13)!important}.risk-badge.high,.severity-label.high{color:#ffc570!important;background:rgba(255,189,89,.12)!important}.risk-badge.medium,.severity-label.medium{color:#b7c0ff!important;background:rgba(111,131,255,.12)!important}.risk-badge.low,.severity-label.low{color:#8be8bd!important;background:rgba(69,215,157,.10)!important}
.risk-dot.critical{background:var(--easy-red)!important;box-shadow:0 0 12px rgba(255,107,126,.65)}.risk-dot.high{background:var(--easy-amber)!important}.risk-dot.medium{background:var(--easy-blue)!important}.risk-dot.low{background:var(--easy-green)!important}
.friendly-empty{margin:16px;padding:34px!important;border:1px dashed rgba(111,131,255,.25);border-radius:14px;background:rgba(111,131,255,.035)}
.friendly-empty>span:first-child{color:#aeb9ff!important;background:rgba(111,131,255,.12)!important}
.easy-note{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(69,200,255,.18);border-radius:12px;color:#aebbd3;background:rgba(69,200,255,.055)}
.easy-note strong{display:block;margin-bottom:3px;color:#e8edfb}.easy-note .ui-icon{flex:0 0 auto;width:20px;height:20px;color:var(--easy-cyan)}
.settings-section:nth-of-type(1){border-left:3px solid var(--easy-cyan)}.settings-section:nth-of-type(2){border-left:3px solid var(--easy-purple)}.settings-section:nth-of-type(3){border-left:3px solid var(--easy-blue)}.settings-section:nth-of-type(4){border-left:3px solid var(--easy-amber)}.settings-section:nth-of-type(5){border-left:3px solid var(--easy-green)}.settings-section:nth-of-type(6){border-left:3px solid #c68cff}
.settings-tabs{position:sticky;top:88px;z-index:12;padding:8px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;border-color:rgba(111,131,255,.2);background:rgba(9,14,26,.94);backdrop-filter:blur(18px)}
.settings-tabs button{min-width:0;min-height:58px;padding:10px 12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid transparent;color:#8e9ab5;background:transparent;box-shadow:none;text-align:left}
.settings-tabs button:hover{transform:none;border-color:rgba(111,131,255,.18);background:rgba(111,131,255,.06)}
.settings-tabs button.active{color:#fff;border-color:rgba(111,131,255,.34);background:linear-gradient(135deg,rgba(111,131,255,.20),rgba(69,200,255,.07));box-shadow:0 8px 22px rgba(0,0,0,.16)}
.settings-tabs .ui-icon{width:20px;height:20px;flex:0 0 auto;color:#8194ff}.settings-tabs button.active .ui-icon{color:#65d2ff}
.settings-tabs span,.settings-tabs strong,.settings-tabs small{display:block;min-width:0}.settings-tabs strong{font-size:13px}.settings-tabs small{margin-top:3px;overflow:hidden;color:#71809d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.settings-tabs button.active small{color:#aab8d4}
.settings-tab-panel{display:grid;gap:12px}.settings-tabs-ready .settings-tab-panel[hidden]{display:none!important}
.settings-tab-panel>.settings-section{min-height:205px}
.settings-tab-panel[data-settings-panel="recording"]>.settings-section{border-left:3px solid var(--easy-blue)}
.settings-tab-panel[data-settings-panel="alerts"]>.settings-section{border-left:3px solid var(--easy-amber)}
.settings-tab-panel[data-settings-panel="messages"]>.settings-section{border-left:3px solid var(--easy-green)}
.settings-tab-panel[data-settings-panel="access"]>.settings-section{border-left:3px solid var(--easy-purple)}
.settings-save{position:sticky;bottom:16px;z-index:14;box-shadow:0 18px 50px rgba(0,0,0,.38);backdrop-filter:blur(18px);background:rgba(18,25,45,.94)!important}
.settings-workspace.has-unsaved-changes .settings-save{border-color:rgba(255,189,89,.42);background:rgba(35,29,34,.96)!important}.settings-workspace.has-unsaved-changes .settings-save strong{color:#ffd18a}
.friendly-toggles label{border:1px solid rgba(111,131,255,.10);border-radius:11px;background:rgba(255,255,255,.018)}
.friendly-toggles label:hover{border-color:rgba(111,131,255,.24);background:rgba(111,131,255,.045)}
.collection-settings-section{grid-template-columns:minmax(250px,.42fr) minmax(0,1fr)!important}
.collection-controls{display:grid;gap:16px}
.collection-group{padding:16px;border:1px solid rgba(111,131,255,.12);border-radius:13px;background:rgba(5,10,20,.25)}
.collection-group-title{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.collection-group-title strong,.collection-group-title small{display:block}.collection-group-title strong{color:#e8edfb;font-size:14px}.collection-group-title small{margin-top:4px;color:#8290ad;font-size:12px}
.collection-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.recommended-chip{padding:5px 8px;border-radius:99px;color:#91dfff;background:rgba(69,200,255,.09);font-size:11px;font-weight:750;white-space:nowrap}
input:focus,select:focus,textarea:focus{border-color:rgba(111,131,255,.65)!important;box-shadow:0 0 0 3px rgba(111,131,255,.11)!important}
.alert-summary article.critical{border-top:3px solid var(--easy-red)}.alert-summary article:nth-child(2){border-top:3px solid var(--easy-amber)}.alert-summary article:nth-child(3){border-top:3px solid var(--easy-blue)}.alert-summary article:nth-child(4){border-top:3px solid var(--easy-green)}
.case-summary article:nth-child(1){border-top:3px solid var(--easy-amber)}.case-summary article:nth-child(2){border-top:3px solid var(--easy-blue)}.case-summary article:nth-child(3){border-top:3px solid var(--easy-purple)}.case-summary article:nth-child(4){border-top:3px solid var(--easy-green)}
.status-label.open{color:#ffd083!important;background:rgba(255,189,89,.1)!important}.status-label.resolved{color:#8be8bd!important;background:rgba(69,215,157,.1)!important}
.context-back,.back-link{display:inline-flex;padding:8px 11px;border-radius:9px;background:rgba(111,131,255,.07)}
code,kbd,pre{border-radius:6px}.success-banner{border-color:rgba(69,215,157,.28)!important;background:rgba(69,215,157,.08)!important;color:#9cebc7!important}

/* Comfortable reading sizes across every page. */
body{font-size:16px}
.workspace-nav a{font-size:14px!important}
.server-switcher strong,.sidebar-foot strong{font-size:14px!important}
.server-switcher small,.sidebar-foot small{font-size:12px!important}
.workspace-header p:not(.eyebrow),.event-hero p,.case-hero p,.alert-hero p{font-size:16px!important}
.eyebrow{font-size:12px!important}
.surface-head>a,.surface-head>span,.context-back,.back-link,.identity-chip,.health-pill,.live-indicator{font-size:13px!important}
.metric-grid small,.case-facts small,.alert-facts small,.case-summary small,.alert-summary small{font-size:13px!important}
.metric-grid em,.case-facts span,.alert-facts span,.case-summary span,.alert-summary span{font-size:12px!important}
.evidence-main strong,.actor-cell strong,.narrative-item strong,.entity-list strong{font-size:14px!important}
.evidence-main small,.actor-cell small,.evidence-row time,.narrative-item time,.case-hero small,.alert-hero small{font-size:12px!important}
.alert-copy p,.case-row p,.narrative-item p,.settings-copy p,.integrity-strip>p{font-size:14px!important}
.filter-row label>span,.settings-control>label,.case-form-main label,.case-hero label,.message-deletion-panel label>span{font-size:13px!important}
.friendly-toggles small,.settings-control small,.message-consent small,.message-summary small,.message-summary span,.message-record-list small,.message-record-list span,.message-record-list time{font-size:12px!important}
.risk-badge,.source-badge,.severity-label,.status-label{font-size:11px!important}
.raw-grid pre,.diff-line pre,.diff-line code,pre{font-size:13px!important}
.kb-toc a,.kb-checklist span,.kb-definition-grid span,.kb-levels span,.kb-steps p,.kb-glossary dd,.kb-faq details p{font-size:13px!important}
.candidate-grid small,.candidate-grid time,.object-grid small,.preserved-object small,.coverage-list li{font-size:12px!important}
@media(max-width:1100px){.settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.collection-settings-section{grid-template-columns:1fr!important}.collection-source-grid,.collection-category-grid{grid-template-columns:1fr}.settings-tabs{top:78px;display:flex;overflow-x:auto}.settings-tabs button{min-width:165px}.settings-tab-panel>.settings-section{min-height:0}}
@media(max-width:760px){.nav-group{display:none}.workspace-header{padding:17px}.beta-badge{display:none}}

/* Public Help Center access */
.public-nav{display:flex;align-items:center;gap:10px}.public-nav>a{display:inline-flex;align-items:center;gap:8px}.public-nav>a:not(.quiet-button){padding:9px 12px;border:1px solid transparent;border-radius:9px;color:#aeb8d0;font-size:14px;font-weight:750}.public-nav>a:not(.quiet-button):hover,.public-nav>a.active{color:#fff;border-color:rgba(111,131,255,.25);background:rgba(111,131,255,.09)}.public-nav .ui-icon,.public-help-button .ui-icon{width:18px;height:18px}.public-help-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 18px;border:1px solid rgba(111,131,255,.3);border-radius:11px;color:#d6dcff;background:rgba(111,131,255,.08);font-weight:800}.public-help-button:hover{border-color:rgba(111,131,255,.55);background:rgba(111,131,255,.15);transform:translateY(-1px)}.public-help-shell{max-width:1500px;margin:0 auto}.public-help-shell .kb-header{margin-bottom:18px}.public-help-shell .kb-toc{top:92px}
@media(max-width:680px){.public-nav .quiet-button{display:none}.public-nav>a:not(.quiet-button){padding:8px}.public-help-button{width:100%}.login-note{width:100%}}

/* Help Center operator guides */
.kb-task-section{margin:0 0 32px}.kb-section-heading>p:not(.eyebrow){margin:6px 0 0;color:#98a5bf;font-size:15px}.kb-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kb-task-grid>a{min-height:122px;padding:18px;display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr auto;gap:8px 14px;border:1px solid rgba(111,131,255,.15);border-radius:14px;background:linear-gradient(145deg,rgba(18,25,43,.96),rgba(10,16,29,.96));transition:.18s ease}.kb-task-grid>a:hover{transform:translateY(-2px);border-color:rgba(111,131,255,.42);box-shadow:0 14px 34px rgba(0,0,0,.2)}.kb-task-grid .ui-icon{grid-row:1/3;width:23px;height:23px;margin:4px auto;color:#9cafff}.kb-task-grid strong,.kb-task-grid small{display:block}.kb-task-grid strong{margin-bottom:6px;font-size:16px}.kb-task-grid small{color:#909db8;font-size:13px;line-height:1.5}.kb-task-grid i{color:#8fa2ff;font-size:13px;font-style:normal;font-weight:750}
.kb-toc{max-height:calc(100vh - 120px);overflow-y:auto}.kb-toc a{font-size:13px!important}.kb-topic-body>p{font-size:15px!important}.kb-topic-body h2{font-size:25px!important}.kb-checklist strong,.kb-definition-grid strong,.kb-levels strong,.kb-steps strong{font-size:14px!important}.kb-checklist span,.kb-definition-grid span,.kb-levels span,.kb-steps p,.kb-glossary dd,.kb-faq details p{font-size:13px!important}
.kb-route{margin:17px 0;padding:14px 16px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px 14px;align-items:center;border:1px solid rgba(69,200,255,.2);border-radius:11px;background:linear-gradient(90deg,rgba(69,200,255,.07),rgba(111,131,255,.035))}.kb-route>span{color:#72d9ff;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.kb-route>strong{font-size:14px}.kb-route>a{padding:8px 11px;border-radius:8px;color:#fff;background:rgba(111,131,255,.18);font-size:12px;font-weight:800;white-space:nowrap}.kb-route>a:hover{background:rgba(111,131,255,.3)}.kb-route>small{color:#8e9ab4;font-size:12px}
.kb-procedure{margin:20px 0;padding:0;display:grid;gap:10px;list-style:none}.kb-procedure>li{padding:16px;display:grid;grid-template-columns:34px 1fr;gap:14px;border:1px solid rgba(111,131,255,.13);border-radius:11px;background:rgba(255,255,255,.018)}.kb-procedure>li>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#c9d1ff;background:linear-gradient(145deg,rgba(111,131,255,.25),rgba(69,200,255,.1));font-size:13px;font-weight:900}.kb-procedure strong{display:block;font-size:15px}.kb-procedure p{margin:5px 0 0;color:#99a6c0;font-size:14px;line-height:1.6}.kb-procedure em{color:#dce2f4;font-style:normal}.kb-procedure.compact{grid-template-columns:1fr 1fr}.kb-result{margin:18px 0;padding:16px 18px;border:1px solid rgba(69,215,157,.25);border-left:3px solid var(--easy-green);border-radius:11px;background:rgba(69,215,157,.055)}.kb-result strong,.kb-result span{display:block}.kb-result strong{margin-bottom:5px;color:#9cebc7;font-size:14px}.kb-result span{color:#9ba8c0;font-size:14px;line-height:1.6}.kb-actions{margin-top:17px;display:flex;flex-wrap:wrap;gap:9px}.kb-actions>a{padding:10px 13px;border:1px solid rgba(111,131,255,.28);border-radius:9px;color:#dbe0ff;background:rgba(111,131,255,.1);font-size:13px;font-weight:800}.kb-actions>a:hover{border-color:rgba(111,131,255,.5);background:rgba(111,131,255,.18)}
.kb-page-map{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.kb-page-map>div{padding:14px;border:1px solid var(--cv-line);border-radius:10px;background:rgba(255,255,255,.018)}.kb-page-map strong,.kb-page-map span{display:block}.kb-page-map strong{margin-bottom:5px;color:#e3e7f5;font-size:14px}.kb-page-map span{color:#909cb6;font-size:13px;line-height:1.55}
@media(max-width:1100px){.kb-task-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.kb-task-grid,.kb-procedure.compact,.kb-page-map{grid-template-columns:1fr}.kb-route{grid-template-columns:1fr}.kb-route>a{justify-self:start}.kb-topic{grid-template-columns:1fr!important}.kb-topic-icon{width:42px;height:42px}.kb-procedure>li{padding:14px}.kb-task-grid>a{min-height:0}}
