/* Small set of component classes on top of Tailwind (Play CDN handles utilities). */
.btn-primary { display:inline-flex; align-items:center; gap:.375rem; border-radius:.375rem; background:#0f766e; padding:.5rem .875rem; font-size:.875rem; font-weight:500; color:#fff; box-shadow:0 1px 2px rgb(0 0 0 / .05); }
.btn-primary:hover { background:#115e59; }
.btn-secondary { display:inline-flex; align-items:center; gap:.375rem; border-radius:.375rem; border:1px solid #cbd5e1; background:#fff; padding:.5rem .875rem; font-size:.875rem; font-weight:500; color:#334155; box-shadow:0 1px 2px rgb(0 0 0 / .05); }
.btn-secondary:hover { background:#f8fafc; }
.btn-danger { display:inline-flex; align-items:center; gap:.375rem; border-radius:.375rem; border:1px solid #fecdd3; background:#fff; padding:.5rem .875rem; font-size:.875rem; font-weight:500; color:#be123c; }
.btn-danger:hover { background:#fff1f2; }
.btn-sm { padding:.25rem .625rem; font-size:.75rem; }
.card { background:#fff; border-radius:.75rem; border:1px solid #e2e8f0; box-shadow:0 1px 2px rgb(0 0 0 / .04); }
.card-h { padding:.875rem 1.25rem; border-bottom:1px solid #e2e8f0; display:flex; align-items:center; justify-content:space-between; gap:.75rem; }
.card-h h2 { font-weight:600; font-size:.95rem; }
.card-b { padding:1.25rem; }
.tbl { width:100%; font-size:.875rem; }
.tbl th { text-align:left; font-weight:600; color:#475569; font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; padding:.625rem .75rem; background:#f8fafc; border-bottom:1px solid #e2e8f0; white-space:nowrap; }
.tbl td { padding:.625rem .75rem; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.tbl tr:last-child td { border-bottom:0; }
.tbl tbody tr:hover { background:#f8fafc; }
.tbl .num { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.tbl-wrap { overflow-x:auto; }
.stat { background:#fff; border-radius:.75rem; border:1px solid #e2e8f0; padding:1rem 1.25rem; }
.stat .k { font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.stat .v { font-size:1.5rem; font-weight:600; margin-top:.125rem; }
.link { color:#0f766e; font-weight:500; }
.link:hover { text-decoration:underline; }
.tab { padding:.5rem .875rem; font-size:.875rem; font-weight:500; border-bottom:2px solid transparent; color:#64748b; }
.tab.active { color:#0f766e; border-color:#0f766e; }
.tab:hover { color:#0f172a; }
.kv dt { font-size:.75rem; text-transform:uppercase; letter-spacing:.04em; color:#64748b; }
.kv dd { font-size:.875rem; margin-bottom:.625rem; }
@media print { aside, header, .no-print { display:none !important; } main { padding:0 !important; } body { background:#fff; } }
@media (max-width: 767px) { main table { font-size:.8125rem; } }