/* AIgnite native design system — canonical product tokens and operating primitives.
 * The control plane and Creative Studio both consume this file. */
:root {
  --aig-canvas:#f5f6f3;--aig-canvas-subtle:#edf0eb;--aig-surface:#fff;--aig-surface-subtle:#f8f9f6;--aig-raised:#eef1ec;
  --aig-ink:#122024;--aig-ink-secondary:#35464a;--aig-ink-muted:#5b685f;--aig-ink-faint:#56635b;
  --aig-line:#dfe4df;--aig-line-strong:#ced6cf;--aig-brand:#397b2a;--aig-brand-deep:#274522;--aig-brand-bright:#9bcb3a;
  --aig-brand-soft:rgba(57,123,42,.10);--aig-brand-line:rgba(57,123,42,.38);
  --aig-positive:#0e8f52;--aig-positive-soft:rgba(14,143,82,.11);--aig-warning:#8a5900;--aig-warning-soft:rgba(138,89,0,.12);
  --aig-critical:#b92f28;--aig-critical-soft:rgba(185,47,40,.10);--aig-info:#3568d4;--aig-info-soft:rgba(53,104,212,.10);
  --aig-gradient:linear-gradient(120deg,#274522 0%,#4f8a38 55%,#9bcb3a 100%);
  --aig-font:"Helvetica Neue",Helvetica,Arial,"Segoe UI",Roboto,sans-serif;--aig-mono:"SF Mono","JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --aig-radius-lg:14px;--aig-radius:10px;--aig-radius-sm:7px;
  --aig-shadow:0 1px 0 rgba(255,255,255,.92) inset,0 1px 2px rgba(28,38,58,.05),0 12px 30px -18px rgba(28,38,58,.20);
  --aig-shadow-lg:0 1px 0 rgba(255,255,255,.92) inset,0 26px 58px -26px rgba(28,38,58,.30);
  --aig-focus:0 0 0 3px rgba(57,123,42,.24);--aig-control-height:34px;--aig-transition:cubic-bezier(.22,.61,.36,1);

  /* Compatibility aliases while legacy screens migrate to the aig namespace. */
  --bg:var(--aig-canvas);--bg-2:var(--aig-canvas-subtle);--canvas:var(--aig-canvas);
  --surface:var(--aig-surface);--surface-2:var(--aig-surface-subtle);--raise:var(--aig-raised);--rail:var(--aig-surface);--nav:var(--aig-surface);
  --ink:var(--aig-ink);--ink-2:var(--aig-ink-secondary);--ink-3:var(--aig-ink-muted);--muted:var(--aig-ink-muted);--faint:var(--aig-ink-faint);
  --line:var(--aig-line);--line-2:var(--aig-line-strong);--line-strong:var(--aig-line-strong);
  --ember:var(--aig-brand);--ember-soft:var(--aig-brand-soft);--ember-line:var(--aig-brand-line);--accent:var(--aig-brand);--text:var(--aig-ink);
  --brand:var(--aig-brand);--brand-2:#4f8a38;--brand-3:var(--aig-brand-bright);--brand-soft:var(--aig-brand-soft);
  --win:var(--aig-positive);--win-soft:var(--aig-positive-soft);--good:var(--aig-positive);
  --warn:var(--aig-warning);--warn-soft:var(--aig-warning-soft);--crit:var(--aig-critical);--crit-soft:var(--aig-critical-soft);--info:var(--aig-info);--info-soft:var(--aig-info-soft);
  --spark:var(--aig-gradient);--brand-grad:var(--aig-gradient);--font:var(--aig-font);--sans:var(--aig-font);--mono:var(--aig-mono);
  --r:var(--aig-radius-lg);--r-sm:var(--aig-radius);--r-xs:var(--aig-radius-sm);--radius:var(--aig-radius-lg);--radius-sm:var(--aig-radius-sm);
  --shadow:var(--aig-shadow);--shadow-1:var(--aig-shadow);--shadow-2:var(--aig-shadow-lg);--ease:var(--aig-transition);--focus:var(--aig-focus);
}

:root[data-theme="dark"] {
  --aig-canvas:#0d0a09;--aig-canvas-subtle:#120e0c;--aig-surface:#1a1512;--aig-surface-subtle:#211a15;--aig-raised:#282019;
  --aig-ink:#f5efe9;--aig-ink-secondary:#cbbfb4;--aig-ink-muted:#b5a79a;--aig-ink-faint:#a6978a;
  --aig-line:#2a2119;--aig-line-strong:#493a2e;--aig-brand:#79c93f;--aig-brand-deep:#315d28;--aig-brand-bright:#a8dc4b;
  --aig-brand-soft:rgba(121,201,63,.15);--aig-brand-line:rgba(121,201,63,.42);--aig-positive:#43c983;--aig-positive-soft:rgba(67,201,131,.14);
  --aig-warning:#f2b441;--aig-warning-soft:rgba(242,180,65,.14);--aig-critical:#f2564b;--aig-critical-soft:rgba(242,86,75,.14);--aig-info:#6aa0ff;--aig-info-soft:rgba(106,160,255,.14);
  --aig-shadow:0 1px 0 rgba(255,240,225,.06) inset,0 2px 6px rgba(0,0,0,.4),0 20px 44px -22px rgba(0,0,0,.7);
  --aig-shadow-lg:0 1px 0 rgba(255,240,225,.06) inset,0 30px 70px -26px rgba(0,0,0,.85);
}

.aig-state{min-height:170px;display:grid;place-items:center;padding:28px;border:1px dashed var(--aig-line-strong);border-radius:var(--aig-radius);background:var(--aig-surface-subtle);text-align:center;color:var(--aig-ink-muted)}
.aig-state>div{max-width:58ch}.aig-state svg{width:22px;height:22px;color:var(--aig-brand)}.aig-state h3{margin:9px 0 4px;color:var(--aig-ink);font-size:14px}.aig-state p{margin:0;font-size:11px;line-height:1.55}.aig-state-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:13px}
.aig-state[data-state="error"]{border-color:color-mix(in srgb,var(--aig-critical) 40%,var(--aig-line));background:var(--aig-critical-soft)}.aig-state[data-state="error"] svg{color:var(--aig-critical)}
.aig-state[data-state="disconnected"]{border-color:color-mix(in srgb,var(--aig-warning) 38%,var(--aig-line));background:var(--aig-warning-soft)}.aig-state[data-state="loading"] svg{animation:aig-spin .9s linear infinite}@keyframes aig-spin{to{transform:rotate(360deg)}}
.aig-status{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:0 8px;border:1px solid var(--aig-line);border-radius:999px;background:var(--aig-surface);font:700 8px var(--aig-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--aig-ink-muted)}.aig-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.aig-status[data-state="success"]{color:var(--aig-positive);background:var(--aig-positive-soft)}.aig-status[data-state="warning"]{color:var(--aig-warning);background:var(--aig-warning-soft)}.aig-status[data-state="error"]{color:var(--aig-critical);background:var(--aig-critical-soft)}
body[data-density="compact"]{--aig-control-height:30px}body[data-density="compact"] .card .cb{padding:12px}body[data-density="compact"] table td,body[data-density="compact"] table th{padding-top:7px;padding-bottom:7px}
.aig-role-strip{display:grid;grid-template-columns:minmax(180px,1fr) repeat(3,minmax(130px,.72fr));gap:1px;margin-bottom:12px;overflow:hidden;border:1px solid var(--aig-line);border-radius:var(--aig-radius-lg);background:var(--aig-line);box-shadow:var(--aig-shadow)}
.aig-role-copy,.aig-role-action{min-height:74px;padding:13px 15px;background:var(--aig-surface);text-align:left}.aig-role-copy{background:linear-gradient(118deg,var(--aig-brand-deep),#193c2b);color:#fff}.aig-role-copy small,.aig-role-action small{display:block;margin-bottom:5px;font:700 8px var(--aig-mono);letter-spacing:.11em;text-transform:uppercase;opacity:.68}.aig-role-copy b{display:block;font-size:14px}.aig-role-copy span{display:block;margin-top:4px;font-size:10px;opacity:.78}.aig-role-action{border:0;color:var(--aig-ink);cursor:pointer}.aig-role-action:hover,.aig-role-action:focus-visible{position:relative;background:var(--aig-brand-soft);box-shadow:inset 0 0 0 2px var(--aig-brand-line);outline:0}.aig-role-action b{display:block;font-size:11px}.aig-role-action span{display:block;margin-top:5px;font-size:9.5px;color:var(--aig-ink-muted)}
.aig-role-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid var(--aig-line);border-radius:999px;background:var(--aig-surface-subtle);font:700 8px var(--aig-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--aig-ink-secondary);white-space:nowrap}
.aig-command-trigger{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 9px;border:1px solid var(--aig-line);border-radius:9px;background:var(--aig-surface);color:var(--aig-ink-secondary);font:650 10px var(--aig-font);cursor:pointer}.aig-command-trigger:hover{border-color:var(--aig-brand-line);color:var(--aig-ink)}.aig-command-trigger kbd{padding:2px 5px;border:1px solid var(--aig-line);border-radius:5px;background:var(--aig-surface-subtle);font:700 8px var(--aig-mono);color:var(--aig-ink-muted)}
.aig-command{width:min(620px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 40px));padding:0;border:1px solid var(--aig-line-strong);border-radius:16px;background:var(--aig-surface);color:var(--aig-ink);box-shadow:var(--aig-shadow-lg);overflow:hidden}.aig-command::backdrop{background:rgba(15,23,20,.46);backdrop-filter:blur(5px)}.aig-command-head{display:flex;align-items:center;gap:10px;padding:13px;border-bottom:1px solid var(--aig-line)}.aig-command-head svg{width:18px;height:18px;color:var(--aig-ink-muted)}.aig-command-head input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--aig-ink);font:550 14px var(--aig-font)}.aig-command-head button{border:0;background:transparent;color:var(--aig-ink-muted);cursor:pointer}.aig-command-list{max-height:450px;padding:7px;overflow:auto}.aig-command-group{padding:7px 8px 5px;font:700 8px var(--aig-mono);letter-spacing:.11em;text-transform:uppercase;color:var(--aig-ink-muted)}.aig-command-item{width:100%;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:0;border-radius:9px;background:transparent;color:var(--aig-ink);text-align:left;cursor:pointer}.aig-command-item svg{width:17px;height:17px;color:var(--aig-ink-muted)}.aig-command-item b{display:block;font-size:11px}.aig-command-item span span{display:block;margin-top:2px;font-size:9px;color:var(--aig-ink-muted)}.aig-command-item kbd{font:700 8px var(--aig-mono);color:var(--aig-ink-faint)}.aig-command-item:hover,.aig-command-item[aria-selected="true"]{background:var(--aig-brand-soft);outline:1px solid var(--aig-brand-line)}.aig-command-empty{padding:34px;text-align:center;font-size:11px;color:var(--aig-ink-muted)}.aig-command-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;border-top:1px solid var(--aig-line);background:var(--aig-surface-subtle);font:600 8px var(--aig-mono);color:var(--aig-ink-muted)}
.aig-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.aig-score-grid article{padding:12px;border:1px solid var(--aig-line);border-radius:10px;background:var(--aig-surface-subtle)}.aig-score-grid strong{display:block;font-size:19px}.aig-score-grid span{display:block;margin-top:4px;font:650 8px var(--aig-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--aig-ink-muted)}.aig-score-note{padding:0 13px 13px;font-size:10px;line-height:1.5;color:var(--aig-ink-muted)}
@media(max-width:1060px){.aig-role-strip{grid-template-columns:1fr 1fr}.aig-role-copy{grid-column:1/-1}.aig-role-action:last-child{grid-column:1/-1}.aig-role-chip{display:none}}
@media(max-width:720px){.aig-role-strip{grid-template-columns:1fr}.aig-role-copy,.aig-role-action,.aig-role-action:last-child{grid-column:auto}.aig-command-trigger span{display:none}.aig-score-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
