/* zekice.com.tr panel — design system v2 (mockup birebir + legacy alias bloğu) */

:root{
  --cp:#2563eb;--cp-h:#1d4ed8;--cp-s:#eff6ff;--cp-r:rgba(37,99,235,.1);
  --cd:#dc2626;--cd-h:#b91c1c;--cd-s:#fef2f2;
  --cw:#d97706;--cw-h:#b45309;--cw-s:#fffbeb;
  --cs:#16a34a;--cs-s:#f0fdf4;
  --ci:#0284c7;--ci-s:#f0f9ff;
  --bg:#f8fafc;--bgc:#fff;--bdr:#e2e8f0;--bdr-s:#f1f5f9;
  --tx:#0f172a;--txm:#64748b;--txs:#94a3b8;--code:#f1f5f9;
  --r:6px;--rsm:4px;--rlg:10px;
  --sh:0 1px 3px rgba(0,0,0,.07),0 1px 2px rgba(0,0,0,.04);
  --shm:0 4px 10px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.04);
  --wmax:1200px;--hh:52px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased}
body{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;font-size:.9rem;line-height:1.55;color:var(--tx);background:var(--bg)}
a{color:var(--cp);text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit;cursor:pointer}
code{font-family:"SF Mono","Fira Code",monospace;font-size:.8em;background:var(--code);padding:.1em .35em;border-radius:3px}

/* === HEADER === */
.hdr{position:fixed;inset:0 0 auto;height:var(--hh);z-index:200;background:var(--bgc);border-bottom:1px solid var(--bdr)}
.hdr-i{max-width:var(--wmax);height:100%;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;gap:1.5rem}
.logo{font-weight:700;font-size:.9rem;color:var(--tx);display:flex;align-items:center;gap:.5rem;flex-shrink:0}
.logo:hover{text-decoration:none}
.logo-sq{width:24px;height:24px;background:var(--cp);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.72rem;font-weight:800}
.nav{display:flex;gap:.1rem}
.nav a{padding:.3rem .65rem;border-radius:var(--rsm);font-size:.82rem;font-weight:500;color:var(--txm);transition:background .12s,color .12s;white-space:nowrap}
.nav a:hover{background:var(--bg);color:var(--tx);text-decoration:none}
.nav a.on{background:var(--cp-s);color:var(--cp)}
.hdr-r{margin-left:auto;display:flex;align-items:center;gap:.7rem}
.uname{font-size:.8rem;color:var(--txm);font-weight:500}
.logout{font-size:.76rem;color:var(--txm);padding:.26rem .6rem;border:1px solid var(--bdr);border-radius:var(--rsm);background:transparent;transition:all .12s;font-family:inherit;cursor:pointer}
.logout:hover{color:var(--cd);border-color:var(--cd)}

/* === LAYOUT === */
.wrap{max-width:var(--wmax);margin:0 auto;padding:0 1.5rem}
.main{margin-top:var(--hh);padding:1.5rem 0 4rem}

/* === PAGE HEADER === */
.pghdr{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.4rem}
.pgtitle{font-size:1.08rem;font-weight:700;color:var(--tx)}
.pgsub{font-size:.78rem;color:var(--txm);margin-top:.2rem}

/* === BREADCRUMB === */
.bc{font-size:.76rem;color:var(--txm);margin-bottom:.35rem}
.bc a{color:var(--txm)}
.bc a:hover{color:var(--tx)}

/* === CARD === */
.card{background:var(--bgc);border:1px solid var(--bdr);border-radius:var(--r);box-shadow:0 1px 2px rgba(0,0,0,.04);margin-bottom:1.25rem}
.card-hd{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.15rem;border-bottom:1px solid var(--bdr-s);gap:.75rem}
.ctitle{font-size:.86rem;font-weight:600;color:var(--tx)}
.cb{padding:1.15rem}
.cb.sm{padding:.8rem 1.15rem}
.cb.flush{padding:0}

/* === METRICS === */
.mets{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.875rem;margin-bottom:1.25rem}
.met{background:var(--bgc);border:1px solid var(--bdr);border-radius:var(--r);padding:.9rem 1.1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);text-decoration:none;display:block;transition:transform .14s,box-shadow .14s;color:inherit}
.met:hover{transform:translateY(-1px);box-shadow:var(--shm);text-decoration:none}
.met-l{font-size:.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.met-v{font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--tx)}
.met-f{font-size:.72rem;color:var(--txm);margin-top:.25rem}
.met.warn{border-left:3px solid var(--cw)}.met.warn .met-v{color:var(--cw)}
.met.err{border-left:3px solid var(--cd)}.met.err .met-v{color:var(--cd)}
.met.ok{border-left:3px solid var(--cs)}.met.ok .met-v{color:var(--cs)}

