/* Talintr Design System — canonical runtime tokens and component primitives. */
:root {
  --ds-color-ink:#101828; --ds-color-ink-soft:#344054; --ds-color-slate:#667085;
  --ds-color-muted:#98a2b3; --ds-color-line:#e1e6ed; --ds-color-line-soft:#edf0f4;
  --ds-color-paper:#fff; --ds-color-canvas:#f6f8fc; --ds-color-wash:#f8faff;
  --ds-color-brand:#2970ff; --ds-color-brand-hover:#1d5ed8; --ds-color-brand-soft:#eaf1ff;
  --ds-color-success:#087f6b; --ds-color-success-soft:#ecfdf8;
  --ds-color-warning:#b45309; --ds-color-warning-soft:#fffbeb;
  --ds-color-danger:#b42318; --ds-color-danger-soft:#fff1f0;
  --ds-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ds-font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  --ds-radius-sm:7px; --ds-radius-md:9px; --ds-radius-lg:13px; --ds-radius-xl:16px;
  --ds-shadow-sm:0 3px 12px rgba(16,24,40,.04); --ds-shadow-md:0 12px 36px rgba(16,24,40,.08);
  --ds-space-1:4px; --ds-space-2:8px; --ds-space-3:12px; --ds-space-4:16px;
  --ds-space-5:20px; --ds-space-6:24px; --ds-space-8:32px; --ds-content:1152px;
  --ds-transition:150ms ease;
}
.ds-container{width:min(var(--ds-content),calc(100% - 32px));margin-inline:auto}
.ds-stack{display:grid;gap:var(--ds-space-4)}.ds-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ds-space-3)}
.ds-card{border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-lg);background:var(--ds-color-paper);box-shadow:var(--ds-shadow-sm)}
.ds-card-body{padding:var(--ds-space-6)}
.ds-page-heading h1{color:var(--ds-color-ink);font-size:28px;line-height:1.15;letter-spacing:-.035em;font-weight:700}.ds-page-heading p{margin-top:7px;color:var(--ds-color-slate);font-size:13px;line-height:1.55}
.ds-btn{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 15px;border:1px solid transparent;border-radius:var(--ds-radius-md);font-size:12.5px;font-weight:650;transition:background var(--ds-transition),border-color var(--ds-transition),color var(--ds-transition)}
.ds-btn-primary{color:#fff;background:var(--ds-color-brand);box-shadow:0 2px 4px rgba(41,112,255,.18)}.ds-btn-primary:hover{background:var(--ds-color-brand-hover)}
.ds-btn-secondary{color:var(--ds-color-ink-soft);border-color:var(--ds-color-line);background:var(--ds-color-paper)}.ds-btn-secondary:hover{border-color:#b8c8e8;background:var(--ds-color-wash)}
.ds-btn-danger{color:var(--ds-color-danger);border-color:#f3c7c3;background:var(--ds-color-paper)}.ds-btn-danger:hover{background:var(--ds-color-danger-soft)}
.ds-btn-sm{min-height:34px;padding-inline:12px;font-size:11.5px}.ds-btn-lg{min-height:46px;padding-inline:19px;font-size:13.5px}.ds-btn-block{width:100%}
.ds-badge{display:inline-flex;align-items:center;width:max-content;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.03em}.ds-badge-neutral{color:var(--ds-color-ink-soft);background:#f1f3f6}.ds-badge-brand{color:#245fc9;background:var(--ds-color-brand-soft)}.ds-badge-success{color:var(--ds-color-success);background:var(--ds-color-success-soft)}.ds-badge-warning{color:var(--ds-color-warning);background:var(--ds-color-warning-soft)}
.ds-alert{margin-bottom:var(--ds-space-2);padding:11px 14px;border:1px solid var(--ds-color-line);border-radius:var(--ds-radius-md);color:var(--ds-color-ink-soft);background:var(--ds-color-paper);font-size:12.5px;line-height:1.5}.ds-alert-success{color:var(--ds-color-success);border-color:#b7eadf;background:var(--ds-color-success-soft)}.ds-alert-warning{color:var(--ds-color-warning);border-color:#f4d28f;background:var(--ds-color-warning-soft)}.ds-alert-error{color:var(--ds-color-danger);border-color:#f3c7c3;background:var(--ds-color-danger-soft)}
.ds-field{display:grid;gap:6px}.ds-label{color:var(--ds-color-ink-soft);font-size:12px;font-weight:650}.ds-help{color:var(--ds-color-slate);font-size:11px;line-height:1.45}.ds-input,.ds-field input:not([type=checkbox]):not([type=radio]),.ds-field select,.ds-field textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid #d8dee8;border-radius:var(--ds-radius-md);color:var(--ds-color-ink-soft);background:#fff;font-size:13px}.ds-input:focus,.ds-field input:focus,.ds-field select:focus,.ds-field textarea:focus{outline:none;border-color:#6b9cff;box-shadow:0 0 0 3px var(--ds-color-brand-soft)}.ds-input[aria-invalid=true]{border-color:#e29a94}.ds-error{color:var(--ds-color-danger);font-size:11px}
.ds-section-title{color:var(--ds-color-ink);font-size:16px;letter-spacing:-.015em;font-weight:700}.ds-kicker{color:var(--ds-color-brand);font-size:10.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.ds-swatch{height:70px;border:1px solid rgba(16,24,40,.08);border-radius:var(--ds-radius-md)}
@media(max-width:767px){.ds-container{width:min(100% - 24px,var(--ds-content))}.ds-card-body{padding:var(--ds-space-5)}.ds-page-heading h1{font-size:24px}}