/* MANEO foundations. Shared tokens for surfaces, data, controls, states and motion. */
:root{
  --maneo-canvas:#f4f5f8;
  --maneo-surface:#ffffff;
  --maneo-surface-soft:#f8f9fc;
  --maneo-surface-inset:#eef0f5;
  --maneo-ink:#191c25;
  --maneo-ink-secondary:#4e5668;
  --maneo-ink-muted:#687184;
  --maneo-border:#e2e5ed;
  --maneo-border-strong:#cdd2df;
  --maneo-accent:#365cef;
  --maneo-accent-hover:#284bdd;
  --maneo-accent-soft:#eef2ff;
  --maneo-accent-line:#d7e0ff;
  --maneo-success:#247553;
  --maneo-success-soft:#edf8f2;
  --maneo-warning:#93632b;
  --maneo-warning-soft:#fff7eb;
  --maneo-danger:#b34d51;
  --maneo-danger-soft:#fff0f1;
  --maneo-space-1:4px;--maneo-space-2:8px;--maneo-space-3:12px;--maneo-space-4:16px;--maneo-space-5:24px;--maneo-space-6:32px;
  --maneo-radius-control:8px;--maneo-radius-card:14px;--maneo-radius-feature:18px;
  --maneo-shadow-card:0 1px 2px #17234204,0 4px 12px -7px #17234212,inset 0 1px #fff;
  --maneo-shadow-feature:0 2px 4px -2px #1723420c,0 12px 28px -18px #17234226,inset 0 1px #fff;
  --maneo-shadow-raised:0 4px 12px -4px #17234218,0 20px 48px -28px #17234238;
  --maneo-ease:cubic-bezier(.2,.7,.2,1);--maneo-fast:140ms;--maneo-motion:220ms;
  --maneo-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,ui-sans-serif,sans-serif;
}
.shell,.modal{
  --bg:var(--maneo-canvas);--panel:var(--maneo-surface);--panel2:var(--maneo-surface-soft);
  --text:var(--maneo-ink);--muted:var(--maneo-ink-muted);--line:var(--maneo-border);--border:var(--maneo-border);
  --accent:var(--maneo-accent);--accent2:var(--maneo-accent-hover);--accentSoft:var(--maneo-accent-soft);
  --good:var(--maneo-success);--warn:var(--maneo-warning);--bad:var(--maneo-danger);--blue:var(--maneo-accent);
  font-family:var(--maneo-font);color:var(--maneo-ink);font-feature-settings:'cv11','ss01';
  -webkit-font-smoothing:antialiased;
}
.maneo-icon{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.shell button,.shell a,.modal button{transition:background var(--maneo-fast),border-color var(--maneo-fast),box-shadow var(--maneo-motion),transform var(--maneo-fast),color var(--maneo-fast)}
.shell button:focus-visible,.shell a:focus-visible,.modal button:focus-visible{outline:2px solid var(--maneo-accent);outline-offset:3px}
.shell input,.shell select,.shell textarea,.modal input,.modal select,.modal textarea{border-color:var(--maneo-border-strong);border-radius:var(--maneo-radius-control);background:var(--maneo-surface);transition:border-color var(--maneo-fast),box-shadow var(--maneo-fast)}
.shell input:focus,.shell select:focus,.shell textarea:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:var(--maneo-accent);box-shadow:0 0 0 3px #365cef0f;outline:0}
.shell button:disabled{cursor:default;transform:none}
.shell .pill.good,.shell .status-chip.good,.modal .pill.good{color:var(--maneo-success);background:var(--maneo-success-soft);border-color:#d7ede1}
.shell .pill.bad,.shell .status-chip.bad,.modal .pill.bad{color:var(--maneo-danger);background:var(--maneo-danger-soft);border-color:#f1d7d9}
.shell .pill.warn,.shell .status-chip.warn,.modal .pill.warn{color:var(--maneo-warning);background:var(--maneo-warning-soft);border-color:#f1e3c9}
.shell .dot.good,.shell .severity.good{background:var(--maneo-success)}
.shell .dot.warn,.shell .severity.warning{background:#d9a35c}
.shell .dot.bad,.shell .severity.urgent{background:var(--maneo-danger)}
.shell .dot,.shell .severity.info{background:#b1bacd}
.shell .toggle.on{background:var(--maneo-accent)}
.modal{border:1px solid var(--maneo-border);box-shadow:0 18px 80px #101a3538,inset 0 1px #fff;border-radius:var(--maneo-radius-feature)}
.modal-back{backdrop-filter:blur(5px);background:#11162475}
.modal .btn.primary,.modal .btn.accent{background:var(--maneo-accent);border-color:var(--maneo-accent);color:#fff}
.modal .btn.secondary{background:var(--maneo-surface);border-color:var(--maneo-border-strong)}
.modal .callout{background:var(--maneo-surface-soft);border-color:var(--maneo-border);color:var(--maneo-ink-secondary)}
.modal .callout.warn{background:var(--maneo-warning-soft);border-color:#eddfc6}
.modal [hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.shell *, .modal *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
