/* HK OTOKAN ETAP 10 UI — scope: .hk10-* and body.hk10-premium */
:root{
  --hk10-orange:#E65100;
  --hk10-orange-soft:#fff4ed;
  --hk10-green:#2E7D32;
  --hk10-green-soft:#eef8ef;
  --hk10-red:#b91c1c;
  --hk10-ink:#172033;
  --hk10-muted:#64748b;
  --hk10-line:#d9e0ea;
  --hk10-card:#ffffff;
  --hk10-shadow:0 8px 24px rgba(15,23,42,.09);
}
body.hk10-premium button,body.hk10-premium .btn,body.hk10-premium input,body.hk10-premium select,body.hk10-premium textarea{border-radius:8px!important}
body.hk10-premium button,body.hk10-premium .btn{box-shadow:0 2px 7px rgba(15,23,42,.10);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}
body.hk10-premium button:hover,body.hk10-premium .btn:hover{box-shadow:0 5px 14px rgba(15,23,42,.14)}
body.hk10-premium button:active,body.hk10-premium .btn:active{transform:translateY(1px)}
body.hk10-premium :focus-visible{outline:3px solid rgba(230,81,0,.28)!important;outline-offset:2px!important}
.hk10-primary{background:var(--hk10-orange)!important;color:#fff!important;border-color:var(--hk10-orange)!important}
.hk10-safe{background:var(--hk10-green)!important;color:#fff!important;border-color:var(--hk10-green)!important}
.hk10-danger{background:var(--hk10-red)!important;color:#fff!important;border-color:var(--hk10-red)!important}
.hk10-muted-btn{background:#f8fafc!important;color:var(--hk10-ink)!important;border:1px solid var(--hk10-line)!important}

.hk10-f2-mask{position:fixed;inset:0;z-index:390000;background:rgba(2,6,23,.64);backdrop-filter:blur(5px);display:none;align-items:flex-start;justify-content:center;padding:4vh 14px 20px}
.hk10-f2-mask.hk10-show{display:flex}
.hk10-f2-dialog{width:min(1120px,98vw);max-height:92vh;overflow:hidden;background:var(--hk10-card);color:var(--hk10-ink);border:1px solid rgba(255,255,255,.4);border-radius:18px;box-shadow:0 30px 90px rgba(2,6,23,.36);display:grid;grid-template-rows:auto auto auto minmax(150px,1fr) auto}
.hk10-f2-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#fff7ed,#fff);border-bottom:1px solid #fed7aa}
.hk10-f2-title{font-size:20px;font-weight:950;letter-spacing:-.02em}.hk10-f2-title b{color:var(--hk10-orange)}
.hk10-f2-sub{font-size:12px;color:var(--hk10-muted);font-weight:700;margin-top:3px}
.hk10-icon-btn{border:1px solid var(--hk10-line);background:#fff;color:#334155;width:38px;height:38px;border-radius:8px;font-size:21px;cursor:pointer}
.hk10-f2-search{display:grid;grid-template-columns:minmax(240px,1fr) 180px 210px 120px;gap:10px;padding:14px 18px 10px}
.hk10-f2-search input,.hk10-f2-search select{height:44px;padding:0 12px;border:1px solid var(--hk10-line);background:#fff;color:var(--hk10-ink);font-weight:800;font-size:14px}
.hk10-f2-help{padding:0 18px 10px;color:var(--hk10-muted);font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.hk10-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:2px 6px;border:1px solid #cbd5e1;border-bottom-width:2px;background:#fff;border-radius:6px;color:#334155;font-size:11px;font-weight:900;margin-right:3px}
.hk10-f2-results{overflow:auto;padding:4px 18px 18px;display:grid;gap:8px;align-content:start}
.hk10-f2-empty{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:12px;padding:24px;text-align:center;color:var(--hk10-muted);font-weight:800}
.hk10-f2-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;border:1px solid var(--hk10-line);background:#fff;border-radius:12px;padding:12px 13px;cursor:pointer;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.hk10-f2-item:hover,.hk10-f2-item.hk10-active{border-color:var(--hk10-orange);box-shadow:0 0 0 3px rgba(230,81,0,.12)}
.hk10-f2-code{font-size:16px;font-weight:950;color:#0f172a}.hk10-f2-name{font-size:14px;font-weight:900;margin-top:3px}.hk10-f2-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px;color:var(--hk10-muted);font-size:12px;font-weight:750}
.hk10-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.hk10-chip.hk10-source{background:var(--hk10-orange-soft);border-color:#fed7aa;color:#9a3412}.hk10-chip.hk10-stock{background:var(--hk10-green-soft);border-color:#bbdfbd;color:#166534}
.hk10-f2-side{text-align:right;min-width:155px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:8px}.hk10-price{font-size:17px;font-weight:950;color:var(--hk10-orange)}
.hk10-transfer{border:0;background:var(--hk10-green);color:#fff;border-radius:8px;padding:9px 11px;font-weight:950;cursor:pointer;white-space:nowrap}
.hk10-f2-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px;border-top:1px solid var(--hk10-line);background:#f8fafc;font-size:12px;color:var(--hk10-muted);font-weight:700}
.hk10-status-ok{color:var(--hk10-green)!important}.hk10-status-warn{color:#a16207!important}.hk10-status-bad{color:var(--hk10-red)!important}

.hk10-toast-host{position:fixed;right:18px;bottom:18px;z-index:410000;display:grid;gap:8px;width:min(420px,calc(100vw - 36px))}
.hk10-toast{background:#fff;color:var(--hk10-ink);border:1px solid var(--hk10-line);border-left:5px solid var(--hk10-orange);border-radius:10px;padding:11px 12px;box-shadow:var(--hk10-shadow);font-weight:800;line-height:1.4;animation:hk10In .18s ease}
.hk10-toast.ok{border-left-color:var(--hk10-green)}.hk10-toast.bad{border-left-color:var(--hk10-red)}
@keyframes hk10In{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

.hk10-admin-fab{position:fixed;right:18px;bottom:78px;z-index:300000;background:var(--hk10-orange);color:#fff!important;text-decoration:none;border-radius:8px;padding:10px 13px;font-weight:950;box-shadow:var(--hk10-shadow);font-size:13px}

/* Management page */
.hk10-admin-body{margin:0;background:#f3f6fa;color:var(--hk10-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}
.hk10-admin-shell{max-width:1500px;margin:0 auto;padding:18px}
.hk10-admin-top{background:linear-gradient(135deg,#172033,#263247);color:#fff;border-radius:16px;padding:18px;box-shadow:var(--hk10-shadow);display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.hk10-admin-top h1{margin:0;font-size:24px}.hk10-admin-top p{margin:5px 0 0;color:#cbd5e1;font-weight:650}
.hk10-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.hk10-tab{border:1px solid var(--hk10-line);background:#fff;color:#334155;padding:10px 12px;border-radius:8px;font-weight:900;cursor:pointer}.hk10-tab.active{background:var(--hk10-orange);border-color:var(--hk10-orange);color:#fff}
.hk10-panel{display:none}.hk10-panel.active{display:block}
.hk10-card{background:#fff;border:1px solid var(--hk10-line);border-radius:14px;box-shadow:0 5px 18px rgba(15,23,42,.06);padding:15px;margin-bottom:12px}.hk10-card h2,.hk10-card h3{margin:0 0 10px}.hk10-card p{color:var(--hk10-muted);font-weight:650}
.hk10-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.hk10-col-4{grid-column:span 4}.hk10-col-6{grid-column:span 6}.hk10-col-8{grid-column:span 8}.hk10-col-12{grid-column:span 12}
.hk10-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.hk10-field{display:grid;gap:5px;min-width:150px;flex:1}.hk10-field label{font-size:12px;color:var(--hk10-muted);font-weight:900}.hk10-field input,.hk10-field select,.hk10-field textarea{border:1px solid var(--hk10-line);background:#fff;min-height:40px;padding:8px 10px;color:var(--hk10-ink);font-weight:750}.hk10-btn{border:1px solid var(--hk10-line);background:#fff;color:var(--hk10-ink);border-radius:8px;padding:10px 12px;font-weight:950;cursor:pointer}.hk10-btn.primary{background:var(--hk10-orange);border-color:var(--hk10-orange);color:#fff}.hk10-btn.safe{background:var(--hk10-green);border-color:var(--hk10-green);color:#fff}.hk10-btn.danger{background:var(--hk10-red);border-color:var(--hk10-red);color:#fff}
.hk10-table-wrap{overflow:auto;border:1px solid var(--hk10-line);border-radius:10px}.hk10-table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}.hk10-table th{position:sticky;top:0;background:#f8fafc;color:#475569;text-align:left;padding:9px;border-bottom:1px solid var(--hk10-line);font-weight:950}.hk10-table td{padding:9px;border-bottom:1px solid #edf1f5;vertical-align:top}.hk10-table tr:hover td{background:#fffaf6}
.hk10-badge{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:11px;font-weight:950;background:#f1f5f9;color:#475569}.hk10-badge.critical{background:#fee2e2;color:#991b1b}.hk10-badge.high{background:#ffedd5;color:#9a3412}.hk10-badge.ok{background:#dcfce7;color:#166534}
.hk10-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.hk10-stat{background:#fff;border:1px solid var(--hk10-line);border-radius:12px;padding:13px}.hk10-stat small{color:var(--hk10-muted);font-weight:850}.hk10-stat b{display:block;font-size:24px;margin-top:4px}

@media(max-width:850px){
  .hk10-f2-search{grid-template-columns:1fr 1fr}.hk10-f2-search button{grid-column:span 2}.hk10-f2-item{grid-template-columns:1fr}.hk10-f2-side{align-items:flex-start;text-align:left}.hk10-transfer{width:100%}
  .hk10-grid{display:block}.hk10-col-4,.hk10-col-6,.hk10-col-8,.hk10-col-12{margin-bottom:12px}.hk10-stat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.hk10-f2-search{grid-template-columns:1fr}.hk10-f2-search button{grid-column:auto}.hk10-f2-dialog{max-height:96vh}.hk10-stat-grid{grid-template-columns:1fr}.hk10-admin-shell{padding:10px}}

body:not(.hk-light) .hk10-f2-dialog{background:#111827;color:#f8fafc;border-color:#334155}
body:not(.hk-light) .hk10-f2-head{background:linear-gradient(135deg,#1f2937,#111827);border-color:#334155}
body:not(.hk-light) .hk10-f2-item,body:not(.hk-light) .hk10-f2-search input,body:not(.hk-light) .hk10-f2-search select,body:not(.hk-light) .hk10-icon-btn{background:#182235;color:#f8fafc;border-color:#334155}
body:not(.hk-light) .hk10-f2-code{color:#fff}body:not(.hk-light) .hk10-f2-foot{background:#0f172a;border-color:#334155}

/* HK ETAP 11: F2 modern kart fotoğraf ve raf düzeni */
.hk10-f2-main{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:center;min-width:0}
.hk10-f2-copy{min-width:0}.hk10-f2-photo{width:76px;height:76px;border:1px solid var(--hk10-line);border-radius:8px;background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}
.hk10-f2-photo img{width:100%;height:100%;object-fit:cover}.hk10-f2-photo span{font-size:9px;line-height:1.2;text-align:center;color:var(--hk10-muted);font-weight:900;padding:4px}.hk10-photo-failed{background:#fff7ed}.hk10-shelf{font-weight:900;background:#eef8ef!important;border-color:#bbdfbd!important;color:#166534!important}
@media(max-width:620px){.hk10-f2-main{grid-template-columns:58px minmax(0,1fr)}.hk10-f2-photo{width:58px;height:58px}}

/* =====================================================================
   HK OTOKAN — MANUEL ÜRÜN PANELİ / TEK YATAY SATIR (2026-07-27)
   Üstte: Kod + Ürün + Marka + Adet + Fiyat + Kategori
   Altta: Kart genişliğinde Sepete Ekle
   ===================================================================== */
body.hk10-premium .manualGrid,
.manualGrid{
  display:grid!important;
  grid-template-columns:
    minmax(0,1.55fr)
    minmax(0,2.30fr)
    minmax(0,1.55fr)
    minmax(0,.60fr)
    minmax(0,.75fr)
    minmax(0,2.10fr)!important;
  grid-template-areas:
    "kod urun marka adet fiyat kategori"
    "ekle ekle ekle ekle ekle ekle"!important;
  align-items:end!important;
  gap:7px!important;
  width:100%!important;
  margin-top:10px!important;
}
.manualGrid>div{
  display:block!important;
  min-width:0!important;
  width:auto!important;
  margin:0!important;
}
.manualGrid label{
  display:block!important;
  min-height:16px!important;
  margin:0 0 5px!important;
}
.manualGrid input,
.manualGrid select,
.manualGrid button{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:46px!important;
  margin:0!important;
  border-radius:8px!important;
}
.manualFieldCode,.hk10-man-code{grid-area:kod!important}
.manualFieldUrun,.hk10-man-product{grid-area:urun!important}
.manualFieldMarka,.hk10-man-brand{grid-area:marka!important}
.manualFieldAdet,.hk10-man-qty{grid-area:adet!important}
.manualFieldFiyat,.hk10-man-price{grid-area:fiyat!important}
body .manualGrid>.manualFieldFiyatTipi,
body .manualGrid>.hk10-man-price-type,
body .manualGrid>#manFiyatTipi{
  display:none!important;
  grid-area:auto!important;
}
.manualFieldKategori,.hk10-man-category{grid-area:kategori!important}
.manualAddButton,.hk10-man-add{
  grid-area:ekle!important;
  align-self:end!important;
  height:54px!important;
  margin-top:4px!important;
  font-size:15px!important;
  letter-spacing:.15px!important;
  box-shadow:0 8px 18px rgba(234,88,12,.18)!important;
}

/* Merkezi marka select'i görünür; veri uyumluluğu için tutulan eski input gizlidir. */
.manualGrid .hk10-legacy-control{display:none!important}
#hk10ManMarkaSelect{display:block!important}

/* Manuel satış kartında ayrı marka öneri düğmesi kullanılmaz. */
#hk10BrandSuggestBtn,.hk10-man-brand-suggest{display:none!important}

/* Kod Hafızası açıklaması üstte; dört işlem düğmesi tek satırda altta. */
.manualActions,
.manualActions.hk10-manual-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:8px!important;
}
.manualActions>label:first-child,
.manualActions>.hk10-manual-memory-note{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
.manualActions>button,
.manualActions>.hk10-manual-action-btn{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

body.hk-light #hk10ManMarkaSelect,
body.hk-light #manKategori{
  background:#ffffff!important;
  color:#111827!important;
  -webkit-text-fill-color:#111827!important;
  border-color:#cbd5e1!important;
}
body:not(.hk-light) #hk10ManMarkaSelect,
body:not(.hk-light) #manKategori{
  background:#0e1622!important;
  color:#f8fafc!important;
  -webkit-text-fill-color:#f8fafc!important;
  border-color:#334155!important;
}

@media(max-width:760px){
  body.hk10-premium .manualGrid,
  .manualGrid{
    grid-template-columns:
      minmax(0,1.45fr)
      minmax(0,2.15fr)
      minmax(0,1.40fr)
      minmax(0,.58fr)
      minmax(0,.70fr)
      minmax(0,1.95fr)!important;
    grid-template-areas:
      "kod urun marka adet fiyat kategori"
      "ekle ekle ekle ekle ekle ekle"!important;
    gap:5px!important;
  }
  .manualGrid label{
    font-size:10px!important;
    margin-bottom:4px!important;
  }
  .manualGrid input,
  .manualGrid select{
    height:42px!important;
    padding-left:9px!important;
    padding-right:9px!important;
    font-size:11px!important;
  }
  .manualAddButton,.hk10-man-add{
    height:52px!important;
  }
}
@media(max-width:620px){
  .manualActions,
  .manualActions.hk10-manual-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* =====================================================================
   HK OTOKAN — SAĞ KENAR KOMPAKT SATIŞ SEPETİ (2026-07-27)
   Genel toplamın altında görünür; ürünler kendi alanında kaydırılır.
   ===================================================================== */
.hkSideCartPanel{
  margin-top:12px;
  padding:10px;
  border:1px solid var(--hk10-line,#d9e0ea);
  border-radius:16px;
  background:rgba(255,255,255,.035);
}
.hkSideCartHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:8px;
}
.hkSideCartHead h2{margin:0!important;font-size:15px!important}
.hkSideCartHead span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:52px;
  padding:5px 8px;
  border-radius:999px;
  background:var(--hk10-orange,#E65100);
  color:#fff;
  font-size:10px;
  font-weight:950;
}
.hkSideCartPanel .cartList{
  max-height:clamp(240px,42vh,520px);
  overflow:auto;
  overscroll-behavior:contain;
  padding-right:3px;
}
.hkSideCartPanel .cartItem{
  padding:9px!important;
  border-radius:13px!important;
}
.hkSideCartPanel .cartTop{gap:6px!important}
.hkSideCartPanel .cartName{font-size:13px!important;-webkit-line-clamp:2!important}
.hkSideCartPanel .cartMeta{font-size:10px!important;line-height:1.3!important}
.hkSideCartPanel .lineTotal{font-size:15px!important;white-space:nowrap}
.hkCartEmpty{
  padding:18px 10px;
  border:1px dashed var(--hk10-line,#d9e0ea);
  border-radius:12px;
  color:var(--hk10-muted,#64748b);
  text-align:center;
  font-size:12px;
  font-weight:800;
}
.hkCartQuickControls{
  display:grid;
  grid-template-columns:auto minmax(80px,1fr) 64px 36px;
  gap:6px;
  align-items:end;
  margin-top:8px;
}
.hkCartQtyBox{
  display:grid;
  grid-template-columns:32px 46px 32px;
  gap:4px;
}
.hkCartQtyBox button,
.hkCartQtyBox input,
.hkCartPriceBox input,
.hkCartTypeBox select,
.hkCartRemove{
  width:100%!important;
  height:36px!important;
  min-width:0!important;
  margin:0!important;
  padding:6px!important;
  border-radius:8px!important;
  font-size:12px!important;
}
.hkCartQtyBox input{text-align:center!important}
.hkCartPriceBox,
.hkCartTypeBox{
  display:block!important;
  min-width:0!important;
  margin:0!important;
}
.hkCartPriceBox span,
.hkCartTypeBox span{
  display:block;
  min-height:12px;
  margin:0 0 3px;
  color:var(--hk10-muted,#64748b);
  font-size:9px;
  font-weight:950;
  text-transform:uppercase;
}
.hkCartRemove{font-size:18px!important}
.cartEditDetails{
  margin-top:8px;
  border-top:1px solid var(--hk10-line,#d9e0ea);
  padding-top:7px;
}
.cartEditDetails summary{
  cursor:pointer;
  color:var(--hk10-muted,#64748b);
  font-size:10px;
  font-weight:900;
  user-select:none;
}
.hkSideCartPanel .cartEditGrid{
  grid-template-columns:1fr 1fr!important;
  gap:6px!important;
  margin-top:8px!important;
}
.hkSideCartPanel .cartEditGrid .wide{grid-column:1/-1!important}
.hkSideCartPanel .cartEditGrid input,
.hkSideCartPanel .cartEditGrid select{
  min-width:0!important;
  padding:8px!important;
  font-size:11px!important;
}
body.hk-light .hkSideCartPanel{
  background:#f8fafc;
  border-color:#cbd5e1;
}
@media(max-width:1000px){
  .hkSideCartPanel .cartList{max-height:none}
}

/* =====================================================================
   HK OTOKAN — SATIŞ SAĞLIK KONTROLÜ V1 (SALT OKUNUR)
   ===================================================================== */
.hkHealthModal{width:min(1180px,96vw)!important}
.hkHealthToolbar{
  display:flex;
  align-items:end;
  gap:9px;
  flex-wrap:wrap;
  margin-bottom:12px;
}
.hkHealthToolbar>div:first-child{min-width:150px}
.hkHealthToolbar label{margin:0 0 4px!important}
.hkHealthToolbar select,.hkHealthToolbar button{height:42px!important;margin:0!important}
.hkHealthBatchFixBtn,.hkHealthFixOne{
  border:1px solid #15803d!important;
  background:#15803d!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:950!important;
}
.hkHealthBatchFixBtn{padding:0 14px!important}
.hkHealthIssueActions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.hkHealthFixOne{min-height:34px!important;padding:7px 10px!important;border-radius:9px!important}
.hkHealthBatchFixBtn:disabled,.hkHealthFixOne:disabled{opacity:.65!important;cursor:wait!important}
.hkHealthReadonly{
  margin-left:auto;
  padding:10px 12px;
  border:1px solid var(--hk10-line,#d9e0ea);
  border-radius:12px;
  color:var(--hk10-muted,#64748b);
  font-size:11px;
  font-weight:900;
}
.hkHealthHero{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:15px 17px;
  border:1px solid;
  border-radius:17px;
}
.hkHealthHero.clean{background:rgba(22,163,74,.11);border-color:rgba(22,163,74,.42)}
.hkHealthHero.check{background:rgba(234,88,12,.11);border-color:rgba(234,88,12,.42)}
.hkHealthHero h2{margin:0 0 4px!important;font-size:18px!important}
.hkHealthHero p{margin:0;color:var(--hk10-muted,#64748b);font-size:12px;font-weight:800}
.hkHealthHero>b{font-size:34px;line-height:1}
.hkHealthStats{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  margin:10px 0;
}
.hkHealthStats>div{
  padding:11px;
  border:1px solid var(--hk10-line,#d9e0ea);
  border-radius:14px;
  background:rgba(255,255,255,.035);
}
.hkHealthStats span{display:block;color:var(--hk10-muted,#64748b);font-size:10px;font-weight:900}
.hkHealthStats b{display:block;margin-top:4px;font-size:22px}
.hkHealthStats .clean b{color:#16a34a}
.hkHealthStats .danger b{color:#dc2626}
.hkHealthStats .warn b{color:#ea580c}
.hkHealthNote{
  padding:10px 12px;
  border-radius:12px;
  background:rgba(37,99,235,.09);
  color:var(--hk10-muted,#64748b);
  font-size:11px;
  font-weight:800;
  line-height:1.45;
}
.hkHealthIssues{display:grid;gap:8px;margin-top:10px}
.hkHealthIssue{
  padding:12px;
  border:1px solid;
  border-radius:15px;
  background:rgba(255,255,255,.025);
}
.hkHealthIssue.danger{border-color:rgba(220,38,38,.48)}
.hkHealthIssue.warn{border-color:rgba(234,88,12,.45)}
.hkHealthIssueTop{display:flex;align-items:center;justify-content:space-between;gap:10px}
.hkHealthIssueTop>div{display:flex;align-items:center;gap:8px;min-width:0}
.hkHealthLevel{
  padding:4px 7px;
  border-radius:999px;
  background:#475569;
  color:#fff;
  font-size:9px;
  font-weight:950;
}
.hkHealthIssue.danger .hkHealthLevel{background:#b91c1c}
.hkHealthIssue.warn .hkHealthLevel{background:#c2410c}
.hkHealthIssueText{margin-top:7px;font-size:12px;font-weight:850;line-height:1.4}
.hkHealthIssueMeta{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:8px}
.hkHealthIssueMeta span{color:var(--hk10-muted,#64748b);font-size:10px;font-weight:750}
.hkHealthSubIssues{display:grid;gap:7px;margin-top:10px}
.hkHealthSubIssue{
  padding:9px 10px;
  border-left:4px solid #c2410c;
  border-radius:10px;
  background:rgba(234,88,12,.07);
}
.hkHealthSubIssue.danger{border-left-color:#b91c1c;background:rgba(220,38,38,.075)}
.hkHealthSubIssue>div:first-child{display:flex;align-items:center;gap:7px}
.hkHealthSubIssue p{margin:5px 0 0;font-size:11px;font-weight:800;line-height:1.4}
.hkHealthSubMeta{margin-top:5px;color:var(--hk10-muted,#64748b);font-size:10px;font-weight:800}
.hkSaleTotalMismatch{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
  padding:11px;
  border:1px solid rgba(220,38,38,.42);
  border-radius:13px;
  background:rgba(220,38,38,.075);
}
.hkSaleTotalMismatch>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.hkSaleTotalMismatch span,.hkStoredSaleTotal span{font-size:10px;font-weight:950;color:var(--hk10-muted,#64748b)}
.hkSaleTotalMismatch b{font-size:17px;color:#b91c1c}
.hkSaleTotalMismatch p{grid-column:1/-1;margin:2px 0 0;font-size:10px;font-weight:800;line-height:1.4;color:var(--hk10-muted,#64748b)}
.hkSaleTotalMismatch .hkFixSaleTotalBtn{
  grid-column:1/-1;
  width:100%;
  min-height:44px;
  margin-top:2px;
  border-radius:11px!important;
  background:#b91c1c!important;
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:.15px;
}
.hkStoredSaleTotal{display:flex!important;align-items:center;justify-content:flex-end;gap:12px}
.hkStoredSaleTotal b{font-size:28px;color:#ea580c}
.hkHealthEmpty{
  padding:24px;
  border:1px dashed rgba(22,163,74,.5);
  border-radius:16px;
  color:#16a34a;
  text-align:center;
  font-weight:950;
}
.hkHealthGenerated{margin-top:9px;color:var(--hk10-muted,#64748b);font-size:10px;text-align:right}
body.hk-light .hkHealthStats>div,
body.hk-light .hkHealthIssue{background:#fff}
@media(max-width:760px){
  .hkHealthStats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hkHealthReadonly{margin-left:0;width:100%}
  .hkHealthIssueTop{align-items:flex-start}
}