/* === BADGE === */
.bdg{display:inline-flex;align-items:center;gap:.2rem;padding:.13rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap}
.bdg.ok{background:var(--cs-s);color:#15803d}
.bdg.err{background:var(--cd-s);color:#b91c1c}
.bdg.warn{background:var(--cw-s);color:#b45309}
.bdg.info{background:var(--ci-s);color:#0369a1}
.bdg.muted{background:var(--bdr-s);color:var(--txm)}
.bdg.dev{background:#f3e8ff;color:#7e22ce}
.bdg.new{background:#fff7ed;color:#c2410c}

/* === KIND PILL === */
.kp{display:inline-flex;align-items:center;padding:.13rem .45rem;border-radius:var(--rsm);font-size:.68rem;font-weight:700;white-space:nowrap}
.kp-h{background:#dbeafe;color:#1e40af}
.kp-d{background:#fce7f3;color:#9d174d}
.kp-m{background:#d1fae5;color:#065f46}
.kp-c{background:#ede9fe;color:#5b21b6}
.kp-s{background:#fef3c7;color:#92400e}
.kp-o{background:#f1f5f9;color:#475569}

/* === ALERT === */
.alert{display:flex;gap:.65rem;padding:.75rem .95rem;border-radius:var(--r);border:1px solid;border-left-width:3px;margin-bottom:1rem}
.alert-ico{font-size:.9rem;line-height:1.55;flex-shrink:0}
.alert-b{flex:1}
.alert-t{font-weight:600;font-size:.82rem;margin-bottom:.1rem}
.alert-m{font-size:.8rem}
.alert.ok{background:var(--cs-s);border-color:#bbf7d0;border-left-color:var(--cs);color:#14532d}
.alert.err{background:var(--cd-s);border-color:#fecaca;border-left-color:var(--cd);color:#7f1d1d}
.alert.warn{background:var(--cw-s);border-color:#fde68a;border-left-color:var(--cw);color:#78350f}
.alert.info{background:var(--ci-s);border-color:#bae6fd;border-left-color:var(--ci);color:#0c4a6e}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem .825rem;border-radius:var(--rsm);font-size:.82rem;font-weight:500;line-height:1.3;border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .12s;white-space:nowrap;font-family:inherit}
.btn:hover{text-decoration:none}
.btn:disabled,.btn.disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}
.btn.primary{background:var(--cp);color:#fff;border-color:var(--cp)}
.btn.primary:hover:not(:disabled){background:var(--cp-h);border-color:var(--cp-h)}
.btn.danger{background:var(--cd);color:#fff;border-color:var(--cd)}
.btn.danger:hover:not(:disabled){background:var(--cd-h);border-color:var(--cd-h)}
.btn.warn{background:var(--cw);color:#fff;border-color:var(--cw)}
.btn.warn:hover:not(:disabled){background:var(--cw-h);border-color:var(--cw-h)}
.btn.def{background:var(--bgc);color:var(--tx);border-color:var(--bdr)}
.btn.def:hover:not(:disabled){background:var(--bg)}
.btn.ghost{background:transparent;color:var(--txm);border-color:transparent}
.btn.ghost:hover:not(:disabled){background:var(--bg);color:var(--tx)}
.btn.sm,.btn.small{padding:.22rem .55rem;font-size:.74rem}

/* === CHIPS === */
.chips{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:1rem}
.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.26rem .65rem;border-radius:999px;font-size:.77rem;font-weight:500;border:1px solid var(--bdr);background:var(--bgc);color:var(--txm);cursor:pointer;text-decoration:none;transition:all .12s}
.chip:hover{border-color:var(--cp);color:var(--cp);text-decoration:none}
.chip.on{background:var(--cp-s);border-color:var(--cp);color:var(--cp);font-weight:600}
.cn{font-size:.68rem;background:var(--bdr-s);border-radius:999px;padding:0 .38rem;line-height:1.5}
.chip.on .cn{background:rgba(37,99,235,.1)}

/* === TABLE === */
.tbl{width:100%;border-collapse:collapse}
.tbl thead th{font-size:.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;text-align:left;background:var(--bg);border-bottom:1px solid var(--bdr)}
.tbl thead th.r{text-align:right}
.tbl tbody td{padding:.62rem 1rem;border-bottom:1px solid var(--bdr-s);vertical-align:middle;font-size:.86rem}
.tbl tbody tr:last-child td{border-bottom:none}
.tbl tbody tr:hover td{background:var(--bg)}
.tbl .act{text-align:right;white-space:nowrap}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}

/* === KV (key/value) === */
.kv{width:100%;border-collapse:collapse}
.kv tr{border-bottom:1px solid var(--bdr-s)}
.kv tr:last-child{border-bottom:none}
.kv th{width:32%;padding:.5rem 1rem .5rem 0;text-align:left;font-size:.79rem;font-weight:500;color:var(--txm);vertical-align:top}
.kv td{padding:.5rem 0;font-size:.86rem;color:var(--tx);vertical-align:top}

/* === SUB TABLE (paket kalemleri) === */
.stbl{width:100%;border-collapse:collapse}
.stbl th{font-size:.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em;padding:.42rem 0;text-align:left;border-bottom:1px solid var(--bdr)}
.stbl th.r{text-align:right}
.stbl td{padding:.48rem 0;border-bottom:1px solid var(--bdr-s);font-size:.86rem}
.stbl tr:last-child td{border-bottom:none}
.stbl .r{text-align:right;font-variant-numeric:tabular-nums}
.stbl tfoot td{border-top:1px solid var(--bdr);border-bottom:none;padding-top:.5rem;font-weight:600}

/* === PAGINATION === */
.pag{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.15rem;border-top:1px solid var(--bdr-s)}
.pag-i{font-size:.78rem;color:var(--txm)}

/* === FORMS === */
.fg{margin-bottom:.825rem}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:.825rem}
.flbl{display:block;font-size:.79rem;font-weight:500;color:var(--tx);margin-bottom:.28rem}
.freq{color:var(--cd);margin-left:.1rem}
.finp,.fsel,.ftxt{width:100%;padding:.42rem .7rem;border:1px solid var(--bdr);border-radius:var(--rsm);font-size:.86rem;color:var(--tx);background:var(--bgc);font-family:inherit;transition:border-color .12s,box-shadow .12s}
.finp:focus,.fsel:focus,.ftxt:focus{outline:none;border-color:var(--cp);box-shadow:0 0 0 3px var(--cp-r)}
.ftxt{resize:vertical;min-height:80px}
.fhint{font-size:.74rem;color:var(--txm);margin-top:.2rem}
.factions{display:flex;gap:.5rem;padding-top:.875rem;border-top:1px solid var(--bdr-s);margin-top:.5rem}

/* === SEARCH BAR === */
.srch{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.srch .finp{max-width:230px}
.srch .fsel{max-width:155px}

/* === STATUS DOT === */
.dot{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:.3rem;margin-top:-1px}
.dot.ok{background:var(--cs)}.dot.warn{background:var(--cw)}.dot.err{background:var(--cd)}.dot.muted{background:var(--txs)}

/* === TOAST === */
.toast-a{position:fixed;bottom:1.25rem;right:1.25rem;display:flex;flex-direction:column;gap:.4rem;z-index:9999;pointer-events:none}
.toast{display:flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border-radius:var(--r);font-size:.82rem;font-weight:500;box-shadow:var(--shm);pointer-events:auto;animation:tin .18s ease forwards}
.toast.ok{background:#15803d;color:#fff}.toast.err{background:var(--cd);color:#fff}.toast.info{background:var(--tx);color:#fff}
@keyframes tin{from{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}

/* === FOOTER === */
.footer{border-top:1px solid var(--bdr);padding:.8rem 0;text-align:center;font-size:.74rem;color:var(--txs)}

/* === HELPERS === */
.row{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.mla{margin-left:auto}
.amt{font-variant-numeric:tabular-nums}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}
.g21{display:grid;grid-template-columns:2fr 1fr;gap:1.15rem}
.dvd{border:none;border-top:1px solid var(--bdr);margin:1rem 0}
.no-mb{margin-bottom:0!important}
.txm{color:var(--txm)}
.txs{color:var(--txs)}
.sm{font-size:.78rem}

/* === AUTH === */
.auth-wrap{min-height:calc(100vh - var(--hh) - 40px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg)}
.auth-box{width:100%;max-width:370px;background:var(--bgc);border:1px solid var(--bdr);border-radius:var(--rlg);box-shadow:var(--shm);padding:2rem}
.auth-logo{text-align:center;margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:center;gap:.45rem}
.auth-ico{width:40px;height:40px;background:var(--cp);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:800}

@media(max-width:720px){
  .nav,.uname{display:none}
  .fgrid,.g2,.g21{grid-template-columns:1fr}
  .mets{grid-template-columns:repeat(2,1fr)}
  .srch{flex-direction:column;align-items:stretch}
  .srch .finp,.srch .fsel{max-width:100%}
  .pghdr{flex-direction:column;align-items:flex-start;gap:.65rem}
}


/* =========================================================================
   LEGACY ALIASES
   Faz 15 öncesi (Faz 1-14) sayfaları yeni class isimlerine migrate edilene
   kadar eski sınıf adlarına yeni stilleri verir. Sayfa sayfa migrate edildikçe
   ilgili alias bloğu silinecek. Migrate edilmiş sayfalar yeni class adlarını
   kullanır, bu bloktan etkilenmez.
   ========================================================================= */

/* --- metric kart eski isim (.metric-card → .met) --- */
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.875rem;margin-bottom:1.25rem}
.metric-card{background:var(--bgc);border:1px solid var(--bdr);border-radius:var(--r);padding:.9rem 1.1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);text-decoration:none;display:block;color:inherit;transition:transform .14s,box-shadow .14s}
a.metric-card:hover{transform:translateY(-1px);box-shadow:var(--shm);text-decoration:none}
.metric-card .m-label{font-size:.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}
.metric-card .m-value{font-size:1.6rem;font-weight:700;line-height:1.1;color:var(--tx)}
.metric-card .m-value.sm{font-size:1.05rem}
.metric-card.warn{border-left:3px solid var(--cw)}.metric-card.warn .m-value{color:var(--cw)}
.metric-card.err{border-left:3px solid var(--cd)}.metric-card.err .m-value{color:var(--cd)}

/* --- kind pill eski isim (.kind-pill → .kp) --- */
.kind-pill{display:inline-flex;align-items:center;padding:.13rem .45rem;border-radius:var(--rsm);font-size:.68rem;font-weight:700;white-space:nowrap;background:#f1f5f9;color:#475569}
.kind-pill.kind-hosting{background:#dbeafe;color:#1e40af}
.kind-pill.kind-domain{background:#fce7f3;color:#9d174d}
.kind-pill.kind-mail{background:#d1fae5;color:#065f46}
.kind-pill.kind-consulting{background:#ede9fe;color:#5b21b6}
.kind-pill.kind-other{background:#f1f5f9;color:#475569}

/* --- badge eski isim (.badge → .bdg) --- */
.badge{display:inline-flex;align-items:center;gap:.2rem;padding:.13rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap}
.badge.ok{background:var(--cs-s);color:#15803d}
.badge.err{background:var(--cd-s);color:#b91c1c}
.badge.warn{background:var(--cw-s);color:#b45309}
.badge.dev{background:#f3e8ff;color:#7e22ce}
.badge.muted{background:var(--bdr-s);color:var(--txm)}

/* --- table-list eski isim (.table-list → .tbl) --- */
.table-list{width:100%;border-collapse:collapse}
.table-list thead th{font-size:.68rem;font-weight:700;color:var(--txm);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;text-align:left;background:var(--bg);border-bottom:1px solid var(--bdr)}
.table-list tbody td{padding:.62rem 1rem;border-bottom:1px solid var(--bdr-s);vertical-align:middle;font-size:.86rem}
.table-list tbody tr:last-child td{border-bottom:none}
.table-list tbody tr:hover td{background:var(--bg)}
.table-list td a,.table-list th a{color:var(--cp);text-decoration:none;font-weight:500}
.table-list td a:hover{text-decoration:underline}
.table-list td.actions,.table-list th.actions{text-align:right;white-space:nowrap;width:1%}
.table-list th.num,.table-list td.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* --- form-vertical eski isim (.form-vertical → .fg/.fgrid/.flbl/.finp) --- */
.form-vertical .form-row{margin-bottom:.825rem}
.form-vertical .form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:.825rem;margin-bottom:.825rem}
.form-vertical label{display:block;font-size:.79rem;font-weight:500;color:var(--tx);margin-bottom:.28rem}
.form-vertical input[type=text],
.form-vertical input[type=email],
.form-vertical input[type=number],
.form-vertical input[type=date],
.form-vertical input[type=password],
.form-vertical select,
.form-vertical textarea{width:100%;padding:.42rem .7rem;border:1px solid var(--bdr);border-radius:var(--rsm);font-size:.86rem;color:var(--tx);background:var(--bgc);font-family:inherit;transition:border-color .12s,box-shadow .12s}
.form-vertical input:focus,
.form-vertical select:focus,
.form-vertical textarea:focus{outline:none;border-color:var(--cp);box-shadow:0 0 0 3px var(--cp-r)}
.form-vertical textarea{resize:vertical;min-height:90px}
.form-actions{display:flex;gap:.5rem;padding-top:.875rem;border-top:1px solid var(--bdr-s);margin-top:.5rem}
.req{color:var(--cd);margin-left:.1rem}
.inline-pay .form-row{margin-bottom:.6rem}

/* --- search-form eski isim (.search-form → .srch) --- */
.search-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}
.search-form input[type=text]{flex:0 1 230px;padding:.42rem .7rem;border:1px solid var(--bdr);border-radius:var(--rsm);font-size:.86rem;background:var(--bgc);font-family:inherit;color:var(--tx)}
.search-form input[type=text]:focus{outline:none;border-color:var(--cp);box-shadow:0 0 0 3px var(--cp-r)}
.search-form select{padding:.42rem .7rem;border:1px solid var(--bdr);border-radius:var(--rsm);font-size:.86rem;font-family:inherit;background:var(--bgc);color:var(--tx);max-width:155px}
.search-form select:focus{outline:none;border-color:var(--cp);box-shadow:0 0 0 3px var(--cp-r)}
.search-form .filter-label{font-size:.79rem;color:var(--txm)}

/* --- kv-table eski isim (.kv-table → .kv) --- */
.kv-table{width:100%;border-collapse:collapse}
.kv-table tr{border-bottom:1px solid var(--bdr-s)}
.kv-table tr:last-child{border-bottom:none}
.kv-table th{width:32%;padding:.5rem 1rem .5rem 0;text-align:left;font-size:.79rem;font-weight:500;color:var(--txm);vertical-align:top}
.kv-table td{padding:.5rem 0;font-size:.86rem;color:var(--tx);vertical-align:top}

/* --- card-head eski isim (.card-head → .card-hd, .card h2 → .ctitle) --- */
.card-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}
.card-head h2{margin:0;font-size:.86rem;font-weight:600;color:var(--tx)}
.card-actions{display:flex;gap:.4rem;align-items:center}
.card>h2{font-size:.86rem;font-weight:600;color:var(--tx);margin:0 0 1rem 0}

/* --- pagination eski isim (.pagination → .pag) --- */
.pagination{display:flex;justify-content:center;align-items:center;gap:.7rem;margin-top:1.2rem}
.pagination .page-info{font-size:.79rem;color:var(--txm)}

/* --- empty state (mockup'ta yok, eski PHP'de var) --- */
.empty{padding:2rem 0;text-align:center;color:var(--txm)}

/* --- muted eski isim (.muted → .txm + font-size) --- */
.muted{color:var(--txm)}
.muted.small,.small{font-size:.78rem}

/* --- header form (çıkış butonu wrapper) --- */
.inline-form{display:inline;margin:0}

/* --- legacy: classless tables (eski sayfalardaki kv-table'sız <table>) --- */
.main table:not([class]){width:100%;border-collapse:collapse}
.main table:not([class]) th,
.main table:not([class]) td{text-align:left;padding:.5rem 1rem .5rem 0;border-bottom:1px solid var(--bdr-s);font-size:.86rem;vertical-align:top}
.main table:not([class]) th{width:32%;color:var(--txm);font-weight:500;font-size:.79rem}
.main table:not([class]) tr:last-child th,
.main table:not([class]) tr:last-child td{border-bottom:none}

/* --- legacy .card iç padding'i: mockup'ta .card padding:0 + içine .cb wrapper konur.
       Eski sayfalar .cb wrapper kullanmıyor; bu sebeple doğrudan içerik için .card-body
       opt-in sınıfı yerine, eski sayfaları migrate edene kadar .card.legacy ile çevirmek
       gerekecek. Pilot (dashboard) .cb kullanır, etkilenmez.

       Geçici çare: legacy sayfalardaki .card içine "padding ekleyici" bir kural koy ama
       sadece .cb veya .card-hd çocukları YOKSA. :has() Chrome 105+ / Safari 15.4+ / FF 121+. */
.card:not(:has(>.cb)):not(:has(>.card-hd)){padding:1.15rem}
.card>.card-head{padding:.8rem 1.15rem;border-bottom:1px solid var(--bdr-s);margin-bottom:0}
.card:has(>.card-head)>:not(.card-head){padding:1rem 1.15rem}
.card:has(>.card-head)>.table-list,
.card:has(>.card-head)>table.table-list{padding:0}