/* CEDIS graphite system: shared surfaces, controls, navigation and responsive landing. */
html[data-theme="dark"] {
  --bg:#161b20; --card:#20262c; --txt:#eff2f3; --muted:#b0bac2; --line:#3b454e;
  --blue:#aebdca; --green:#86c6a5; --yellow:#e7c17f; --red:#f0a0a6;
  --nav:#171d22; --accent:#73899e; --input:#1a2025; color-scheme:dark;
}
html[data-theme="light"] { --blue:#45647d; --accent:#536b81; }
html[data-theme="dark"] body { background:var(--bg); color:var(--txt); }
/* Full-page ambient mesh, behind the public landing page rather than confined to the hero. */
body.public-home { background:radial-gradient(ellipse 82% 65% at 50% 0%,rgba(112,137,158,.075),transparent 85%),var(--bg); }
body.public-home:before { content:""; position:fixed; inset:-22% -18% -8%; z-index:0; pointer-events:none; background-image:radial-gradient(ellipse at 22% 46%,rgba(116,143,165,.07),transparent 42%),radial-gradient(ellipse at 78% 62%,rgba(94,118,141,.065),transparent 43%),radial-gradient(circle at 26px 26px,rgba(190,205,217,.15) 1px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 50px,rgba(174,189,202,.055) 51px 52px),repeating-linear-gradient(90deg,transparent 0 50px,rgba(174,189,202,.055) 51px 52px); background-size:auto,auto,52px 52px,52px 52px,52px 52px; opacity:.34; transform:perspective(1050px) rotateX(55deg) translate3d(0,0,0) scale(1.62); transform-origin:center 60%; animation:page-mesh-drift 60s ease-in-out infinite alternate; mask-image:radial-gradient(ellipse at 50% 48%,#000 18%,rgba(0,0,0,.78) 68%,transparent 100%); }
.public-home .workspace { position:relative; z-index:1; }
@keyframes page-mesh-drift { from { transform:perspective(1050px) rotateX(55deg) translate3d(-.4%,.3%,0) scale(1.62); } to { transform:perspective(1050px) rotateX(55deg) translate3d(.4%,-.3%,0) scale(1.66); } }
html[data-theme="dark"] a { color:var(--blue); }
html[data-theme="dark"] :focus-visible { outline-color:#90a4b7; }
html[data-theme="dark"] .sidebar { background:#171d22; border-right:1px solid #303a42; color:#edf1f2; }
html[data-theme="dark"] .brand { color:#f5f6f4; }
html[data-theme="dark"] .brand-context,.brand-with-logo .brand-context { color:var(--muted); }
html[data-theme="dark"] .nav-caption { color:#aeb9c1; }
html[data-theme="dark"] .nav-link { color:#cbd2d7; }
html[data-theme="dark"] .nav-link:hover { background:#242d34; color:#fff; }
html[data-theme="dark"] .nav-link.selected { background:#27313a; color:#fff; box-shadow:inset 3px 0 #73899e; }
html[data-theme="dark"] .sidebar-bottom { border-color:#354049; color:#d1d7db; }
html[data-theme="dark"] .sidebar-bottom small { color:#b0bac2; }
html[data-theme="dark"] .scope-dot { background:#9ac8ae; }
html[data-theme="dark"] .topbar,html[data-theme="dark"] .public-header { background:#1b2228; border-color:var(--line); color:var(--txt); }
html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .account-link { color:#b6c0c7; }
html[data-theme="dark"] .avatar { background:#344148; color:#e8f3f1; }
html[data-theme="dark"] .theme-toggle { color:#dbe2e5; border-color:#45515b; background:#252d34; }
html[data-theme="dark"] .panel,html[data-theme="dark"] .kpi,html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .task-link,html[data-theme="dark"] .package,html[data-theme="dark"] .dashboard-bottomline,
html[data-theme="dark"] .login .panel,html[data-theme="dark"] .setup-strip,html[data-theme="dark"] .notice-card {
  color:var(--txt); background:var(--card); border-color:var(--line); box-shadow:none;
}
html[data-theme="dark"] .panel h2,html[data-theme="dark"] .panel h3,html[data-theme="dark"] .dashboard-kpi strong,
html[data-theme="dark"] .task-link h3,html[data-theme="dark"] .package h3 { color:var(--txt); }
html[data-theme="dark"] .footnote,html[data-theme="dark"] .panel p,html[data-theme="dark"] .task-link p,
html[data-theme="dark"] .package p,html[data-theme="dark"] .kpi span,html[data-theme="dark"] .kpi small,
html[data-theme="dark"] td small { color:var(--muted); }
html[data-theme="dark"] .btn { background:#566d82; border-color:#657c91; color:#f3f5f7; }
html[data-theme="dark"] .btn:hover { background:#647c92; border-color:#7890a4; color:#fff; }
html[data-theme="dark"] .btn.secondary { color:#e2e8eb; background:#262e35; border-color:#4b5862; }
html[data-theme="dark"] .btn.secondary:hover { background:#303a42; }
html[data-theme="dark"] .btn.danger { color:#ffc0c3; background:#38292d; border-color:#6b454b; }
html[data-theme="dark"] .toolbar input,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .form input,
html[data-theme="dark"] .form select,html[data-theme="dark"] .form textarea,html[data-theme="dark"] input,
html[data-theme="dark"] select,html[data-theme="dark"] textarea {
  color:var(--txt); background:var(--input); border-color:#46515a;
}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder { color:#aab5bd; opacity:1; }
html[data-theme="dark"] th { color:#d2d9dd; background:#272f36; border-color:var(--line); }
html[data-theme="dark"] td { color:#e2e7e9; border-color:#343e46; }
html[data-theme="dark"] tbody tr:hover { background:#262e35; }
html[data-theme="dark"] .badge { color:#d7e0e4; background:#303a42; }
html[data-theme="dark"] .badge.activo { color:#b5e2c8; background:#263b32; }
html[data-theme="dark"] .badge.caido { color:#ffc0c3; background:#432e33; }
html[data-theme="dark"] .badge.por { color:#f1d49c; background:#3d3527; }
html[data-theme="dark"] .notice { color:#d9e7ea; background:#263239; border-color:#729ca0; }
html[data-theme="dark"] .notice.warning { color:#f1d9a8; background:#373126; border-color:#b38e4d; }
html[data-theme="dark"] .flash { color:#c4ead5; background:#23372d; }
html[data-theme="dark"] .flash.error { color:#ffc0c3; background:#412d33; }
html[data-theme="dark"] .empty { color:var(--muted); }
html[data-theme="dark"] .empty h2,html[data-theme="dark"] .empty h3 { color:var(--txt); }
html[data-theme="dark"] .cedis-footer { color:#b0bac2; border-color:#354049; }
html[data-theme="dark"] .toast { color:#f5f7f7; background:#29343b; border:1px solid #50616b; }
html[data-theme="dark"] .skip { color:#151b20; }
html[data-theme="dark"] .chip { color:#cdd6db; background:#232b31; border-color:#46515a; }
html[data-theme="dark"] .chip.selected { color:#e0e8ef; background:#2b3742; border-color:#657d91; }

/* A purpose-built cover for employees: a clear first action and an honest three-step route. */
.support-home { max-width:1220px; padding:46px 0 42px; }
.landing-hero {
  position:relative; isolation:isolate; overflow:hidden; display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr); gap:clamp(30px,5vw,76px);
  align-items:center; min-height:475px; padding:clamp(30px,5vw,68px);
  border:1px solid #39454e; border-radius:22px 22px 6px 22px;
  background:radial-gradient(ellipse at 82% 2%,rgba(112,137,158,.15),transparent 43%),linear-gradient(132deg,#20272d 3%,#1a2025 60%,#20272c 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.19);
}
.landing-hero:after { content:""; position:absolute; inset:0; z-index:-1; opacity:.17; pointer-events:none; background-image:linear-gradient(rgba(189,207,208,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(189,207,208,.12) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent 30%,#000 100%); }
.landing-copy { position:relative; z-index:1; max-width:670px; }
.landing-kicker { display:flex; align-items:center; gap:10px; color:#b5c2cd; font-size:11px; letter-spacing:.11em; font-weight:750; margin:0 0 22px; }
.landing-kicker span { width:8px; height:8px; border-radius:2px; background:#8296a8; box-shadow:0 0 0 4px rgba(130,150,168,.13); }
.landing-copy h1 { max-width:650px; margin:0 0 20px; color:#f3f4f1; font-size:clamp(40px,5.1vw,68px); font-weight:650; letter-spacing:-.055em; line-height:.99; }
.landing-lead { max-width:58ch; margin:0; color:#c0c9ce; font-size:16px; line-height:1.7; }
.landing-launchers { position:relative; z-index:1; display:grid; gap:12px; width:min(100%,420px); justify-self:end; }
.landing-action-card { display:grid; grid-template-columns:48px minmax(0,1fr) 18px; gap:14px; align-items:center; min-height:92px; padding:17px; border:1px solid #56636c; border-radius:12px 12px 4px 12px; text-decoration:none; transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.landing-action-card:hover { transform:translateY(-2px); text-decoration:none; }
.landing-action-card.landing-primary { background:#52687c; border-color:#71869a; color:#f4f6f7; }
.landing-action-card.landing-primary:hover { background:#5f758a; border-color:#8ca0b2; color:#fff; }
.landing-action-card.landing-secondary { background:rgba(39,48,55,.82); color:#edf1f2; }
.landing-action-card.landing-secondary:hover { background:#303a41; border-color:#73899e; color:#fff; }
.landing-action-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid currentColor; border-radius:10px 10px 3px 10px; font-size:22px; }
.landing-action-copy { display:grid; gap:4px; }
.landing-action-copy small { font-size:9px; font-weight:750; letter-spacing:.1em; opacity:.78; }
.landing-action-copy strong { font-size:15px; line-height:1.2; }
.landing-action-copy>span { font-size:11px; line-height:1.4; opacity:.8; }
.landing-action-arrow { align-self:start; justify-self:end; font-size:16px; }
.landing-footnote { margin:20px 0 0; color:#b1bbc1; font-size:11px; }
.cedis-safety-note { display:grid; grid-template-columns:44px minmax(0,1fr) auto; gap:16px; align-items:center; margin-top:16px; padding:18px 22px; color:#e9eff0; background:#20262c; border:1px solid #39454e; border-left:3px solid #73899e; border-radius:10px 10px 3px 10px; }
.cedis-safety-icon { display:grid; place-items:center; width:40px; height:40px; color:#aebdca; background:#29323b; border:1px solid #43505d; border-radius:9px 9px 3px 9px; }
.cedis-safety-icon svg { width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.cedis-safety-copy p { margin:0 0 3px; color:#aebdca; font-size:10px; font-weight:700; letter-spacing:.06em; }
.cedis-safety-copy h3 { margin:0 0 4px; color:#f3f4f1; font-size:15px; font-weight:650; }
.cedis-safety-copy>span { display:block; max-width:78ch; color:#bbc5c9; font-size:12px; line-height:1.5; }
.cedis-safety-link { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; color:#dce4eb; background:#29323b; border:1px solid #4e5c69; border-radius:7px 7px 2px 7px; font-size:12px; font-weight:650; text-decoration:none; white-space:nowrap; }
.cedis-safety-link:hover { color:#fff; background:#34404b; text-decoration:none; }
.cedis-safety-link:focus-visible { outline:2px solid #9cabb9; outline-offset:3px; }
html[data-theme="light"] .btn:hover { background:#405a70; border-color:#405a70; color:#fff; }
html[data-theme="light"] .landing-hero { background:radial-gradient(ellipse at 82% 2%,rgba(112,137,158,.18),transparent 43%),linear-gradient(132deg,#24313a,#202a32 70%,#26343c); border-color:#31434d; }
html[data-theme="light"] .landing-copy h1 { color:#f4f6f4; }
html[data-theme="light"] .cedis-safety-note { color:#25343b; background:#f2f5f7; border-color:#cad3da; border-left-color:#536b81; }
html[data-theme="light"] .cedis-safety-icon { color:#45647d; background:#e6edf2; border-color:#cfdae2; }
html[data-theme="light"] .cedis-safety-copy p { color:#45647d; }
html[data-theme="light"] .cedis-safety-copy h3 { color:#1e2a30; }
html[data-theme="light"] .cedis-safety-copy>span { color:#52656c; }
html[data-theme="light"] .cedis-safety-link { color:#344d63; background:#e8edf2; border-color:#c2cdd7; }
html[data-theme="light"] .cedis-safety-link:hover { color:#263e54; background:#dce4eb; }

/* Practical, evergreen notices give the public landing page useful content without fake live alerts. */
.cedis-notices { margin-top:24px; }
.cedis-notices-heading { display:flex; align-items:end; justify-content:space-between; gap:16px; margin:0 2px 12px; }
.cedis-notices-heading p,.cedis-notice-card>div>p { margin:0 0 5px; color:#aebdca; font-size:9px; font-weight:750; letter-spacing:.12em; }
.cedis-notices-heading h2 { margin:0; color:#edf1f3; font-size:19px; font-weight:650; letter-spacing:-.02em; }
.cedis-notices-heading>span { padding:5px 9px; border:1px solid #3b454e; border-radius:20px; color:#b0bac2; font-size:10px; white-space:nowrap; }
.cedis-notice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.cedis-notice-card { display:grid; grid-template-columns:38px minmax(0,1fr); grid-template-rows:1fr auto; gap:12px; min-width:0; padding:17px; background:#20262c; border:1px solid #39454e; border-radius:10px 10px 3px 10px; }
.cedis-notice-card.cedis-safety-note { grid-template-columns:38px minmax(0,1fr); grid-template-rows:1fr auto; margin:0; padding:17px; border-left:2px solid #73899e; }
.cedis-notice-card .cedis-safety-icon,.cedis-notice-icon { width:36px; height:36px; }
.cedis-notice-icon { display:grid; place-items:center; color:#aebdca; background:#29323b; border:1px solid #43505d; border-radius:8px 8px 3px 8px; }
.cedis-notice-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.cedis-notice-card>div { min-width:0; }
.cedis-notice-card>div>p { color:#aebdca; }
.cedis-notice-card h3 { margin:0 0 6px; color:#f3f4f1; font-size:14px; font-weight:650; line-height:1.35; }
.cedis-notice-card>div>span { display:block; color:#bbc5c9; font-size:11px; line-height:1.55; }
.cedis-notice-card>a { grid-column:2; justify-self:start; display:inline-flex; align-items:center; gap:7px; margin-top:2px; color:#c5d1dc; font-size:11px; font-weight:650; text-decoration:none; }
.cedis-notice-card>a:hover { color:#fff; text-decoration:underline; text-underline-offset:3px; }
html[data-theme="light"] .cedis-notices-heading p { color:#536b81; }
html[data-theme="light"] .cedis-notices-heading h2 { color:#26343c; }
html[data-theme="light"] .cedis-notices-heading>span { color:#536b81; border-color:#cad3da; background:#f2f5f7; }
html[data-theme="light"] .cedis-notice-card { background:#20262c; border-color:#39454e; }
html[data-theme="light"] .cedis-notice-card h3 { color:#f3f4f1; }
html[data-theme="light"] .cedis-notice-card>div>p { color:#aebdca; }
html[data-theme="light"] .cedis-notice-card>div>span { color:#bbc5c9; }
html[data-theme="light"] .cedis-notice-card>a { color:#c5d1dc; }

/* Internal operations: calm high-contrast surfaces and a compact, high-utility heading. */
.portal-dashboard-hero { position:relative; overflow:hidden; padding:25px 28px; border:1px solid var(--line); border-radius:14px 14px 4px 14px; background:linear-gradient(115deg,#20272d,#1d2429 65%,#263035); }
.portal-dashboard-hero:after { content:""; position:absolute; right:-42px; top:-105px; width:230px; height:230px; border:1px solid rgba(153,186,187,.2); border-radius:50%; box-shadow:0 0 0 27px rgba(153,186,187,.035),0 0 0 54px rgba(153,186,187,.025); pointer-events:none; }
.portal-dashboard-hero h1 { color:#f3f5f4; }
.portal-dashboard-hero p { color:#bdc7cc; }
.dashboard-kpi { border-radius:10px 10px 3px 10px; }
.dashboard-kpi:hover { border-color:#718f92; transform:translateY(-1px); }
.dashboard-kpi.needs-attention { border-left:3px solid #d6b276; }
.dashboard-shortcuts>a { border-color:var(--line); }
.agent-version { display:inline-flex; align-items:center; min-height:24px; padding:3px 8px; border:1px solid #586a6e; border-radius:6px 6px 2px 6px; color:#d9e6e5; background:#293437; font:600 11px/1.3 'Segoe UI',sans-serif; font-variant-numeric:tabular-nums; white-space:nowrap; }
.agent-version-meta { display:block; margin-top:4px; color:var(--muted); font-size:10px; font-variant-numeric:tabular-nums; }
.agent-version-missing { color:#e4c787; }

@media(max-width:900px) {
  .support-home { padding:24px 0 36px; }
  .landing-hero { grid-template-columns:1fr; gap:27px; min-height:0; padding:34px; }
  .cedis-safety-note { grid-template-columns:40px minmax(0,1fr); align-items:start; }
  .cedis-safety-link { grid-column:2; justify-self:start; }
  .landing-launchers { justify-self:stretch; width:100%; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .landing-action-card { min-height:112px; }
  .cedis-notice-grid { grid-template-columns:1fr; }
}
@media(max-width:600px) {
  .landing-hero { padding:25px 21px; border-radius:16px 16px 4px 16px; }
  .cedis-safety-note { gap:12px; margin-top:12px; padding:15px; }
  .cedis-safety-copy h3 { font-size:14px; }
  .cedis-safety-copy>span { font-size:11px; }
  .cedis-safety-link { grid-column:1 / -1; }
  .cedis-notices { margin-top:20px; }
  .cedis-notices-heading h2 { font-size:17px; }
  .cedis-notice-card { grid-template-columns:34px minmax(0,1fr); gap:10px; padding:14px; }
  .landing-copy h1 { font-size:42px; }
  .landing-lead { font-size:14px; }
  .landing-launchers { grid-template-columns:1fr; gap:9px; }
  .landing-action-card { min-height:80px; padding:13px; }
  .portal-dashboard-hero { padding:20px; }
  body.public-home:before { opacity:.29; animation-duration:72s; }
}
@media(prefers-reduced-motion:reduce) { .dashboard-kpi { transition:none; } body.public-home:before { animation:none; transform:none; } }
@media(max-width:800px) {
  .avatar { display:none; }
  .account-link[href*="change-password"] { display:none; }
  .topbar { gap:8px; }
  .topbar>.toolbar:last-child { gap:8px; }
  .landing-launchers { max-width:none; }
}

/* Compact expandable navigation groups. Native details/summary keeps the menu keyboard accessible. */
.sidebar nav { display:flex; flex-direction:column; gap:5px; overflow-y:auto; scrollbar-width:thin; }
.nav-group { margin:0; }
.nav-group>summary { list-style:none; }
.nav-group>summary::-webkit-details-marker { display:none; }
.nav-group-toggle { min-height:44px; display:flex; align-items:center; gap:11px; padding:6px 9px; border:1px solid transparent; border-radius:8px; color:#d5dde0; cursor:pointer; user-select:none; transition:background-color .15s ease,border-color .15s ease,color .15s ease; }
.nav-group-toggle:hover { background:#242d34; color:#fff; }
.nav-group[open]>.nav-group-toggle { color:#f3f6f6; background:#20282e; border-color:#303b42; }
.nav-group-icon { width:30px; height:30px; display:grid; place-items:center; flex:0 0 30px; color:#b6c8ca; background:#242e34; border:1px solid #354149; border-radius:7px; }
.nav-group-icon svg { width:17px; height:17px; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.nav-group-label { flex:1; font-size:13px; font-weight:650; letter-spacing:.1px; }
.nav-group-chevron { width:8px; height:8px; margin:0 4px 3px 0; border-right:1.5px solid #aab6bc; border-bottom:1.5px solid #aab6bc; transform:rotate(45deg); transition:transform .15s ease; }
.nav-group[open]>.nav-group-toggle .nav-group-chevron { margin-bottom:-4px; transform:rotate(225deg); }
.nav-group-links { display:grid; gap:2px; margin:4px 0 7px 23px; padding:3px 0 3px 12px; border-left:1px solid #354149; }
.nav-group-links .nav-link { min-height:37px; margin:0; padding:8px 9px; gap:9px; border-radius:6px; font-size:12px; line-height:1.3; }
.nav-group-links .nav-link span { min-width:18px; font-size:15px; }
.nav-group-links .nav-link.selected { background:#27313a; box-shadow:inset 2px 0 #73899e; }
html[data-theme="light"] .nav-group-toggle { color:#34434b; }
html[data-theme="light"] .nav-group-toggle:hover { background:#e9eff1; color:#172a32; }
html[data-theme="light"] .nav-group[open]>.nav-group-toggle { color:#20343c; background:#f0f4f5; border-color:#dbe4e7; }
html[data-theme="light"] .nav-group-icon { color:#48666d; background:#edf2f3; border-color:#d9e2e4; }
html[data-theme="light"] .nav-group-chevron { border-color:#60737a; }
html[data-theme="light"] .nav-group-links { border-color:#d1dcdf; }
html[data-theme="light"] .nav-group-links .nav-link { color:#42535b; }
html[data-theme="light"] .nav-group-links .nav-link:hover { background:#e9eff1; color:#20343c; }
html[data-theme="light"] .nav-group-links .nav-link.selected { background:#e7eeee; color:#20343c; box-shadow:inset 2px 0 #527d80; }
@media(max-width:800px) {
  .sidebar nav { max-height:calc(100vh - 205px); }
  .nav-group-toggle { min-height:46px; }
}

/* Recipients: stable row and an in-flow action tray; no narrow floating dropdown. */
.mail-layout-recipients>* { min-width:0; }
.mail-recipient-list,.mail-recipient { width:100%; min-width:0; }
.mail-recipient { overflow:hidden; background:var(--card); border-color:var(--line); transition:border-color .15s ease,background-color .15s ease; }
.mail-recipient:hover { border-color:color-mix(in srgb,var(--accent) 42%,var(--line)); }
.mail-recipient-row { display:grid; grid-template-columns:36px minmax(0,1fr) minmax(82px,auto) 38px; grid-template-areas:"avatar identity status actions"; align-items:center; min-height:70px; gap:12px; padding:11px 14px; }
.mail-recipient-avatar { grid-area:avatar; }
.mail-recipient-identity { grid-area:identity; display:grid; min-width:0; gap:4px; }
.mail-recipient-identity strong { overflow-wrap:anywhere; font-size:13px; letter-spacing:.05px; }
.mail-recipient-identity small { display:flex; align-items:center; flex-wrap:wrap; gap:7px; font-size:11px; }
.mail-recipient-dot { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#79b995; box-shadow:0 0 0 3px color-mix(in srgb,#79b995 15%,transparent); }
.mail-recipient.is-paused .mail-recipient-dot { background:#9aa4aa; box-shadow:0 0 0 3px color-mix(in srgb,#9aa4aa 15%,transparent); }
.mail-recipient-switch-form { grid-area:status; min-width:0; justify-self:end; margin:0; }
.mail-recipient-switch { position:relative; display:flex; align-items:center; gap:9px; min-height:38px; margin:0; color:var(--muted); font-size:11px; font-weight:600; cursor:pointer; }
.mail-recipient-switch input { position:absolute; right:0; width:46px; height:28px; margin:0; opacity:0; cursor:pointer; z-index:1; }
.mail-recipient-switch .mail-switch { flex:0 0 40px; width:40px; height:23px; border-color:var(--line); }
.mail-recipient-switch .mail-switch:after { width:15px; height:15px; left:3px; top:3px; }
.mail-recipient-switch input:checked+.mail-switch:after { transform:translateX(17px); }
.mail-recipient-switch input:focus-visible+.mail-switch { outline:3px solid var(--focus); outline-offset:3px; }
.mail-recipient-menu-button { grid-area:actions; justify-self:end; display:grid; place-items:center; width:38px; height:38px; padding:0; border:1px solid var(--line); border-radius:8px; background:transparent; color:var(--muted); font-size:23px; line-height:1; cursor:pointer; }
.mail-recipient-menu-button:hover,.mail-recipient-menu-button[aria-expanded="true"] { background:color-mix(in srgb,var(--accent) 10%,var(--card)); color:var(--txt); }
.mail-recipient-menu-button:focus-visible,.mail-menu-popover button:focus-visible { outline:3px solid var(--focus); outline-offset:2px; }
.mail-menu-popover[hidden] { display:none !important; }
.mail-menu-popover:not([hidden]) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:11px 14px; border-top:1px solid var(--line); background:color-mix(in srgb,var(--bg) 45%,var(--card)); }
.mail-menu-popover>button,.mail-menu-popover>form>button { display:flex; align-items:center; width:100%; min-width:0; min-height:40px; padding:9px 11px; border:1px solid var(--line); border-radius:7px; background:var(--card); color:var(--txt); text-align:left; font-size:12px; line-height:1.35; cursor:pointer; }
.mail-menu-popover>button:hover,.mail-menu-popover>form>button:hover { background:color-mix(in srgb,var(--accent) 12%,var(--card)); }
.mail-menu-popover form { min-width:0; margin:0; }
.mail-menu-popover .mail-menu-danger { color:var(--red); border-color:color-mix(in srgb,var(--red) 36%,var(--line)); }
.mail-recipient-editor:not([open]) { display:none; }
.mail-recipient-editor[open] { padding:12px 14px 14px; border-top:1px solid var(--line); }
.mail-add-recipient>div { display:grid; grid-template-columns:minmax(260px,420px) max-content; justify-content:start; align-items:center; gap:9px; }
.mail-add-recipient input { width:100%; min-width:0; }
.mail-add-recipient>div .btn { width:auto; min-width:142px; white-space:nowrap; }
html[data-theme="dark"] .mail-recipient { background:#20262c; }
html[data-theme="light"] .mail-recipient { background:var(--card); }
@media(max-width:700px) {
  .mail-recipient-row { grid-template-columns:32px minmax(0,1fr) 42px 36px; grid-template-areas:"avatar identity status actions"; gap:7px; padding:9px; }
  .mail-recipient-avatar { width:32px; height:32px; }
  .mail-recipient-switch { gap:0; }
  .mail-recipient-switch>span:first-child { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  .mail-recipient-switch .mail-switch { width:36px; flex-basis:36px; }
  .mail-recipient-switch input { width:40px; }
  .mail-recipient-menu-button { width:36px; height:36px; }
  .mail-menu-popover:not([hidden]) { grid-template-columns:1fr; padding:9px; }
  .mail-add-recipient>div { grid-template-columns:1fr; }
  .mail-add-recipient>div .btn { justify-self:start; }
}

/* Enrollment picker: inventory-driven, searchable and usable with long device lists. */
.agent-campaign-form { display:block; }
.agent-campaign-fieldset { min-width:0; margin:0; padding:16px; border:1px solid var(--line); border-radius:10px; }
.agent-campaign-fieldset>legend { padding:0 7px; color:var(--txt); font-size:13px; font-weight:650; }
.agent-campaign-tools { display:grid; grid-template-columns:minmax(220px,1fr) auto; align-items:end; gap:10px 14px; margin-bottom:13px; }
.agent-device-search { display:grid!important; gap:6px!important; max-width:420px; color:var(--muted); font-size:11px!important; }
.agent-device-search input { width:100%; }
.agent-selection-tools { display:flex; flex-wrap:wrap; gap:7px; }
.agent-selection-tools .btn { min-height:36px; padding:8px 11px; font-size:11px; }
.agent-selection-count { grid-column:1/-1; color:var(--muted); font-size:11px; font-variant-numeric:tabular-nums; }
.agent-device-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr)); gap:8px; max-height:min(48vh,440px); overflow:auto; padding:2px 3px 3px 2px; scrollbar-width:thin; }
.agent-device-card { display:grid!important; grid-template-columns:18px minmax(0,1fr) 18px; align-items:center; gap:11px!important; min-width:0; min-height:64px; margin:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; background:color-mix(in srgb,var(--card) 86%,var(--bg)); color:var(--txt)!important; cursor:pointer; transition:border-color .14s ease,background .14s ease; }
.agent-device-card:hover { border-color:color-mix(in srgb,var(--accent) 48%,var(--line)); background:color-mix(in srgb,var(--accent) 7%,var(--card)); }
.agent-device-card:has(input:checked) { border-color:color-mix(in srgb,var(--accent) 64%,var(--line)); background:color-mix(in srgb,var(--accent) 12%,var(--card)); }
.agent-device-card>input[type="checkbox"] { width:17px; height:17px; margin:0; accent-color:var(--accent); cursor:pointer; }
.agent-device-copy { display:grid; min-width:0; gap:3px; }
.agent-device-copy strong { overflow-wrap:anywhere; color:var(--txt); font-size:12px; font-weight:700; }
.agent-device-copy small { overflow-wrap:anywhere; color:var(--muted); font-size:10px; line-height:1.35; }
.agent-device-checkmark { display:grid; place-items:center; width:18px; height:18px; border-radius:50%; color:transparent; background:transparent; font-size:11px; }
.agent-device-card:has(input:checked) .agent-device-checkmark { color:#14201c; background:var(--green); }
.agent-device-card[hidden] { display:none!important; }
.agent-device-empty { grid-column:1/-1; color:var(--muted); font-size:12px; }
.agent-campaign-hint { margin:11px 0 0; color:var(--muted); font-size:11px; line-height:1.5; }
.agent-campaign-form .form-actions { margin-top:13px; }
.agent-campaign-form [data-agent-campaign-submit]:disabled { opacity:.5; cursor:not-allowed; }
html[data-theme="dark"] .agent-device-card { background:#1c2329; }
html[data-theme="light"] .agent-device-card { background:#f7f9fa; }
@media(max-width:700px) {
 .agent-campaign-fieldset { padding:12px; }
 .agent-campaign-tools { grid-template-columns:1fr; }
 .agent-selection-count { grid-column:auto; }
 .agent-device-grid { grid-template-columns:1fr; max-height:50vh; }
 .agent-selection-tools { display:grid; grid-template-columns:1fr 1fr; }
 .agent-selection-tools .btn { justify-content:center; }
}


/* Neutral black palette aligned with the CEDIS support agent. */
html[data-theme="dark"] {
  --bg:#141617; --card:#1e2022; --txt:#eff1ef; --muted:#adb2b3; --line:#383d3f;
  --blue:#c1c6c6; --green:#82b99a; --nav:#151718; --accent:#828b8d; --input:#191b1c;
}
html[data-theme="dark"] body { background-color:#141617; }
html[data-theme="dark"] a { color:#c1c6c6; }
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .public-header { background:#151718; border-color:#34393b; }
html[data-theme="dark"] .panel,html[data-theme="dark"] .kpi,html[data-theme="dark"] .dashboard-kpi,
html[data-theme="dark"] .task-link,html[data-theme="dark"] .package,html[data-theme="dark"] .dashboard-bottomline,
html[data-theme="dark"] .login .panel,html[data-theme="dark"] .setup-strip,html[data-theme="dark"] .notice-card,
html[data-theme="dark"] .mail-recipient { background:#1e2022; border-color:#383d3f; }
html[data-theme="dark"] .btn { background:#414648; border-color:#585f61; color:#f2f3f1; }
html[data-theme="dark"] .btn:hover { background:#505759; border-color:#71797a; }
html[data-theme="dark"] .btn.secondary { background:#252829; border-color:#414749; color:#e3e6e4; }
html[data-theme="dark"] .nav-link:hover { background:#232627; }
html[data-theme="dark"] .nav-link.selected { background:#25292a; box-shadow:inset 3px 0 #87918f; }
html[data-theme="dark"] .theme-toggle { background:#232627; border-color:#414749; }
html[data-theme="dark"] .public-home { background:radial-gradient(ellipse 82% 65% at 50% 0%,rgba(190,197,194,.045),transparent 85%),#141617; }
body.public-home:before { background-image:radial-gradient(ellipse at 22% 46%,rgba(183,192,188,.045),transparent 42%),radial-gradient(ellipse at 78% 62%,rgba(163,173,169,.04),transparent 43%),radial-gradient(circle at 26px 26px,rgba(205,211,208,.12) 1px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 50px,rgba(191,198,194,.048) 51px 52px),repeating-linear-gradient(90deg,transparent 0 50px,rgba(191,198,194,.048) 51px 52px); }
.public-home-traces { position:fixed; inset:-22% -18% -8%; z-index:0; overflow:hidden; pointer-events:none; transform:perspective(1050px) rotateX(55deg) scale(1.62); transform-origin:center 60%; mask-image:radial-gradient(ellipse at 50% 48%,#000 18%,rgba(0,0,0,.78) 68%,transparent 100%); }
.public-home-traces i { position:absolute; left:-24vw; width:clamp(90px,16vw,230px); height:1px; opacity:0; background:linear-gradient(90deg,transparent,rgba(104,177,133,.72),rgba(135,196,155,.95),rgba(104,177,133,.68),transparent); box-shadow:0 0 7px rgba(91,167,121,.2); animation:green-trace-run 34s linear infinite; will-change:transform,opacity; }
.public-home-traces i:nth-child(1) { top:25%; animation-delay:-23s; }
.public-home-traces i:nth-child(2) { top:44%; animation-delay:-7s; animation-duration:39s; }
.public-home-traces i:nth-child(3) { top:64%; animation-delay:-30s; animation-duration:37s; }
.public-home-traces i:nth-child(4) { top:82%; animation-delay:-14s; animation-duration:42s; }
@keyframes green-trace-run { 0% { transform:translate3d(0,0,0); opacity:0; } 5% { opacity:.62; } 94% { opacity:.55; } 100% { transform:translate3d(145vw,0,0); opacity:0; } }
.landing-hero { border-color:#383d3f; background:radial-gradient(ellipse at 82% 2%,rgba(190,197,194,.055),transparent 43%),linear-gradient(132deg,#202223 3%,#17191a 60%,#202223 100%); }
.landing-hero:after { opacity:.12; background-image:linear-gradient(rgba(190,198,194,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(190,198,194,.09) 1px,transparent 1px); }
.landing-action-card { border-color:#464c4e; }
.landing-action-card.landing-primary,.landing-action-card.landing-primary:hover { background:#414648; border-color:#636b6c; color:#f2f3f1; }
.landing-action-card.landing-secondary { background:rgba(34,37,38,.84); }
.landing-action-card.landing-secondary:hover { background:#2b2f30; border-color:#68716f; }
.cedis-notice-card,.cedis-notice-card.cedis-safety-note { background:#1e2022; border-color:#383d3f; }
.cedis-notice-card.cedis-safety-note { border-left-color:#647d6c; }
.cedis-notice-icon,.cedis-safety-icon { color:#a8b6ac; background:#252a27; border-color:#414b44; }
.cedis-notice-card>div>p,.cedis-notices-heading p { color:#aab8ad; }
html[data-theme="light"] body.public-home { background:#f1f3f2; }
@media(prefers-reduced-motion:reduce) { body.public-home:before,.public-home-traces i { animation:none!important; } .public-home-traces { display:none; } }

/* Clearly visible, slow green signals travel along the landing mesh. */
.landing-hero-traces { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; opacity:.9; }
.landing-hero-traces i { position:absolute; inset:0; display:block; background-repeat:no-repeat; }
.landing-hero-traces i:nth-child(1) { background-image:linear-gradient(90deg,transparent,rgba(93,177,124,.28),rgba(136,219,158,.82),rgba(93,177,124,.3),transparent); background-size:280px 2px; background-position:-300px 30%; animation:hero-green-trace 17s linear -8s infinite; }
.landing-hero-traces i:nth-child(2) { background-image:linear-gradient(90deg,transparent,rgba(93,177,124,.24),rgba(136,219,158,.72),rgba(93,177,124,.24),transparent); background-size:210px 2px; background-position:-230px 56%; animation:hero-green-trace-mid 22s linear -16s infinite; }
.landing-hero-traces i:nth-child(3) { background-image:linear-gradient(90deg,transparent,rgba(93,177,124,.25),rgba(136,219,158,.76),rgba(93,177,124,.25),transparent); background-size:250px 2px; background-position:-270px 79%; animation:hero-green-trace-low 19s linear -4s infinite; }
@keyframes hero-green-trace { from { background-position:-300px 30%; } to { background-position:calc(100% + 300px) 30%; } }\n@keyframes hero-green-trace-mid { from { background-position:-230px 56%; } to { background-position:calc(100% + 230px) 56%; } }\n@keyframes hero-green-trace-low { from { background-position:-270px 79%; } to { background-position:calc(100% + 270px) 79%; } }
.landing-copy,.landing-launchers { z-index:1; }
@media(prefers-reduced-motion:reduce) { .landing-hero-traces { display:none; } }

/* Compositor-friendly traces: real moving elements, visible at a glance. */
.landing-hero-traces i { inset:auto; left:-320px; width:280px; height:2px; opacity:.78; border-radius:2px; background:linear-gradient(90deg,transparent,rgba(87,183,119,.56) 28%,rgba(150,231,168,.98) 50%,rgba(87,183,119,.62) 72%,transparent); box-shadow:0 0 8px rgba(94,190,128,.36),0 0 18px rgba(94,190,128,.14); will-change:transform; }
.landing-hero-traces i:nth-child(1) { top:30%; animation:hero-green-run 7s linear -3s infinite; }
.landing-hero-traces i:nth-child(2) { top:56%; width:220px; animation:hero-green-run 9s linear -6s infinite; }
.landing-hero-traces i:nth-child(3) { top:79%; width:260px; animation:hero-green-run 8s linear -1s infinite; }
@keyframes hero-green-run { from { transform:translate3d(0,0,0); opacity:0; } 8% { opacity:.82; } 92% { opacity:.82; } to { transform:translate3d(calc(100vw + 650px),0,0); opacity:0; } }

/* SNLNK-inspired green comets: luminous head plus tapered tail. */
.landing-hero-traces { opacity:1; }
.landing-hero-traces i { inset:auto; left:-300px; display:block; width:280px; height:18px; opacity:.96; background:none; box-shadow:none; will-change:transform; }
.landing-hero-traces i:before { content:""; position:absolute; left:5px; right:12px; top:6px; height:8px; border-radius:50% 2px 2px 50%; background:linear-gradient(90deg,rgba(70,190,111,0),rgba(73,207,119,.16) 45%,rgba(91,228,140,.84)); clip-path:polygon(0 50%,100% 0,100% 100%); filter:drop-shadow(0 0 5px rgba(81,226,133,.55)); }
.landing-hero-traces i:after { content:""; position:absolute; right:2px; top:3px; width:12px; height:12px; border-radius:50%; background:radial-gradient(circle,#effff1 0 16%,#b7ffc8 27%,#69e58d 57%,rgba(76,215,123,.4) 72%,transparent 76%); filter:drop-shadow(0 0 5px rgba(109,244,151,.92)) drop-shadow(0 0 13px rgba(76,215,123,.68)); }
.landing-hero-traces i:nth-child(1) { top:26%; animation:snlnk-comet 8s linear -3s infinite; }
.landing-hero-traces i:nth-child(2) { top:55%; width:230px; animation:snlnk-comet 10s linear -7s infinite; }
.landing-hero-traces i:nth-child(3) { top:80%; width:255px; animation:snlnk-comet 9s linear -1s infinite; }
@keyframes snlnk-comet { from { transform:translate3d(0,0,0); opacity:0; } 7% { opacity:1; } 92% { opacity:1; } to { transform:translate3d(calc(100vw + 620px),0,0); opacity:0; } }
@media(prefers-reduced-motion:reduce) { .landing-hero-traces { display:block; } .landing-hero-traces i { animation:none!important; left:32%; opacity:.9; } .landing-hero-traces i:nth-child(2) { left:55%; } .landing-hero-traces i:nth-child(3) { left:70%; } }

/* The meteorites run over the full viewport, following the network grid. */
.public-home-traces { z-index:2; opacity:.84; transform:perspective(1050px) rotateX(0deg) scale(1); transform-origin:center; }
.public-home-traces i { inset:auto; left:-320px; display:block; width:300px; height:20px; opacity:.92; background:none; box-shadow:none; will-change:transform; }
.public-home-traces i:before,.landing-hero-traces i:before { content:""; position:absolute; left:6px; right:13px; top:7px; height:8px; border-radius:50% 2px 2px 50%; background:linear-gradient(90deg,rgba(63,190,107,0),rgba(64,212,119,.19) 50%,rgba(123,242,154,.94)); clip-path:polygon(0 50%,100% 0,100% 100%); filter:drop-shadow(0 0 5px rgba(81,226,133,.6)); }
.public-home-traces i:after,.landing-hero-traces i:after { content:""; position:absolute; right:2px; top:3px; width:14px; height:14px; border-radius:50%; background:radial-gradient(circle,#f1fff3 0 16%,#b7ffc8 27%,#69e58d 57%,rgba(76,215,123,.4) 72%,transparent 76%); filter:drop-shadow(0 0 6px rgba(109,244,151,.98)) drop-shadow(0 0 16px rgba(76,215,123,.72)); }
.public-home-traces i:nth-child(1) { top:14%; animation:snlnk-comet 10s linear -6s infinite; }
.public-home-traces i:nth-child(2) { top:38%; width:250px; animation:snlnk-comet 13s linear -3s infinite; }
.public-home-traces i:nth-child(3) { top:65%; width:280px; animation:snlnk-comet 11s linear -8s infinite; }
.public-home-traces i:nth-child(4) { top:88%; width:240px; animation:snlnk-comet 14s linear -1s infinite; }
@media(prefers-reduced-motion:reduce) { .public-home-traces { display:block!important; } .public-home-traces i { animation:none!important; transform:none!important; opacity:.82!important; left:32%; } .public-home-traces i:nth-child(2) { left:51%; } .public-home-traces i:nth-child(3) { left:42%; } .public-home-traces i:nth-child(4) { left:61%; } }

/* One restrained SNLNK comet, travelling across the lower screen. */
.landing-hero-traces { display:none!important; }
.public-home-traces { z-index:2; opacity:.68; }
.public-home-traces i { display:none!important; }
.public-home-traces i:nth-child(4) { display:block!important; top:88%; left:-240px; width:190px; height:12px; opacity:.8; animation:snlnk-comet 15s linear -5s infinite; }
.public-home-traces i:nth-child(4):before { left:4px; right:9px; top:4px; height:5px; opacity:.8; filter:drop-shadow(0 0 3px rgba(81,226,133,.38)); }
.public-home-traces i:nth-child(4):after { right:1px; top:2px; width:8px; height:8px; filter:drop-shadow(0 0 4px rgba(109,244,151,.75)) drop-shadow(0 0 8px rgba(76,215,123,.44)); }
@media(prefers-reduced-motion:reduce) { .public-home-traces i:nth-child(4) { display:block!important; left:60%; opacity:.72!important; animation:none!important; transform:none!important; } }

/* Keep the single comet in the quiet lower margin, clear of the useful content. */
.public-home-traces i:nth-child(4) { top:96%; animation-duration:11s; }

/* A single blue ping hops between quiet square network nodes across the page. */
.cedis-network-ping { position:fixed; inset:0; display:block; z-index:0; pointer-events:none; opacity:.9; }
/* Keep the mesh square and still so each blue ping follows its intersections. */
body.public-home:before { inset:0; transform:none; animation:none; }

/* Compact mail settings; open account/tools only when needed. */
.mail-connection,.mail-test-panel{display:block;margin:0}
.mail-collapse-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:42px;cursor:pointer;list-style:none}
.mail-collapse-summary::-webkit-details-marker{display:none}
.mail-collapse-summary>span:first-child{display:grid;gap:4px;min-width:0}
.mail-collapse-summary strong{font-size:15px}
.mail-collapse-summary small{overflow-wrap:anywhere;color:var(--muted);font-size:11px;line-height:1.4}
.mail-collapse-summary .mail-activity-chevron{flex:0 0 9px}
.mail-collapse-summary:focus-visible,.mail-dialog-close:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.mail-collapse-state{flex:0 0 auto;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:650}
.mail-connection .mail-details-body,.mail-test-panel .mail-details-body{margin-top:13px;padding-top:14px;border-top:1px solid var(--line)}
.mail-details-intro{margin:0 0 14px;color:var(--muted);font-size:12px}
.mail-test-panel .mail-details-body>p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.5}
.mail-recipient-dialog{width:min(620px,calc(100vw - 28px));max-width:none;max-height:min(86dvh,760px);padding:0;overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--card);color:var(--txt);box-shadow:0 24px 80px #0008}
.mail-recipient-dialog::backdrop{background:#080d12b8;backdrop-filter:blur(3px)}
.mail-recipient-dialog>form{display:grid;gap:15px;padding:22px}
.mail-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.mail-dialog-heading .eyebrow{margin:0 0 4px;font-size:9px}
.mail-dialog-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}
.mail-dialog-heading p:not(.eyebrow){margin:4px 0 0;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.mail-dialog-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted);font-size:21px;cursor:pointer}
.mail-recipient-dialog label:not(.mail-toggle-row){display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:650}
.mail-recipient-dialog label:not(.mail-toggle-row) input{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--txt);font:inherit;font-size:13px}
.mail-preferences-dialog .mail-recipient-preferences{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
.mail-preferences-dialog .mail-toggle-row{min-height:70px;padding:11px 0}
.mail-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding-top:4px}
.mail-dialog-actions .btn{min-height:39px}
@media(max-width:700px){.mail-preferences-dialog .mail-recipient-preferences{grid-template-columns:1fr}.mail-recipient-dialog>form{gap:13px;padding:18px}.mail-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.mail-dialog-actions .btn{width:100%;justify-content:center}}

/* Ticket worklist: one quiet card per folio, with one current status. */
.ticket-admin-page{display:grid;gap:14px;max-width:1440px;margin-inline:auto}
.ticket-admin-hero{align-items:center;margin-bottom:0}
.ticket-admin-hero>div:first-child{max-width:760px}
.ticket-admin-hero h1{margin:2px 0 6px}
.ticket-admin-hero p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.ticket-summary-strip{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 2px}
.ticket-summary-strip>span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:11px}
.ticket-summary-strip strong{color:var(--txt);font-variant-numeric:tabular-nums}
.ticket-tools-panel{display:grid;gap:11px;padding:13px 15px}
.ticket-search-form{display:flex;align-items:end;gap:9px}
.ticket-search-form .search{display:grid;flex:1;gap:5px;color:var(--muted);font-size:11px;font-weight:650}
.ticket-search-form input,.ticket-filter-form select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--txt);font:inherit;font-size:12px}
.ticket-filter-details{border-top:1px solid var(--line);padding-top:9px}
.ticket-filter-details>summary,.ticket-work-times>summary{display:flex;align-items:center;gap:8px;width:max-content;cursor:pointer;color:var(--muted);font-size:11px;font-weight:650;list-style:none}
.ticket-filter-details>summary::-webkit-details-marker,.ticket-work-times>summary::-webkit-details-marker{display:none}
.ticket-filter-details>summary:after,.ticket-work-times>summary:after{content:'⌄';color:var(--muted);transition:transform .16s ease}
.ticket-filter-details[open]>summary:after,.ticket-work-times[open]>summary:after{transform:rotate(180deg)}
.ticket-filter-active{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent);font-size:10px}
.ticket-filter-form{display:flex;align-items:end;gap:10px;padding-top:12px}
.ticket-filter-form label{display:grid;min-width:170px;gap:5px;color:var(--muted);font-size:11px;font-weight:650}
.priority-catalog{padding:0 15px}
.priority-catalog>summary{padding:12px 0;cursor:pointer;color:var(--muted);font-size:11px;font-weight:650}
.priority-catalog-grid{padding-bottom:13px}
.ticket-worklist{padding:16px}
.ticket-worklist>.section-title{align-items:center;margin:0 0 11px}
.ticket-worklist>.section-title h2{margin:0;font-size:16px}
.ticket-worklist>.section-title p{margin:4px 0 0;color:var(--muted);font-size:11px}
.ticket-worklist>.section-title>span{color:var(--muted);font-size:11px}
.ticket-list-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.ticket-list-heading{margin-bottom:0}
.ticket-history-trigger{display:inline-flex;align-items:center;gap:8px}
.ticket-history-trigger svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ticket-history-trigger strong{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,var(--card));color:var(--accent);font-size:10px}
.ticket-history-dialog{width:min(840px,calc(100vw - 28px));max-width:none;max-height:min(82vh,820px);padding:0;border:1px solid var(--line);border-radius:14px;background:var(--bg);color:var(--txt);box-shadow:0 24px 80px #0008}
.ticket-history-dialog::backdrop{background:#090b0dcc;backdrop-filter:blur(3px)}
.ticket-history-window{display:grid;max-height:min(82vh,820px);grid-template-rows:auto minmax(0,1fr);overflow:hidden}
.ticket-history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line);background:var(--card)}
.ticket-history-header h2{margin:3px 0 4px;font-size:18px}
.ticket-history-header p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px}
.ticket-history-header .mail-dialog-close{flex:0 0 auto}
.ticket-history-list{display:grid;align-content:start;gap:8px;overflow:auto;padding:14px}
.ticket-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px 13px;border:1px solid var(--line);border-radius:9px;background:var(--card)}
.ticket-history-item-main{min-width:0}
.ticket-history-item h3{margin:5px 0 3px;font-size:12px}
.ticket-history-item-main>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ticket-history-item-main>small{display:block;margin-top:6px;color:var(--muted);font-size:10px}
.ticket-history-item-side{display:grid;justify-items:end;align-content:center;gap:8px}
.ticket-card-list{display:grid;gap:8px}
.ticket-work-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'main side' 'times times';align-items:start;gap:8px 18px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);transition:border-color .15s ease,background-color .15s ease}
.ticket-work-item:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}
.ticket-work-main{grid-area:main;min-width:0}
.ticket-work-overline{display:flex;flex-wrap:wrap;align-items:center;gap:9px;color:var(--muted);font-size:10px}
.ticket-work-overline>strong{color:var(--accent);font-size:11px;letter-spacing:.025em}
.ticket-work-overline time{font-variant-numeric:tabular-nums}
.ticket-work-main h3{margin:6px 0 3px;font-size:13px;line-height:1.35}
.ticket-work-summary{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ticket-work-requester{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;color:var(--muted);font-size:10px}
.ticket-work-evidence{padding:2px 6px;border:1px solid var(--line);border-radius:999px}
.ticket-work-side{grid-area:side;display:grid;grid-template-columns:auto auto auto;align-items:center;justify-items:end;gap:8px}
.ticket-work-side .ticket-status,.ticket-work-side .ticket-priority{white-space:nowrap}
.ticket-work-side .btn{white-space:nowrap}
.ticket-work-times{grid-area:times;border-top:1px solid color-mix(in srgb,var(--line) 75%,transparent);padding-top:7px}
.ticket-work-times>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 0 0}
.ticket-work-times>div>span{display:grid;gap:3px;color:var(--muted);font-size:10px}
.ticket-work-times strong{color:var(--txt);font-size:10px;font-weight:600}
@media(max-width:840px){.ticket-work-item{grid-template-columns:minmax(0,1fr);grid-template-areas:'main' 'side' 'times';gap:10px}.ticket-work-side{grid-template-columns:auto auto 1fr;justify-items:start}.ticket-work-side .btn{justify-self:end}.ticket-work-times>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ticket-admin-hero{align-items:flex-start;flex-direction:column;gap:12px}.ticket-admin-hero .toolbar{width:100%;flex-wrap:wrap}.ticket-admin-hero .toolbar .btn{flex:1 1 auto}.ticket-history-item{grid-template-columns:minmax(0,1fr);gap:9px}.ticket-history-item-side{display:flex;align-items:center;justify-content:space-between}.ticket-history-header{padding:17px}.ticket-history-list{padding:10px}.ticket-summary-strip{gap:6px}.ticket-summary-strip>span{padding:6px 9px;font-size:10px}.ticket-search-form{display:grid;grid-template-columns:1fr auto}.ticket-search-form .search{grid-column:1/-1}.ticket-filter-form{display:grid;grid-template-columns:1fr 1fr}.ticket-filter-form label{min-width:0}.ticket-filter-form .btn{grid-column:1/-1;justify-self:start}.ticket-worklist{padding:12px}.ticket-list-heading{align-items:stretch;flex-direction:column}.ticket-work-item{padding:12px}.ticket-work-side{grid-template-columns:1fr 1fr}.ticket-work-side .btn{grid-column:1/-1;justify-self:stretch;text-align:center}.ticket-work-times>div{gap:8px}}

/* Keep the ticket queue focused: one search, one active list, secondary actions tucked away. */
.ticket-admin-page{gap:11px}
.ticket-admin-hero{gap:18px}
.ticket-admin-hero p:not(.eyebrow){font-size:12px}
.ticket-admin-hero .toolbar{gap:8px}
.ticket-export-menu{position:relative;align-self:center}
.ticket-export-menu>summary{display:grid;place-items:center;min-width:40px;height:38px;padding:0 10px;cursor:pointer;list-style:none;font-size:18px;letter-spacing:2px}
.ticket-export-menu>summary::-webkit-details-marker{display:none}
.ticket-export-menu>a{position:absolute;z-index:12;top:calc(100% + 6px);right:0;min-width:140px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--txt);font-size:12px;text-decoration:none;box-shadow:0 10px 28px #0005}
.ticket-tools-panel{gap:0;padding:10px 12px}
.ticket-search-form{align-items:center}
.ticket-search-form input{min-height:38px}
.ticket-search-form .btn{min-height:38px}
.ticket-filter-details{margin-top:8px;padding-top:7px}
.ticket-filter-details>summary{font-size:11px}
.ticket-filter-form{padding:10px 0 2px}
.priority-catalog-inline{margin:12px 0 2px;border-top:1px solid var(--line);padding-top:9px}
.priority-catalog-inline>summary{cursor:pointer;color:var(--muted);font-size:11px}
.priority-catalog-inline .priority-catalog-grid{padding:10px 0 0}
.ticket-worklist{padding:13px}
.ticket-worklist>.section-title{margin-bottom:8px}
.ticket-worklist>.section-title h2{font-size:15px}
.ticket-worklist>.section-title>span{font-variant-numeric:tabular-nums}
.ticket-card-list{gap:0}
.ticket-work-item{grid-template-areas:'main side';gap:10px 16px;padding:11px 12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;transition:background-color .15s ease}
.ticket-work-item:last-child{border-bottom:1px solid var(--line)}
.ticket-work-item:hover{border-color:var(--line);background:color-mix(in srgb,var(--accent) 4%,var(--card))}
.ticket-work-overline{gap:8px}
.ticket-work-main h3{margin:3px 0 2px}
.ticket-work-summary{-webkit-line-clamp:1}
.ticket-work-requester{margin-top:4px}
.ticket-work-side{grid-template-columns:auto auto auto;gap:7px}
.ticket-work-side .btn{min-height:31px;padding:5px 10px}
.ticket-work-times{display:none}
@media(max-width:840px){.ticket-work-item{grid-template-areas:'main' 'side';gap:8px}.ticket-work-side{grid-template-columns:auto auto 1fr}.ticket-work-side .btn{justify-self:end}}
@media(max-width:600px){.ticket-admin-hero .toolbar{display:grid;grid-template-columns:1fr auto 1fr}.ticket-admin-hero .toolbar>.btn{min-width:0}.ticket-export-menu{justify-self:center}.ticket-search-form{grid-template-columns:minmax(0,1fr) auto}.ticket-search-form .search{grid-column:auto}.ticket-filter-form{grid-template-columns:1fr 1fr}.ticket-worklist{padding:10px}.ticket-list-heading{align-items:center;flex-direction:row}.ticket-work-item{padding:11px 4px}.ticket-work-side{grid-template-columns:auto auto 1fr}.ticket-work-side .btn{grid-column:auto;justify-self:end;text-align:center}}
.mail-connection{padding:14px 18px}
.mail-connection-summary{display:flex;align-items:center;gap:12px;min-height:46px}
.mail-connection-icon{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--accent);font-size:17px}
.mail-connection-copy{display:grid;gap:4px;min-width:0;flex:1}
.mail-connection-copy strong{font-size:13px}
.mail-connection-copy small{overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.mail-gear-button{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:18px;cursor:pointer}
.mail-gear-button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--card));color:var(--txt)}
.mail-gear-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.mail-account-dialog{width:min(760px,calc(100vw - 28px))}
.mail-account-dialog form[data-mail-form]{display:flex;flex-direction:column;gap:15px}
.mail-account-dialog .mail-dialog-heading{margin-bottom:2px}
.mail-account-dialog .mail-providers{grid-template-columns:repeat(3,minmax(0,1fr))}
.mail-account-dialog .mail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.mail-account-dialog .mail-grid.mail-single{grid-template-columns:minmax(0,1fr)}
.mail-account-dialog .mail-provider-note[hidden],.mail-account-dialog .mail-grid[hidden]{display:none!important}
.mail-account-dialog .mail-master-toggle{margin-top:1px;padding:13px 2px;border-top:1px solid var(--line)}
@media(max-width:700px){.mail-connection{padding:12px}.mail-account-dialog .mail-recipient-dialog>form,.mail-account-dialog form[data-mail-form]{gap:13px;padding:18px}.mail-account-dialog .mail-providers,.mail-account-dialog .mail-grid{grid-template-columns:1fr}.mail-account-dialog .mail-provider span{min-height:0;padding:10px 12px}}

/* Agent fleet: one status surface, with setup actions close at hand. */
.agent-access-hero{align-items:center}
.agent-access-hero h1{margin-bottom:5px}
.agent-access-hero p{max-width:64ch}
.agent-access-overview{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(105px,1fr));overflow:hidden;margin:0 0 16px;border:1px solid var(--line);border-radius:11px;background:var(--card)}
.agent-access-overview>div{display:flex;flex-direction:column;justify-content:center;min-height:75px;padding:13px 17px}
.agent-access-overview>div+div{border-left:1px solid var(--line)}
.agent-access-overview strong{color:var(--txt);font-size:19px;font-variant-numeric:tabular-nums;line-height:1.2}
.agent-access-overview span{color:var(--muted);font-size:11px;line-height:1.4}
.agent-access-overview .agent-endpoint{flex-direction:row;align-items:center;justify-content:flex-start;gap:11px}
.agent-endpoint>div{display:grid;gap:4px;min-width:0}
.agent-endpoint strong{font-size:12px}
.agent-endpoint span:last-child{overflow:hidden;color:var(--accent);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.agent-endpoint-indicator{flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--green)}
.agent-result{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.agent-result p{margin:4px 0 0;font-size:12px}
.agent-result input{max-width:430px;margin-top:8px}
.agent-fleet-panel{margin-bottom:16px}
.agent-fleet-table{width:100%;min-width:760px}
.agent-fleet-table td{vertical-align:middle}
.agent-fleet-table td:first-child strong{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agent-fleet-table td small{display:block;margin-top:3px;line-height:1.3}
.agent-fleet-table td:nth-child(5){white-space:nowrap;font-variant-numeric:tabular-nums}
.agent-presence{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}
.agent-presence:before{content:'';width:7px;height:7px;border-radius:50%;background:#929da4}
.agent-presence-on:before{background:var(--green)}
.agent-update-label{font-size:11px;font-weight:650;white-space:nowrap}
.agent-update-label.is-current{color:var(--green)}
.agent-update-label.is-error{color:#f3aaa7}
.agent-more{min-width:35px;padding:5px 8px;font-size:16px;line-height:1}
.agent-next-actions{display:grid;grid-template-columns:minmax(170px,1.1fr) repeat(3,minmax(150px,1fr));gap:9px;margin:0 0 16px}
.agent-next-actions>div{align-self:center;padding-right:10px}
.agent-next-actions h2{margin:0 0 4px;color:var(--txt);font-size:14px}
.agent-next-actions p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}
.agent-action-row{display:grid;grid-template-columns:22px minmax(0,1fr) 10px;align-items:center;gap:9px;min-height:69px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--card);color:var(--txt)!important;text-decoration:none!important}
.agent-action-row:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--card))}
.agent-action-row>span:first-child{color:var(--accent);font-size:19px}
.agent-action-row>span:last-child{color:var(--muted);font-size:18px}
.agent-action-row strong,.agent-action-row small{display:block;line-height:1.35}
.agent-action-row strong{font-size:11px}
.agent-action-row small{margin-top:3px;color:var(--muted);font-size:10px}
.agent-secondary-panel{margin-bottom:10px}
.agent-secondary-panel>summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--txt);font-size:12px;font-weight:650}
.agent-secondary-panel>summary span{color:var(--muted);font-size:11px}
.agent-secondary-panel[open]>summary{margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.agent-admin-options{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.agent-admin-options .form{max-width:470px}
.agent-enroll-dialog{width:min(880px,calc(100vw - 28px))}
.agent-enroll-dialog .agent-device-grid{max-height:min(43vh,370px)}
.agent-enroll-dialog .agent-selection-tools{justify-content:flex-end}
.agent-key-dialog{width:min(530px,calc(100vw - 28px))}
.agent-key-dialog .key-value dd small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:1050px){.agent-next-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-next-actions>div{grid-column:1/-1}}
@media(max-width:700px){.agent-access-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-access-overview>div{min-height:68px;padding:11px}.agent-access-overview>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.agent-access-overview>div:nth-child(4){border-top:1px solid var(--line)}.agent-endpoint span:last-child{font-size:11px}.agent-next-actions{grid-template-columns:1fr}.agent-next-actions>div{grid-column:auto}.agent-result{align-items:stretch;flex-direction:column}.agent-enroll-dialog .agent-selection-tools{display:grid;grid-template-columns:1fr 1fr}.agent-enroll-dialog .agent-selection-tools .btn:first-child{grid-column:1/-1}}