/* TecHub Megalink — generated from tokens.json */
:root, [data-theme="light"] {
  --bg-page: #f6f7fb;
  --surface: #ffffff;
  --surface-subtle: #f1f4f9;
  --surface-sunken: #e9edf5;
  --border: #e2e6ef;
  --border-strong: #8590a6;
  --ink: #0f172a;
  --ink-body: #334155;
  --ink-muted: #5b6679;
  --ink-faint: #667085;
  --brand-navy: #000b4a;
  --brand-blue: #0022fa;
  --brand-orange: #ff6b00;
  --brand-amber: #f59e0b;
  --primary: #000b4a;
  --primary-hover: #0a1a7a;
  --on-primary: #ffffff;
  --link: #0022fa;
  --focus: #0022fa;
  --accent: #ff6b00;
  --on-accent: #000b4a;
  --sidebar-bg: #000b4a;
  --sidebar-ink: #c8cdf2;
  --sidebar-ink-active: #ffffff;
  --sidebar-hover: #121d66;
  --success: #047857;
  --success-bg: #e7f8f0;
  --warning: #a1460a;
  --warning-bg: #fff4e5;
  --danger: #b42318;
  --danger-bg: #fdeceb;
  --info: #1d3fd1;
  --info-bg: #ebefff;
  --neutral-bg: #eef1f6;
  --canal-whatsapp: #0f7a3f;
  --canal-email: #0e6aa8;
  --canal-ligacoes: #9a3d00;
  --shadow-sm: 0 1px 2px rgba(15,23,42,0.06);
  --shadow-md: 0 8px 24px rgba(15,23,42,0.10);
  --shadow-lg: 0 24px 64px rgba(0,11,74,0.22);
}
[data-theme="dark"] {
  --bg-page: #0a0f24;
  --surface: #121a36;
  --surface-subtle: #18213f;
  --surface-sunken: #0d1430;
  --border: #27315a;
  --border-strong: #6b77a0;
  --ink: #eef1fb;
  --ink-body: #c9d0e6;
  --ink-muted: #97a2c3;
  --ink-faint: #7d88ab;
  --brand-navy: #000b4a;
  --brand-blue: #0022fa;
  --brand-orange: #ff6b00;
  --brand-amber: #f59e0b;
  --primary: #8c98ff;
  --primary-hover: #a9b2ff;
  --on-primary: #050a2a;
  --link: #9aa5ff;
  --focus: #9aa5ff;
  --accent: #ff8a3d;
  --on-accent: #1a0b00;
  --sidebar-bg: #060b26;
  --sidebar-ink: #b8bfe6;
  --sidebar-ink-active: #ffffff;
  --sidebar-hover: #121a40;
  --success: #34d399;
  --success-bg: #0e2e25;
  --warning: #fbbf24;
  --warning-bg: #33260b;
  --danger: #f97066;
  --danger-bg: #3a1513;
  --info: #9aa9ff;
  --info-bg: #1a2150;
  --neutral-bg: #222b4d;
  --canal-whatsapp: #4ade80;
  --canal-email: #5ab8f5;
  --canal-ligacoes: #ff9a52;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-md: 0 8px 24px rgba(0,0,0,0.45);
  --shadow-lg: 0 24px 64px rgba(0,0,0,0.6);
}
:root {
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: Poppins, Inter, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;
}
.display { font-family: var(--font-display); font-size: 32px; line-height: 38px; font-weight: 700; letter-spacing: -0.02em; }
.page-title { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.01em; }
.card-title { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 14px; line-height: 21px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 600; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.overline { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.kpi { font-family: var(--font-sans); font-size: 30px; line-height: 34px; font-weight: 700; letter-spacing: -0.02em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }

/* TecHub Megalink — componentes (prefixo mk-). Valores vêm de tokens.css; aqui só composição. */
*,*::before,*::after{box-sizing:border-box}
.mk{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--ink-body);-webkit-font-smoothing:antialiased}
.mk :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mk h1,.mk h2,.mk h3{color:var(--ink);margin:0}
:where(.mk) :where(a){color:var(--link);text-decoration:none}:where(.mk) :where(a):hover{text-decoration:underline}
.mk-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mk-mono{font-family:var(--font-mono);font-size:13px}
.mk-muted{color:var(--ink-muted)}
.mk-row{display:flex;align-items:center;gap:var(--space-8)}
.mk-stack{display:flex;flex-direction:column;gap:var(--space-12)}
.mk-ico{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mk-ico-lg{width:20px;height:20px}

/* ── Botão ─────────────────────────────────────────── */
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);height:36px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid transparent;font:600 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap;text-decoration:none!important;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;user-select:none}
.mk-btn:disabled,.mk-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.mk-btn--primary{background:var(--primary);color:var(--on-primary)}
.mk-btn--primary:hover:not(:disabled){background:var(--primary-hover)}
.mk-btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}
.mk-btn--secondary:hover:not(:disabled){background:var(--surface-subtle);border-color:var(--border-strong)}
.mk-btn--ghost{background:transparent;color:var(--ink-body)}
.mk-btn--ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--ink)}
.mk-btn--danger{background:var(--danger);color:var(--surface)}
.mk-btn--danger:hover:not(:disabled){filter:brightness(1.08)}
.mk-btn--danger-soft{background:var(--danger-bg);color:var(--danger)}
.mk-btn--cta{background:var(--brand-amber);color:var(--brand-navy)}
.mk-btn--cta:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 4px 12px rgba(245,158,11,.35)}
.mk-btn--sm{height:30px;padding:0 10px;font-size:12px}
.mk-btn--lg{height:44px;padding:0 20px;font-size:14px}
.mk-btn--icon{width:36px;padding:0}.mk-btn--sm.mk-btn--icon{width:30px}
.mk-btn--block{width:100%}
.mk-btn--loading{position:relative;color:transparent!important;pointer-events:none}
.mk-btn--loading::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-color:var(--on-primary) transparent var(--on-primary) transparent;animation:mk-spin .8s linear infinite}
.mk-btn--secondary.mk-btn--loading::after{border-color:var(--ink) transparent var(--ink) transparent}
.mk-btn-group{display:inline-flex;gap:var(--space-8);flex-wrap:wrap}
.mk-kbd{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:5px;border:1px solid var(--border);background:var(--surface-subtle);font:500 11px/1 var(--font-mono);color:var(--ink-muted)}
@keyframes mk-spin{to{transform:rotate(360deg)}}

