:root{
  --one-canvas:#08090d;
  --one-canvas-2:#11131a;
  --one-glass:rgba(24,26,34,.62);
  --one-glass-soft:rgba(255,255,255,.055);
  --one-glass-strong:rgba(255,255,255,.10);
  --one-border:rgba(255,255,255,.12);
  --one-border-strong:rgba(255,255,255,.18);
  --one-text:#f5f5f7;
  --one-muted:#a8abb5;
  --one-tertiary:#7d818d;
  --one-brand:#61dc82;
  --one-brand-strong:#42c767;
  --one-ai:#9c83ff;
  --one-info:#6aa7ff;
  --one-cyan:#61d2d8;
  --one-warning:#efb85f;
  --one-danger:#ff747f;
  --one-success:#68dc8a;
  --one-radius-s:12px;
  --one-radius-m:16px;
  --one-radius-l:22px;
  --one-radius-xl:30px;
  --one-shadow:0 18px 55px rgba(0,0,0,.20);
  --one-shadow-high:0 30px 95px rgba(0,0,0,.34);
  --bg:var(--one-canvas);
  --bg2:var(--one-canvas-2);
  --surface:var(--one-glass);
  --surface2:var(--one-glass-soft);
  --border:var(--one-border);
  --text:var(--one-text);
  --muted:var(--one-muted);
  --accent:var(--one-brand);
  --accent2:#8ce9a1;
  --shadow:var(--one-shadow);
}
html[data-theme="light"]{
  --one-canvas:#eef0f5;
  --one-canvas-2:#f8f9fb;
  --one-glass:rgba(255,255,255,.66);
  --one-glass-soft:rgba(255,255,255,.48);
  --one-glass-strong:rgba(255,255,255,.82);
  --one-border:rgba(26,29,39,.08);
  --one-border-strong:rgba(26,29,39,.13);
  --one-text:#1d1d1f;
  --one-muted:#64676f;
  --one-tertiary:#8a8d96;
  --one-shadow:0 16px 45px rgba(44,50,72,.09);
  --one-shadow-high:0 28px 80px rgba(44,50,72,.14);
}
*{box-sizing:border-box}
html,body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,"Segoe UI",sans-serif!important}
body{
  color:var(--one-text)!important;
  background:
    radial-gradient(circle at 13% 6%,color-mix(in srgb,var(--one-brand) 16%,transparent),transparent 24%),
    radial-gradient(circle at 90% 9%,color-mix(in srgb,var(--one-info) 14%,transparent),transparent 27%),
    radial-gradient(circle at 77% 91%,color-mix(in srgb,var(--one-ai) 10%,transparent),transparent 28%),
    linear-gradient(145deg,var(--one-canvas),var(--one-canvas-2))!important;
  background-attachment:fixed!important;
  letter-spacing:-.01em;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(125deg,rgba(255,255,255,.025),transparent 42%,rgba(255,255,255,.012));}

/* Typography: no tiny dashboard text */
body,p,input,select,textarea,button{font-size:14px}
p{line-height:1.55}
.eyebrow,.code,.kpi span,.pill,.status-pill,.workload-pill,.member-state,.record-count-badge,.executor-meta span,.content-type,.content-status{font-size:12px!important}
.nav-core button,.nav-more-list button,.nav-more-toggle,.nav-utility,.org-tab,.detail-tab,.content-view-tabs button{font-size:13px!important}
.section-head p,.entity-card p,.today-card span,.pending-copy span,.eco-row span,.eco-row small,.executor-head p,.executor-note,.content-piece p,.content-piece-meta span{font-size:12px!important;line-height:1.48!important}
.section-head h2,.panel h2{font-size:18px!important;letter-spacing:-.025em}
.entity-card h3,.content-piece h3,.executor-head h3,.today-card strong,.pending-copy strong,.eco-row strong{font-size:14px!important}
.page-hero h1,.system-hero h1,.detail-hero h1,.eco-detail-hero h1{font-size:clamp(30px,4vw,40px)!important;line-height:1.05;letter-spacing:-.052em!important}
label,.form-grid label,.content-filter-grid label,.auth-form label{font-size:12.5px!important}

/* One material system */
.glass-led,.panel,.kpi,.entity-card,.today-card,.system-hero,.org-toolbar,.executor-card,.delegation-intro,.gcal-left,.gcal-toolbar,.gcal-dayframe,.content-company,.content-kanban-col,.content-calendar-wrap,.detail-hero,.eco-detail-hero,.eco-row,.eco-date-card,.auth-card,.modal-card{
  background:linear-gradient(145deg,color-mix(in srgb,var(--one-glass-strong) 68%,transparent),color-mix(in srgb,var(--one-glass-soft) 90%,transparent))!important;
  border:1px solid var(--one-border)!important;
  box-shadow:var(--one-shadow),inset 0 1px 0 rgba(255,255,255,.11)!important;
  backdrop-filter:blur(32px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(32px) saturate(165%)!important;
}
.glass-led:before,.kpi:before,.entity-card:before,.today-card:before,.system-hero:before{opacity:.18!important;box-shadow:none!important}
.page-hero{
  position:relative;overflow:hidden;border-radius:var(--one-radius-xl)!important;
  border:1px solid var(--one-border)!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--one-info) 8%,var(--one-glass)),color-mix(in srgb,var(--one-ai) 7%,var(--one-glass)) 50%,color-mix(in srgb,var(--one-brand) 6%,var(--one-glass)))!important;
  box-shadow:var(--one-shadow)!important;
  backdrop-filter:blur(30px) saturate(165%)!important;
}
.page-hero:after,.system-hero:after,.detail-hero:after,.eco-detail-hero:after{content:"";position:absolute;width:260px;height:260px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--one-ai) 18%,transparent),transparent 68%);pointer-events:none}
.panel,.entity-card,.today-card,.kpi,.executor-card{border-radius:var(--one-radius-l)!important}

