/* Agendino brand system v1.0.0. Scoped components; no global resets. */
:root {
  --ag-brand-blue: #3578F6;
  --ag-brand-blue-deep: #2F64D6;
  --ag-brand-cyan: #3CAAD7;
  --ag-brand-teal: #2BC39B;
  --ag-brand-teal-deep: #12998F;
  --ag-brand-ink: #111A2C;
  --ag-brand-cream: #FCFAF6;
  --ag-gradient: linear-gradient(135deg, #3578F6 0%, #3CAAD7 50%, #2BC39B 100%);
  --ag-font: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ag-space-1: 4px; --ag-space-2: 8px; --ag-space-3: 12px; --ag-space-4: 16px;
  --ag-space-6: 24px; --ag-space-8: 32px; --ag-space-12: 48px; --ag-space-16: 64px;
  --ag-radius-sm: 8px; --ag-radius-control: 10px; --ag-radius-card: 16px; --ag-radius-lg: 24px; --ag-radius-pill: 999px;
  --ag-shadow-card: 0 8px 28px rgb(17 26 44 / 6%);
  --ag-control-height: 44px;
  --ag-background: #FCFAF6; --ag-surface: #FFFFFF;
  --ag-text: #111A2C; --ag-text-muted: #586174;
  --ag-primary: #245CD6; --ag-primary-hover: #1E4EB7; --ag-on-primary: #FFFFFF;
  --ag-link: #245CD6; --ag-border: #DCE2EC; --ag-control-border: #78869B;
  --ag-focus: #245CD6;
  --ag-positive: #087D72; --ag-positive-surface: #E9F7F1;
  --ag-warning: #905E16; --ag-warning-surface: #FFF5DF;
  --ag-danger: #B42338; --ag-danger-surface: #FDECF0;
}
[data-ag-theme="dark"] {
  --ag-background: #111A2C; --ag-surface: #19253A;
  --ag-text: #F8FAFC; --ag-text-muted: #B8C4D6;
  --ag-primary: #B4CCFF; --ag-primary-hover: #CCDCFF; --ag-on-primary: #111A2C;
  --ag-link: #B4CCFF; --ag-border: #33435C; --ag-control-border: #6D7E96;
  --ag-focus: #B4CCFF; --ag-shadow-card: 0 8px 28px rgb(0 0 0 / 20%);
  --ag-positive: #90E4C3; --ag-positive-surface: #123D36;
  --ag-warning: #F5CE85; --ag-warning-surface: #493414;
  --ag-danger: #FFB0BF; --ag-danger-surface: #4C2230;
}
.ag-brand { display: inline-flex; align-items: center; flex-shrink: 0; text-decoration: none; }
.ag-brand img { display: block; width: 185px; height: 40px; object-fit: contain; }
.ag-logo-dark { display: none !important; }
[data-ag-theme="dark"] .ag-logo-light { display: none !important; }
[data-ag-theme="dark"] .ag-logo-dark { display: block !important; }
.ag-button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: var(--ag-control-height); padding: 10px 18px; border: 1px solid transparent; border-radius: var(--ag-radius-control); font: 600 14px/1.4 var(--ag-font); cursor: pointer; color: var(--ag-on-primary); background: var(--ag-primary); transition: background-color 140ms ease; text-decoration: none; }
.ag-button:hover { background: var(--ag-primary-hover); }
.ag-button-secondary { background: var(--ag-surface); color: var(--ag-text); border-color: var(--ag-control-border); }
.ag-button-secondary:hover { background: var(--ag-background); }
.ag-button:disabled { opacity: .55; cursor: not-allowed; }
.ag-input { box-sizing: border-box; min-height: var(--ag-control-height); padding: 10px 12px; border: 1px solid var(--ag-control-border); border-radius: var(--ag-radius-control); background: var(--ag-surface); color: var(--ag-text); font: 400 16px/1.4 var(--ag-font); }
.ag-input::placeholder { color: var(--ag-text-muted); opacity: 1; }
.ag-input[aria-invalid="true"] { border-color: var(--ag-danger); }
.ag-link { color: var(--ag-link); text-decoration: underline; text-underline-offset: 3px; }
.ag-card { background: var(--ag-surface); border: 1px solid var(--ag-border); border-radius: var(--ag-radius-card); box-shadow: var(--ag-shadow-card); }
.ag-badge { display: inline-flex; align-items: center; gap: 6px; border-radius: var(--ag-radius-pill); padding: 5px 10px; font: 600 12px/1.4 var(--ag-font); }
.ag-badge-positive { color: var(--ag-positive); background: var(--ag-positive-surface); }
.ag-badge-warning { color: var(--ag-warning); background: var(--ag-warning-surface); }
.ag-badge-danger { color: var(--ag-danger); background: var(--ag-danger-surface); }
.ag-numeric { font-variant-numeric: tabular-nums; }
.ag-button:focus-visible, .ag-input:focus-visible, .ag-link:focus-visible, .ag-brand:focus-visible { outline: 3px solid var(--ag-focus); outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { .ag-button { transition: none; } }