/* ── Campos ────────────────────────────────────────── */
.mk-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.mk-label{font:600 13px/18px var(--font-sans);color:var(--ink);display:flex;align-items:center;gap:6px}
.mk-label .mk-req{color:var(--danger)}
.mk-help{font-size:12px;line-height:16px;color:var(--ink-muted)}
.mk-error{font-size:12px;line-height:16px;color:var(--danger);display:flex;gap:4px;align-items:center}
.mk-input,.mk-select,.mk-textarea{width:100%;height:38px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);font:400 14px/1.4 var(--font-sans);transition:border-color .15s,box-shadow .15s}
.mk-textarea{height:auto;min-height:96px;padding:10px 12px;resize:vertical}
.mk-input::placeholder,.mk-textarea::placeholder{color:var(--ink-faint)}
.mk-input:hover,.mk-select:hover,.mk-textarea:hover{border-color:var(--ink-muted)}
.mk-input:focus,.mk-select:focus,.mk-textarea:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 22%,transparent)}
.mk-field--invalid .mk-input,.mk-field--invalid .mk-select,.mk-field--invalid .mk-textarea{border-color:var(--danger)}
.mk-select{appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 17px) 16px,calc(100% - 12px) 16px;background-size:5px 5px;background-repeat:no-repeat}
.mk-code{font-family:var(--font-mono);font-size:13px;line-height:20px;background:var(--surface-sunken)}
.mk-input-group{display:flex;align-items:stretch}
.mk-input-group .mk-input{border-top-right-radius:0;border-bottom-right-radius:0}
.mk-input-group .mk-btn{height:38px;border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--border-strong);border-left:0}
.mk-search{position:relative}.mk-search .mk-ico{position:absolute;left:11px;top:11px;color:var(--ink-muted)}
.mk-search .mk-input{padding-left:34px}
.mk-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:var(--ink);font-size:14px}
.mk-check input{width:16px;height:16px;accent-color:var(--primary)}
.mk-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;color:var(--ink);font-size:14px}
.mk-switch input{appearance:none;width:36px;height:20px;border-radius:999px;background:var(--border-strong);position:relative;cursor:pointer;transition:background .15s;flex:none}
.mk-switch input::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);transition:transform .15s}
.mk-switch input:checked{background:var(--primary)}.mk-switch input:checked::after{transform:translateX(16px)}
.mk-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-16)}
.mk-fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-16)}
.mk-fieldset legend{font:600 15px/22px var(--font-sans);color:var(--ink);margin-bottom:var(--space-4)}

