/* DRM Süper Admin — cam tema (2026-10-31). layout_header.php ile birlikte.
   Düzen: gün batımı salon sahnesi sabit arka plan; ortada hap menü, solda yüzen dock, buzlu cam kartlar. */
:root{
  --sa-ink:#1b1517;
  --sa-glass:rgba(255,255,255,.09); --sa-glass-hi:rgba(255,255,255,.16); --sa-line:rgba(255,255,255,.20);
  --sa-fg:#fbf6f2; --sa-mut:rgba(251,246,242,.64); --sa-accent:#4f8dff;
  --sa-good:#4ade80; --sa-warn:#fbbf24; --sa-bad:#fb7185;
  --sa-display:"Outfit",ui-rounded,system-ui,sans-serif; --sa-body:"Figtree",system-ui,-apple-system,sans-serif;
  --sa-blur:blur(24px) saturate(140%);
}
html[data-bs-theme="dark"]{
  --tblr-body-bg:transparent; --tblr-body-color:var(--sa-fg); --tblr-bg-surface:var(--sa-glass);
  --tblr-bg-surface-secondary:rgba(255,255,255,.06); --tblr-bg-surface-tertiary:rgba(255,255,255,.04);
  --tblr-border-color:var(--sa-line); --tblr-border-color-translucent:rgba(255,255,255,.12);
  --tblr-secondary:var(--sa-mut); --tblr-muted:var(--sa-mut); --tblr-secondary-color:var(--sa-mut);
  --tblr-primary:#4f8dff; --tblr-primary-rgb:79,141,255;
  --tblr-font-sans-serif:var(--sa-body); --tblr-body-font-family:var(--sa-body);
  --tblr-card-bg:var(--sa-glass); --tblr-link-color:#9cc2ff; --tblr-link-color-rgb:156,194,255;
  --tblr-emphasis-color:var(--sa-fg); --tblr-heading-color:var(--sa-fg);
  color-scheme:dark;
}
html{background:var(--sa-ink)}
body.sa-glass{background:var(--sa-ink);color:var(--sa-fg);font-family:var(--sa-body);min-height:100vh}
body.sa-noscroll{overflow:hidden}