/* Navigation */
.sidebar{background:transparent!important;padding:12px!important}
.sidebar-inner{border-radius:28px!important;background:color-mix(in srgb,var(--one-glass) 88%,transparent)!important;border:1px solid var(--one-border)!important;box-shadow:var(--one-shadow-high),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(36px) saturate(175%)!important}
.topbar,.system-topbar,.agenda-topbar,.gcal-top{background:color-mix(in srgb,var(--one-glass) 76%,transparent)!important;border-bottom:1px solid var(--one-border)!important;backdrop-filter:blur(36px) saturate(175%)!important}
.nav-core button,.nav-more-list button,.nav-more-toggle,.nav-utility{border-radius:13px!important}
.nav-core button.active,.nav-more-list button.active{background:linear-gradient(90deg,color-mix(in srgb,var(--one-brand) 13%,transparent),color-mix(in srgb,var(--one-info) 5%,transparent))!important;color:var(--one-text)!important;box-shadow:inset 2px 0 var(--one-brand)!important;border-color:transparent!important}

/* Controls */
.primary,.secondary,.icon-btn,.ask-top,.org-tab,.detail-tab,.content-view-tabs button,.gcal-create{border-radius:14px!important;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}
.primary:active,.secondary:active,.icon-btn:active,.ask-top:active{transform:scale(.975)}
.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--one-brand) 82%,white),var(--one-brand-strong))!important;color:#07110a!important;border:1px solid color-mix(in srgb,var(--one-brand) 42%,white 10%)!important;box-shadow:0 8px 22px color-mix(in srgb,var(--one-brand) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.45)!important}
.secondary,.icon-btn,.ask-top,.org-tab,.detail-tab,.content-view-tabs button{background:color-mix(in srgb,var(--one-glass-soft) 78%,transparent)!important;border:1px solid var(--one-border)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(16px)}
input,select,textarea,.form-input,.topbar-search{background:color-mix(in srgb,var(--one-glass-soft) 78%,transparent)!important;border:1px solid var(--one-border)!important;color:var(--one-text)!important;border-radius:14px!important;min-height:42px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important}
input:focus,select:focus,textarea:focus,.form-input:focus{border-color:color-mix(in srgb,var(--one-info) 45%,var(--one-border))!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--one-info) 10%,transparent)!important;outline:none}
.modal-backdrop{background:rgba(5,6,10,.48)!important;backdrop-filter:blur(22px)!important}

/* Semantic accents */
.ask-top,.quinask-mark{color:var(--one-ai)!important}.quinask-drawer{border-color:color-mix(in srgb,var(--one-ai) 24%,var(--one-border))!important}
.executor-ai{border-color:color-mix(in srgb,var(--one-ai) 28%,var(--one-border))!important}.executor-automation{border-color:color-mix(in srgb,var(--one-cyan) 28%,var(--one-border))!important}.executor-human{border-color:color-mix(in srgb,var(--one-info) 26%,var(--one-border))!important}
.pill.good,.rel-active,.member-state.active,.executor-status.active{color:var(--one-success)!important}.pill.warn,.workload-pill.warn,.pending-state.blocked{color:var(--one-warning)!important}.pill.danger,.workload-pill.danger,.pending-state.overdue,.p3{color:var(--one-danger)!important}

/* Motion and depth */
.entity-card,.content-piece,.executor-card,.today-card,.eco-row{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.entity-card:hover,.content-piece:hover,.executor-card:hover,.today-card:hover,.eco-row:hover{transform:translateY(-2px);box-shadow:var(--one-shadow-high),inset 0 1px 0 rgba(255,255,255,.11)!important}

/* Team form: simple first, advanced second */
.one-team-role-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.one-team-role-card{padding:13px;border-radius:16px;border:1px solid var(--one-border);background:var(--one-glass-soft);cursor:pointer}.one-team-role-card strong,.one-team-role-card span{display:block}.one-team-role-card strong{font-size:14px}.one-team-role-card span{font-size:12px;color:var(--one-muted);margin-top:4px}.one-team-advanced{border-top:1px solid var(--one-border);padding-top:12px}.one-team-advanced summary{cursor:pointer;font-weight:750;color:var(--one-muted);font-size:13px}

::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--one-muted) 25%,transparent);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
@media(max-width:780px){.sidebar{padding:8px!important}.sidebar-inner{border-radius:22px!important}.one-team-role-grid{grid-template-columns:1fr}.page-hero h1,.system-hero h1,.detail-hero h1,.eco-detail-hero h1{font-size:30px!important}}