/* ── Selo de status ────────────────────────────────── */
.mk-badge{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font:600 12px/1 var(--font-sans);white-space:nowrap;background:var(--neutral-bg);color:var(--ink-body)}
.mk-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.mk-badge--plain::before{display:none}
.mk-badge--success{background:var(--success-bg);color:var(--success)}
.mk-badge--warning{background:var(--warning-bg);color:var(--warning)}
.mk-badge--danger{background:var(--danger-bg);color:var(--danger)}
.mk-badge--info{background:var(--info-bg);color:var(--info)}
.mk-badge--live::before{animation:mk-pulse 1.4s ease-in-out infinite}
@keyframes mk-pulse{50%{opacity:.25}}
.mk-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--ink-body);font:500 12px/1 var(--font-sans);cursor:pointer}
.mk-chip[aria-pressed=true]{background:var(--info-bg);border-color:transparent;color:var(--info)}
.mk-chip .mk-x{border:0;background:none;color:inherit;cursor:pointer;padding:0;font-size:14px;line-height:1}
.mk-canal{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:#fff;flex:none}
.mk-canal--whatsapp{background:var(--canal-whatsapp)}.mk-canal--email{background:var(--canal-email)}.mk-canal--ligacoes{background:var(--canal-ligacoes)}

/* ── Cartão e indicador ────────────────────────────── */
.mk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}
.mk-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:16px 20px;border-bottom:1px solid var(--border)}
.mk-card__title{font:600 15px/22px var(--font-sans);color:var(--ink)}
.mk-card__sub{font-size:12px;color:var(--ink-muted)}
.mk-card__body{padding:20px}
.mk-card__foot{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-8)}
.mk-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-16)}
.mk-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.mk-stat__label{font:700 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);display:flex;align-items:center;gap:6px}
.mk-stat__value{font:700 30px/34px var(--font-sans);letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.mk-stat__meta{font-size:12px;color:var(--ink-muted)}
.mk-stat__delta--up{color:var(--success);font-weight:600}.mk-stat__delta--down{color:var(--danger);font-weight:600}
a.mk-stat{text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
a.mk-stat:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}

/* ── Tabela ────────────────────────────────────────── */
.mk-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}
.mk-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);padding:12px 14px;border-bottom:1px solid var(--border)}
.mk-toolbar .mk-search{flex:1 1 220px;max-width:360px}
.mk-toolbar__end{margin-left:auto;display:flex;gap:var(--space-8)}
.mk-bulk{display:flex;align-items:center;gap:var(--space-12);padding:10px 14px;background:var(--info-bg);color:var(--info);font-weight:600;font-size:13px;border-bottom:1px solid var(--border)}
.mk-table-scroll{overflow-x:auto}
.mk-table{width:100%;border-collapse:collapse;font-size:14px}
.mk-table th{position:sticky;top:0;background:var(--surface-subtle);font:700 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);text-align:left;padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}
.mk-table td{padding:12px 14px;border-bottom:1px solid var(--border);color:var(--ink-body);vertical-align:middle}
.mk-table tr:last-child td{border-bottom:0}
.mk-table tbody tr:hover td{background:var(--surface-subtle)}
.mk-table tbody tr[aria-selected=true] td{background:var(--info-bg)}
.mk-table .mk-num{text-align:right;font-variant-numeric:tabular-nums}
.mk-table .mk-cell-main{color:var(--ink);font-weight:600}
.mk-table .mk-cell-sub{display:block;font-size:12px;color:var(--ink-muted);font-weight:400}
.mk-table .mk-actions{text-align:right;white-space:nowrap}
.mk-pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:10px 14px;border-top:1px solid var(--border);font-size:13px;color:var(--ink-muted)}
.mk-mini-progress{display:flex;align-items:center;gap:8px;min-width:120px}

/* ── Progresso ─────────────────────────────────────── */
.mk-progress{height:8px;border-radius:999px;background:var(--surface-subtle);overflow:hidden;display:flex;flex:1}
.mk-progress__bar{height:100%;background:var(--primary);transition:width .4s}
.mk-progress__bar--success{background:var(--success)}.mk-progress__bar--danger{background:var(--danger)}.mk-progress__bar--warning{background:var(--warning)}
.mk-progress--live .mk-progress__bar{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:200% 100%;animation:mk-shine 1.6s linear infinite}
@keyframes mk-shine{from{background-position:200% 0}to{background-position:-200% 0}}