/* ---------- Sahne ---------- */
.sa-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,#6d5a72 0%,#c9826a 30%,#f3b37a 52%,#e9a77a 60%,#3a2c2c 61%,#2a2023 100%)}
.sa-sun{position:absolute;left:58%;top:46%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#fff3d6 0%,#ffd39a 35%,rgba(255,190,120,0) 70%);filter:blur(2px)}
.sa-hill{position:absolute;left:-5%;right:-5%;border-radius:50% 50% 0 0}
.sa-hill.h1{top:50%;height:22%;background:#9b6a68;opacity:.55;filter:blur(3px)}
.sa-hill.h2{top:54%;height:16%;background:#6e4c52;opacity:.75;filter:blur(2px);left:20%}
.sa-hill.h3{top:57%;height:10%;background:#4b343a;filter:blur(1px)}
.sa-mullion{position:absolute;top:0;bottom:39%;width:14px;background:linear-gradient(90deg,#1a1315,#2e2326);box-shadow:0 0 30px rgba(0,0,0,.4)}
.sa-transom{position:absolute;left:0;right:0;top:8%;height:10px;background:#1d1517}
.sa-floor{position:absolute;left:0;right:0;bottom:0;height:39%;background:linear-gradient(180deg,#5a4038 0%,#3a2a25 40%,#241a18 100%)}
.sa-floor::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,190,130,.25),transparent 40%)}
.sa-sofa{position:absolute;bottom:6%;height:16%;border-radius:40px 40px 14px 14px;background:linear-gradient(180deg,#e9ddd0,#b9a898);box-shadow:inset 0 -18px 30px rgba(0,0,0,.25),0 30px 50px rgba(0,0,0,.45)}
.sa-plant{position:absolute;right:3%;bottom:20%;width:120px;height:46%;background:radial-gradient(ellipse at 50% 30%,#3f5a35 0%,#2b3f26 45%,transparent 70%)}
.sa-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,rgba(10,6,8,.15) 30%,rgba(10,6,8,.55) 100%)}

/* ---------- Kabuk ---------- */
body.sa-glass .page{position:relative;z-index:1;display:block;min-height:100vh;background:transparent}
.sa-glassbox{background:var(--sa-glass);border:1px solid var(--sa-line);backdrop-filter:var(--sa-blur);-webkit-backdrop-filter:var(--sa-blur);box-shadow:0 20px 50px rgba(20,10,10,.28),inset 0 1px 0 rgba(255,255,255,.18)}
.sa-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
.sa-brand{font-family:var(--sa-display);font-weight:700;letter-spacing:.06em;font-size:16px;color:var(--sa-fg)!important;text-decoration:none!important;line-height:1.05;flex:none}
.sa-brand small{display:block;font-family:var(--sa-body);font-weight:600;letter-spacing:.14em;font-size:9px;color:var(--sa-mut);text-transform:uppercase}
.sa-pills{display:flex;gap:4px;margin:0 auto;padding:5px;border-radius:999px;overflow-x:auto;scrollbar-width:none;max-width:100%}
.sa-pill{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;white-space:nowrap;color:var(--sa-mut)!important;font-weight:600;font-size:13px;text-decoration:none!important;border:0;background:none;transition:background .2s,color .2s}
.sa-pill .ti{font-size:16px}
.sa-pill:hover{color:var(--sa-fg)!important;background:rgba(255,255,255,.08)}
.sa-pill.on{background:rgba(255,255,255,.92);color:#231a1c!important}
.sa-right{display:flex;gap:8px;align-items:center;flex:none}
.sa-search{display:flex;align-items:center;gap:6px;padding:0 12px;height:36px;border-radius:999px;background:rgba(0,0,0,.22);border:1px solid var(--sa-line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.sa-search .ti{color:var(--sa-mut)}
.sa-search input{background:none;border:0;outline:none;color:var(--sa-fg);width:150px;font-size:13px}
.sa-search input::placeholder{color:var(--sa-mut)}
.sa-circ{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--sa-glass);border:1px solid var(--sa-line);color:var(--sa-fg)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);text-decoration:none!important;font-size:17px}
.sa-circ:hover{background:var(--sa-glass-hi)}
.sa-ava{background:linear-gradient(135deg,#ff9a3d,#f05d3a);border-color:rgba(255,255,255,.45)}

.sa-dock{position:fixed;z-index:25;left:max(16px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:8px;border-radius:999px}
.sa-dock a,.sa-dock button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--sa-mut)!important;position:relative;border:0;background:none;font-size:18px;text-decoration:none!important;transition:background .2s,color .2s}
.sa-dock a:hover,.sa-dock button:hover{color:var(--sa-fg)!important;background:rgba(255,255,255,.1)}
.sa-dock .on{background:#fff!important;color:#231a1c!important}
.sa-tip{position:absolute;left:50px;white-space:nowrap;background:rgba(20,14,16,.88);color:#fff;padding:4px 9px;border-radius:8px;font-size:11.5px;opacity:0;pointer-events:none;transition:opacity .15s}
.sa-dock a:hover .sa-tip,.sa-dock button:hover .sa-tip{opacity:1}

body.sa-glass .page-wrapper{margin:0!important;padding-left:84px;padding-bottom:40px;background:transparent}
.sa-head{max-width:1320px;margin:10px auto 0;padding:0 12px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sa-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sa-mut);font-weight:600}
.sa-title{font-family:var(--sa-display);font-weight:600;font-size:28px;margin:2px 0 0;color:var(--sa-fg);letter-spacing:-.01em;text-shadow:0 2px 20px rgba(0,0,0,.3)}
.sa-greet{font-family:var(--sa-display);font-size:16px;color:var(--sa-fg);opacity:.85}
body.sa-glass .page-body{margin-top:14px}
body.sa-glass .container-xl{max-width:1320px}

/* ---------- Araçlar katmanı ---------- */
.sa-tools{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px}
.sa-tools[hidden]{display:none!important}
.sa-tools-bg{position:absolute;inset:0;background:rgba(15,10,12,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.sa-tools-panel{position:relative;width:min(980px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:26px;padding:20px 22px;background:rgba(40,30,34,.45);animation:saRise .3s ease both}
@keyframes saRise{from{transform:translateY(12px) scale(.98);opacity:.3}to{transform:none;opacity:1}}
.sa-tools-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sa-tools-head h2{font-family:var(--sa-display);font-size:22px;margin:0}
.sa-tools-head small{color:var(--sa-mut)}
.sa-tools-group{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--sa-mut);font-weight:700;margin:16px 2px 8px}
.sa-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sa-tile{display:flex;flex-direction:column;gap:18px;padding:13px;border-radius:18px;border:1px solid rgba(255,255,255,.26);color:#fff!important;text-decoration:none!important;min-height:104px;transition:transform .2s,box-shadow .2s}
.sa-tile:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.sa-tile.on{outline:2px solid #fff;outline-offset:2px}
.sa-tile b{font-family:var(--sa-display);font-weight:600;font-size:14px;line-height:1.25}
.sa-ti{width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:18px}
.t-blue{background:linear-gradient(160deg,rgba(90,140,255,.6),rgba(60,90,200,.3))}
.t-gold{background:linear-gradient(160deg,rgba(230,180,90,.6),rgba(170,120,50,.3))}
.t-vio{background:linear-gradient(160deg,rgba(160,120,255,.6),rgba(100,70,190,.3))}
.t-green{background:linear-gradient(160deg,rgba(90,200,140,.55),rgba(40,130,90,.3))}
.t-rose{background:linear-gradient(160deg,rgba(240,110,130,.55),rgba(170,60,80,.3))}
.t-sky{background:linear-gradient(160deg,rgba(120,200,240,.55),rgba(50,120,170,.3))}
.t-sand{background:linear-gradient(160deg,rgba(220,200,170,.5),rgba(140,120,100,.3))}
.t-ink{background:linear-gradient(160deg,rgba(80,80,100,.65),rgba(30,30,40,.4))}

/* ---------- Tabler bileşenleri → cam ---------- */
body.sa-glass .card,body.sa-glass .kpi-card{background:var(--sa-glass)!important;border:1px solid var(--sa-line)!important;border-radius:20px!important;backdrop-filter:var(--sa-blur);-webkit-backdrop-filter:var(--sa-blur);box-shadow:0 18px 40px rgba(20,10,10,.22),inset 0 1px 0 rgba(255,255,255,.14)!important;color:var(--sa-fg)}
body.sa-glass .kpi-card{transition:transform .25s}
body.sa-glass .kpi-card:hover{transform:translateY(-4px)}
body.sa-glass .card .card{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none!important;background:rgba(255,255,255,.05)!important}
body.sa-glass .card-header,body.sa-glass .card-footer{background:transparent!important;border-color:rgba(255,255,255,.12)!important}
body.sa-glass .card-title,body.sa-glass h1,body.sa-glass h2,body.sa-glass h3,body.sa-glass h4,body.sa-glass .kpi-value{color:var(--sa-fg)!important;font-family:var(--sa-display)}
body.sa-glass .kpi-value{font-weight:600}
body.sa-glass .kpi-label,body.sa-glass .kpi-sub,body.sa-glass .text-muted,body.sa-glass .text-secondary,body.sa-glass .form-hint,body.sa-glass small{color:var(--sa-mut)!important}
body.sa-glass .table{--tblr-table-bg:transparent;--tblr-table-color:var(--sa-fg);--tblr-table-border-color:rgba(255,255,255,.1);--tblr-table-hover-bg:rgba(255,255,255,.06);--tblr-table-striped-bg:rgba(255,255,255,.04);color:var(--sa-fg)}
body.sa-glass .table thead th{background:transparent!important;color:var(--sa-mut)!important;font-weight:600;letter-spacing:.04em;border-color:var(--sa-line)!important}
body.sa-glass .table>:not(caption)>*>*{background-color:transparent;color:inherit}
body.sa-glass .table tbody tr:hover>*{background:rgba(255,255,255,.05)}
body.sa-glass .form-control,body.sa-glass .form-select,body.sa-glass textarea,body.sa-glass input[type=text],body.sa-glass input[type=number],body.sa-glass input[type=email],body.sa-glass input[type=date],body.sa-glass input[type=password],body.sa-glass select{background-color:rgba(0,0,0,.22)!important;border-color:var(--sa-line)!important;color:var(--sa-fg)!important;border-radius:12px}
body.sa-glass .form-control::placeholder{color:var(--sa-mut)}
body.sa-glass select option{background:#2a2023;color:var(--sa-fg)}
body.sa-glass .form-control:focus,body.sa-glass .form-select:focus{border-color:#7fb0ff!important;box-shadow:0 0 0 3px rgba(79,141,255,.25)!important}
body.sa-glass .form-label{color:var(--sa-fg)}
body.sa-glass .btn{border-radius:999px;font-weight:600}
body.sa-glass .btn-primary{background:var(--sa-accent);border-color:transparent;box-shadow:0 8px 20px rgba(79,141,255,.35)}
body.sa-glass .btn-outline-secondary,body.sa-glass .btn-secondary,body.sa-glass .btn-light,body.sa-glass .btn-white,body.sa-glass .btn-ghost-secondary,body.sa-glass .btn:not([class*="btn-"]){background:var(--sa-glass-hi)!important;border-color:var(--sa-line)!important;color:var(--sa-fg)!important}
body.sa-glass .modal-content,body.sa-glass .dropdown-menu,body.sa-glass .offcanvas{background:rgba(42,32,36,.82)!important;border:1px solid var(--sa-line)!important;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:var(--sa-fg);border-radius:20px}
body.sa-glass .modal-header,body.sa-glass .modal-footer{border-color:rgba(255,255,255,.12)}
body.sa-glass .dropdown-item{color:var(--sa-fg)}
body.sa-glass .dropdown-item:hover{background:rgba(255,255,255,.08)}
body.sa-glass .list-group-item{background:transparent;border-color:rgba(255,255,255,.1);color:var(--sa-fg)}
body.sa-glass .nav-tabs{border-color:var(--sa-line)}
body.sa-glass .nav-tabs .nav-link{color:var(--sa-mut);border:0;border-radius:999px}
body.sa-glass .nav-tabs .nav-link.active{background:rgba(255,255,255,.9);color:#231a1c}
body.sa-glass .alert{background:rgba(255,255,255,.1);border:1px solid var(--sa-line);color:var(--sa-fg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px}
body.sa-glass .alert-success{background:rgba(74,222,128,.16);border-color:rgba(74,222,128,.35)}
body.sa-glass .alert-danger{background:rgba(251,113,133,.16);border-color:rgba(251,113,133,.35)}
body.sa-glass .alert-warning{background:rgba(251,191,36,.16);border-color:rgba(251,191,36,.35)}
body.sa-glass .alert-info{background:rgba(79,141,255,.16);border-color:rgba(79,141,255,.35)}
body.sa-glass .badge{border-radius:999px}
body.sa-glass .bg-white,body.sa-glass .bg-light{background:var(--sa-glass)!important;color:var(--sa-fg)!important}
body.sa-glass .progress{background:rgba(255,255,255,.12)}
body.sa-glass .pagination .page-link{background:var(--sa-glass);border-color:var(--sa-line);color:var(--sa-fg)}
body.sa-glass .pagination .active .page-link{background:#fff;color:#231a1c}
body.sa-glass hr{border-color:rgba(255,255,255,.15)}
body.sa-glass a{color:#9cc2ff}
body.sa-glass code{color:#fda4af;background:rgba(0,0,0,.2)}

/* Sayfa içi sabit açık renkli inline stiller */
body.sa-glass [style*="background:#fff"],body.sa-glass [style*="background: #fff"],body.sa-glass [style*="background:#ffffff"],body.sa-glass [style*="background:white"],
body.sa-glass [style*="background:#f8fafc"],body.sa-glass [style*="background: #f8fafc"],body.sa-glass [style*="background:#f1f5f9"],body.sa-glass [style*="background:#f4f6fb"],body.sa-glass [style*="background:#f9fafb"],body.sa-glass [style*="background:#eef2ff"],body.sa-glass [style*="background:#f0f9ff"],body.sa-glass [style*="background:#fafafa"]{background:rgba(255,255,255,.07)!important}
body.sa-glass [style*="color:#0f172a"],body.sa-glass [style*="color: #0f172a"],body.sa-glass [style*="color:#111"],body.sa-glass [style*="color:#1e293b"],body.sa-glass [style*="color:#334155"],body.sa-glass [style*="color:#000"]{color:var(--sa-fg)!important}
body.sa-glass [style*="color:#64748b"],body.sa-glass [style*="color:#475569"],body.sa-glass [style*="color:#94a3b8"],body.sa-glass [style*="color:#6b7280"]{color:var(--sa-mut)!important}
body.sa-glass [style*="border:1px solid #e"],body.sa-glass [style*="border-bottom:1px solid #e"],body.sa-glass [style*="border-top:1px solid #e"]{border-color:rgba(255,255,255,.14)!important}

@media (max-width:1100px){.sa-search input{width:100px}}
@media (max-width:860px){
  .sa-pill span{display:none}
  .sa-search{display:none}
}
@media (max-width:700px){
  body.sa-glass .page-wrapper{padding-left:0;padding-bottom:100px}
  .sa-dock{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);flex-direction:row;max-width:calc(100vw - 24px);overflow-x:auto}
  .sa-tip{display:none}
  .sa-brand small{display:none}
  .sa-title{font-size:23px}
  .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* KPI satırı (eski layout'taki tanım, sayfalar buna güveniyor) */
body.sa-glass .kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}
@media (max-width:992px){body.sa-glass .kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
body.sa-glass .kpi-card{padding:18px 20px;display:flex;flex-direction:column;gap:6px}
body.sa-glass .kpi-label{font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:6px}
body.sa-glass .kpi-value{font-size:28px;line-height:1.1}
body.sa-glass .kpi-sub{font-size:11.5px}
.sa-head{width:100%;box-sizing:border-box;align-self:stretch}
body.sa-glass .page-wrapper{display:block}
.sa-sofa{filter:blur(1.5px) brightness(.7)}
@media (max-width:700px){.sa-head{padding:0 16px}}

/* Fotoğraflı arka plan (DTECH ajans), eski çizim sahnenin yerine */
.sa-scene{background:#1b1517}
.sa-scene::after{background:linear-gradient(180deg,rgba(14,10,12,.35) 0%,rgba(14,10,12,.15) 35%,rgba(14,10,12,.55) 100%)}
.sa-bg{position:absolute;inset:-2%;background-image:var(--img);background-size:cover;background-position:center;opacity:0;transform:scale(1.04);transition:opacity 2.4s ease,transform 42s linear}
.sa-bg.on{opacity:1;transform:scale(1.10)}
@media (max-width:700px){.sa-bg{background-image:var(--img-m)}}

/* Firma Durumu 3D halka (dashboard.php) */
.st3d{display:block;width:100%}
.st3d-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.st3d-item{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:12px;border:1px solid transparent;background:rgba(255,255,255,.06);color:var(--sa-fg);font-size:12px;text-align:left;cursor:pointer;transition:background .2s,border-color .2s}
.st3d-item:hover,.st3d-item.on{background:rgba(255,255,255,.14);border-color:var(--sa-line)}
.st3d-item:disabled{opacity:.4;cursor:default}
.st3d-item i{width:9px;height:9px;border-radius:3px;flex:none}
.st3d-item span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sa-mut)}
.st3d-item b{font-variant-numeric:tabular-nums}
.sa-top::before{content:"";position:absolute;inset:0 0 -14px;z-index:-1;background:linear-gradient(180deg,rgba(18,12,14,.62),rgba(18,12,14,.25) 70%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}

/* KPI detay çekmecesi (2026-10-31) */
.kpi-card[data-kpi]{cursor:pointer;position:relative}
.kpi-card[data-kpi]::after{content:"Detay \2192";position:absolute;right:16px;top:16px;font-size:11px;color:var(--sa-mut);opacity:0;transition:opacity .2s}
.kpi-card[data-kpi]:hover::after,.kpi-card[data-kpi]:focus-visible::after{opacity:1}
.kpi-card[data-kpi]:focus-visible{outline:2px solid #fff;outline-offset:3px}
.sa-drawer{position:fixed;inset:0;z-index:70}
.sa-drawer[hidden]{display:none!important}
.sa-drawer-bg{position:absolute;inset:0;background:rgba(15,10,12,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.sa-drawer-panel{position:absolute;top:12px;right:12px;bottom:12px;width:min(560px,calc(100vw - 24px));border-radius:26px;background:rgba(36,28,32,.62);display:flex;flex-direction:column;overflow:hidden;animation:saSlide .3s ease both}
@keyframes saSlide{from{transform:translateX(30px);opacity:.3}to{transform:none;opacity:1}}
.sa-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 10px}
.sa-drawer-head h2{font-family:var(--sa-display);font-size:20px;margin:0}
.sa-drawer-body{flex:1;overflow:auto;padding:4px 20px 20px}
.kd-sum{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:10px}
.kd-sum div,.kd-mrr{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 12px}
.kd-sum small,.kd-mrr small{display:block;color:var(--sa-mut);font-size:11px}
.kd-sum b{font-family:var(--sa-display);font-size:22px;font-weight:600}
.kd-mrr{margin-bottom:14px;background:linear-gradient(135deg,rgba(79,141,255,.28),rgba(20,194,166,.18))}
.kd-mrr b{font-family:var(--sa-display);font-size:26px;font-weight:600}.kd-mrr em{font-style:normal;font-size:13px;color:var(--sa-mut)}
.kd-split{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:6px;font-size:12px;color:rgba(251,246,242,.85)}
.kd-split i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}
.kd-sec{margin-top:14px}
.kd-sec h4{font-family:var(--sa-display);font-size:14px;font-weight:600;margin:0 0 6px;display:flex;align-items:center;gap:8px}
.kd-sec h4 span{font-size:11px;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.14)}
.kd-hint{font-size:11.5px;color:var(--sa-mut);margin:0 0 6px}
.kd-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.05);margin-bottom:6px}
.kd-t{flex:1;min-width:0}.kd-t b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kd-t small{color:var(--sa-mut);font-size:11.5px}
.kd-r{text-align:right;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.kd-r small{display:block;font-weight:400;color:var(--sa-mut);font-size:11px}
.kd-chip{font-size:11px;padding:2px 9px;border-radius:999px;background:rgba(255,255,255,.12);font-weight:600}
.kd-chip.warn{background:rgba(251,191,36,.18);color:#fcd34d}.kd-chip.bad{background:rgba(240,80,110,.2);color:#fda4af}
.kd-go{color:var(--sa-mut)!important;font-size:18px;text-decoration:none!important}
@media (max-width:560px){.kd-sum{grid-template-columns:repeat(2,minmax(0,1fr))}.sa-drawer-panel{top:auto;height:86vh;right:8px;left:8px;width:auto;bottom:8px}}