.button{min-height:46px;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);text-align:center;text-decoration:none;font:700 .78rem var(--font-ui);cursor:pointer;transition:transform .18s,border-color .18s,background .18s}
.button:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.button-primary{background:var(--accent);border-color:var(--accent);color:#1b140d}
.button-ghost{background:transparent}
.card{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface) 80%,transparent));box-shadow:0 1px 0 rgba(255,255,255,.03);overflow:hidden}
.card::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--card-accent,var(--accent));opacity:.75}
.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:32px;padding:.35rem .65rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font:600 .68rem var(--font-mono);text-decoration:none}
.level-badge{display:inline-grid;place-items:center;min-width:42px;min-height:30px;border:1px solid color-mix(in srgb,var(--level-color,var(--accent)) 45%,var(--border));border-radius:999px;background:color-mix(in srgb,var(--level-color,var(--accent)) 12%,transparent);color:var(--level-color,var(--accent));font:700 .7rem var(--font-mono)}
.input,.select{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink)}
.input::placeholder{color:var(--dim)}
.segmented{display:flex;gap:.3rem;padding:.3rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.segment{min-height:42px;flex:1;padding:.55rem .8rem;border:0;border-radius:10px;background:transparent;color:var(--muted);font:700 .72rem var(--font-ui);cursor:pointer}
.segment[aria-selected="true"]{background:var(--surface-3);color:var(--ink);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.empty-state{padding:3rem 1.25rem;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--muted)}
.table-scroll{max-width:100%;overflow-x:auto;border-radius:12px;box-shadow:inset -18px 0 20px -24px var(--ink)}
@media (max-width:540px){.section-heading{display:block}.section-heading .button{margin-top:1rem;width:100%}}