/* ── Passos ────────────────────────────────────────── */
.mk-steps{display:flex;gap:0;list-style:none;margin:0;padding:0;counter-reset:mk-step}
.mk-steps li{flex:1;display:flex;align-items:center;gap:10px;font:600 13px/18px var(--font-sans);color:var(--ink-muted);position:relative;padding-right:12px;min-width:0}
.mk-steps li::before{counter-increment:mk-step;content:counter(mk-step);flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--border-strong);background:var(--surface);color:var(--ink-muted);font-size:12px}
.mk-steps li::after{content:"";flex:1;height:2px;background:var(--border);margin-left:4px}
.mk-steps li:last-child::after{display:none}
.mk-steps li[aria-current=step]{color:var(--ink)}
.mk-steps li[aria-current=step]::before{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}
.mk-steps li.is-done{color:var(--ink-body)}
.mk-steps li.is-done::before{content:"✓";border-color:var(--success);background:var(--success);color:var(--surface)}
.mk-steps li.is-done::after{background:var(--success)}
.mk-steps span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ── Abas ──────────────────────────────────────────── */
.mk-tabs{display:flex;gap:var(--space-4);border-bottom:1px solid var(--border);overflow-x:auto}
.mk-tab{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;color:var(--ink-muted);font:600 13px/1 var(--font-sans);cursor:pointer;white-space:nowrap;text-decoration:none!important}
.mk-tab:hover{color:var(--ink)}
.mk-tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent)}
.mk-tab .mk-count{background:var(--surface-subtle);color:var(--ink-muted);border-radius:999px;padding:2px 7px;font-size:11px}

/* ── Avisos ────────────────────────────────────────── */
.mk-alert{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-sm);background:var(--info-bg);color:var(--ink);font-size:13px;line-height:19px}
.mk-alert .mk-ico{margin-top:2px;color:var(--info)}
.mk-alert__title{font-weight:600;display:block;margin-bottom:2px}
.mk-alert--success{background:var(--success-bg)}.mk-alert--success .mk-ico{color:var(--success)}
.mk-alert--warning{background:var(--warning-bg)}.mk-alert--warning .mk-ico{color:var(--warning)}
.mk-alert--danger{background:var(--danger-bg)}.mk-alert--danger .mk-ico{color:var(--danger)}
.mk-alert{flex-wrap:wrap}.mk-alert>div:not(.mk-alert__actions){flex:1 1 220px;min-width:0}
.mk-alert__actions{margin-left:auto;display:flex;gap:8px;align-self:center}
.mk-toasts{position:fixed;right:20px;bottom:20px;display:flex;flex-direction:column;gap:10px;z-index:90}
.mk-toast{display:flex;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:12px 14px;border-radius:var(--radius-md);background:var(--ink);color:var(--surface);box-shadow:var(--shadow-md);font-size:13px;animation:mk-in .2s ease-out}
.mk-toast .mk-ico{color:var(--surface)}
.mk-toast__action{margin-left:auto;border:0;background:none;color:var(--surface);font:700 13px/1 var(--font-sans);text-decoration:underline;cursor:pointer}
@keyframes mk-in{from{transform:translateY(8px);opacity:0}}

/* ── Modal ─────────────────────────────────────────── */
.mk-overlay{position:fixed;inset:0;background:rgba(5,10,42,.55);display:grid;place-items:center;padding:20px;z-index:80}
.mk-modal{width:100%;max-width:520px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:mk-in .18s ease-out}
.mk-modal__head{padding:20px 22px 6px;display:flex;gap:12px;align-items:flex-start}
.mk-modal__icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--danger-bg);color:var(--danger)}
.mk-modal__title{font:600 17px/24px var(--font-sans);color:var(--ink)}
.mk-modal__body{padding:6px 22px 20px;color:var(--ink-body);font-size:14px}
.mk-modal__foot{padding:14px 22px;background:var(--surface-subtle);display:flex;justify-content:flex-end;gap:8px}

/* ── Estado vazio e esqueleto ──────────────────────── */
.mk-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:48px 24px;color:var(--ink-muted)}
.mk-empty__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:var(--surface-subtle);color:var(--ink-muted)}
.mk-empty__title{font:600 15px/22px var(--font-sans);color:var(--ink)}
.mk-empty p{margin:0;max-width:360px;font-size:13px}
.mk-skel{display:block;border-radius:6px;background:linear-gradient(90deg,var(--surface-subtle),var(--border),var(--surface-subtle));background-size:200% 100%;animation:mk-shine 1.4s linear infinite;height:12px}

/* ── Paleta de comandos ────────────────────────────── */
.mk-cmdk{width:100%;max-width:600px;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid var(--border)}
.mk-cmdk__input{display:flex;align-items:center;gap:10px;padding:0 16px;height:52px;border-bottom:1px solid var(--border)}
.mk-cmdk__input input{flex:1;border:0;outline:0;background:none;font:400 15px var(--font-sans);color:var(--ink)}
.mk-cmdk__group{padding:8px 8px 4px}
.mk-cmdk__label{font:700 11px/14px var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:6px 10px}
.mk-cmdk__item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;color:var(--ink);font-size:14px;cursor:pointer}
.mk-cmdk__item[aria-selected=true]{background:var(--surface-subtle)}
.mk-cmdk__item .mk-kbd{margin-left:auto}
.mk-cmdk__foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--border);font-size:12px;color:var(--ink-muted)}

/* ── Estrutura do app ──────────────────────────────── */
.mk-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:var(--bg-page)}
.mk-sidebar{background:var(--sidebar-bg);color:var(--sidebar-ink);display:flex;flex-direction:column;padding:16px 12px;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}
.mk-brand{display:flex;align-items:center;gap:10px;padding:6px 10px 16px;color:var(--sidebar-ink-active);font:700 16px/1 var(--font-display)}
.mk-brand img{height:26px}
.mk-brand small{display:block;font:500 11px/1.4 var(--font-sans);color:var(--sidebar-ink);letter-spacing:.02em}
.mk-nav-group{font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--sidebar-ink);opacity:.8;padding:14px 10px 6px;display:flex;align-items:center;gap:8px}
.mk-nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:8px;color:var(--sidebar-ink);font:500 14px/1 var(--font-sans);text-decoration:none!important;position:relative}
.mk-nav-item:hover{background:var(--sidebar-hover);color:var(--sidebar-ink-active)}
.mk-nav-item[aria-current=page]{background:var(--sidebar-hover);color:var(--sidebar-ink-active);font-weight:600}
.mk-nav-item[aria-current=page]::before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}
.mk-nav-item .mk-count{margin-left:auto;background:rgba(255,255,255,.12);color:var(--sidebar-ink-active);border-radius:999px;padding:3px 7px;font-size:11px}
.mk-nav-item .mk-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.mk-sidebar__foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.mk-main{min-width:0;display:flex;flex-direction:column}
.mk-topbar{height:60px;display:flex;align-items:center;gap:var(--space-12);padding:0 32px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}
.mk-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-muted);min-width:0}
.mk-crumbs a{color:var(--ink-muted)}.mk-crumbs b{color:var(--ink);font-weight:600}
.mk-cmd-trigger{margin-left:auto;display:flex;align-items:center;gap:10px;height:36px;width:300px;padding:0 10px 0 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-subtle);color:var(--ink-muted);font-size:13px;cursor:pointer}
.mk-cmd-trigger .mk-kbd{margin-left:auto}
.mk-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--brand-navy);color:#fff;font:700 13px/1 var(--font-sans);flex:none}
.mk-page{padding:28px 32px 48px;display:flex;flex-direction:column;gap:var(--space-24);max-width:1440px;width:100%}
.mk-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-16);flex-wrap:wrap}
.mk-page-title{font:600 22px/28px var(--font-display);letter-spacing:-.01em;color:var(--ink)}
.mk-page-sub{font-size:14px;color:var(--ink-muted);margin-top:4px}
.mk-sandbox-bar{display:flex;align-items:center;justify-content:center;gap:8px;height:30px;background:var(--brand-amber);color:var(--brand-navy);font:700 12px/1 var(--font-sans);letter-spacing:.02em}
.mk-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-20)}
@media (max-width:1100px){.mk-grid-2{grid-template-columns:1fr}}
@media (max-width:900px){
  .mk-shell{grid-template-columns:1fr}
  .mk-sidebar{position:fixed;left:0;top:0;bottom:0;width:272px;z-index:70;transform:translateX(-100%);transition:transform .2s}
  .mk-sidebar.is-open{transform:none;box-shadow:var(--shadow-lg)}
  .mk-topbar{padding:0 16px}.mk-cmd-trigger{width:auto}.mk-cmd-trigger span{display:none}
  .mk-page{padding:20px 16px 40px}
  .mk-steps span{display:none}
  .mk-table .mk-hide-sm{display:none}
}

/* ── Login ─────────────────────────────────────────── */
.mk-login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--bg-page)}
.mk-login__brand{background:var(--brand-navy);color:#fff;padding:48px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.mk-login__brand h1{color:#fff;font:700 34px/1.15 var(--font-display);letter-spacing:-.02em;max-width:440px;margin:0}
.mk-login__brand p{color:#c8cdf2;max-width:420px;font-size:15px;line-height:1.6}
.mk-login__form{display:grid;place-items:center;padding:48px 24px}
.mk-login__card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-20)}
@media (max-width:900px){.mk-login{grid-template-columns:1fr}.mk-login__brand{display:none}}