/* PGA Customer Portal consolidated stylesheet
   Base: former r19-ui.css + Customer Portal V28.1
   Consolidated 2026-09-09
*/

/* PGA R19.3 — Clean Blue Final Theme
   Visual-only layer. Backend, API, realtime QRIS, callback, security,
   maintenance, database structure and transaction flow are unchanged. */
:root{
  --cb-blue-900:#0b3b75;
  --cb-blue-800:#0d4f99;
  --cb-blue-700:#1261ba;
  --cb-blue-600:#1677e8;
  --cb-blue-500:#2f8cff;
  --cb-blue-400:#69adff;
  --cb-blue-300:#9dccff;
  --cb-blue-200:#cfe6ff;
  --cb-blue-100:#eaf4ff;
  --cb-blue-50:#f5faff;
  --cb-ink:#132238;
  --cb-text:#334155;
  --cb-muted:#6b7a90;
  --cb-line:#dce5f0;
  --cb-line-soft:#eaf0f6;
  --cb-bg:#f4f7fb;
  --cb-card:#ffffff;
  --cb-green:#12a36d;
  --cb-red:#e34b5f;
  --cb-amber:#e6a11a;
  --cb-purple:#7c5cff;
  --cb-shadow:0 2px 8px rgba(26,63,112,.06),0 12px 30px rgba(26,63,112,.045);
  --cb-shadow-hover:0 8px 26px rgba(30,92,165,.12);
  --cb-shadow-lg:0 24px 64px rgba(20,56,100,.18);
  --cb-radius:14px;
  --cb-radius-sm:10px;
}
*{box-sizing:border-box}
html{background:var(--cb-bg)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--cb-ink);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit}
button{transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .08s ease}
button:active{transform:translateY(1px)}
::selection{background:#cfe6ff;color:#0b3b75}

/* ==================== LOGIN / SETUP ==================== */
body.pga-admin-login,
body.pga-customer-login,
body.pga-admin-setup{
  background:
    radial-gradient(circle at 15% 10%,rgba(47,140,255,.12),transparent 30%),
    radial-gradient(circle at 90% 85%,rgba(22,119,232,.08),transparent 28%),
    var(--cb-bg)!important;
  color:var(--cb-ink)
}
body.pga-admin-login>div,
body.pga-admin-setup>div{
  max-width:450px!important;background:#fff!important;border:1px solid var(--cb-line)!important;border-radius:18px!important;
  box-shadow:var(--cb-shadow-lg)!important;padding:34px 38px!important;position:relative;overflow:hidden
}
body.pga-admin-login>div:before,
body.pga-admin-setup>div:before{
  content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--cb-blue-700),var(--cb-blue-500),#60a5fa)
}
body.pga-admin-login h1,body.pga-admin-login h2,body.pga-admin-setup h1,body.pga-admin-setup h2{color:var(--cb-ink)!important;letter-spacing:-.025em}
body.pga-admin-login input,body.pga-admin-setup input{
  border-radius:10px!important;min-height:44px;border-color:var(--cb-line)!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.025)
}
body.pga-admin-login input:focus,body.pga-admin-setup input:focus{
  border-color:var(--cb-blue-500)!important;box-shadow:0 0 0 4px rgba(47,140,255,.12)!important;outline:none
}
body.pga-admin-login button[class*="bg-blue-600"],body.pga-admin-setup button[class*="bg-blue-600"]{
  background:linear-gradient(135deg,var(--cb-blue-600),var(--cb-blue-700))!important;border-radius:10px!important;box-shadow:0 8px 20px rgba(22,119,232,.18)!important
}

body.pga-customer-login .auth{background:transparent!important;padding:30px 16px!important}
body.pga-customer-login .auth-box{
  display:block!important;width:min(460px,100%)!important;background:#fff!important;border:1px solid var(--cb-line)!important;border-radius:18px!important;
  box-shadow:var(--cb-shadow-lg)!important;overflow:hidden;position:relative
}
body.pga-customer-login .auth-box:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--cb-blue-700),var(--cb-blue-500),#60a5fa)}
body.pga-customer-login .auth-side{display:none!important}
body.pga-customer-login .auth-form{padding:30px 36px 34px!important;background:#fff!important}
body.pga-customer-login .auth-form:before{
  content:"PGA";display:block;text-align:center;font-size:28px;font-weight:900;letter-spacing:-.035em;color:var(--cb-blue-700);margin:2px 0 3px
}
body.pga-customer-login .auth-tabs{background:#eef5fd!important;border:0!important;border-radius:11px!important;padding:4px!important}
body.pga-customer-login .auth-tab{border-radius:8px!important;color:var(--cb-muted)!important}
body.pga-customer-login .auth-tab.active{color:var(--cb-blue-700)!important;background:#fff!important;box-shadow:0 3px 10px rgba(26,63,112,.08)!important}
body.pga-customer-login .input{min-height:44px!important;border-radius:10px!important;border-color:var(--cb-line)!important;background:#fff!important}
body.pga-customer-login .input:focus{border-color:var(--cb-blue-500)!important;box-shadow:0 0 0 4px rgba(47,140,255,.11)!important}
body.pga-customer-login .btn-primary{min-height:44px!important;border-radius:10px!important;background:linear-gradient(135deg,var(--cb-blue-600),var(--cb-blue-700))!important;box-shadow:0 8px 20px rgba(22,119,232,.16)!important}

/* ==================== ADMIN DESKTOP ==================== */
body.pga-admin-shell{background:var(--cb-bg)!important;color:var(--cb-ink)}
body.pga-admin-shell>div{min-height:100vh}
body.pga-admin-shell aside{
  width:250px!important;min-width:250px!important;padding:0!important;color:#eaf4ff!important;border-right:0!important;
  background:linear-gradient(180deg,#0d5aa9 0%,#0b4f97 48%,#083f7c 100%)!important;
  box-shadow:6px 0 24px rgba(11,59,117,.10)!important
}
body.pga-admin-shell aside>div:first-child{
  height:72px!important;margin:0!important;padding:0 18px!important;display:flex!important;align-items:center!important;
  background:rgba(4,46,91,.25)!important;border-bottom:1px solid rgba(255,255,255,.10)!important
}
body.pga-admin-shell aside>div:first-child>div>div:first-child{font-size:18px!important;letter-spacing:.035em;font-weight:900!important;color:#fff!important}
body.pga-admin-shell aside>div:first-child>div>div:last-child{color:#bcdcff!important;font-size:11px!important}
body.pga-admin-shell aside nav{padding:15px 10px!important;margin:0!important;display:block!important}
body.pga-admin-shell aside .nav{
  color:#dbeeff!important;border:1px solid transparent!important;border-radius:10px!important;padding:10px 12px!important;margin:3px 0!important;
  background:transparent!important;font-weight:650!important;box-shadow:none!important;transition:all .16s ease
}
body.pga-admin-shell aside .nav i{width:19px;text-align:center;color:#b8dcff!important;margin-right:9px!important}
body.pga-admin-shell aside .nav:hover{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important}
body.pga-admin-shell aside .nav.active{
  color:#fff!important;background:linear-gradient(135deg,#2f8cff,#1677e8)!important;border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 7px 18px rgba(4,48,96,.18)!important
}
body.pga-admin-shell aside .nav.active i{color:#fff!important}
body.pga-admin-shell aside>form{padding:0 10px 18px!important;margin-top:auto!important}
body.pga-admin-shell aside>form button{border-radius:10px!important;padding:10px 12px!important;background:rgba(255,255,255,.08)!important;color:#fff!important}

body.pga-admin-shell main{padding:0 24px 34px!important;background:var(--cb-bg)!important;min-width:0}
.r192-admin-topbar{
  height:72px;margin:0 -24px 24px!important;padding:0 24px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--cb-line)!important;
  box-shadow:0 2px 12px rgba(26,63,112,.055)!important;display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:0;z-index:30;backdrop-filter:blur(12px)
}
.r192-admin-welcome{display:flex;align-items:center;gap:8px;color:var(--cb-muted)!important;font-size:13px}
.r192-admin-userchip{background:var(--cb-blue-100)!important;color:var(--cb-blue-700)!important;border:1px solid var(--cb-blue-200);border-radius:999px;padding:7px 12px;font-size:12px;font-weight:850}
.r192-admin-actions{display:flex;align-items:center;gap:8px}
.r192-admin-actions button{border-radius:9px!important;padding:8px 11px!important;font-size:12px!important}
body.pga-admin-shell main h1,body.pga-admin-shell main h2{letter-spacing:-.025em;color:var(--cb-ink)!important}
body.pga-admin-shell main h1{font-size:24px!important}
body.pga-admin-shell main h2{font-size:20px!important}
body.pga-admin-shell main [class*="bg-white"]{
  background:#fff!important;border-color:var(--cb-line)!important;box-shadow:var(--cb-shadow)!important
}
body.pga-admin-shell main [class*="rounded-xl"],body.pga-admin-shell main [class*="rounded-2xl"]{border-radius:var(--cb-radius)!important}
body.pga-admin-shell main [class*="rounded-lg"]{border-radius:var(--cb-radius-sm)!important}
body.pga-admin-shell main [class*="bg-slate-50"],body.pga-admin-shell main [class*="bg-slate-100"]{background:var(--cb-blue-50)!important}
body.pga-admin-shell main [class*="text-slate-500"],body.pga-admin-shell main [class*="text-slate-600"]{color:var(--cb-muted)!important}
body.pga-admin-shell main button[class*="bg-blue-600"]{
  background:linear-gradient(135deg,var(--cb-blue-600),var(--cb-blue-700))!important;box-shadow:0 6px 16px rgba(22,119,232,.15)!important
}
body.pga-admin-shell main button[class*="bg-blue-600"]:hover{background:linear-gradient(135deg,var(--cb-blue-500),var(--cb-blue-700))!important;box-shadow:0 8px 20px rgba(22,119,232,.20)!important}
body.pga-admin-shell main button[class*="bg-emerald-600"]{box-shadow:0 6px 16px rgba(18,163,109,.12)!important}
body.pga-admin-shell main input,body.pga-admin-shell main select,body.pga-admin-shell main textarea{
  min-height:40px;border-radius:10px!important;border-color:var(--cb-line)!important;background:#fff!important;color:var(--cb-ink)!important;outline:none
}
body.pga-admin-shell main input:focus,body.pga-admin-shell main select:focus,body.pga-admin-shell main textarea:focus{
  border-color:var(--cb-blue-500)!important;box-shadow:0 0 0 4px rgba(47,140,255,.10)!important
}
body.pga-admin-shell main table{border-collapse:separate!important;border-spacing:0!important}
body.pga-admin-shell main thead{position:static!important}
body.pga-admin-shell main th{
  background:#f7faff!important;color:#5f7189!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.04em;border-bottom-color:var(--cb-line)!important
}
body.pga-admin-shell main td{background:#fff!important;border-bottom-color:var(--cb-line-soft)!important}
body.pga-admin-shell main tbody tr:hover td{background:#f9fcff!important}
body.pga-admin-shell main .mono{font-size:.9em}

/* softer statistic cards */
body.pga-admin-shell main .grid>[class*="bg-white"]{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}
body.pga-admin-shell main .grid>[class*="bg-white"]:hover{box-shadow:var(--cb-shadow-hover)!important;border-color:#cfe3fa!important}

/* ==================== CUSTOMER DESKTOP ==================== */
body.pga-customer-shell{background:var(--cb-bg)!important;color:var(--cb-ink)}
body.pga-customer-shell .sidebar{
  width:250px!important;padding:0 10px 18px!important;color:#fff!important;border-right:0!important;
  background:linear-gradient(180deg,#0d5aa9 0%,#0b4f97 48%,#083f7c 100%)!important;box-shadow:6px 0 24px rgba(11,59,117,.10)!important
}
body.pga-customer-shell .brand{
  height:72px;margin:0 -10px 14px!important;padding:0 20px!important;display:flex;flex-direction:column;justify-content:center;
  background:rgba(4,46,91,.25)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;font-size:19px!important;letter-spacing:.02em
}
body.pga-customer-shell .brand span{color:#d9edff!important}
body.pga-customer-shell .brand small{margin-top:2px!important;color:#b7d9fb!important}
body.pga-customer-shell .nav{
  color:#dbeeff!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px!important;
  padding:10px 12px!important;margin:3px 0!important;font-weight:650!important;box-shadow:none!important
}
body.pga-customer-shell .nav:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
body.pga-customer-shell .nav.active{background:linear-gradient(135deg,#2f8cff,#1677e8)!important;color:#fff!important;box-shadow:0 7px 18px rgba(4,48,96,.18)!important}
body.pga-customer-shell .nav-sep{background:rgba(255,255,255,.12)!important}
body.pga-customer-shell .main{margin-left:250px!important;width:calc(100% - 250px)!important;padding:0 24px 34px!important;background:var(--cb-bg)!important}
body.pga-customer-shell .topbar{
  min-height:72px;margin:0 -24px 24px!important;padding:10px 24px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--cb-line)!important;
  box-shadow:0 2px 12px rgba(26,63,112,.055)!important;position:sticky;top:0;z-index:35;backdrop-filter:blur(12px)
}
body.pga-customer-shell .page-title{font-size:23px!important;letter-spacing:-.025em!important;color:var(--cb-ink)!important}
body.pga-customer-shell .page-sub{font-size:12px!important;color:var(--cb-muted)!important}
body.pga-customer-shell .card,body.pga-customer-shell .stat{
  background:#fff!important;border:1px solid var(--cb-line)!important;border-radius:var(--cb-radius)!important;box-shadow:var(--cb-shadow)!important
}
body.pga-customer-shell .stat{position:relative;overflow:hidden}
body.pga-customer-shell .stat:after{content:""!important;display:block!important;position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--cb-blue-600),var(--cb-blue-300));opacity:.85}
body.pga-customer-shell .store-card:before{display:none!important}
body.pga-customer-shell .btn{border-radius:10px!important;min-height:40px!important}
body.pga-customer-shell .btn-primary{background:linear-gradient(135deg,var(--cb-blue-600),var(--cb-blue-700))!important;box-shadow:0 6px 16px rgba(22,119,232,.14)!important}
body.pga-customer-shell .btn-primary:hover{background:linear-gradient(135deg,var(--cb-blue-500),var(--cb-blue-700))!important}
body.pga-customer-shell .btn-light{background:#fff!important;border-color:var(--cb-line)!important;color:var(--cb-text)!important}
body.pga-customer-shell .input{min-height:41px!important;border-radius:10px!important;background:#fff!important;border-color:var(--cb-line)!important}
body.pga-customer-shell .input:focus{border-color:var(--cb-blue-500)!important;box-shadow:0 0 0 4px rgba(47,140,255,.10)!important}
body.pga-customer-shell .table-wrap{border-radius:12px!important;border-color:var(--cb-line)!important;background:#fff!important;box-shadow:var(--cb-shadow)!important}
body.pga-customer-shell .table{border-collapse:separate!important;border-spacing:0!important}
body.pga-customer-shell .table th{position:static!important;background:#f7faff!important;color:#5f7189!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.04em}
body.pga-customer-shell .table tbody tr:hover td{background:#f9fcff!important}
body.pga-customer-shell .modal{border-radius:16px!important;border:1px solid var(--cb-line)!important;box-shadow:var(--cb-shadow-lg)!important}
body.pga-customer-shell .qr-box{background:#fff!important;border-color:#cfe1f5!important;box-shadow:0 10px 28px rgba(22,119,232,.09)!important}
body.pga-customer-shell .key-result{background:var(--cb-blue-50)!important;border-color:var(--cb-blue-200)!important}

/* ==================== MOBILE NAVIGATION ==================== */
.r192-mobile-dock{display:none}
.r192-admin-more-sheet{display:none}
@media(max-width:767px){
  body.pga-admin-shell{padding-bottom:78px!important;background:var(--cb-bg)!important}
  body.pga-admin-shell>div{display:block!important}
  body.pga-admin-shell aside{
    position:fixed!important;top:0;left:0;right:0;z-index:60;width:100%!important;min-width:0!important;height:60px!important;min-height:60px!important;padding:0!important;
    background:linear-gradient(90deg,#1261ba,#1677e8)!important;box-shadow:0 5px 18px rgba(14,91,171,.16)!important
  }
  body.pga-admin-shell aside>div:first-child{height:60px!important;padding:0 15px!important;background:transparent!important;border:0!important}
  body.pga-admin-shell aside>div:first-child>div>div:first-child{font-size:14px!important;letter-spacing:.075em;color:#fff!important}
  body.pga-admin-shell aside>div:first-child>div>div:last-child{color:#d8ebff!important}
  body.pga-admin-shell aside nav,body.pga-admin-shell aside>form.hidden{display:none!important}
  body.pga-admin-shell main{padding:76px 12px 26px!important;margin:0!important;width:100%!important;background:var(--cb-bg)!important}
  .r192-admin-topbar{display:none!important}
  body.pga-admin-shell main h1{font-size:21px!important}
  body.pga-admin-shell main h2{font-size:19px!important}
  body.pga-admin-shell main [class*="p-4"]{padding:13px!important}
  body.pga-admin-shell main [class*="grid-cols-2"]{gap:9px!important}
  body.pga-admin-shell main [class*="rounded-xl"],body.pga-admin-shell main [class*="rounded-2xl"]{border-radius:13px!important}
  body.pga-admin-shell main table{min-width:720px}
  body.pga-admin-shell main th,body.pga-admin-shell main td{padding:10px!important;font-size:12px!important}

  .r192-mobile-dock{
    display:flex!important;position:fixed;left:8px;right:8px;bottom:8px;height:66px;z-index:70;background:rgba(255,255,255,.98)!important;
    border:1px solid var(--cb-line)!important;border-radius:17px!important;box-shadow:0 10px 34px rgba(20,66,120,.16)!important;padding:3px 4px calc(3px + env(safe-area-inset-bottom));overflow:hidden;backdrop-filter:blur(14px)
  }
  .r192-mobile-dock button,.r192-mobile-dock a{
    flex:1;border:0!important;background:transparent!important;color:#8392a8!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    font-size:9px;font-weight:750;padding:4px 1px;min-width:0;border-radius:11px!important
  }
  .r192-mobile-dock button i,.r192-mobile-dock a i{font-size:17px}
  .r192-mobile-dock button.active,.r192-mobile-dock a.active{color:var(--cb-blue-600)!important;background:var(--cb-blue-50)!important}
  .r192-mobile-dock button:hover,.r192-mobile-dock a:hover{background:var(--cb-blue-50)!important;color:var(--cb-blue-600)!important}

  .r192-admin-more-sheet{position:fixed;inset:0;z-index:85;background:rgba(10,34,65,.52);padding:12px;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}
  .r192-admin-more-sheet.show{display:flex}
  .r192-admin-more-card{
    width:100%;background:#fff;border:1px solid var(--cb-line);border-radius:18px;padding:14px;box-shadow:var(--cb-shadow-lg);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px
  }
  .r192-admin-more-card button,.r192-admin-more-card a{border:1px solid var(--cb-line)!important;background:#fff!important;border-radius:12px!important;padding:13px 8px;color:var(--cb-text)!important;font-size:11px;font-weight:750}
  .r192-admin-more-card button i,.r192-admin-more-card a i{display:block;font-size:18px;color:var(--cb-blue-600)!important;margin-bottom:6px}
  .r192-admin-more-card button:hover,.r192-admin-more-card a:hover{background:var(--cb-blue-50)!important;border-color:var(--cb-blue-200)!important}
  .r192-admin-more-card .r192-sheet-close{grid-column:1/-1;background:#f4f7fb!important;color:var(--cb-text)!important}

  body.pga-customer-shell{padding-bottom:78px!important;background:var(--cb-bg)!important}
  body.pga-customer-shell .sidebar{width:min(84vw,300px)!important;z-index:80;box-shadow:20px 0 48px rgba(13,69,128,.28)!important}
  body.pga-customer-shell .main{margin-left:0!important;width:100%!important;padding:0 12px 26px!important;background:var(--cb-bg)!important}
  body.pga-customer-shell .mobile-head{
    display:flex!important;position:sticky;top:0;z-index:60;margin:0 -12px 14px!important;height:60px;padding:0 14px!important;
    background:linear-gradient(90deg,#1261ba,#1677e8)!important;color:#fff;box-shadow:0 5px 18px rgba(14,91,171,.16)!important
  }
  body.pga-customer-shell .mobile-head .btn{background:rgba(255,255,255,.13)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;min-height:34px!important}
  body.pga-customer-shell .topbar{position:static!important;margin:0 0 14px!important;padding:0!important;min-height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important}
  body.pga-customer-shell .topbar>.row{width:auto!important}
  body.pga-customer-shell .page-title{font-size:21px!important}
  body.pga-customer-shell .grid{gap:10px!important}
  body.pga-customer-shell .card,body.pga-customer-shell .stat{padding:13px!important;border-radius:13px!important}
  body.pga-customer-shell .table{min-width:700px}
  body.pga-customer-shell .modal-back{padding:10px!important;align-items:flex-end!important}
  body.pga-customer-shell .modal{border-radius:18px 18px 10px 10px!important;padding:17px!important;max-height:88dvh!important}
  body.pga-customer-login .auth{padding:18px 12px!important}
  body.pga-customer-login .auth-form{padding:26px 20px 30px!important}
  body.pga-admin-login{padding:14px!important}
  body.pga-admin-login>div{padding:28px 20px!important}
}
@media(max-width:480px){
  body.pga-admin-shell main [class*="grid-cols-2"]{grid-template-columns:1fr!important}
  body.pga-admin-shell main [class*="xl:grid-cols-5"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .r192-admin-more-card{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .grid-4,body.pga-customer-shell .grid-3{grid-template-columns:1fr!important}
  body.pga-customer-shell .actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%}
  body.pga-customer-shell .actions button{width:100%}
}

/* R19.4 multi-page admin navigation */
.r192-mobile-dock a{text-decoration:none}.r192-admin-more-card a{text-decoration:none;text-align:center;display:block}


/* ==========================================================
   R19.4.1 — ADMIN SIDEBAR LAYOUT FIX
   Force desktop sidebar to a single vertical menu regardless
   of Tailwind grid utilities or stale responsive state.
   ========================================================== */
@media (min-width:768px){
  body.pga-admin-shell .pga-admin-sidebar{
    display:flex!important;
    flex-direction:column!important;
    width:250px!important;
    min-width:250px!important;
    height:100vh!important;
    min-height:100vh!important;
    position:sticky!important;
    top:0!important;
    align-self:flex-start!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  body.pga-admin-shell .pga-admin-nav{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    gap:4px!important;
    width:100%!important;
    padding:15px 10px!important;
    margin:0!important;
  }
  body.pga-admin-shell .pga-admin-nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-width:0!important;
    flex:none!important;
    white-space:nowrap!important;
    line-height:1.25!important;
    margin:0!important;
    min-height:42px!important;
  }
  body.pga-admin-shell .pga-admin-nav-link i{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 20px!important;
    width:20px!important;
    margin-right:10px!important;
  }
  body.pga-admin-shell .pga-admin-logout{
    margin-top:auto!important;
    padding:14px 10px 18px!important;
    width:100%!important;
  }
  body.pga-admin-shell .pga-admin-logout button{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    white-space:nowrap!important;
  }
}

/* ==========================================================
   R19.5 — ADMIN DASHBOARD CLEAN BLUE
   ========================================================== */
.pga-dashboard-page{max-width:1600px;margin:0 auto}
.dash-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.dash-eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:#1677e8;margin-bottom:5px}
.dash-page-head h1{margin:0!important;font-size:27px!important;line-height:1.15;letter-spacing:-.035em;color:#10213a}
.dash-page-head p{margin:6px 0 0;color:#6c7f97;font-size:13px}
.dash-head-actions{display:flex;align-items:center;gap:9px}
.dash-date-chip,.dash-refresh-btn{height:40px;border:1px solid #dbe7f4;border-radius:10px;background:#fff;display:inline-flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;font-weight:700;color:#48617f;box-shadow:0 3px 12px rgba(34,83,136,.05)}
.dash-refresh-btn{color:#1677e8;cursor:pointer}.dash-refresh-btn:hover{border-color:#b7d6f7;background:#f7fbff}

.dash-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px}
.dash-summary-card{position:relative;overflow:hidden;background:#fff;border:1px solid #dfe9f4;border-radius:15px;padding:16px;min-height:142px;box-shadow:0 5px 18px rgba(31,75,123,.055);transition:.16s ease}
.dash-summary-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(31,75,123,.09)}
.dash-summary-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#2f8cff}
.dash-summary-card.green:after{background:#19ad78}.dash-summary-card.amber:after{background:#f4a91c}.dash-summary-card.indigo:after{background:#656ee8}
.dash-summary-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.dash-summary-icon{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#eaf4ff;color:#1677e8;font-size:15px}
.dash-summary-card.green .dash-summary-icon{background:#e9f9f3;color:#129c6b}.dash-summary-card.amber .dash-summary-icon{background:#fff7e5;color:#df9210}.dash-summary-card.indigo .dash-summary-icon{background:#f0f0ff;color:#555fd4}
.dash-summary-kicker{font-size:9px;letter-spacing:.10em;font-weight:800;color:#a0aec0}
.dash-summary-label{font-size:12px;font-weight:700;color:#61748d}
.dash-summary-value{margin-top:3px;font-size:25px;line-height:1.15;font-weight:900;letter-spacing:-.035em;color:#10213a}
.dash-summary-sub{margin-top:8px;font-size:11px;color:#8090a5}.dash-positive{color:#129c6b;font-weight:700}
.skeleton-card{min-height:142px;background:linear-gradient(90deg,#fff,#f7fbff,#fff)!important;background-size:200% 100%!important;animation:dashShimmer 1.3s linear infinite}@keyframes dashShimmer{to{background-position:-200% 0}}

.dash-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);gap:16px;margin-bottom:16px}
.dash-second-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.7fr);gap:16px;margin-bottom:16px}
.dash-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:14px}
.dash-panel{background:#fff;border:1px solid #dfe9f4;border-radius:15px;box-shadow:0 5px 18px rgba(31,75,123,.052);overflow:hidden}
.dash-panel-head{min-height:68px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f8}
.dash-panel-title{font-size:14px;font-weight:850;color:#14263f}.dash-panel-sub{font-size:11px;color:#8292a6;margin-top:3px}.dash-link{font-size:11px;font-weight:800;color:#1677e8;text-decoration:none;white-space:nowrap}.dash-link:hover{text-decoration:underline}

.dash-chart-toggle{display:inline-flex;padding:3px;background:#f3f7fb;border:1px solid #e1eaf4;border-radius:9px;gap:2px}
.dash-chart-toggle button{border:0;background:transparent;color:#7a8da5;font-size:10px;font-weight:800;padding:6px 9px;border-radius:7px;cursor:pointer}.dash-chart-toggle button.active{background:#fff;color:#1677e8;box-shadow:0 2px 8px rgba(29,96,169,.10)}
.dash-chart-wrap{height:292px;padding:10px 14px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.dash-chart-svg{width:100%;height:100%;overflow:visible}.dash-grid-line{stroke:#edf2f7;stroke-width:1}.dash-axis-label,.dash-x-label{fill:#8b9bb0;font-size:10px;font-family:inherit}.dash-bar{fill:#2f8cff;opacity:.88;transition:.15s}.dash-bar:hover{fill:#1677e8;opacity:1}.dash-chart-meta{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 18px 15px;color:#75879d;font-size:10px}.dash-chart-meta b{color:#243b57}

.dash-system-list{padding:6px 14px 12px}.dash-system-item{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #eef3f8}.dash-system-item:last-child{border-bottom:0}.dash-system-icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 32px}.dash-system-icon.good{background:#eaf9f3;color:#119768}.dash-system-icon.warn{background:#fff7e6;color:#dd9518}.dash-system-icon.danger{background:#fff0f0;color:#df4a4a}.dash-system-copy{min-width:0;flex:1}.dash-system-copy div{font-size:11px;font-weight:800;color:#263b56}.dash-system-copy small{display:block;margin-top:2px;font-size:9px;color:#8a99ab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-system-state{font-size:9px;font-weight:850;padding:5px 7px;border-radius:999px;white-space:nowrap}.dash-system-state.good{background:#eaf9f3;color:#118760}.dash-system-state.warn{background:#fff6df;color:#c9840d}.dash-system-state.danger{background:#ffe9e9;color:#d93b3b}

.dash-table-wrap{overflow:auto}.dash-table{width:100%;min-width:690px!important;border-collapse:separate;border-spacing:0}.dash-table th{padding:10px 13px!important;background:#f8fbff!important;text-align:left;font-size:9px!important;letter-spacing:.06em!important}.dash-table td{padding:12px 13px!important;border-bottom:1px solid #eef3f8!important;font-size:11px!important;vertical-align:middle}.dash-table tbody tr:last-child td{border-bottom:0!important}.dash-table td b{display:block;color:#203651}.dash-table td small{display:block;color:#8796a8;margin-top:2px}.dash-trx-id{font-size:9px!important;max-width:175px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#38516f}.dash-money{text-align:right;font-weight:850;color:#17314f;white-space:nowrap}.dash-time{color:#7f90a5;white-space:nowrap}

.dash-wd-list{padding:7px 14px 13px}.dash-wd-item{display:flex;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid #eef3f8;text-decoration:none}.dash-wd-item:last-child{border-bottom:0}.dash-wd-item:hover .dash-wd-main b{color:#1677e8}.dash-wd-icon{width:34px;height:34px;border-radius:9px;background:#fff5e3;color:#d88c0b;display:flex;align-items:center;justify-content:center;flex:0 0 34px}.dash-wd-main{flex:1;min-width:0}.dash-wd-main b{display:block;color:#253a55;font-size:11px}.dash-wd-main small,.dash-wd-right small{display:block;color:#8998aa;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-wd-right{text-align:right;max-width:115px}.dash-wd-right b{display:block;color:#183552;font-size:10px;white-space:nowrap}.dash-all-clear{padding:36px 18px;text-align:center;display:flex;flex-direction:column;align-items:center;color:#75869a}.dash-all-clear i{font-size:25px;color:#1aaa76;margin-bottom:8px}.dash-all-clear b{font-size:12px;color:#28516b}.dash-all-clear span{font-size:10px;margin-top:3px}

.dash-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px}.dash-quick-item{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e2ebf5;border-radius:11px;text-decoration:none;background:#fff;transition:.14s}.dash-quick-item:hover{background:#f8fbff;border-color:#c7ddf5;transform:translateY(-1px)}.dash-quick-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:0 0 36px}.dash-quick-icon.blue{background:#eaf4ff;color:#1677e8}.dash-quick-icon.indigo{background:#f0f0ff;color:#5b65d9}.dash-quick-icon.cyan{background:#e8fafd;color:#119eb1}.dash-quick-icon.amber{background:#fff6e5;color:#d98d0f}.dash-quick-item b{display:block;color:#243a56;font-size:10px}.dash-quick-item small{display:block;color:#8a99aa;font-size:9px;margin-top:2px}

.dash-activity-list{padding:7px 14px 13px}.dash-activity-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 2px;border-bottom:1px solid #eef3f8}.dash-activity-item:last-child{border-bottom:0}.dash-activity-icon{width:29px;height:29px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:10px}.dash-activity-icon.good{background:#eaf9f3;color:#128f65}.dash-activity-icon.warn{background:#fff6e4;color:#d28b11}.dash-activity-icon.muted{background:#f2f5f9;color:#738399}.dash-activity-item b{display:block;color:#243b57;font-size:10px}.dash-activity-item small{display:block;color:#8a99aa;font-size:9px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-activity-item time{font-size:9px;color:#8d9daf;white-space:nowrap}
.dash-empty,.dash-empty-cell{padding:24px!important;text-align:center!important;color:#95a3b4!important;font-size:11px!important}

@media(max-width:1180px){.dash-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-main-grid,.dash-second-grid{grid-template-columns:1fr}.dash-system-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.dash-bottom-grid{grid-template-columns:1fr}}
@media(max-width:767px){
  .pga-dashboard-page{padding-bottom:4px}.dash-page-head{align-items:flex-start;margin-bottom:14px}.dash-page-head h1{font-size:22px!important}.dash-page-head p{font-size:11px;max-width:250px}.dash-date-chip{display:none}.dash-refresh-btn{width:39px;padding:0;justify-content:center}.dash-refresh-btn span{display:none}
  .dash-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dash-summary-card{padding:12px;min-height:126px}.dash-summary-icon{width:32px;height:32px}.dash-summary-value{font-size:21px}.dash-summary-sub{font-size:9px}.dash-summary-label{font-size:10px}
  .dash-main-grid,.dash-second-grid,.dash-bottom-grid{gap:11px;margin-bottom:11px}.dash-panel{border-radius:13px}.dash-panel-head{min-height:60px;padding:12px 13px}.dash-panel-title{font-size:12px}.dash-panel-sub{font-size:9px}.dash-chart-wrap{height:235px;padding-left:4px;padding-right:4px}.dash-axis-label,.dash-x-label{font-size:9px}.dash-chart-meta{padding:0 12px 12px;gap:5px 10px;font-size:9px}.dash-system-list{display:block;padding:4px 12px 10px}.dash-table{min-width:650px!important}.dash-quick-grid{padding:11px;grid-template-columns:1fr 1fr}.dash-quick-item{padding:10px}.dash-quick-item small{display:none}.dash-activity-list,.dash-wd-list{padding-left:12px;padding-right:12px}
}
@media(max-width:390px){.dash-summary-grid{grid-template-columns:1fr 1fr}.dash-summary-card{min-height:120px}.dash-summary-value{font-size:19px}.dash-quick-grid{grid-template-columns:1fr}.dash-chart-toggle button{padding:5px 7px}}


/* =========================================================
   R19.6 - USER MANAGEMENT / CLEAN BLUE
   ========================================================= */
.users-page{max-width:1600px;margin:0 auto}.users-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.users-eyebrow{font-size:10px;font-weight:850;letter-spacing:.12em;color:#2f80ed;margin-bottom:5px}.users-page-head h2{margin:0;color:#122640;font-size:24px;line-height:1.2;font-weight:900;letter-spacing:-.025em}.users-page-head p{margin:6px 0 0;color:#7b8ca2;font-size:12px}.users-head-actions{display:flex;gap:8px;flex-wrap:wrap}.users-btn{height:39px;border-radius:10px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;border:1px solid transparent;transition:.15s ease}.users-btn:hover{transform:translateY(-1px)}.users-btn-primary{background:#2379e8;color:#fff;box-shadow:0 5px 13px rgba(35,121,232,.18)}.users-btn-primary:hover{background:#166ddd}.users-btn-secondary{background:#fff;color:#31506f;border-color:#dce7f2}.users-btn-secondary:hover{border-color:#b9d1ea;background:#f8fbff}
.users-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.users-summary-card{background:#fff;border:1px solid #e1eaf3;border-radius:14px;min-height:112px;padding:15px;display:flex;align-items:center;gap:13px;box-shadow:0 4px 15px rgba(36,74,116,.045)}.users-summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;font-size:15px}.users-summary-icon.blue{background:#eaf4ff;color:#2478df}.users-summary-icon.green{background:#e9f8f1;color:#169763}.users-summary-icon.cyan{background:#e8f8fb;color:#138ca1}.users-summary-icon.red{background:#fff0f1;color:#dd4d5b}.users-summary-card small{display:block;color:#8393a7;font-size:10px;font-weight:700}.users-summary-card strong{display:block;color:#122640;font-size:22px;line-height:1.15;margin-top:3px;font-weight:900}.users-summary-card span:not(.users-summary-icon){display:block;color:#a0adbc;font-size:9px;margin-top:4px}
.users-panel{background:#fff;border:1px solid #e1eaf3;border-radius:14px;box-shadow:0 4px 15px rgba(36,74,116,.04)}.users-filter-panel{display:grid;grid-template-columns:minmax(280px,1fr) 180px 180px 170px auto;gap:8px;padding:11px;margin-bottom:14px}.users-filter-search{position:relative}.users-filter-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:11px;color:#9cadbf}.users-filter-search input,.users-filter-panel select{width:100%;height:38px;border:1px solid #dce7f2;border-radius:9px;background:#fff;color:#304a67;font-size:11px;outline:none;transition:.15s;padding:0 11px}.users-filter-search input{padding-left:34px}.users-filter-search input:focus,.users-filter-panel select:focus{border-color:#75b4f8;box-shadow:0 0 0 3px rgba(47,140,255,.09)}.users-filter-reset{height:38px;border-radius:9px;border:1px solid #dce7f2;background:#f9fbfd;color:#657b94;padding:0 11px;font-size:10px;font-weight:750;display:flex;align-items:center;gap:6px}.users-filter-reset:hover{background:#f1f7fd;color:#2577dc}
.users-list-panel{overflow:hidden}.users-list-head{padding:13px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f7}.users-list-head h3{font-size:13px;font-weight:900;color:#18314f;margin:0}.users-list-head p{font-size:9px;color:#91a0b3;margin:3px 0 0}.users-icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#5b7592}.users-icon-btn:hover{color:#2379e8;border-color:#bdd6ef;background:#f7fbff}.users-desktop-table-wrap{overflow:auto}.users-table{width:100%;min-width:1050px;border-collapse:separate;border-spacing:0}.users-table th{background:#f8fbfe;color:#73869e;font-size:9px;font-weight:850;letter-spacing:.055em;text-transform:uppercase;text-align:left;padding:10px 13px;border-bottom:1px solid #e7eef6;white-space:nowrap}.users-table td{padding:11px 13px;border-bottom:1px solid #edf2f7;color:#405873;font-size:10.5px;vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:0}.users-table tbody tr:hover td{background:#fbfdff}.users-user-cell{display:flex;align-items:center;gap:9px}.users-avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(145deg,#e5f2ff,#f4f9ff);border:1px solid #d3e6f8;color:#2379e8;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}.users-user-cell b{display:block;color:#1b3451;font-size:11px;font-weight:850}.users-user-cell small{display:block;color:#93a2b4;font-size:8.5px;margin-top:2px}.users-money{font-weight:850;color:#173652;white-space:nowrap}.users-money small{display:block;font-weight:500;color:#9aa8b8;font-size:8.5px;margin-top:3px}.users-store-count{display:inline-flex;align-items:center;gap:6px;color:#496582;font-weight:800}.users-store-count i{color:#7fa9d5}.users-api,.users-status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:4px 8px;font-size:8.5px;font-weight:850;white-space:nowrap}.users-api.is-active,.users-status.is-active{background:#e8f8f1;color:#16885c}.users-api.is-revoked,.users-status.is-inactive{background:#fff0f1;color:#d54b57}.users-last-api b{display:block;color:#425c78;font-size:9.5px}.users-last-api small{display:block;color:#9aa8b8;font-size:8px;margin-top:3px;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-never{color:#a1adbb;font-size:9px}.users-th-action{text-align:right!important}.users-action-cell{text-align:right}.users-detail-btn{display:inline-flex;align-items:center;gap:7px;height:30px;border:1px solid #d6e4f1;background:#fff;border-radius:8px;padding:0 10px;color:#2a70c6;font-size:9px;font-weight:850}.users-detail-btn:hover{background:#eef7ff;border-color:#a9ccef}.users-empty{padding:34px!important;text-align:center!important;color:#9aa8b8!important}.users-mobile-list{display:none}.users-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #edf2f7;color:#8798ac;font-size:9px}.users-pager>div:last-child{display:flex;align-items:center;gap:7px}.users-pager button{height:30px;padding:0 9px;border-radius:8px;border:1px solid #dce7f2;background:#fff;color:#52708f;font-size:8.5px;font-weight:750}.users-pager button:disabled{opacity:.4}.users-pager span{min-width:45px;text-align:center;font-weight:800;color:#5c718a}
.user-drawer-backdrop{position:fixed;inset:0;background:rgba(8,25,45,.28);backdrop-filter:blur(2px);z-index:90;opacity:0;visibility:hidden;transition:.2s ease}.user-drawer-backdrop.show{opacity:1;visibility:visible}.user-detail-drawer{position:absolute;top:0;right:0;height:100%;width:min(520px,92vw);background:#f7faff;box-shadow:-14px 0 40px rgba(17,47,80,.18);transform:translateX(102%);transition:.24s ease;display:flex;flex-direction:column}.user-detail-drawer.show{transform:translateX(0)}.user-drawer-head{background:#fff;border-bottom:1px solid #e3ebf3;padding:17px 18px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.user-drawer-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#2d80e6}.user-drawer-head h3{font-size:20px;line-height:1.15;color:#17314e;font-weight:900;margin:4px 0}.user-drawer-subtitle{display:flex;align-items:center;gap:6px}.user-detail-role{font-size:9px;color:#6f849a;font-weight:700}.user-drawer-close{width:32px;height:32px;border:1px solid #dce6f0;background:#fff;border-radius:9px;color:#6d8196}.user-drawer-close:hover{background:#f2f7fc;color:#2379e8}.user-drawer-body{flex:1;overflow:auto;padding:14px}.user-detail-balance{border-radius:14px;padding:16px;background:linear-gradient(135deg,#1f78e5,#3798f5);color:#fff;box-shadow:0 7px 18px rgba(33,122,229,.18);margin-bottom:12px}.user-detail-balance small{display:block;font-size:9px;opacity:.82}.user-detail-balance strong{display:block;font-size:25px;font-weight:900;margin-top:4px}.user-detail-balance span{display:block;font-size:9px;opacity:.8;margin-top:4px}.user-detail-section{background:#fff;border:1px solid #e1eaf3;border-radius:13px;padding:13px;margin-bottom:10px}.user-detail-section h4{font-size:11px;color:#1b3857;font-weight:900;margin:0 0 11px}.user-detail-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.user-detail-title-row h4{margin:0}.user-detail-title-row>span{font-size:8px;color:#8799ad}.user-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.user-detail-grid>div{min-width:0}.user-detail-grid small{display:block;color:#98a6b6;font-size:8px;margin-bottom:3px}.user-detail-grid b{display:block;color:#304a67;font-size:9.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-store-list{display:grid;gap:8px}.user-store-card{border:1px solid #e2eaf2;border-radius:11px;padding:10px;background:#fbfdff}.user-store-main{display:flex;align-items:center;gap:8px}.user-store-icon{width:31px;height:31px;border-radius:9px;background:#eaf4ff;color:#2c7ede;display:grid;place-items:center}.user-store-main b{display:block;font-size:10px;color:#28445f}.user-store-main small{display:block;font-size:8px;color:#96a4b4;margin-top:2px}.user-store-balance{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.user-store-balance>b{font-size:10px;color:#173a59}.user-store-actions{display:flex;gap:6px;margin-top:8px}.user-store-actions button{height:27px;border-radius:7px;border:1px solid #dbe7f2;background:#fff;color:#3570ad;padding:0 8px;font-size:8px;font-weight:750}.user-detail-empty{padding:15px;text-align:center;border:1px dashed #dbe5ef;border-radius:10px;color:#9aa8b7;font-size:9px}.user-drawer-actions{background:#fff;border-top:1px solid #e2eaf2;padding:10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.user-drawer-actions button{min-height:35px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#476886;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.user-drawer-actions button:hover{background:#f2f8ff;color:#2379e8;border-color:#b9d5ef}.user-drawer-actions button.danger{color:#d64d59;border-color:#f2cfd3;background:#fffafa}.user-drawer-open{overflow:hidden}
.users-create-form{text-align:left}.users-create-section{margin-bottom:11px}.users-create-section label{display:block;color:#39536f;font-size:10px;font-weight:800;margin:0 0 5px 2px}.users-create-section label span{font-weight:500;color:#9ba9b8}.users-create-form .swal2-input{width:100%!important;margin:0!important;height:42px!important;font-size:11px!important}.users-create-note{display:flex;gap:10px;align-items:flex-start;background:#eef7ff;border:1px solid #d5eaff;border-radius:10px;padding:10px;color:#2b6dad}.users-create-note i{margin-top:2px}.users-create-note b{display:block;font-size:9.5px}.users-create-note span{display:block;font-size:8.5px;color:#6d87a3;margin-top:2px}.users-created-result{text-align:left;display:grid;gap:7px}.users-created-result>div{border:1px solid #e0e9f2;border-radius:8px;padding:8px 10px}.users-created-result span{display:block;color:#899aad;font-size:8px}.users-created-result b{display:block;color:#294764;font-size:9.5px;margin-top:3px}.users-created-result p{font-size:8.5px;color:#9a6e15;background:#fff8e8;border:1px solid #f4e0ad;padding:9px;border-radius:8px;margin:2px 0 0}
@media(max-width:1180px){.users-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.users-filter-panel{grid-template-columns:minmax(220px,1fr) repeat(3,150px) auto}}
@media(max-width:900px){.users-page-head{align-items:center}.users-filter-panel{grid-template-columns:1fr 1fr}.users-filter-search{grid-column:1/-1}.users-filter-reset{justify-content:center}.users-desktop-table-wrap{display:none}.users-mobile-list{display:grid;gap:9px;padding:10px;background:#f8fbfe}.users-mobile-card{background:#fff;border:1px solid #e0e9f2;border-radius:13px;padding:11px;box-shadow:0 3px 10px rgba(34,73,115,.04);cursor:pointer}.users-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.users-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.users-mobile-metrics>div{background:#f8fbfe;border:1px solid #edf2f7;border-radius:9px;padding:8px;min-height:54px}.users-mobile-metrics small{display:block;font-size:7.5px;color:#99a7b7;margin-bottom:3px}.users-mobile-metrics b{font-size:9.5px;color:#304d69}.users-mobile-metrics .users-api{padding:3px 6px;font-size:7.5px}.users-mobile-detail{width:100%;height:32px;margin-top:9px;border:0;border-radius:8px;background:#edf6ff;color:#2673ca;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px}.users-empty-card{padding:25px;text-align:center;color:#9aa8b8}.users-pager{background:#fff}.user-detail-drawer{top:auto;bottom:0;height:min(86vh,760px);width:100%;border-radius:20px 20px 0 0;transform:translateY(102%)}.user-detail-drawer.show{transform:translateY(0)}.user-drawer-head{border-radius:20px 20px 0 0}.user-drawer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.users-page-head{display:block}.users-page-head h2{font-size:20px}.users-head-actions{margin-top:12px}.users-head-actions .users-btn{flex:1}.users-summary-grid{gap:8px}.users-summary-card{min-height:94px;padding:11px;gap:9px}.users-summary-icon{width:35px;height:35px;border-radius:10px;font-size:12px}.users-summary-card strong{font-size:18px}.users-summary-card span:not(.users-summary-icon){font-size:7.5px}.users-filter-panel{grid-template-columns:1fr 1fr;padding:9px}.users-filter-panel select,.users-filter-search input{font-size:10px;height:36px}.users-filter-reset{grid-column:1/-1;height:34px}.users-list-head{padding:11px}.users-pager{display:block;text-align:center}.users-pager>div:last-child{justify-content:center;margin-top:8px}.user-detail-grid{gap:8px}.user-drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}

/* ==================== R19.6.1 USER DRAWER VIEWPORT FIT FIX ==================== */
.user-drawer-backdrop{
  overflow:hidden;
}
.user-detail-drawer{
  top:12px;
  right:12px;
  bottom:12px;
  height:auto;
  width:min(500px,calc(100vw - 32px));
  max-width:calc(100vw - 32px);
  border:1px solid rgba(220,230,240,.95);
  border-radius:16px;
  overflow:hidden;
}
.user-drawer-head,
.user-drawer-body,
.user-drawer-actions{
  width:100%;
  min-width:0;
}
.user-drawer-body{
  overflow-x:hidden;
  overscroll-behavior:contain;
}
.user-detail-section,
.user-detail-balance,
.user-store-card,
.user-detail-grid,
.user-store-list{
  max-width:100%;
  min-width:0;
}
.user-drawer-actions button{
  min-width:0;
  max-width:100%;
  white-space:normal;
}
@media(max-width:900px){
  .user-detail-drawer{
    top:auto;
    right:0;
    bottom:0;
    height:min(86vh,760px);
    width:100%;
    max-width:100%;
    border-left:0;
    border-right:0;
    border-bottom:0;
    border-radius:20px 20px 0 0;
  }
}

/* ==================== R19.6.2 USER DRAWER TOP SAFE FIX ==================== */
@media (min-width:901px){
  .user-detail-drawer{
    position:fixed !important;
    top:84px !important;
    right:16px !important;
    bottom:16px !important;
    height:auto !important;
    max-height:calc(100dvh - 100px) !important;
    width:min(500px,calc(100vw - 40px)) !important;
    max-width:calc(100vw - 40px) !important;
    border-radius:16px !important;
    overflow:hidden !important;
  }
  .user-drawer-head{
    flex:0 0 auto !important;
    min-height:96px !important;
    padding:18px 18px 15px !important;
    box-sizing:border-box !important;
  }
  .user-drawer-kicker{
    display:block !important;
    margin:0 0 2px !important;
    line-height:1.35 !important;
  }
  .user-drawer-body{
    min-height:0 !important;
  }
}
@media (max-width:900px){
  .user-detail-drawer{
    position:fixed !important;
    top:max(72px,env(safe-area-inset-top)) !important;
    right:8px !important;
    bottom:8px !important;
    left:8px !important;
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100dvh - 88px) !important;
    border:1px solid rgba(220,230,240,.95) !important;
    border-radius:18px !important;
    transform:translateY(110%) !important;
  }
  .user-detail-drawer.show{transform:translateY(0) !important;}
  .user-drawer-head{
    flex:0 0 auto !important;
    min-height:92px !important;
    padding:16px 16px 14px !important;
    border-radius:18px 18px 0 0 !important;
  }
  .user-drawer-kicker{line-height:1.35 !important;}
}


/* ==================== R19.7 TRANSACTION MONITORING ==================== */
.trx-page{max-width:1600px}.trx-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.trx-eyebrow{display:block;color:#2b7be5;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.trx-page-head h2{font-size:26px;line-height:1.1;color:#173452;font-weight:900;margin:0}.trx-page-head p{font-size:12px;color:#7c91a8;margin:6px 0 0}.trx-head-actions{display:flex;gap:8px}.trx-btn{height:39px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent}.trx-btn.primary{background:#267be5;color:#fff;box-shadow:0 5px 14px rgba(38,123,229,.18)}.trx-btn.secondary{background:#fff;border-color:#dfe8f2;color:#486985}.trx-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.trx-summary-card{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:15px;display:flex;align-items:center;gap:13px;min-height:102px;box-shadow:0 4px 14px rgba(32,67,105,.04)}.trx-summary-card.skeleton{background:linear-gradient(100deg,#f5f8fb,#fff,#f5f8fb);background-size:200% 100%;animation:trxPulse 1.3s infinite}.trx-summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.trx-summary-card.blue .trx-summary-icon{background:#e9f3ff;color:#287be0}.trx-summary-card.green .trx-summary-icon{background:#e8f8ef;color:#18a563}.trx-summary-card.amber .trx-summary-icon{background:#fff5df;color:#d38d14}.trx-summary-card.red .trx-summary-icon{background:#fff0f1;color:#dd5660}.trx-summary-card small{display:block;font-size:9px;color:#8396aa;font-weight:700}.trx-summary-card strong{display:block;font-size:23px;line-height:1.1;color:#173957;font-weight:900;margin:4px 0}.trx-summary-card span:not(.trx-summary-icon){display:block;font-size:9px;color:#7890a7}.trx-quick-wrap{display:flex;align-items:center;margin-bottom:9px}.trx-quick-tabs{background:#eaf2fb;border:1px solid #dae7f4;border-radius:11px;padding:4px;display:flex;gap:3px;overflow:auto;max-width:100%}.trx-quick-tabs button{height:31px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#64809c;font-size:9px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:6px}.trx-quick-tabs button.active{background:#fff;color:#2678d8;box-shadow:0 2px 8px rgba(37,82,128,.08)}.trx-filter-panel{display:grid;grid-template-columns:minmax(280px,1.6fr) repeat(2,minmax(130px,.65fr)) minmax(135px,.7fr) minmax(145px,.8fr) auto auto;gap:8px;padding:10px;background:#fff;border:1px solid #e1e9f2;border-radius:13px;margin-bottom:12px;box-shadow:0 3px 12px rgba(30,67,108,.03)}.trx-filter-panel input,.trx-filter-panel select{height:38px;border:1px solid #dfe8f1;border-radius:9px;background:#fbfdff;color:#34526f;padding:0 10px;font-size:10px;outline:none;min-width:0}.trx-filter-panel input:focus,.trx-filter-panel select:focus{border-color:#81b9f2;box-shadow:0 0 0 3px rgba(42,125,229,.09)}.trx-search-field{position:relative}.trx-search-field i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#9aaabb}.trx-search-field input{width:100%;padding-left:31px}.trx-filter-apply,.trx-filter-reset{height:38px;border-radius:9px;font-size:9px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;white-space:nowrap}.trx-filter-apply{border:0;background:#267be5;color:#fff}.trx-filter-reset{border:1px solid #dfe8f1;background:#fff;color:#68839c}.trx-list-card{background:#fff;border:1px solid #e1e9f2;border-radius:14px;overflow:hidden;box-shadow:0 5px 16px rgba(29,68,110,.04)}.trx-list-head{padding:13px 14px;border-bottom:1px solid #e7edf4;display:flex;justify-content:space-between;align-items:center;gap:12px}.trx-list-head h3{font-size:12px;color:#1e3c59;font-weight:900;margin:0}.trx-list-head p{font-size:9px;color:#8a9cae;margin:3px 0 0}.trx-list-legend{display:flex;gap:10px;color:#8295a8;font-size:8px}.trx-list-legend span{display:flex;align-items:center;gap:4px}.trx-list-legend .dot{width:6px;height:6px;border-radius:50%}.trx-list-legend .realtime{background:#25b46d}.trx-list-legend .cron{background:#4f7ef0}.trx-desktop-table-wrap{overflow-x:auto}.trx-table{width:100%;border-collapse:collapse;font-size:10px;min-width:1050px}.trx-table th{background:#f7fafe;padding:11px 12px;text-align:left;font-size:8px;color:#7f91a4;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e7edf4}.trx-table th.right,.trx-table td.right{text-align:right}.trx-table td{padding:11px 12px;border-bottom:1px solid #edf2f6;color:#405b75;vertical-align:middle}.trx-table tbody tr:hover{background:#fbfdff}.trx-id-link{border:0;background:transparent;color:#2c6fb9;font-size:8.5px;font-weight:800;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.trx-user b{display:block;font-size:9.5px;color:#274761}.trx-user span{display:block;font-size:8px;color:#91a0ae;margin-top:2px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trx-money{font-weight:900;color:#183b5c!important;white-space:nowrap}.trx-status,.trx-source,.trx-callback{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:850;white-space:nowrap}.trx-status.success{background:#e7f8ee;color:#159b5c}.trx-status.pending{background:#fff4da;color:#b87a10}.trx-status.cancel,.trx-status.failed{background:#fff0f1;color:#d9535d}.trx-source.realtime{background:#e6f9ef;color:#15995a}.trx-source.cron{background:#ecf1ff;color:#4b6fda}.trx-source.legacy{background:#f1f4f7;color:#7f91a2}.trx-callback.good{background:#e9f8ef;color:#15975a}.trx-callback.warn{background:#fff4d9;color:#b7780c}.trx-callback.bad{background:#fff0f1;color:#d54c57}.trx-callback.muted{background:#f2f5f7;color:#98a5b1}.trx-latency{font-size:8.5px;color:#375b7c;white-space:nowrap}.trx-time{font-size:8px;color:#7890a6;white-space:nowrap}.trx-detail-btn{height:27px;border:1px solid #dde8f3;border-radius:7px;background:#fff;color:#3974b2;padding:0 7px;font-size:7.5px;font-weight:850;display:flex;align-items:center;gap:5px}.trx-empty-row{padding:28px!important;text-align:center;color:#9aa9b8!important}.trx-mobile-list{display:none}.trx-pager{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7d91a5;font-size:8.5px;background:#fbfdff}.trx-pager-actions{display:flex;align-items:center;gap:7px}.trx-pager-actions button{height:31px;padding:0 9px;border:1px solid #dfe8f1;border-radius:8px;background:#fff;color:#50708e;font-size:8px;font-weight:800;display:flex;align-items:center;gap:5px}.trx-pager-actions button:disabled{opacity:.4}.trx-pager-actions span{font-weight:800;color:#3c5d79}.trx-drawer-backdrop{position:fixed;inset:0;background:rgba(14,36,58,.34);backdrop-filter:blur(2px);z-index:90;opacity:0;visibility:hidden;transition:.2s ease}.trx-drawer-backdrop.show{opacity:1;visibility:visible}.trx-detail-drawer{position:fixed;top:84px;right:16px;bottom:16px;width:min(520px,calc(100vw - 40px));max-width:calc(100vw - 40px);background:#f7faff;border:1px solid #dce7f1;border-radius:16px;box-shadow:-14px 0 40px rgba(17,47,80,.2);transform:translateX(108%);transition:.24s ease;display:flex;flex-direction:column;overflow:hidden}.trx-detail-drawer.show{transform:translateX(0)}.trx-drawer-head{min-height:92px;flex:0 0 auto;padding:17px 18px 14px;background:#fff;border-bottom:1px solid #e1e9f2;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.trx-drawer-kicker{display:block;color:#2c7ee2;font-size:8px;font-weight:900;letter-spacing:.12em;line-height:1.35}.trx-drawer-head h3{font-size:16px;color:#173957;font-weight:900;margin:4px 0 6px;max-width:410px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trx-drawer-close{width:32px;height:32px;border:1px solid #dce6f0;background:#fff;border-radius:9px;color:#6d8196;flex:0 0 auto}.trx-drawer-body{flex:1;min-height:0;overflow:auto;overflow-x:hidden;padding:14px;overscroll-behavior:contain}.trx-detail-loading,.trx-detail-error{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7c91a7;font-size:10px}.trx-detail-error{color:#d4515c}.trx-detail-amount{border-radius:14px;padding:16px;background:linear-gradient(135deg,#1f78e5,#3798f5);color:#fff;box-shadow:0 7px 18px rgba(33,122,229,.18);margin-bottom:12px}.trx-detail-amount small{display:block;font-size:9px;opacity:.82}.trx-detail-amount strong{display:block;font-size:26px;font-weight:900;margin:4px 0}.trx-detail-amount span{font-size:9px;opacity:.82}.trx-detail-section{background:#fff;border:1px solid #e1eaf3;border-radius:13px;padding:13px;margin-bottom:10px}.trx-detail-section h4{font-size:11px;color:#1b3857;font-weight:900;margin:0 0 11px}.trx-detail-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.trx-detail-title h4{margin:0}.trx-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trx-detail-grid small,.trx-detection-row small{display:block;color:#98a6b6;font-size:8px;margin-bottom:3px}.trx-detail-grid b,.trx-detection-row b{display:block;color:#304a67;font-size:9.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trx-detection-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trx-detection-row>div{background:#f8fbfe;border:1px solid #edf2f7;border-radius:9px;padding:9px}.trx-callback-response{margin-top:10px;background:#f8fbfe;border:1px solid #edf2f7;border-radius:9px;padding:9px;color:#657d95;font-size:8px;line-height:1.5;word-break:break-word}.trx-attempt-list{display:grid;gap:8px}.trx-attempt{display:grid;grid-template-columns:10px 1fr;gap:8px;padding-bottom:8px;border-bottom:1px solid #edf2f7}.trx-attempt:last-child{border-bottom:0;padding-bottom:0}.trx-attempt-dot{width:8px;height:8px;border-radius:50%;margin-top:4px;background:#d55}.trx-attempt-dot.good{background:#21ac68}.trx-attempt-dot.bad{background:#df5a64}.trx-attempt b{display:block;font-size:9px;color:#294964}.trx-attempt small{display:block;font-size:7.5px;color:#9aa7b4;margin-top:2px}.trx-attempt p{font-size:8px;color:#6d8297;margin:4px 0 0;line-height:1.4;word-break:break-word}.trx-detail-empty{padding:13px;text-align:center;border:1px dashed #dce6ef;border-radius:9px;color:#98a7b6;font-size:8px}.trx-drawer-actions{flex:0 0 auto;background:#fff;border-top:1px solid #e1e9f2;padding:10px 12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.trx-drawer-actions button{min-height:35px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#476886;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px}.trx-drawer-actions button.primary{background:#267be5;border-color:#267be5;color:#fff}.trx-drawer-actions button.danger{background:#fff7f7;border-color:#f0c9cd;color:#d54b56}.trx-drawer-actions button.warning{background:#fff9eb;border-color:#f0dfae;color:#a66d0e}.trx-drawer-open{overflow:hidden}@keyframes trxPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}
@media(max-width:1180px){.trx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trx-filter-panel{grid-template-columns:minmax(230px,1fr) repeat(2,140px) repeat(2,145px) auto}.trx-filter-reset{grid-column:1/-1}}
@media(max-width:900px){.trx-page-head{align-items:center}.trx-filter-panel{grid-template-columns:1fr 1fr}.trx-search-field{grid-column:1/-1}.trx-filter-apply,.trx-filter-reset{height:36px}.trx-desktop-table-wrap{display:none}.trx-mobile-list{display:grid;gap:9px;padding:10px;background:#f8fbfe}.trx-mobile-card{background:#fff;border:1px solid #e0e9f2;border-radius:13px;padding:11px;box-shadow:0 3px 10px rgba(34,73,115,.04);cursor:pointer}.trx-mobile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.trx-mobile-top>div{min-width:0}.trx-mobile-top .mono{display:block;color:#6b83a0;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.trx-mobile-top b{display:block;color:#254864;font-size:10px;margin-top:4px}.trx-mobile-top small{display:block;color:#92a1b0;font-size:8px;margin-top:2px}.trx-mobile-amount{font-size:20px;font-weight:900;color:#173a59;margin:12px 0 9px}.trx-mobile-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.trx-mobile-meta>span:not(.trx-source):not(.trx-callback){font-size:8px;color:#71879c;display:flex;align-items:center;gap:4px;background:#f5f8fb;padding:4px 7px;border-radius:999px}.trx-mobile-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f6;margin-top:10px;padding-top:9px}.trx-mobile-bottom time{font-size:8px;color:#8c9baa}.trx-mobile-bottom button{border:0;background:transparent;color:#3176bd;font-size:8px;font-weight:850;display:flex;gap:5px;align-items:center}.trx-mobile-empty{padding:25px;text-align:center;color:#9aa8b8}.trx-detail-drawer{top:max(72px,env(safe-area-inset-top));right:8px;left:8px;bottom:8px;width:auto;max-width:none;border-radius:18px;transform:translateY(110%)}.trx-detail-drawer.show{transform:translateY(0)}.trx-drawer-head{min-height:90px;border-radius:18px 18px 0 0}.trx-drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.trx-page-head{display:block}.trx-page-head h2{font-size:21px}.trx-head-actions{margin-top:12px}.trx-btn{flex:1}.trx-summary-grid{gap:8px}.trx-summary-card{min-height:92px;padding:11px;gap:9px}.trx-summary-icon{width:36px;height:36px;border-radius:10px;font-size:12px}.trx-summary-card strong{font-size:18px}.trx-filter-panel{padding:9px}.trx-filter-panel input,.trx-filter-panel select{font-size:9.5px;height:36px}.trx-filter-apply,.trx-filter-reset{font-size:8.5px}.trx-list-head{padding:11px}.trx-list-legend{display:none}.trx-pager{display:block;text-align:center}.trx-pager-actions{justify-content:center;margin-top:8px}.trx-detail-grid{gap:8px}.trx-detection-row{grid-template-columns:1fr}.trx-drawer-actions{grid-template-columns:1fr 1fr}}


/* ==================== R19.7.1 TRANSACTION DRAWER READABILITY FIX ==================== */
@media (min-width:901px){
  .trx-detail-drawer{
    width:min(700px,calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
  }
  .trx-drawer-head h3{
    max-width:590px !important;
  }
}
.trx-drawer-head h3{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}
.trx-detail-grid>div,
.trx-detection-row>div,
.trx-detail-section,
.trx-attempt>div{
  min-width:0 !important;
}
.trx-detail-grid b,
.trx-detection-row b,
.trx-attempt b,
.trx-attempt small,
.trx-detail-section p{
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  line-height:1.45 !important;
}
.trx-detail-grid{
  column-gap:18px !important;
  row-gap:12px !important;
}
.trx-detection-row{
  gap:10px !important;
}
@media (max-width:640px){
  .trx-detail-drawer{
    right:6px !important;
    left:6px !important;
  }
  .trx-detail-grid{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .trx-drawer-head h3{
    font-size:14px !important;
    line-height:1.35 !important;
  }
  .trx-detail-section{
    padding:12px !important;
  }
  .trx-drawer-body{
    padding:10px !important;
  }
}

/* ==================== R19.8 WITHDRAW OPERATIONS ==================== */
.wdx-page{--wd-blue:#267be5;--wd-blue-2:#3a96f2;--wd-text:#173957;--wd-muted:#7b91a6;--wd-border:#dfe9f3;--wd-bg:#f7faff;color:var(--wd-text)}
.wdx-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.wdx-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#2e7fdf;margin-bottom:4px}.wdx-page-head h2{font-size:26px;line-height:1.15;font-weight:950;margin:0;color:#173957}.wdx-page-head p{font-size:11px;color:#7890a6;margin:6px 0 0}.wdx-head-actions{display:flex;gap:8px;flex-wrap:wrap}.wdx-btn{height:38px;border-radius:10px;padding:0 13px;font-size:9px;font-weight:850;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce7f2}.wdx-btn.secondary{background:#fff;color:#456a89}.wdx-btn.primary{background:#267be5;border-color:#267be5;color:#fff;box-shadow:0 5px 12px rgba(38,123,229,.15)}
.wdx-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.wdx-summary-card{background:#fff;border:1px solid #e0eaf3;border-radius:14px;min-height:104px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(35,72,111,.04);position:relative;overflow:hidden}.wdx-summary-card:after{content:"";position:absolute;right:-25px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:rgba(38,123,229,.04)}.wdx-summary-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#eaf4ff;color:#267be5}.wdx-summary-card.green .wdx-summary-icon{background:#e9f8ef;color:#1c9b5d}.wdx-summary-card.amber .wdx-summary-icon{background:#fff5dd;color:#b77910}.wdx-summary-card.red .wdx-summary-icon{background:#fff0f1;color:#d6505b}.wdx-summary-card small{display:block;font-size:8px;color:#8ca0b2;font-weight:700}.wdx-summary-card strong{display:block;font-size:23px;line-height:1;font-weight:950;color:#173957;margin:6px 0 5px}.wdx-summary-card span:not(.wdx-summary-icon){font-size:8.5px;color:#7d91a5}.wdx-summary-card.skeleton{background:linear-gradient(90deg,#f3f6f9 25%,#e8eef4 37%,#f3f6f9 63%);background-size:400% 100%;animation:trxPulse 1.4s infinite}
.wdx-pending-alert{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#fff9e8;border:1px solid #f2dfa6;border-radius:13px;margin-bottom:12px}.wdx-pending-alert[hidden]{display:none}.wdx-alert-icon{width:36px;height:36px;border-radius:10px;background:#ffeec0;color:#b2760b;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.wdx-alert-copy{min-width:0;flex:1}.wdx-alert-copy b{display:block;font-size:10px;color:#805a12}.wdx-alert-copy span{display:block;font-size:8.5px;color:#9c7b3c;margin-top:2px}.wdx-pending-alert button{border:0;background:#b77a0d;color:#fff;border-radius:8px;height:31px;padding:0 10px;font-size:8px;font-weight:850;display:flex;align-items:center;gap:6px;white-space:nowrap}
.wdx-quick-wrap{margin-bottom:9px}.wdx-quick-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wdx-quick-tabs button{height:31px;padding:0 10px;border-radius:999px;border:1px solid #dfe9f3;background:#fff;color:#6d8499;font-size:8px;font-weight:800;display:flex;align-items:center;gap:6px}.wdx-quick-tabs button.active{background:#eaf4ff;border-color:#bfdcff;color:#267be5}
.wdx-filter-panel{display:grid;grid-template-columns:minmax(250px,1fr) 135px 135px 140px 140px auto auto;gap:8px;background:#fff;border:1px solid #e0eaf3;border-radius:13px;padding:10px;margin-bottom:12px;box-shadow:0 3px 12px rgba(35,72,111,.035)}.wdx-filter-panel input,.wdx-filter-panel select{height:36px;border:1px solid #dfe8f2;border-radius:9px;background:#fff;color:#355672;padding:0 10px;font-size:9px;min-width:0;outline:none}.wdx-filter-panel input:focus,.wdx-filter-panel select:focus{border-color:#7cb3ef;box-shadow:0 0 0 3px rgba(38,123,229,.08)}.wdx-search-field{position:relative}.wdx-search-field i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9aabba;font-size:9px}.wdx-search-field input{width:100%;padding-left:29px}.wdx-filter-apply,.wdx-filter-reset{height:36px;border-radius:9px;padding:0 10px;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.wdx-filter-apply{border:1px solid #267be5;background:#267be5;color:#fff}.wdx-filter-reset{border:1px solid #dfe8f2;background:#fff;color:#6b8398}
.wdx-list-card{background:#fff;border:1px solid #e0eaf3;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(35,72,111,.04)}.wdx-list-head{padding:12px 14px;border-bottom:1px solid #e9f0f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.wdx-list-head h3{margin:0;font-size:11px;font-weight:900;color:#1b3d5a}.wdx-list-head p{margin:3px 0 0;font-size:8px;color:#91a2b2}.wdx-list-legend{display:flex;gap:10px;font-size:7.5px;color:#8195a8}.wdx-list-legend span{display:flex;align-items:center;gap:4px}.wdx-list-legend .dot{width:7px;height:7px;border-radius:50%}.wdx-list-legend .dot.pending{background:#e4a11b}.wdx-list-legend .dot.success{background:#24a867}.wdx-list-legend .dot.failed{background:#df5862}
.wdx-desktop-table-wrap{overflow:auto}.wdx-table{width:100%;border-collapse:collapse;font-size:8.5px}.wdx-table th{padding:10px 11px;background:#f7fafe;border-bottom:1px solid #e8eff6;color:#7890a6;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}.wdx-table th.right,.wdx-table td.right{text-align:right}.wdx-table td{padding:11px;border-bottom:1px solid #edf2f6;color:#3b5a76;vertical-align:middle}.wdx-table tbody tr:hover{background:#fbfdff}.wdx-id-link{border:0;background:transparent;padding:0;color:#3078bd;font-size:8px;font-weight:850;cursor:pointer}.wdx-user b,.wdx-bank b{display:block;font-size:9px;color:#294a67}.wdx-user span,.wdx-bank span{display:block;font-size:7.5px;color:#8ea0b0;margin-top:2px;white-space:nowrap}.wdx-money{font-size:10px;font-weight:900;color:#173957!important;white-space:nowrap}.wdx-status{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:850;white-space:nowrap}.wdx-status.pending{background:#fff4d9;color:#ae720a}.wdx-status.success{background:#e9f8ef;color:#15975a}.wdx-status.failed{background:#fff0f1;color:#d44f59}.wdx-time{font-size:7.5px;color:#7d92a5;white-space:nowrap}.wdx-detail-btn{height:27px;border:1px solid #dce8f3;border-radius:7px;background:#fff;color:#3776b4;padding:0 8px;font-size:7.5px;font-weight:850;display:flex;align-items:center;gap:5px}.wdx-empty-row{padding:28px!important;text-align:center;color:#9aa9b8!important}.wdx-mobile-list{display:none}.wdx-pager{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7d91a5;font-size:8.5px;background:#fbfdff}.wdx-pager-actions{display:flex;align-items:center;gap:7px}.wdx-pager-actions button{height:31px;padding:0 9px;border:1px solid #dfe8f1;border-radius:8px;background:#fff;color:#50708e;font-size:8px;font-weight:800;display:flex;align-items:center;gap:5px}.wdx-pager-actions button:disabled{opacity:.4}.wdx-pager-actions span{font-weight:800;color:#3c5d79}
.wdx-drawer-backdrop{position:fixed;inset:0;background:rgba(14,36,58,.34);backdrop-filter:blur(2px);z-index:92;opacity:0;visibility:hidden;transition:.2s ease}.wdx-drawer-backdrop.show{opacity:1;visibility:visible}.wdx-detail-drawer{position:fixed;top:84px;right:16px;bottom:16px;width:min(650px,calc(100vw - 48px));max-width:calc(100vw - 48px);background:#f7faff;border:1px solid #dce7f1;border-radius:16px;box-shadow:-14px 0 40px rgba(17,47,80,.2);transform:translateX(108%);transition:.24s ease;display:flex;flex-direction:column;overflow:hidden}.wdx-detail-drawer.show{transform:translateX(0)}.wdx-drawer-head{min-height:92px;flex:0 0 auto;padding:17px 18px 14px;background:#fff;border-bottom:1px solid #e1e9f2;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.wdx-drawer-kicker{display:block;color:#2c7ee2;font-size:8px;font-weight:900;letter-spacing:.12em}.wdx-drawer-head h3{font-size:17px;color:#173957;font-weight:900;margin:4px 0 7px}.wdx-drawer-close{width:32px;height:32px;border:1px solid #dce6f0;background:#fff;border-radius:9px;color:#6d8196;flex:0 0 auto}.wdx-drawer-body{flex:1;min-height:0;overflow:auto;overflow-x:hidden;padding:14px;overscroll-behavior:contain}.wdx-detail-loading,.wdx-detail-error{min-height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#7c91a7;font-size:10px}.wdx-detail-error{color:#d4515c}.wdx-detail-amount{border-radius:14px;padding:17px;background:linear-gradient(135deg,#1f78e5,#3798f5);color:#fff;box-shadow:0 7px 18px rgba(33,122,229,.18);margin-bottom:10px}.wdx-detail-amount small{display:block;font-size:9px;opacity:.82}.wdx-detail-amount strong{display:block;font-size:28px;font-weight:950;margin:4px 0}.wdx-detail-amount span{font-size:9px;opacity:.84}.wdx-money-breakdown{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.wdx-money-breakdown>div{background:#fff;border:1px solid #e1eaf3;border-radius:11px;padding:11px}.wdx-money-breakdown small{display:block;color:#94a5b5;font-size:8px;margin-bottom:4px}.wdx-money-breakdown b{display:block;color:#274968;font-size:11px;font-weight:900}.wdx-fee-note{display:flex;gap:8px;align-items:flex-start;background:#eef6ff;border:1px solid #d7e9fb;color:#64819d;border-radius:10px;padding:9px 10px;font-size:7.5px;line-height:1.45;margin-bottom:10px}.wdx-fee-note i{color:#2f82dd;margin-top:1px}.wdx-detail-section{background:#fff;border:1px solid #e1eaf3;border-radius:13px;padding:13px;margin-bottom:10px}.wdx-detail-section h4{font-size:11px;color:#1b3857;font-weight:900;margin:0 0 11px}.wdx-detail-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:12px}.wdx-detail-grid>div{min-width:0}.wdx-detail-grid small{display:block;color:#98a6b6;font-size:8px;margin-bottom:3px}.wdx-detail-grid b{display:block;color:#304a67;font-size:9.5px;font-weight:800;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.45}.wdx-bank-card{display:flex;align-items:flex-start;gap:11px;background:#f8fbfe;border:1px solid #edf2f7;border-radius:11px;padding:12px}.wdx-bank-icon{width:40px;height:40px;border-radius:11px;background:#e9f4ff;color:#267be5;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.wdx-bank-card small{display:block;color:#9aa8b7;font-size:7.5px}.wdx-bank-card b{display:block;color:#244763;font-size:11px;margin:2px 0 4px}.wdx-bank-card span.mono{display:block;color:#496b88;font-size:9px;margin-bottom:3px}.wdx-bank-card strong{display:block;color:#667f95;font-size:9px}.wdx-note-box{background:#fff8e8;border:1px solid #f0e1b9;border-radius:9px;padding:10px;color:#806733;font-size:9px;line-height:1.5;overflow-wrap:anywhere}.wdx-drawer-actions{flex:0 0 auto;background:#fff;border-top:1px solid #e1e9f2;padding:10px 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.wdx-drawer-actions button{min-height:36px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#476886;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px}.wdx-drawer-actions button.success{background:#eefaf3;border-color:#bce8cf;color:#178b54}.wdx-drawer-actions button.danger{background:#fff5f5;border-color:#efc8cc;color:#d24b56}.wdx-drawer-open{overflow:hidden}
@media(max-width:1180px){.wdx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wdx-filter-panel{grid-template-columns:minmax(230px,1fr) repeat(2,135px) 140px 140px auto}.wdx-filter-reset{grid-column:1/-1}}
@media(max-width:900px){.wdx-filter-panel{grid-template-columns:1fr 1fr}.wdx-search-field{grid-column:1/-1}.wdx-desktop-table-wrap{display:none}.wdx-mobile-list{display:grid;gap:9px;padding:10px;background:#f8fbfe}.wdx-mobile-card{background:#fff;border:1px solid #e0e9f2;border-radius:13px;padding:11px;box-shadow:0 3px 10px rgba(34,73,115,.04);cursor:pointer;position:relative;overflow:hidden}.wdx-mobile-card.pending:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#e7a324}.wdx-mobile-card.failed:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#df5862}.wdx-mobile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.wdx-mobile-top>div{min-width:0}.wdx-mobile-top .mono{display:block;color:#6b83a0;font-size:7.5px}.wdx-mobile-top b{display:block;color:#254864;font-size:10px;margin-top:4px}.wdx-mobile-top small{display:block;color:#92a1b0;font-size:8px;margin-top:2px}.wdx-mobile-amount{font-size:20px;font-weight:950;color:#173a59;margin:12px 0 9px}.wdx-mobile-bank{display:flex;align-items:flex-start;gap:8px;background:#f6f9fc;border-radius:9px;padding:8px;color:#6c8297}.wdx-mobile-bank>i{margin-top:3px;color:#4f8fd0}.wdx-mobile-bank b{display:block;font-size:8.5px;color:#3f5e78}.wdx-mobile-bank span{display:block;font-size:7.5px;margin-top:2px}.wdx-mobile-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2f6;margin-top:10px;padding-top:9px}.wdx-mobile-bottom time{font-size:8px;color:#8c9baa}.wdx-mobile-bottom button{border:0;background:transparent;color:#3176bd;font-size:8px;font-weight:850;display:flex;gap:5px;align-items:center}.wdx-mobile-empty{padding:25px;text-align:center;color:#9aa8b8}.wdx-detail-drawer{top:max(72px,env(safe-area-inset-top));right:8px;left:8px;bottom:8px;width:auto;max-width:none;border-radius:18px;transform:translateY(110%)}.wdx-detail-drawer.show{transform:translateY(0)}.wdx-drawer-head{min-height:90px;border-radius:18px 18px 0 0}.wdx-drawer-actions{padding-bottom:calc(10px + env(safe-area-inset-bottom))}.wdx-pending-alert{align-items:flex-start}.wdx-pending-alert button{margin-left:auto}}
@media(max-width:640px){.wdx-page-head{display:block}.wdx-page-head h2{font-size:21px}.wdx-head-actions{margin-top:12px}.wdx-btn{flex:1}.wdx-summary-grid{gap:8px}.wdx-summary-card{min-height:92px;padding:11px;gap:9px}.wdx-summary-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px;font-size:12px}.wdx-summary-card strong{font-size:18px}.wdx-pending-alert{display:grid;grid-template-columns:auto 1fr}.wdx-pending-alert button{grid-column:1/-1;width:100%;justify-content:center}.wdx-filter-panel{padding:9px}.wdx-filter-panel input,.wdx-filter-panel select{font-size:9.5px;height:36px}.wdx-filter-apply,.wdx-filter-reset{font-size:8.5px}.wdx-list-head{padding:11px}.wdx-list-legend{display:none}.wdx-pager{display:block;text-align:center}.wdx-pager-actions{justify-content:center;margin-top:8px}.wdx-detail-grid{grid-template-columns:1fr;gap:10px}.wdx-money-breakdown{grid-template-columns:1fr}.wdx-drawer-actions{grid-template-columns:1fr 1fr}.wdx-drawer-actions button:first-child{grid-column:1/-1}.wdx-drawer-body{padding:10px}.wdx-detail-section{padding:12px}}

/* ==========================================================================
   R19.9 — Merchant Management
   ========================================================================== */
.mch-page{max-width:1600px}.mch-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.mch-eyebrow{display:block;color:#2b7be5;font-size:10px;font-weight:900;letter-spacing:.14em;margin-bottom:5px}.mch-page-head h2{font-size:26px;line-height:1.1;color:#173452;font-weight:900;margin:0}.mch-page-head p{font-size:12px;color:#7c91a8;margin:6px 0 0}.mch-head-actions{display:flex;gap:8px}.mch-btn{height:39px;padding:0 14px;border-radius:10px;font-size:11px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent}.mch-btn.primary{background:#267be5;color:#fff;box-shadow:0 5px 14px rgba(38,123,229,.18)}.mch-btn.secondary{background:#fff;border-color:#dfe8f2;color:#486985}
.mch-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.mch-summary-card{background:#fff;border:1px solid #e2eaf3;border-radius:14px;padding:15px;display:flex;align-items:center;gap:13px;min-height:96px;box-shadow:0 4px 14px rgba(32,67,105,.04)}.mch-summary-card.skeleton{background:linear-gradient(100deg,#f5f8fb,#fff,#f5f8fb);background-size:200% 100%;animation:mchPulse 1.3s infinite}.mch-summary-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:15px;flex:0 0 auto}.mch-summary-card.blue .mch-summary-icon{background:#e9f3ff;color:#287be0}.mch-summary-card.green .mch-summary-icon{background:#e8f8ef;color:#18a563}.mch-summary-card.slate .mch-summary-icon{background:#eef3f7;color:#607890}.mch-summary-card.red .mch-summary-icon{background:#fff0f1;color:#dd5660}.mch-summary-card small{display:block;font-size:9px;color:#8396aa;font-weight:700}.mch-summary-card strong{display:block;font-size:23px;line-height:1.1;color:#173957;font-weight:900;margin:4px 0}.mch-summary-card span:not(.mch-summary-icon){font-size:9px;color:#7890a7}@keyframes mchPulse{50%{background-position:100% 0}}
.mch-alert{display:flex;align-items:center;gap:11px;padding:12px 14px;background:#fff8e7;border:1px solid #f3dfac;border-radius:13px;color:#825f15;margin-bottom:12px}.mch-alert[hidden]{display:none}.mch-alert-icon{width:34px;height:34px;border-radius:10px;background:#ffedb9;display:grid;place-items:center;color:#c88813}.mch-alert>div{flex:1}.mch-alert b{display:block;font-size:11px}.mch-alert span{font-size:9px}.mch-alert button{border:0;background:transparent;color:#b5740a;font-size:9px;font-weight:850;white-space:nowrap}
.mch-quick-wrap{display:flex;align-items:center;margin-bottom:9px}.mch-quick-tabs{background:#eaf2fb;border:1px solid #dae7f4;border-radius:11px;padding:4px;display:flex;gap:3px;overflow:auto;max-width:100%}.mch-quick-tabs button{height:31px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#64809c;font-size:9px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:6px}.mch-quick-tabs button.active{background:#fff;color:#2678d8;box-shadow:0 2px 8px rgba(37,82,128,.08)}
.mch-filter-panel{display:grid;grid-template-columns:minmax(280px,1.7fr) minmax(130px,.65fr) minmax(130px,.65fr) minmax(130px,.7fr) auto auto;gap:8px;padding:10px;background:#fff;border:1px solid #e1e9f2;border-radius:13px;margin-bottom:12px;box-shadow:0 3px 12px rgba(30,67,108,.03)}.mch-filter-panel input,.mch-filter-panel select{height:38px;border:1px solid #dfe8f1;border-radius:9px;background:#fbfdff;color:#34526f;padding:0 10px;font-size:10px;outline:none;min-width:0}.mch-filter-panel input:focus,.mch-filter-panel select:focus{border-color:#81b9f2;box-shadow:0 0 0 3px rgba(42,125,229,.09)}.mch-search-field{position:relative}.mch-search-field i{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#9aaabb}.mch-search-field input{width:100%;padding-left:31px}.mch-filter-apply,.mch-filter-reset{height:38px;border-radius:9px;font-size:9px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;white-space:nowrap}.mch-filter-apply{border:0;background:#267be5;color:#fff}.mch-filter-reset{border:1px solid #dfe8f1;background:#fff;color:#637c95}
.mch-list-card{background:#fff;border:1px solid #e0e9f2;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(32,67,105,.04)}.mch-list-head{padding:13px 14px;border-bottom:1px solid #e8eef4;display:flex;align-items:center;justify-content:space-between;gap:14px}.mch-list-head h3{font-size:12px;font-weight:900;color:#1e3c59;margin:0}.mch-list-head p{font-size:9px;color:#8a9bae;margin:3px 0 0}.mch-list-legend{display:flex;gap:12px;color:#7e91a4;font-size:8px}.mch-list-legend span{display:flex;align-items:center;gap:4px}.mch-dot{width:7px;height:7px;border-radius:50%}.mch-dot.ready{background:#24b26f}.mch-dot.warn{background:#e1a42d}.mch-table{width:100%;font-size:10px;border-collapse:collapse}.mch-table th{padding:10px 12px;background:#f8fbfe;border-bottom:1px solid #e6edf4;color:#71869b;font-size:8px;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}.mch-table th.right,.mch-table td.right{text-align:right}.mch-table td{padding:11px 12px;border-top:1px solid #edf2f6;color:#38546e;vertical-align:middle}.mch-table tr:hover td{background:#fbfdff}.mch-table tr.problem td{background:#fffdf7}.mch-id-link{border:0;background:transparent;text-align:left;padding:0;color:#245e9d}.mch-id-link b{display:block;font-size:10px;max-width:190px;overflow:hidden;text-overflow:ellipsis}.mch-id-link span{display:block;font-size:8px;color:#91a1b0;margin-top:2px}.mch-provider b{display:block;font-size:9px}.mch-provider span{display:block;font-size:8px;color:#8d9eae;margin-top:2px}.mch-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:850;white-space:nowrap}.mch-badge.good{background:#e8f8ef;color:#15955a}.mch-badge.warn{background:#fff4dc;color:#b5790d}.mch-badge.bad{background:#fff0f1;color:#d44e59}.mch-badge.muted{background:#edf2f6;color:#657b90}.mch-money{font-weight:850;color:#264969!important;white-space:nowrap}.mch-progress{min-width:105px;display:flex;align-items:center;gap:6px}.mch-progress>div{height:6px;background:#edf3f8;border-radius:99px;overflow:hidden;flex:1}.mch-progress>div span{display:block;height:100%;background:linear-gradient(90deg,#2d7fe3,#58a6f4);border-radius:99px}.mch-progress b{font-size:8px;color:#496c8b;width:30px;text-align:right}.mch-time{font-size:8px;color:#698099;display:block;white-space:nowrap}.mch-store-count{display:block;font-size:7.5px;color:#9aa8b6;margin-top:2px}.mch-detail-btn{border:0;background:transparent;color:#2876c8;font-size:8.5px;font-weight:850;display:inline-flex;align-items:center;gap:5px}.mch-empty-row{padding:26px!important;text-align:center;color:#9aa8b8!important}.mch-mobile-list{display:none}.mch-pager{padding:10px 13px;border-top:1px solid #e8eef4;display:flex;justify-content:space-between;align-items:center;color:#8495a7;font-size:8.5px}.mch-pager-actions{display:flex;align-items:center;gap:7px}.mch-pager-actions button{height:31px;padding:0 10px;border-radius:8px;border:1px solid #dfe8f1;background:#fff;color:#55718c;font-size:8px;font-weight:800}.mch-pager-actions button:disabled{opacity:.45}.mch-pager-actions span{min-width:50px;text-align:center;font-weight:800;color:#54708c}
.mch-drawer-backdrop{position:fixed;inset:0;background:rgba(8,25,45,.30);backdrop-filter:blur(2px);z-index:95;opacity:0;visibility:hidden;transition:.2s}.mch-drawer-backdrop.show{opacity:1;visibility:visible}.mch-detail-drawer{position:fixed;top:76px;right:12px;bottom:12px;width:min(1300px,calc(100vw - 48px));background:#f7faff;border:1px solid #dce7f1;border-radius:18px;box-shadow:-14px 12px 40px rgba(17,47,80,.20);transform:translateX(calc(100% + 30px));transition:.24s ease;display:flex;flex-direction:column;overflow:hidden}.mch-detail-drawer.show{transform:translateX(0)}.mch-drawer-head{background:#fff;border-bottom:1px solid #e3ebf3;padding:16px 18px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-height:86px}.mch-drawer-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#2d80e6}.mch-drawer-head h3{font-size:20px;line-height:1.15;color:#17314e;font-weight:900;margin:4px 0 6px;overflow-wrap:anywhere}.mch-drawer-close{width:34px;height:34px;border:1px solid #dce6f0;background:#fff;border-radius:9px;color:#6d8196;flex:0 0 auto}.mch-drawer-body{flex:1;overflow:auto;padding:14px}.mch-detail-loading,.mch-detail-error{padding:30px;text-align:center;color:#8093a8;font-size:10px;display:flex;gap:8px;align-items:center;justify-content:center}.mch-detail-error{color:#d2505c}.mch-issues{display:grid;gap:6px;margin-bottom:10px}.mch-issues>div{background:#fff4f4;border:1px solid #f3d1d4;border-radius:10px;padding:9px;color:#c74e59;font-size:9px;font-weight:750;display:flex;gap:7px;align-items:center}.mch-detail-target{background:linear-gradient(135deg,#1f78e5,#3a98f2);color:#fff;border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:11px}.mch-detail-target small{display:block;font-size:8px;opacity:.8}.mch-detail-target strong{display:block;font-size:23px;font-weight:900;margin:3px 0}.mch-detail-target span{font-size:8.5px;opacity:.85}.mch-target-ring{--p:0;width:64px;height:64px;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),rgba(255,255,255,.25) 0);display:grid;place-items:center;position:relative;flex:0 0 auto}.mch-target-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#2d86e8}.mch-target-ring b{position:relative;z-index:1;font-size:13px}.mch-detail-section{background:#fff;border:1px solid #e1eaf3;border-radius:13px;padding:13px;margin-bottom:10px}.mch-detail-section h4{font-size:11px;color:#1b3857;font-weight:900;margin:0 0 11px}.mch-detail-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.mch-detail-title h4{margin:0}.mch-detail-title span{font-size:8px;color:#8b9baa}.mch-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mch-detail-grid>div,.mch-connection-grid>div{min-width:0}.mch-detail-grid small,.mch-connection-grid small{display:block;color:#98a6b6;font-size:8px;margin-bottom:3px}.mch-detail-grid b,.mch-connection-grid b{display:block;color:#304a67;font-size:9.5px;font-weight:800;overflow-wrap:anywhere}.mch-readiness{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mch-readiness>div{border:1px solid #e5edf4;background:#fbfdff;border-radius:11px;padding:10px;min-width:0}.mch-readiness>div>span{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;margin-bottom:8px}.mch-readiness>div>span.good{background:#e8f8ef;color:#15955a}.mch-readiness>div>span.bad{background:#fff0f1;color:#d44e59}.mch-readiness small{display:block;font-size:7.5px;color:#91a2b1}.mch-readiness b{display:block;font-size:9px;color:#294966;margin:2px 0 5px}.mch-readiness code,.mch-endpoint code{font-size:7.5px;color:#73889d;word-break:break-all}.mch-endpoint{margin-top:9px;padding-top:9px;border-top:1px solid #edf2f6}.mch-endpoint small{display:block;font-size:7.5px;color:#91a2b1;margin-bottom:4px}.mch-store-list{display:grid;gap:7px;margin-top:10px}.mch-store-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5edf4;border-radius:10px;padding:9px;background:#fbfdff}.mch-store-card>span{width:29px;height:29px;border-radius:8px;background:#eaf4ff;color:#2c7ede;display:grid;place-items:center}.mch-store-card b{display:block;font-size:8.5px;color:#31506c}.mch-store-card small{display:block;font-size:7.5px;color:#91a0af;margin-top:2px}.mch-store-card>div:last-child{text-align:right}.mch-detail-empty{padding:15px;text-align:center;border:1px dashed #dbe5ef;border-radius:10px;color:#9aa8b7;font-size:9px}.mch-connection-empty{border:1px dashed #d8e4ef;border-radius:10px;padding:12px;color:#8395a8;font-size:9px;display:flex;align-items:center;gap:8px}.mch-test-btn{width:100%;height:34px;border:0;border-radius:9px;background:#edf6ff;color:#2673ca;font-size:8.5px;font-weight:850;margin-top:8px}.mch-connection-status{display:flex;align-items:center;gap:7px;font-size:9px;margin-bottom:9px}.mch-connection-status.good{color:#17985d}.mch-connection-status.bad{color:#d3505b}.mch-connection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mch-connection-message{display:block;margin-top:8px;color:#74899d;font-size:8px}.mch-drawer-actions{background:#fff;border-top:1px solid #e2eaf2;padding:10px 12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.mch-drawer-actions button{min-height:37px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#476886;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.mch-drawer-actions button.danger{color:#d64d59;border-color:#f2cfd3;background:#fffafa}.mch-drawer-actions button.success{color:#16945a;border-color:#ccebdc;background:#f7fffb}.mch-drawer-open{overflow:hidden}.mch-swal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 8px;text-align:left}.mch-swal-grid label{font-size:11px;color:#5d7185}.mch-swal-grid label.full{grid-column:1/-1}.mch-swal-grid .swal2-input,.mch-swal-grid .swal2-select,.mch-swal-grid .swal2-textarea{width:100%;margin:5px 0 10px;box-sizing:border-box}
@media(max-width:1180px){.mch-filter-panel{grid-template-columns:1fr 1fr 1fr}.mch-search-field{grid-column:1/-1}.mch-drawer-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.mch-desktop-table-wrap{display:none}.mch-mobile-list{display:grid;gap:9px;padding:10px;background:#f8fbfe}.mch-mobile-card{background:#fff;border:1px solid #e0e9f2;border-radius:13px;padding:11px;box-shadow:0 3px 10px rgba(34,73,115,.04);cursor:pointer}.mch-mobile-card.problem{border-left:4px solid #e15a63}.mch-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.mch-mobile-top>div b{display:block;font-size:11px;color:#244764}.mch-mobile-top>div span{font-size:8px;color:#8c9cab}.mch-mobile-money{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.mch-mobile-money>div{background:#f7faff;border:1px solid #eaf0f6;border-radius:9px;padding:8px}.mch-mobile-money small{display:block;font-size:7px;color:#94a2b1}.mch-mobile-money b{font-size:9px;color:#31506c}.mch-mobile-status{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:8px;color:#7890a6}.mch-mobile-card>button{width:100%;height:31px;border:0;background:#edf6ff;color:#2673ca;border-radius:8px;font-size:8px;font-weight:850;margin-top:9px}.mch-detail-drawer{top:max(72px,env(safe-area-inset-top));right:8px;left:8px;bottom:8px;width:auto;max-width:none;border-radius:18px;transform:translateY(110%)}.mch-detail-drawer.show{transform:translateY(0)}.mch-drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.mch-page-head{display:block}.mch-page-head h2{font-size:21px}.mch-head-actions{margin-top:12px}.mch-btn{flex:1}.mch-summary-grid{gap:8px}.mch-summary-card{min-height:92px;padding:11px;gap:9px}.mch-summary-icon{width:36px;height:36px;border-radius:10px;font-size:12px}.mch-summary-card strong{font-size:18px}.mch-filter-panel{grid-template-columns:1fr 1fr;padding:9px}.mch-search-field{grid-column:1/-1}.mch-filter-panel input,.mch-filter-panel select{font-size:9.5px;height:36px}.mch-filter-apply,.mch-filter-reset{font-size:8.5px}.mch-list-legend{display:none}.mch-pager{display:block;text-align:center}.mch-pager-actions{justify-content:center;margin-top:8px}.mch-detail-grid,.mch-readiness,.mch-connection-grid{grid-template-columns:1fr 1fr}.mch-swal-grid{grid-template-columns:1fr}}
.mch-inline-link{border:0;background:transparent;padding:0;margin-top:6px;color:#2574c9;font-size:7.5px;font-weight:850;display:block}
@media(max-width:640px){.mch-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ============================================================
   R19.9.2 — FORCE WIDE MERCHANT DETAIL DRAWER
   Desktop drawer intentionally uses most of the viewport.
   ============================================================ */
@media (min-width: 901px) {
  html body .mch-detail-drawer {
    position: fixed !important;
    top: 64px !important;
    right: 12px !important;
    bottom: 12px !important;
    left: auto !important;
    width: 78vw !important;
    min-width: 900px !important;
    max-width: calc(100vw - 36px) !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  /* Give the wider drawer content more breathing room */
  html body .mch-drawer-body {
    padding: 20px !important;
    overflow-x: hidden !important;
  }

  html body .mch-detail-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px 20px !important;
  }

  html body .mch-readiness {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 14px !important;
  }

  html body .mch-connection-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  html body .mch-detail-section,
  html body .mch-detail-target {
    padding: 18px !important;
  }

  html body .mch-detail-grid b,
  html body .mch-detail-grid code,
  html body .mch-readiness code,
  html body .mch-endpoint code,
  html body .mch-store-card b,
  html body .mch-store-card small {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  html body .mch-drawer-actions {
    grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
    padding: 12px 18px !important;
  }
}

/* Keep tablet/mobile behavior compact and usable */
@media (max-width: 900px) {
  html body .mch-detail-drawer {
    left: 8px !important;
    right: 8px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* ==================== R19.10 DOMAIN & CALLBACK MANAGEMENT ==================== */
.dom-page{--dom-blue:#267be5;--dom-blue2:#3a96f2;--dom-text:#173957;--dom-muted:#7b91a6;--dom-border:#dfe9f3;color:var(--dom-text)}
.dom-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.dom-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#2e7fdf;margin-bottom:4px}.dom-page-head h2{font-size:26px;line-height:1.15;font-weight:950;margin:0;color:#173957}.dom-page-head p{font-size:11px;color:#7890a6;margin:6px 0 0}.dom-btn{height:38px;border-radius:10px;padding:0 13px;font-size:9px;font-weight:850;display:inline-flex;align-items:center;gap:7px;border:1px solid #dce7f2}.dom-btn.primary{background:#267be5;border-color:#267be5;color:#fff;box-shadow:0 5px 12px rgba(38,123,229,.15)}
.dom-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.dom-summary-card{background:#fff;border:1px solid #e0eaf3;border-radius:14px;min-height:104px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(35,72,111,.04);position:relative;overflow:hidden}.dom-summary-card:after{content:"";position:absolute;right:-25px;bottom:-34px;width:90px;height:90px;border-radius:50%;background:rgba(38,123,229,.04)}.dom-summary-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;background:#eaf4ff;color:#267be5}.dom-summary-card.green .dom-summary-icon{background:#e9f8ef;color:#1c9b5d}.dom-summary-card.red .dom-summary-icon{background:#fff0f1;color:#d6505b}.dom-summary-card.indigo .dom-summary-icon{background:#eef0ff;color:#5965d8}.dom-summary-card small{display:block;font-size:8px;color:#8ca0b2;font-weight:700}.dom-summary-card strong{display:block;font-size:23px;line-height:1;font-weight:950;color:#173957;margin:6px 0 5px}.dom-summary-card span:not(.dom-summary-icon){font-size:8.5px;color:#7d91a5}.dom-summary-card.skeleton{background:linear-gradient(90deg,#f3f6f9 25%,#e8eef4 37%,#f3f6f9 63%);background-size:400% 100%;animation:trxPulse 1.4s infinite}
.dom-alert{display:flex;align-items:center;gap:11px;padding:11px 13px;background:#fff3f4;border:1px solid #f0d2d5;border-radius:13px;margin-bottom:12px}.dom-alert[hidden]{display:none}.dom-alert-icon{width:36px;height:36px;border-radius:10px;background:#ffe4e7;color:#d44f59;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.dom-alert>div{min-width:0;flex:1}.dom-alert b{display:block;font-size:10px;color:#9c3540}.dom-alert span{display:block;font-size:8.5px;color:#a76b70;margin-top:2px}.dom-alert button{border:0;background:#d9505c;color:#fff;border-radius:8px;height:31px;padding:0 10px;font-size:8px;font-weight:850;display:flex;align-items:center;gap:6px;white-space:nowrap}
.dom-quick-wrap{margin-bottom:9px}.dom-quick-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.dom-quick-tabs button{height:31px;padding:0 10px;border-radius:999px;border:1px solid #dfe9f3;background:#fff;color:#6d8499;font-size:8px;font-weight:800;display:flex;align-items:center;gap:6px}.dom-quick-tabs button.active{background:#eaf4ff;border-color:#bfdcff;color:#267be5}
.dom-filter-panel{display:grid;grid-template-columns:minmax(260px,1fr) 150px 160px auto auto;gap:8px;background:#fff;border:1px solid #e0eaf3;border-radius:13px;padding:10px;margin-bottom:12px;box-shadow:0 3px 12px rgba(35,72,111,.035)}.dom-filter-panel input,.dom-filter-panel select{height:36px;border:1px solid #dfe8f2;border-radius:9px;background:#fff;color:#355672;padding:0 10px;font-size:9px;min-width:0;outline:none}.dom-filter-panel input:focus,.dom-filter-panel select:focus{border-color:#7cb3ef;box-shadow:0 0 0 3px rgba(38,123,229,.08)}.dom-search-field{position:relative}.dom-search-field i{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9aabba;font-size:9px}.dom-search-field input{width:100%;padding-left:29px}.dom-filter-apply,.dom-filter-reset{height:36px;border-radius:9px;padding:0 10px;font-size:8.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.dom-filter-apply{border:1px solid #267be5;background:#267be5;color:#fff}.dom-filter-reset{border:1px solid #dfe8f2;background:#fff;color:#6b8398}
.dom-list-card{background:#fff;border:1px solid #e0eaf3;border-radius:14px;overflow:hidden;box-shadow:0 4px 14px rgba(35,72,111,.04)}.dom-list-head{padding:12px 14px;border-bottom:1px solid #e9f0f6;display:flex;align-items:center;justify-content:space-between;gap:12px}.dom-list-head h3{margin:0;font-size:11px;font-weight:900;color:#1b3d5a}.dom-list-head p{margin:3px 0 0;font-size:8px;color:#91a2b2}.dom-list-legend{display:flex;gap:10px;font-size:7.5px;color:#8195a8}.dom-list-legend span{display:flex;align-items:center;gap:4px}.dom-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dom-dot.healthy{background:#24a867}.dom-dot.issue{background:#df5862}.dom-dot.unknown{background:#9aa9b8}
.dom-desktop-table-wrap{overflow:auto}.dom-table{width:100%;border-collapse:collapse;font-size:8.5px}.dom-table th{padding:10px 11px;background:#f7fafe;border-bottom:1px solid #e8eff6;color:#7890a6;font-size:7.5px;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}.dom-table td{padding:11px;border-bottom:1px solid #edf2f6;color:#3b5a76;vertical-align:middle}.dom-table tbody tr:hover{background:#fbfdff}.dom-table tbody tr.problem{background:#fffafb}.dom-domain-link{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;max-width:330px}.dom-domain-link b{display:block;font-size:9.5px;color:#244764;overflow-wrap:anywhere}.dom-domain-link span{display:block;font-size:7.5px;color:#8ea0b0;margin-top:2px;overflow-wrap:anywhere}.dom-linked-cell b,.dom-callback-cell b{display:block;font-size:9px;color:#31506c}.dom-linked-cell span,.dom-callback-cell span{display:block;font-size:7.5px;color:#8fa0b0;margin-top:2px}.dom-callback-missing{display:inline-flex;gap:5px;align-items:center;color:#9b7a36;font-size:8px}.dom-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;font-size:7.5px;font-weight:850;white-space:nowrap}.dom-badge.good{background:#e9f8ef;color:#15975a}.dom-badge.bad{background:#fff0f1;color:#d44f59}.dom-badge.warn{background:#fff4d9;color:#ae720a}.dom-badge.muted{background:#f1f4f7;color:#72869a}.dom-badge.neutral{background:#eef3f7;color:#71869a}.dom-detail-btn{height:27px;border:1px solid #dce8f3;border-radius:7px;background:#fff;color:#3776b4;padding:0 8px;font-size:7.5px;font-weight:850;display:flex;align-items:center;gap:5px}.dom-empty-row{padding:28px!important;text-align:center;color:#9aa9b8!important}.dom-mobile-list{display:none}.dom-pager{padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#7d91a5;font-size:8.5px;background:#fbfdff}.dom-pager-actions{display:flex;align-items:center;gap:7px}.dom-pager-actions button{height:31px;padding:0 9px;border:1px solid #dfe8f1;border-radius:8px;background:#fff;color:#50708e;font-size:8px;font-weight:800;display:flex;align-items:center;gap:5px}.dom-pager-actions button:disabled{opacity:.4}.dom-pager-actions span{font-weight:800;color:#3c5d79}
.dom-drawer-backdrop{position:fixed;inset:0;background:rgba(8,25,45,.30);backdrop-filter:blur(2px);z-index:96;opacity:0;visibility:hidden;transition:.2s}.dom-drawer-backdrop.show{opacity:1;visibility:visible}.dom-detail-drawer{position:fixed;top:64px;right:12px;bottom:12px;width:72vw;min-width:820px;max-width:calc(100vw - 36px);background:#f7faff;border:1px solid #dce7f1;border-radius:18px;box-shadow:-14px 12px 40px rgba(17,47,80,.20);transform:translateX(calc(100% + 30px));transition:.24s ease;display:flex;flex-direction:column;overflow:hidden}.dom-detail-drawer.show{transform:translateX(0)}.dom-drawer-head{background:#fff;border-bottom:1px solid #e3ebf3;padding:16px 18px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start;min-height:86px}.dom-drawer-kicker{font-size:8px;font-weight:850;letter-spacing:.12em;color:#2d80e6}.dom-drawer-head h3{font-size:20px;line-height:1.15;color:#17314e;font-weight:900;margin:4px 0 6px;overflow-wrap:anywhere}.dom-drawer-close{width:34px;height:34px;border:1px solid #dce6f0;background:#fff;border-radius:9px;color:#6d8196;flex:0 0 auto}.dom-drawer-body{flex:1;min-height:0;overflow:auto;overflow-x:hidden;padding:18px;overscroll-behavior:contain}.dom-detail-loading,.dom-detail-error{padding:30px;text-align:center;color:#8093a8;font-size:10px;display:flex;gap:8px;align-items:center;justify-content:center}.dom-detail-error{color:#d2505c}.dom-issues{display:grid;gap:6px;margin-bottom:10px;padding:11px;border:1px solid #f0d1d4;background:#fff4f4;border-radius:11px}.dom-issues>b{font-size:9px;color:#c94c58;display:flex;gap:6px;align-items:center}.dom-issues>span{font-size:8px;color:#a86168;padding-left:17px}.dom-detail-section{background:#fff;border:1px solid #e1eaf3;border-radius:13px;padding:16px;margin-bottom:10px}.dom-detail-section h4{font-size:11px;color:#1b3857;font-weight:900;margin:0 0 11px}.dom-detail-title{display:flex;justify-content:space-between;gap:8px;align-items:center}.dom-detail-title h4{margin:0}.dom-detail-title span{font-size:8px;color:#8b9baa}.dom-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}.dom-info-item{min-width:0}.dom-info-item small{display:block;color:#98a6b6;font-size:8px;margin-bottom:3px}.dom-info-item b{display:block;color:#304a67;font-size:9.5px;font-weight:800;overflow-wrap:anywhere;word-break:break-word}.dom-infer-note{margin:12px 0 0;padding-top:10px;border-top:1px solid #edf2f6;font-size:7.8px;color:#7d91a5;display:flex;gap:6px;align-items:flex-start}.dom-infer-note i{color:#2d80e6;margin-top:1px}.dom-health-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dom-health-card{border:1px solid #e3ebf3;border-radius:11px;padding:12px;background:#fbfdff}.dom-health-card small{display:block;color:#8fa1b2;font-size:8px}.dom-health-card b{display:block;font-size:11px;margin:4px 0;color:#31506c}.dom-health-card span,.dom-health-card time{display:block;font-size:7.8px;color:#8295a7;margin-top:2px}.dom-health-card.good{border-color:#cdebdc;background:#f8fffb}.dom-health-card.good b{color:#16975b}.dom-health-card.bad{border-color:#f0d1d4;background:#fffafa}.dom-health-card.bad b{color:#d14f5b}.dom-test-actions{display:flex;gap:8px;margin-top:9px}.dom-test-actions button{height:33px;border:1px solid #d7e6f5;background:#edf6ff;color:#2673ca;border-radius:9px;padding:0 11px;font-size:8.5px;font-weight:850;display:flex;align-items:center;gap:6px}.dom-test-actions button:disabled{opacity:.45}.dom-test-result{margin-top:9px;border-radius:10px;padding:10px;display:flex;gap:8px;align-items:flex-start;font-size:8px}.dom-test-result.loading{background:#f2f7fc;color:#71889f}.dom-test-result.good{background:#effbf5;color:#168f58}.dom-test-result.bad{background:#fff1f2;color:#d04f5a}.dom-test-result b{display:block;font-size:9px}.dom-test-result span{display:block;margin-top:2px;line-height:1.45}.dom-callback-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.dom-callback-stats>div{border:1px solid #e5edf4;background:#fbfdff;border-radius:10px;padding:11px}.dom-callback-stats small{display:block;font-size:7.5px;color:#92a2b2}.dom-callback-stats b{display:block;font-size:16px;color:#294a67;margin-top:3px}.dom-store-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.dom-store-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e5edf4;border-radius:10px;padding:9px;background:#fbfdff}.dom-store-card>span{width:29px;height:29px;border-radius:8px;background:#eaf4ff;color:#2c7ede;display:grid;place-items:center}.dom-store-card b{display:block;font-size:8.5px;color:#31506c}.dom-store-card small{display:block;font-size:7.5px;color:#91a0af;margin-top:2px;overflow-wrap:anywhere}.dom-callback-list{display:grid;gap:7px;margin-top:10px}.dom-callback-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid #e6edf4;background:#fbfdff;border-radius:10px;padding:9px}.dom-callback-row b{display:block;font-size:8.5px;color:#31506c;overflow-wrap:anywhere}.dom-callback-row small{display:block;font-size:7.5px;color:#91a1b0;margin-top:2px}.dom-callback-row>div:nth-child(2){text-align:center}.dom-callback-row time{font-size:7.5px;color:#8497a8;white-space:nowrap}.dom-detail-empty{padding:15px;text-align:center;border:1px dashed #dbe5ef;border-radius:10px;color:#9aa8b7;font-size:9px}.dom-drawer-actions{background:#fff;border-top:1px solid #e2eaf2;padding:10px 16px;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:8px}.dom-drawer-actions button{min-height:39px;border-radius:9px;border:1px solid #dce7f2;background:#fff;color:#476886;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.dom-drawer-actions button.danger{color:#d64d59;border-color:#f2cfd3;background:#fffafa}.dom-drawer-actions button.success{color:#16945a;border-color:#ccebdc;background:#f7fffb}.dom-drawer-actions button:disabled{opacity:.4}.dom-drawer-open{overflow:hidden}.dom-swal-grid{display:grid;grid-template-columns:1fr;gap:0;text-align:left}.dom-swal-grid label{font-size:11px;color:#5d7185}.dom-swal-grid .swal2-input{width:100%;margin:5px 0 10px;box-sizing:border-box}.dom-swal-note{font-size:10px;color:#8496a8;margin:4px 6px 0;text-align:left}
@media(max-width:1100px){.dom-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dom-filter-panel{grid-template-columns:minmax(220px,1fr) 140px 150px auto auto}.dom-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.dom-page-head{align-items:center}.dom-desktop-table-wrap{display:none}.dom-mobile-list{display:grid;gap:9px;padding:10px;background:#f8fbfe}.dom-mobile-card{background:#fff;border:1px solid #e0e9f2;border-radius:13px;padding:11px;box-shadow:0 3px 10px rgba(34,73,115,.04)}.dom-mobile-card.problem{border-left:4px solid #e15a63}.dom-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dom-mobile-top>div b{display:block;font-size:11px;color:#244764;overflow-wrap:anywhere}.dom-mobile-top>div span{font-size:8px;color:#8c9cab}.dom-mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.dom-mobile-grid>div{background:#f7faff;border:1px solid #eaf0f6;border-radius:9px;padding:8px;min-width:0}.dom-mobile-grid small{display:block;font-size:7px;color:#94a2b1}.dom-mobile-grid b{display:block;font-size:8.5px;color:#31506c;margin-top:2px;overflow-wrap:anywhere}.dom-mobile-card>button{width:100%;height:31px;border:0;background:#edf6ff;color:#2673ca;border-radius:8px;font-size:8px;font-weight:850;margin-top:9px}.dom-detail-drawer{top:max(72px,env(safe-area-inset-top));right:8px;left:8px;bottom:8px;width:auto;min-width:0;max-width:none;border-radius:18px;transform:translateY(110%)}.dom-detail-drawer.show{transform:translateY(0)}.dom-info-grid,.dom-store-list{grid-template-columns:1fr 1fr}.dom-drawer-actions{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(max-width:700px){.dom-page-head{align-items:flex-start;flex-direction:column}.dom-page-head .dom-btn{width:100%;justify-content:center}.dom-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dom-filter-panel{grid-template-columns:1fr 1fr}.dom-search-field{grid-column:1/-1}.dom-filter-apply,.dom-filter-reset{width:100%}.dom-list-legend{display:none}.dom-pager{align-items:flex-start;flex-direction:column}.dom-pager-actions{width:100%;justify-content:space-between}.dom-health-grid,.dom-info-grid,.dom-store-list,.dom-callback-stats{grid-template-columns:1fr}.dom-callback-row{grid-template-columns:1fr}.dom-callback-row>div:nth-child(2){text-align:left}.dom-callback-row time{white-space:normal}.dom-test-actions{display:grid;grid-template-columns:1fr 1fr}.dom-drawer-actions{grid-template-columns:1fr}.dom-alert{align-items:flex-start}.dom-alert button{align-self:center}}

/* ==================== R19.11 SYSTEM CONFIGURATION CENTER ==================== */
.setx-page{--sx-blue:#267be5;--sx-text:#173957;--sx-muted:#7d91a5;--sx-border:#dfe9f3;color:var(--sx-text);padding-bottom:92px}.setx-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.setx-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#2e7fdf;margin-bottom:4px}.setx-page-head h2{font-size:26px;line-height:1.15;font-weight:950;margin:0;color:#173957}.setx-page-head p{font-size:11px;color:#7890a6;margin:6px 0 0}.setx-head-actions{display:flex;gap:8px;align-items:center}.setx-btn{height:38px;border-radius:10px;padding:0 13px;font-size:9px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce7f2;white-space:nowrap}.setx-btn.primary{background:#267be5;border-color:#267be5;color:#fff;box-shadow:0 5px 12px rgba(38,123,229,.15)}.setx-btn.ghost{background:#fff;color:#577590}.setx-btn:disabled{opacity:.55;cursor:not-allowed}.setx-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.setx-card{background:#fff;border:1px solid #e0eaf3;border-radius:15px;padding:16px;box-shadow:0 4px 14px rgba(35,72,111,.04);min-width:0}.setx-card-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #edf2f7}.setx-card-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:13px;flex:0 0 auto}.setx-card-icon.blue{background:#eaf4ff;color:#267be5}.setx-card-icon.green{background:#e9f8ef;color:#17975b}.setx-card-icon.cyan{background:#e8f8fb;color:#1595aa}.setx-card-icon.indigo{background:#eef0ff;color:#5965d8}.setx-card-icon.amber{background:#fff6dd;color:#b57911}.setx-card-icon.navy{background:#edf3f9;color:#365f87}.setx-card-head h3{font-size:12px;font-weight:900;color:#1c3d5a;margin:0}.setx-card-head p{font-size:8.5px;color:#8b9dad;margin:3px 0 0}.setx-read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.setx-read-item{border:1px solid #e7eef5;background:#fbfdff;border-radius:11px;padding:11px;min-width:0}.setx-read-item small{display:block;font-size:7.5px;color:#93a3b2}.setx-read-item b{display:block;font-size:10px;color:#31516e;margin:3px 0}.setx-read-item span{display:block;font-size:7.5px;color:#8fa0b0;line-height:1.35}.setx-inline-status.good,.setx-active-list b.good{color:#16965b}.setx-inline-status i{font-size:6px;margin-right:4px}.setx-info-note{margin-top:11px;padding:10px 11px;border-radius:10px;background:#f3f8fd;border:1px solid #dfeaf5;color:#70889e;font-size:8px;line-height:1.45;display:flex;gap:7px;align-items:flex-start}.setx-info-note i{color:#2d80e6;margin-top:1px}.setx-info-note.success{background:#effbf5;border-color:#d3eee0;color:#56816c}.setx-info-note.success i{color:#19965d}.setx-fields{display:grid;gap:11px}.setx-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.setx-fields.compact{margin-top:12px}.setx-field{display:block;min-width:0}.setx-field>span{display:flex;justify-content:space-between;gap:7px;font-size:9px;font-weight:850;color:#355571;margin-bottom:6px}.setx-field>span em{font-size:7px;font-style:normal;font-weight:750;color:#9aa9b7}.setx-field input{width:100%;height:40px;border:1px solid #dce7f1;border-radius:10px;background:#fff;padding:0 11px;color:#284b68;font-size:10px;font-weight:800;outline:none;box-sizing:border-box}.setx-field input:focus{border-color:#74afea;box-shadow:0 0 0 3px rgba(38,123,229,.08)}.setx-field>small{display:block;font-size:7.5px;color:#91a1b0;line-height:1.4;margin-top:6px}.setx-input-prefix,.setx-input-suffix{position:relative}.setx-input-prefix>b,.setx-input-suffix>b{position:absolute;top:50%;transform:translateY(-50%);font-size:8.5px;color:#738aa0;z-index:1}.setx-input-prefix>b{left:11px}.setx-input-prefix input{padding-left:32px}.setx-input-suffix>b{right:11px}.setx-input-suffix input{padding-right:42px}.setx-read-input{height:40px;border:1px solid #e3ebf3;border-radius:10px;background:#f7fafd;padding:0 11px;color:#668097;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.setx-read-input i{font-size:8px;color:#9daab7}.setx-preview-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.setx-preview-row>div{padding:10px 11px;border-radius:10px;background:#f7faff;border:1px solid #e9f0f6}.setx-preview-row small{display:block;font-size:7.5px;color:#91a2b2}.setx-preview-row strong{display:block;font-size:12px;color:#285273;margin-top:3px}.setx-system-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.setx-system-status>div{border:1px solid #e4ecf4;border-radius:11px;padding:11px;background:#fbfdff;display:flex;align-items:center;gap:9px;min-width:0}.setx-system-status>div>span{width:30px;height:30px;border-radius:9px;background:#eaf4ff;color:#267be5;display:grid;place-items:center;flex:0 0 auto;font-size:9px}.setx-system-status small{display:block;font-size:7px;color:#93a3b3}.setx-system-status b{display:block;font-size:9px;color:#36546f;margin-top:2px;overflow-wrap:anywhere}.setx-system-status b.good{color:#17965b}.setx-system-status.small{margin-top:11px}.setx-flow{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;padding:9px;background:#f7faff;border-radius:10px;border:1px solid #e7eef5;overflow:auto}.setx-flow span{font-size:7.5px;font-weight:800;color:#57728a;white-space:nowrap}.setx-flow i{font-size:6px;color:#9aabba}.setx-toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #e4ecf3;border-radius:11px;background:#fbfdff;padding:11px 12px;cursor:pointer}.setx-toggle-row>div{min-width:0}.setx-toggle-row b{display:block;font-size:9.5px;color:#31516e}.setx-toggle-row span:not(.setx-switch){display:block;font-size:7.5px;color:#8e9fae;margin-top:3px;line-height:1.35}.setx-toggle-row input{position:absolute;opacity:0;pointer-events:none}.setx-switch{width:38px;height:22px;border-radius:999px;background:#ced9e3;position:relative;flex:0 0 auto;transition:.2s}.setx-switch:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;box-shadow:0 1px 4px rgba(40,70,100,.22);transition:.2s}.setx-toggle-row input:checked+.setx-switch{background:#2a82e8}.setx-toggle-row input:checked+.setx-switch:after{transform:translateX(16px)}.setx-warning{margin-top:9px;border:1px solid #f1d2b8;background:#fff8ed;border-radius:10px;padding:9px 10px;color:#a5681b;font-size:8px;display:flex;gap:7px;align-items:flex-start}.setx-warning[hidden]{display:none}.setx-retry-line{margin-top:11px;border-top:1px solid #edf2f6;padding-top:10px}.setx-retry-line>small{display:block;font-size:7.5px;color:#91a1b0;margin-bottom:7px}.setx-retry-line>div{display:flex;align-items:center;gap:5px}.setx-retry-line span{min-width:34px;text-align:center;padding:5px;border-radius:7px;background:#edf6ff;color:#3776b4;font-size:7.5px;font-weight:850}.setx-retry-line i{height:1px;flex:1;background:#dce7f0}.setx-active-card{grid-column:1/-1}.setx-active-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.setx-active-list>div{border:1px solid #e5edf4;border-radius:10px;background:#fbfdff;padding:10px;min-width:0}.setx-active-list span{display:block;font-size:7px;color:#94a3b2}.setx-active-list b{display:block;font-size:9px;color:#31506c;margin-top:3px;overflow-wrap:anywhere}.setx-active-list b.warn{color:#bc7915}.setx-savebar{position:fixed;left:calc(var(--sidebar-w,230px) + 24px);right:24px;bottom:14px;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid #dbe7f2;border-radius:14px;box-shadow:0 10px 30px rgba(26,62,100,.14);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.setx-savebar>div:first-child span{display:block;font-size:8.5px;font-weight:850;color:#32815c}.setx-savebar>div:first-child span.changed{color:#b87414}.setx-savebar>div:first-child span i{margin-right:5px}.setx-savebar>div:first-child small{display:block;font-size:7.5px;color:#93a2b0;margin-top:2px}.setx-savebar>div:last-child{display:flex;gap:7px}
@media(max-width:1180px){.setx-active-list{grid-template-columns:repeat(3,minmax(0,1fr))}.setx-system-status{grid-template-columns:1fr}.setx-savebar{left:236px}}
@media(max-width:900px){.setx-layout{grid-template-columns:1fr}.setx-active-card{grid-column:auto}.setx-active-list{grid-template-columns:repeat(2,minmax(0,1fr))}.setx-savebar{left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));padding:9px}.setx-savebar>div:first-child small{display:none}.setx-page{padding-bottom:150px}}
@media(max-width:640px){.setx-page-head{display:block}.setx-page-head h2{font-size:22px}.setx-head-actions{margin-top:11px}.setx-head-actions .setx-btn{flex:1}.setx-fields.two,.setx-read-grid{grid-template-columns:1fr}.setx-preview-row{grid-template-columns:1fr 1fr}.setx-active-list{grid-template-columns:1fr 1fr}.setx-savebar>div:first-child{display:none}.setx-savebar>div:last-child{width:100%}.setx-savebar .setx-btn{flex:1}.setx-flow{justify-content:flex-start}.setx-retry-line>div{overflow:auto}.setx-card{padding:13px}}

/* ==================== R19.12 OPERATIONS & MAINTENANCE CENTER ==================== */
.ops-page{--ops-blue:#267be5;--ops-text:#173957;--ops-muted:#7d91a5;--ops-border:#dfe9f3;color:var(--ops-text);padding-bottom:24px}.ops-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.ops-eyebrow{font-size:9px;font-weight:900;letter-spacing:.14em;color:#2e7fdf;margin-bottom:4px}.ops-page-head h2{font-size:26px;line-height:1.15;font-weight:950;margin:0;color:#173957}.ops-page-head p{font-size:11px;color:#7890a6;margin:6px 0 0}.ops-refresh-btn{height:38px;border-radius:10px;padding:0 13px;border:1px solid #dce7f2;background:#fff;color:#58748c;font-size:9px;font-weight:850;display:inline-flex;align-items:center;gap:7px}.ops-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:13px}.ops-summary-card{background:#fff;border:1px solid #e0eaf3;border-radius:14px;padding:14px;min-height:104px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 14px rgba(35,72,111,.04)}.ops-summary-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;display:grid;place-items:center;background:#eaf4ff;color:#267be5;font-size:15px}.ops-summary-card.green .ops-summary-icon{background:#e9f8ef;color:#16975b}.ops-summary-card.violet .ops-summary-icon{background:#eef0ff;color:#5965d8}.ops-summary-card.amber .ops-summary-icon{background:#fff4db;color:#b87913}.ops-summary-card small{display:block;font-size:7.5px;color:#92a2b1}.ops-summary-card strong{display:block;font-size:19px;line-height:1.1;color:#173957;font-weight:950;margin:5px 0}.ops-summary-card span:not(.ops-summary-icon){display:block;font-size:8px;color:#8397aa}.ops-panel{background:#fff;border:1px solid #e0eaf3;border-radius:15px;padding:16px;box-shadow:0 4px 14px rgba(35,72,111,.04);min-width:0;margin-bottom:12px}.ops-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #edf2f7}.ops-panel-head>div:first-child{display:flex;align-items:center;gap:11px;min-width:0}.ops-panel-head h3{font-size:12px;font-weight:900;color:#1c3d5a;margin:0}.ops-panel-head p{font-size:8.5px;color:#8b9dad;margin:3px 0 0}.ops-panel-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:#eef3f7;color:#56738d}.ops-panel-icon.blue{background:#eaf4ff;color:#267be5}.ops-panel-icon.amber{background:#fff4db;color:#b87913}.ops-panel-icon.violet{background:#eef0ff;color:#5965d8}.ops-panel-icon.green{background:#e9f8ef;color:#16975b}.ops-panel-icon.slate{background:#edf3f8;color:#486783}.ops-primary-btn,.ops-secondary-btn,.ops-warning-btn{height:36px;border-radius:9px;padding:0 11px;font-size:8.5px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.ops-primary-btn{border:1px solid #267be5;background:#267be5;color:#fff}.ops-secondary-btn{border:1px solid #dce7f2;background:#fff;color:#54738e}.ops-warning-btn{border:1px solid #e8b756;background:#f4b53f;color:#fff}.ops-health-panel{padding-bottom:10px}.ops-health-badge{border-radius:999px;padding:6px 9px;font-size:7.5px;font-weight:900}.ops-health-badge.good{background:#e9f8ef;color:#15975a}.ops-health-badge.warn{background:#fff4db;color:#a86c0d}.ops-health-badge.bad{background:#fff0f1;color:#d44f59}.ops-health-badge.neutral{background:#eef3f7;color:#73879a}.ops-health-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ops-health-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e6edf4;background:#fbfdff;border-radius:11px;padding:10px;min-width:0}.ops-health-dot{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:9px}.ops-health-dot.good{background:#eaf8f0;color:#16975b}.ops-health-dot.warn{background:#fff5df;color:#b37713}.ops-health-dot.bad{background:#fff0f1;color:#d44f59}.ops-health-row strong{display:block;font-size:8.7px;color:#34536e}.ops-health-row span:not(.ops-health-dot){display:block;font-size:7.3px;color:#8da0b1;line-height:1.35;margin-top:2px}.ops-health-row>b{font-size:7.2px;border-radius:999px;padding:4px 6px}.ops-health-row>b.good{background:#e9f8ef;color:#15975a}.ops-health-row>b.warn{background:#fff4db;color:#a86c0d}.ops-health-row>b.bad{background:#fff0f1;color:#d44f59}.ops-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ops-backup-hero{margin-bottom:12px}.ops-backup-file{border:1px solid #dfeaf5;background:#f7fbff;border-radius:12px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.ops-backup-file>span{width:38px;height:38px;border-radius:10px;background:#e9f3ff;color:#267be5;display:grid;place-items:center}.ops-backup-file small{display:block;font-size:7px;color:#8da0b1}.ops-backup-file strong{display:block;font-size:8.5px;color:#31516e;margin-top:2px;overflow-wrap:anywhere}.ops-backup-file p{font-size:7.5px;color:#8fa0b0;margin:2px 0 0}.ops-backup-file button{height:30px;border:1px solid #cfe0f1;background:#fff;color:#2879d8;border-radius:8px;padding:0 9px;font-size:7.5px;font-weight:850;display:flex;align-items:center;gap:5px}.ops-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0 4px}.ops-subtitle-row strong{font-size:8.5px;color:#486781}.ops-mini-label{font-size:7px;color:#91a2b1}.ops-backup-list{border-top:1px solid #edf2f6}.ops-backup-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;border-bottom:1px solid #f0f4f7}.ops-backup-row>div{display:flex;align-items:center;gap:8px;min-width:0}.ops-file-icon{width:28px;height:28px;border-radius:8px;background:#f0f6fc;color:#4c82b7;display:grid;place-items:center;flex:0 0 auto;font-size:8px}.ops-backup-row b{display:block;font-size:7.8px;color:#405e77;overflow-wrap:anywhere}.ops-backup-row small{display:block;font-size:6.8px;color:#94a3b2;margin-top:1px}.ops-backup-row button{width:29px;height:29px;border:1px solid #dfe8f1;background:#fff;color:#3979b8;border-radius:8px}.ops-backup-row.latest{background:#fbfdff}.ops-empty-state{min-height:120px;border:1px dashed #dbe6ef;border-radius:12px;background:#fbfdff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#91a2b1;padding:15px}.ops-empty-state i{font-size:20px;color:#a7b7c5;margin-bottom:7px}.ops-empty-state b{font-size:9px;color:#617c93}.ops-empty-state span{font-size:7.5px;margin-top:3px}.ops-empty-state.compact{min-height:90px}.ops-empty-line{padding:16px 0;text-align:center;font-size:8px;color:#9aa9b8}.ops-retention-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-retention-grid label>span{display:block;font-size:8px;font-weight:850;color:#45637d;margin-bottom:5px}.ops-input-suffix{position:relative}.ops-input-suffix input{width:100%;height:38px;border:1px solid #dce7f1;border-radius:9px;background:#fff;padding:0 42px 0 10px;color:#31516e;font-size:9px;font-weight:800;outline:none}.ops-input-suffix input:focus{border-color:#74afea;box-shadow:0 0 0 3px rgba(38,123,229,.08)}.ops-input-suffix b{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:7px;color:#91a2b1}.ops-safe-note{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #d9eee3;background:#f1fbf5;border-radius:10px;margin-top:11px;color:#577f69}.ops-safe-note i{color:#16975b;margin-top:2px}.ops-safe-note b{display:block;font-size:8.5px}.ops-safe-note span{display:block;font-size:7.2px;line-height:1.45;margin-top:2px}.ops-action-row{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}.ops-storage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ops-storage-item{border:1px solid #e5edf4;background:#fbfdff;border-radius:11px;padding:11px;min-width:0}.ops-storage-item i{display:block;color:#6d89a1;font-size:10px;margin-bottom:8px}.ops-storage-item small{display:block;font-size:7px;color:#95a3b0}.ops-storage-item strong{display:block;font-size:9px;color:#34536e;margin-top:3px;overflow-wrap:anywhere}.ops-cron-status{margin-bottom:11px}.ops-cron-health{display:flex;align-items:center;gap:10px;border:1px solid #e5edf4;border-radius:11px;padding:11px;background:#fbfdff}.ops-cron-health>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.ops-cron-health.good>span{background:#e9f8ef;color:#16975b}.ops-cron-health.warn>span{background:#fff4db;color:#b87913}.ops-cron-health.bad>span{background:#fff0f1;color:#d44f59}.ops-cron-health strong{display:block;font-size:8.8px;color:#34536e}.ops-cron-health small{display:block;font-size:7.2px;color:#8fa0b0;margin-top:2px}.ops-cron-command{border-top:1px solid #edf2f6;padding-top:10px}.ops-cron-command>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:7px}.ops-cron-command span{font-size:7.5px;color:#8fa0b0}.ops-cron-command strong{font-size:8px;color:#41617c}.ops-code-wrap{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px}.ops-code-wrap code{display:block;border:1px solid #e2eaf2;background:#f7fafd;border-radius:9px;padding:9px;font-size:7px;color:#526f87;overflow-wrap:anywhere}.ops-code-wrap button{border:1px solid #dce7f1;background:#fff;border-radius:8px;color:#3f79ae}.ops-history-panel{margin-bottom:0}.ops-run-list{display:grid;gap:7px}.ops-run-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:9px;border:1px solid #e8eef4;border-radius:11px;padding:10px;background:#fbfdff}.ops-run-status{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.ops-run-item.success .ops-run-status{background:#e9f8ef;color:#16975b}.ops-run-item.failed .ops-run-status{background:#fff0f1;color:#d44f59}.ops-run-main>div{display:flex;align-items:center;gap:6px}.ops-run-main strong{font-size:8.5px;color:#365570;text-transform:uppercase}.ops-run-main>div span{font-size:6.8px;text-transform:uppercase;border-radius:999px;background:#edf3f8;color:#71879a;padding:3px 5px;font-weight:800}.ops-run-main small{display:block;font-size:6.8px;color:#96a5b2;margin-top:2px}.ops-run-main p{font-size:7.3px;color:#71879a;margin:4px 0 0;overflow-wrap:anywhere}.ops-run-meta{text-align:right}.ops-run-meta b{display:block;font-size:7.8px;color:#4c6a83}.ops-run-meta span{display:block;font-size:6.8px;color:#94a3b2;margin-top:2px}
@media(max-width:1180px){.ops-health-list{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.ops-two-col{grid-template-columns:1fr}.ops-bottom-grid{grid-template-columns:1fr}.ops-health-list{grid-template-columns:1fr}.ops-panel{padding:14px}.ops-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ops-page-head{display:block}.ops-page-head h2{font-size:22px}.ops-refresh-btn{margin-top:11px;width:100%;justify-content:center}.ops-summary-card{padding:11px;min-height:92px}.ops-summary-icon{width:38px;height:38px;flex-basis:38px}.ops-summary-card strong{font-size:15px}.ops-panel-head{display:block}.ops-panel-head>div:first-child{margin-bottom:10px}.ops-panel-head>button{width:100%;margin-top:3px}.ops-retention-grid,.ops-storage-grid{grid-template-columns:1fr}.ops-action-row{display:grid;grid-template-columns:1fr}.ops-backup-file{grid-template-columns:34px minmax(0,1fr)}.ops-backup-file>button{grid-column:1/-1;width:100%;justify-content:center}.ops-cron-command>div:first-child{display:block}.ops-cron-command strong{display:block;margin-top:3px}.ops-run-item{grid-template-columns:32px minmax(0,1fr)}.ops-run-meta{grid-column:2;text-align:left;display:flex;gap:7px}.ops-summary-grid{gap:8px}}


/* ==================== R19.13 REALTIME MONITORING CENTER ==================== */
.mon-page{--mon-text:#173957;--mon-muted:#8297aa;--mon-border:#e0e9f2;color:var(--mon-text)}
.mon-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.mon-eyebrow{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#2d80e6;margin-bottom:4px}.mon-page-head h2{font-size:26px;line-height:1.15;font-weight:950;margin:0;color:#173957}.mon-page-head p{font-size:10px;color:#7d93a8;margin:6px 0 0}.mon-head-actions{display:flex;align-items:center;gap:9px}.mon-live-indicator{height:35px;border:1px solid #dfe8f1;background:#fff;border-radius:10px;padding:0 11px;display:flex;align-items:center;gap:6px;font-size:7.7px;color:#7c91a5}.mon-live-indicator i{width:7px;height:7px;border-radius:50%;background:#1da865;box-shadow:0 0 0 4px rgba(29,168,101,.10)}.mon-live-indicator b{color:#43627d}.mon-refresh-btn{height:35px;border:1px solid #267be5;background:#267be5;color:#fff;border-radius:10px;padding:0 12px;font-size:8px;font-weight:850;display:flex;align-items:center;gap:6px}
.mon-alert{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:10px 12px;border-radius:12px;margin-bottom:12px}.mon-alert>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.mon-alert b{display:block;font-size:9px}.mon-alert small{display:block;font-size:7.5px;margin-top:2px;line-height:1.4}.mon-alert.bad{border:1px solid #f0d1d5;background:#fff3f4;color:#ad3f49}.mon-alert.bad>span{background:#ffe2e5;color:#d94e5b}.mon-alert.warn{border:1px solid #f0dfb9;background:#fff9eb;color:#9a6a19}.mon-alert.warn>span{background:#fff0c9;color:#c18418}
.mon-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:11px}.mon-summary-card{background:#fff;border:1px solid var(--mon-border);border-radius:14px;padding:13px;min-height:96px;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:11px;box-shadow:0 4px 14px rgba(35,72,111,.04)}.mon-summary-card.skeleton{background:linear-gradient(90deg,#f4f7fa 25%,#e9eef3 37%,#f4f7fa 63%);background-size:400% 100%;animation:trxPulse 1.4s infinite}.mon-summary-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:14px}.mon-summary-card.blue .mon-summary-icon{background:#eaf4ff;color:#267be5}.mon-summary-card.green .mon-summary-icon{background:#e9f8ef;color:#17975b}.mon-summary-card.violet .mon-summary-icon{background:#eef0ff;color:#5965d8}.mon-summary-card.red .mon-summary-icon{background:#fff0f1;color:#d7505b}.mon-summary-card small{display:block;font-size:7.4px;color:#91a1b0;font-weight:750}.mon-summary-card strong{display:block;font-size:20px;line-height:1;font-weight:950;color:#173957;margin:5px 0}.mon-summary-card span:not(.mon-summary-icon){font-size:7.3px;color:#7f94a7}
.mon-panel{background:#fff;border:1px solid var(--mon-border);border-radius:14px;padding:14px;box-shadow:0 4px 14px rgba(35,72,111,.04);min-width:0;margin-bottom:11px}.mon-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid #edf2f7}.mon-panel-head>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.mon-panel-head h3{font-size:11px;font-weight:900;color:#1c3d5a;margin:0}.mon-panel-head p{font-size:7.6px;color:#8b9dad;margin:2px 0 0}.mon-panel-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;font-size:11px}.mon-panel-icon.blue{background:#eaf4ff;color:#267be5}.mon-panel-icon.green{background:#e9f8ef;color:#16975b}.mon-panel-icon.amber{background:#fff4db;color:#b87913}.mon-panel-icon.violet{background:#eef0ff;color:#5965d8}.mon-panel-icon.indigo{background:#edf0ff;color:#5060d3}.mon-panel-icon.red{background:#fff0f1;color:#d44f59}.mon-panel-icon.slate{background:#edf3f8;color:#486783}.mon-link-btn{height:30px;border:1px solid #dce7f1;background:#fff;color:#3b78b2;border-radius:8px;padding:0 9px;font-size:7.3px;font-weight:850;display:inline-flex;align-items:center;gap:5px;text-decoration:none;white-space:nowrap}.mon-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mon-overall{min-width:78px;border-radius:10px;padding:7px 10px;text-align:right}.mon-overall strong{display:block;font-size:15px;font-weight:950}.mon-overall span{display:block;font-size:6.8px;font-weight:800}.mon-overall.good{background:#e9f8ef;color:#168f58}.mon-overall.warn{background:#fff4db;color:#aa7010}.mon-overall.bad{background:#fff0f1;color:#cf4855}.mon-overall.neutral{background:#eef3f7;color:#72869a}
.mon-health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mon-health-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #e6edf4;background:#fbfdff;border-radius:11px;padding:9px;min-width:0}.mon-health-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:8px}.mon-health-item.good .mon-health-icon{background:#e9f8ef;color:#16975b}.mon-health-item.warn .mon-health-icon{background:#fff4db;color:#b87913}.mon-health-item.bad .mon-health-icon{background:#fff0f1;color:#d44f59}.mon-health-item.neutral .mon-health-icon{background:#edf3f8;color:#70879a}.mon-health-item strong{display:block;font-size:8px;color:#35546e}.mon-health-item small{display:block;font-size:6.7px;color:#91a1af;margin-top:2px;line-height:1.25}.mon-health-item>b{font-size:6.6px;border-radius:999px;padding:4px 6px}.mon-health-item.good>b{background:#e9f8ef;color:#15975a}.mon-health-item.warn>b{background:#fff4db;color:#a86c0d}.mon-health-item.bad>b{background:#fff0f1;color:#d44f59}.mon-health-item.neutral>b{background:#eef3f7;color:#73879a}
.mon-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.mon-metric{border:1px solid #e7edf4;background:#fbfdff;border-radius:10px;padding:9px;min-width:0}.mon-metric small{display:block;font-size:6.7px;color:#94a4b2}.mon-metric strong{display:block;font-size:13px;font-weight:950;color:#294b68;margin:4px 0 2px;overflow-wrap:anywhere}.mon-metric span{display:block;font-size:6.5px;color:#91a1af}.mon-latency-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px;padding-top:8px;border-top:1px solid #edf2f6}.mon-latency-row>div{display:flex;justify-content:space-between;gap:8px;align-items:center;background:#f7fafd;border-radius:8px;padding:7px 8px}.mon-latency-row small{font-size:6.6px;color:#8499ab}.mon-latency-row b{font-size:7.8px;color:#3f5f79}.mon-latency-row b.bad,.mon-provider-grid b.bad,.mon-security-reasons b.bad,.mon-security-item b.bad{color:#d44f59}
.mon-problem-list{display:grid;gap:6px;margin-top:8px}.mon-problem{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border-radius:9px;padding:7px 8px}.mon-problem.warn{background:#fff9ec;border:1px solid #f0dfba}.mon-problem.bad{background:#fff3f4;border:1px solid #f0d1d5}.mon-problem>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.mon-problem.warn>span{background:#fff0c8;color:#b97b12}.mon-problem.bad>span{background:#ffe1e4;color:#d44f59}.mon-problem b{display:block;font-size:7.5px;color:#3a5872}.mon-problem small{display:block;font-size:6.5px;color:#8e9eab;margin-top:2px;overflow-wrap:anywhere}.mon-problem button,.mon-problem a{border:0;background:transparent;color:#2c78c6;font-size:6.8px;font-weight:850;text-decoration:none}.mon-empty-good{min-height:72px;border:1px dashed #d8e9df;background:#f4fbf7;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#2f9462}.mon-empty-good i{font-size:14px}.mon-empty-good b{font-size:7.7px;margin-top:4px}.mon-empty-good span{font-size:6.4px;color:#75a68b;margin-top:2px}.mon-empty-good.compact{min-height:52px}
.mon-source-bars{display:grid;gap:13px}.mon-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.mon-source-row>div:first-child{display:flex;align-items:baseline;gap:6px}.mon-source-row b{font-size:8px;color:#35546f}.mon-source-row span{font-size:6.6px;color:#94a2af}.mon-source-row>strong{font-size:9px;color:#178e58}.mon-source-row.cron>strong{color:#5965d8}.mon-bar{grid-column:1/-1;height:8px;border-radius:999px;background:#edf2f7;overflow:hidden}.mon-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1ca765,#3ec884)}.mon-source-row.cron .mon-bar i{background:linear-gradient(90deg,#5965d8,#8188ec)}.mon-legacy-note{font-size:6.3px;color:#9aa8b5}.mon-inline-note{display:flex;gap:8px;align-items:center;border-radius:9px;padding:8px 9px;margin-top:11px}.mon-inline-note>i{font-size:10px}.mon-inline-note b{display:block;font-size:7.5px}.mon-inline-note span{display:block;font-size:6.5px;margin-top:1px}.mon-inline-note.good{background:#f1fbf5;border:1px solid #d8eee2;color:#477e5f}.mon-inline-note.warn{background:#fff9ec;border:1px solid #f0dfba;color:#946416}
.mon-provider-hero{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e5edf4;background:#fbfdff;border-radius:11px;padding:10px}.mon-provider-hero>span{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.mon-provider-hero.good>span{background:#e9f8ef;color:#16975b}.mon-provider-hero.warn>span{background:#fff4db;color:#b87913}.mon-provider-hero.bad>span{background:#fff0f1;color:#d44f59}.mon-provider-hero small{display:block;font-size:6.7px;color:#91a1af}.mon-provider-hero strong{display:block;font-size:10px;color:#35546e;margin-top:2px}.mon-provider-hero>b{font-size:7px;border-radius:999px;padding:4px 6px;background:#eef3f7;color:#6f8599}.mon-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.mon-provider-grid>div{border:1px solid #e7edf4;background:#fbfdff;border-radius:9px;padding:8px}.mon-provider-grid small{display:block;font-size:6.3px;color:#94a2af}.mon-provider-grid b{display:block;font-size:7.7px;color:#405f79;margin-top:3px;overflow-wrap:anywhere}.mon-provider-note{font-size:6.5px;color:#95a3b0;margin:8px 0 0}
.mon-security-reasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.mon-security-reasons>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:5px;align-items:center;border:1px solid #e8eef4;border-radius:8px;padding:6px;background:#fbfdff}.mon-security-reasons i{color:#7b91a4;font-size:7px}.mon-security-reasons span{font-size:6.4px;color:#7e93a5}.mon-security-reasons b{font-size:7.5px;color:#45637d}.mon-security-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}.mon-security-item{border:1px solid #e7edf4;background:#fbfdff;border-radius:10px;padding:8px;display:flex;gap:7px;align-items:center}.mon-security-item>span{width:28px;height:28px;border-radius:8px;background:#edf3f8;color:#68839a;display:grid;place-items:center;flex:0 0 auto;font-size:8px}.mon-security-item small{display:block;font-size:6.3px;color:#91a1af}.mon-security-item b{display:block;font-size:10px;color:#3b5a74;margin-top:2px}
.mon-last-refresh{font-size:6.8px;color:#8da0b1}.mon-activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mon-activity{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;border:1px solid #e8eef4;border-radius:10px;padding:8px;background:#fbfdff}.mon-activity-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:8px}.mon-activity.success .mon-activity-icon{background:#e9f8ef;color:#16975b}.mon-activity.warning .mon-activity-icon{background:#fff4db;color:#b87913}.mon-activity.danger .mon-activity-icon{background:#fff0f1;color:#d44f59}.mon-activity.info .mon-activity-icon{background:#eaf4ff;color:#267be5}.mon-activity-copy>div{display:flex;justify-content:space-between;gap:8px}.mon-activity-copy b{font-size:7.4px;color:#35546e}.mon-activity-copy time{font-size:6.2px;color:#9aa7b4;white-space:nowrap}.mon-activity-copy strong{display:block;font-size:7px;color:#3d6f9c;margin-top:2px;overflow-wrap:anywhere}.mon-activity-copy small{display:block;font-size:6.4px;color:#8d9eac;margin-top:1px;overflow-wrap:anywhere}
.mon-filter-actions{display:flex;gap:7px}.mon-filter-actions select,.mon-filter-actions button{height:31px;border:1px solid #dce7f1;background:#fff;border-radius:8px;padding:0 9px;font-size:7.2px;color:#58738b}.mon-filter-actions button{color:#b14b55;background:#fff6f7;border-color:#f0d8da;font-weight:850}.mon-table-wrap{overflow:auto}.mon-table{width:100%;border-collapse:collapse;font-size:7.6px}.mon-table th{padding:9px;background:#f7fafe;border-bottom:1px solid #e8eff6;color:#7890a6;font-size:6.8px;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap}.mon-table td{padding:9px;border-bottom:1px solid #edf2f6;color:#3b5a76;vertical-align:middle}.mon-table td.right{text-align:right}.mon-table td b{font-size:7.3px}.mon-table td small{display:block;font-size:6.4px;color:#8fa0b0;margin-top:2px}.mon-table td.response{max-width:300px;overflow-wrap:anywhere}.mon-table td.actions{white-space:nowrap}.mon-table td.actions button{height:25px;border:1px solid #dce7f1;background:#fff;color:#51708a;border-radius:7px;padding:0 7px;font-size:6.6px;font-weight:800;margin-right:4px}.mon-table td.actions button.primary{background:#267be5;border-color:#267be5;color:#fff}.mon-table-badge{display:inline-flex;border-radius:999px;padding:4px 6px;font-size:6.4px;font-weight:850}.mon-table-badge.good{background:#e9f8ef;color:#15975a}.mon-table-badge.warn{background:#fff4db;color:#a86c0d}.mon-table-badge.bad{background:#fff0f1;color:#d44f59}.mon-table-badge.info{background:#eaf4ff;color:#267be5}.mon-empty-cell{text-align:center!important;padding:24px!important;color:#9aa8b5!important}.mon-pager{padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:7.2px;color:#8195a7}.mon-pager-actions{display:flex;gap:6px}.mon-pager-actions button{height:28px;border:1px solid #dfe8f1;background:#fff;color:#50708e;border-radius:7px;padding:0 8px;font-size:6.8px;font-weight:800}.mon-pager-actions button:disabled{opacity:.4}
@media(max-width:1180px){.mon-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-security-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mon-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.mon-two-col{grid-template-columns:1fr}.mon-activity-list{grid-template-columns:1fr}.mon-security-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-security-reasons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.mon-page-head{display:block}.mon-page-head h2{font-size:22px}.mon-head-actions{margin-top:10px;display:grid;grid-template-columns:1fr 1fr}.mon-live-indicator,.mon-refresh-btn{justify-content:center}.mon-summary-grid{gap:8px}.mon-summary-card{grid-template-columns:36px minmax(0,1fr);padding:10px;min-height:84px}.mon-summary-icon{width:36px;height:36px}.mon-summary-card strong{font-size:16px}.mon-panel{padding:11px}.mon-panel-head{align-items:flex-start}.mon-panel-head p{line-height:1.35}.mon-health-grid{grid-template-columns:1fr}.mon-security-grid{grid-template-columns:1fr}.mon-latency-row{grid-template-columns:1fr}.mon-filter-actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:8px}.mon-detail-panel .mon-panel-head{display:block}.mon-panel-head>.mon-link-btn{margin-left:auto}.mon-overall{min-width:68px}.mon-pager{display:block}.mon-pager-actions{margin-top:8px;display:grid;grid-template-columns:1fr 1fr}.mon-pager-actions button{width:100%;justify-content:center}.mon-table{min-width:760px}}

/* =========================================================
   R19.14 - Security Center
   ========================================================= */
.secx-page{max-width:100%;padding-bottom:24px}.secx-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.secx-kicker,.secx-card-eyebrow{font-size:7px;font-weight:950;letter-spacing:.12em;color:#2b7fdc}.secx-head h2{font-size:24px;line-height:1.1;font-weight:950;color:#17314e;margin:4px 0 5px}.secx-head p,.secx-card-head p,.secx-actions-card>div>p{font-size:7.5px;color:#8c9dac;margin:0}.secx-head-actions{display:flex;align-items:center;gap:8px}.secx-last-refresh{font-size:7px;color:#8ca0b1;white-space:nowrap}.secx-btn{height:32px;border-radius:8px;padding:0 10px;border:1px solid #dbe6f0;background:#fff;color:#496b87;font-size:7.3px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.secx-btn.secondary:hover{background:#f8fbfe}.secx-btn.danger-soft{background:#fff4f5;color:#ca4b57;border-color:#f1d5d8}.secx-link{font-size:7px;font-weight:850;color:#2a77c9;text-decoration:none;white-space:nowrap}.secx-link i{margin-left:4px}
.secx-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:10px}.secx-summary-card{background:#fff;border:1px solid #e2eaf2;border-radius:13px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:9px;align-items:center;box-shadow:0 4px 14px rgba(29,71,111,.035)}.secx-summary-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-size:11px}.secx-summary-card small{display:block;font-size:6.4px;color:#91a1af}.secx-summary-card strong{display:block;font-size:17px;line-height:1.1;font-weight:950;color:#284964;margin:3px 0;overflow-wrap:anywhere}.secx-summary-card span:not(.secx-summary-icon){display:block;font-size:6.5px;color:#8fa0af}.secx-summary-card.blue .secx-summary-icon{background:#eaf4ff;color:#267be5}.secx-summary-card.green .secx-summary-icon{background:#e9f8ef;color:#16975b}.secx-summary-card.amber .secx-summary-icon{background:#fff4db;color:#b87913}.secx-summary-card.red .secx-summary-icon{background:#fff0f1;color:#d44f59}
.secx-health-card,.secx-card{background:#fff;border:1px solid #e1eaf3;border-radius:14px;padding:13px;box-shadow:0 4px 14px rgba(30,69,105,.035);margin-bottom:10px}.secx-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:11px}.secx-card-head.compact{margin-bottom:9px}.secx-card-head h3,.secx-actions-card h3{font-size:10.5px;font-weight:950;color:#1f3d59;margin:2px 0 3px}.secx-overall{min-width:92px}.secx-score{border:1px solid #dde7f0;border-radius:11px;background:#fbfdff;padding:8px 10px;text-align:right}.secx-score strong{display:block;font-size:15px;font-weight:950;color:#2d4d69}.secx-score span{display:block;font-size:6.2px;font-weight:850;margin-top:2px}.secx-score span i{font-size:5px;margin-right:4px}.secx-score.good span{color:#16975b}.secx-score.warning span{color:#b87913}.secx-score.danger span{color:#d44f59}.secx-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.secx-health-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid #e6edf4;border-radius:10px;background:#fbfdff;padding:8px;min-width:0}.secx-health-item>span{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:#edf3f8;color:#68839a;font-size:8px}.secx-health-item.good>span{background:#e9f8ef;color:#15975a}.secx-health-item.danger>span{background:#fff0f1;color:#d44f59}.secx-health-item.info>span{background:#eaf4ff;color:#267be5}.secx-health-item b{display:block;font-size:7px;color:#35546e}.secx-health-item small{display:block;font-size:6px;color:#93a2af;margin-top:2px;line-height:1.3}.secx-health-item em{font-style:normal;font-size:5.8px;font-weight:850;color:#7b8fa1;white-space:nowrap}.secx-health-item em i{margin-right:3px}.secx-health-item.good em{color:#15975a}.secx-health-item.danger em{color:#d44f59}.secx-health-item.info em{color:#267be5}
.secx-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secx-session-list,.secx-event-list,.secx-alert-list{display:grid;gap:6px}.secx-session{display:grid;grid-template-columns:32px minmax(0,1fr) 29px;gap:8px;align-items:center;border:1px solid #e6edf4;border-radius:10px;background:#fbfdff;padding:8px}.secx-session.current{border-color:#cfe7d9;background:#f8fffb}.secx-session-icon{width:32px;height:32px;border-radius:9px;background:#eaf4ff;color:#2b7fdf;display:grid;place-items:center;font-size:9px}.secx-session.current .secx-session-icon{background:#e9f8ef;color:#15975a}.secx-session-main{min-width:0}.secx-session-main>div{display:flex;align-items:center;gap:6px}.secx-session-main b{font-size:7.4px;color:#35546e}.secx-session-main small{display:block;font-size:6.2px;color:#8fa0af;margin-top:2px;overflow-wrap:anywhere}.secx-session>button{width:29px;height:29px;border:1px solid #f0d7da;background:#fff6f7;color:#ca4b57;border-radius:8px}.secx-pill{display:inline-flex;align-items:center;border-radius:999px;padding:3px 6px;font-size:5.8px;font-weight:900}.secx-pill.good{background:#e9f8ef;color:#15975a}.secx-pill.danger{background:#fff0f1;color:#d44f59}.secx-mini-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}.secx-mini-stats.api{grid-template-columns:repeat(3,minmax(0,1fr))}.secx-mini-stat{border:1px solid #e7edf4;border-radius:9px;background:#fbfdff;padding:8px}.secx-mini-stat small{display:block;font-size:5.9px;color:#92a1af}.secx-mini-stat b{display:block;font-size:12px;font-weight:950;color:#35546e;margin-top:3px}.secx-mini-stat.good b{color:#16975b}.secx-mini-stat.bad b{color:#d44f59}.secx-mini-stat.warn b{color:#b87913}.secx-event{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:7px;align-items:center;border-top:1px solid #edf2f6;padding:7px 1px}.secx-event:first-child{border-top:0}.secx-event>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:7.5px}.secx-event>span.good{background:#e9f8ef;color:#15975a}.secx-event>span.danger{background:#fff0f1;color:#d44f59}.secx-event b{display:block;font-size:7px;color:#35546e;text-transform:capitalize}.secx-event small{display:block;font-size:6px;color:#8fa0af;margin-top:2px;overflow-wrap:anywhere}.secx-event time{font-size:5.8px;color:#9aa8b4;white-space:nowrap}.secx-alert{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:start;border:1px solid #e7edf4;border-radius:10px;padding:8px}.secx-alert>span{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:8px}.secx-alert b{display:block;font-size:7px;color:#35546e}.secx-alert small{display:block;font-size:6.1px;color:#8799a8;margin-top:2px;line-height:1.4}.secx-alert.danger{background:#fff6f7;border-color:#f0d5d8}.secx-alert.danger>span{background:#ffe3e6;color:#d44f59}.secx-alert.warning{background:#fffaf0;border-color:#f0dfba}.secx-alert.warning>span{background:#fff0c8;color:#b87913}.secx-alert.good{background:#f6fcf8;border-color:#d6ecdf}.secx-alert.good>span{background:#e6f6ec;color:#15975a}.secx-alert.info{background:#f7fbff;border-color:#dceaf8}.secx-alert.info>span{background:#eaf4ff;color:#267be5}.secx-empty{min-height:70px;border:1px dashed #dbe5ee;border-radius:10px;background:#fbfdff;color:#8297aa;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:7px}.secx-empty i{font-size:11px;margin-bottom:4px}.secx-empty.good{color:#238d59;border-color:#d7eadf;background:#f7fcf9}.secx-empty.small{min-height:48px}
.secx-table-wrap{overflow:auto;border:1px solid #e7edf4;border-radius:10px}.secx-table{width:100%;border-collapse:collapse;font-size:7px}.secx-table th{background:#f7fafe;color:#7890a6;font-size:6.3px;text-transform:uppercase;letter-spacing:.035em;text-align:left;padding:8px;white-space:nowrap;border-bottom:1px solid #e7eef5}.secx-table td{padding:8px;border-bottom:1px solid #edf2f6;color:#3b5a76;vertical-align:middle}.secx-table tbody tr:last-child td{border-bottom:0}.secx-table td b{font-size:6.9px}.secx-table td small{display:block;font-size:6px;color:#8fa0af;margin-top:1px}.secx-empty-cell{text-align:center!important;padding:24px!important;color:#9aa8b5!important}.secx-detail-btn{height:25px;border:1px solid #dce7f1;background:#fff;color:#3477b8;border-radius:7px;padding:0 7px;font-size:6.3px;font-weight:850}.secx-audit-filters{display:grid;grid-template-columns:minmax(220px,1fr) 130px 115px 120px 120px auto;gap:7px;margin-bottom:8px}.secx-audit-filters input,.secx-audit-filters select{height:32px;border:1px solid #dfe8f1;border-radius:8px;background:#fff;padding:0 9px;font-size:6.8px;color:#4c6b84;outline:none;min-width:0}.secx-search{position:relative}.secx-search i{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:7px;color:#94a4b2}.secx-search input{width:100%;padding-left:27px}.secx-audit-table{min-width:850px}.secx-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;font-size:6.7px;color:#8195a7}.secx-pager>div{display:flex;align-items:center;gap:7px}.secx-pager button{width:28px;height:28px;border:1px solid #dfe8f1;background:#fff;color:#50708e;border-radius:7px}.secx-pager button:disabled{opacity:.4}.secx-pager b{color:#45637d}.secx-actions-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.secx-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:7px;min-width:min(720px,70%)}.secx-quick-actions button,.secx-quick-actions a{border:1px solid #e4ebf2;background:#fbfdff;border-radius:10px;padding:8px;display:grid;grid-template-columns:31px minmax(0,1fr);column-gap:8px;text-align:left;text-decoration:none;cursor:pointer}.secx-quick-actions>*>span{grid-row:1/3;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:8px}.secx-quick-actions .blue{background:#eaf4ff;color:#267be5}.secx-quick-actions .red{background:#fff0f1;color:#d44f59}.secx-quick-actions .violet{background:#f1efff;color:#675ccf}.secx-quick-actions .green{background:#e9f8ef;color:#15975a}.secx-quick-actions b{font-size:6.8px;color:#35546e}.secx-quick-actions small{font-size:5.8px;color:#91a1af;margin-top:1px}.secx-audit-modal{display:grid;grid-template-columns:1fr 1fr;gap:9px;text-align:left}.secx-audit-modal>div{border:1px solid #e7edf4;border-radius:9px;padding:9px;background:#fbfdff;min-width:0}.secx-audit-modal .wide{grid-column:1/-1}.secx-audit-modal small,.secx-password-modal label{display:block;font-size:11px;color:#7f92a4}.secx-audit-modal b{display:block;font-size:12px;color:#304f69;margin-top:3px;overflow-wrap:anywhere}.secx-audit-modal pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;color:#47637b;margin:5px 0 0;max-height:260px;overflow:auto}.secx-password-modal{display:grid;gap:10px;text-align:left;margin-top:8px}.secx-password-modal input{display:block;width:100%;height:40px;border:1px solid #dce6ef;border-radius:9px;padding:0 10px;margin-top:5px;font-size:13px}.secx-password-modal small{font-size:11px;color:#8193a3}
@media(max-width:1180px){.secx-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.secx-audit-filters{grid-template-columns:minmax(220px,1fr) repeat(2,120px);}.secx-audit-filters input[type="date"]{display:block}.secx-actions-card{display:block}.secx-quick-actions{min-width:0;width:100%;margin-top:10px}}
@media(max-width:900px){.secx-two-col{grid-template-columns:1fr}.secx-mini-stats.api{grid-template-columns:repeat(3,minmax(0,1fr))}.secx-audit-filters{grid-template-columns:1fr 1fr}.secx-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.secx-head{display:block}.secx-head h2{font-size:22px}.secx-head-actions{margin-top:10px;display:flex;justify-content:space-between}.secx-last-refresh{white-space:normal}.secx-summary-grid{gap:7px}.secx-summary-card{grid-template-columns:34px minmax(0,1fr);padding:9px;min-height:78px}.secx-summary-icon{width:34px;height:34px}.secx-summary-card strong{font-size:14px}.secx-card,.secx-health-card{padding:10px}.secx-card-head{align-items:flex-start}.secx-card-head.compact{display:block}.secx-card-head.compact>.secx-btn,.secx-card-head.compact>.secx-link{margin-top:8px}.secx-health-grid{grid-template-columns:1fr}.secx-mini-stats,.secx-mini-stats.api{grid-template-columns:repeat(2,minmax(0,1fr))}.secx-event{grid-template-columns:27px minmax(0,1fr)}.secx-event time{grid-column:2;margin-top:-3px}.secx-audit-filters{grid-template-columns:1fr}.secx-audit-filters>*{width:100%}.secx-pager{display:block}.secx-pager>div{margin-top:8px;justify-content:flex-end}.secx-quick-actions{grid-template-columns:1fr}.secx-audit-modal{grid-template-columns:1fr}.secx-audit-modal .wide{grid-column:auto}.secx-table{min-width:660px}.secx-audit-table{min-width:820px}}

/* ============================================================
   R19.14.2 — ADMIN TYPOGRAPHY + UNIFIED EXTRA-WIDE DRAWERS
   Merged directly into r19-ui.css. No separate tuning stylesheet.
   ============================================================ */

/* ---------- Admin typography: slightly larger, still compact ---------- */
body.pga-admin-shell{
  font-size:15px;
  line-height:1.5;
}
html body .pga-admin-nav-link,
html body .pga-admin-logout button{
  font-size:14.5px !important;
}
html body .r192-admin-welcome,
html body .r192-admin-actions,
html body .r192-admin-userchip{
  font-size:13px !important;
}
html body .tab.active > div:first-child h1,
html body .tab.active > div:first-child h2,
html body .tab.active .dash-page-head h1,
html body .tab.active .users-page-head h2,
html body .tab.active .trx-page-head h2,
html body .tab.active .wdx-page-head h2,
html body .tab.active .mch-page-head h2,
html body .tab.active .dom-page-head h2,
html body .tab.active .setx-page-head h2,
html body .tab.active .ops-page-head h2,
html body .tab.active .mon-page-head h2,
html body .tab.active .secx-head h2{
  font-size:28px !important;
  line-height:1.18 !important;
}
html body .tab.active p{
  font-size:11.5px !important;
  line-height:1.5 !important;
}
html body .tab.active h3{
  font-size:14px !important;
  line-height:1.35 !important;
}
html body .tab.active h4{
  font-size:12.5px !important;
  line-height:1.4 !important;
}
html body .tab.active table th{
  font-size:10.5px !important;
}
html body .tab.active table td{
  font-size:12px !important;
  line-height:1.45 !important;
}
html body .tab.active input,
html body .tab.active select,
html body .tab.active textarea,
html body .tab.active button{
  font-size:11.5px !important;
}
html body .tab.active small{
  font-size:10px !important;
  line-height:1.4 !important;
}

/* ---------- Every detail drawer uses almost the whole admin content area ---------- */
@media (min-width:901px){
  html body #userDetailDrawer,
  html body #trxDetailDrawer,
  html body #wdDetailDrawer,
  html body #merchantDetailDrawer,
  html body #domainDetailDrawer{
    position:fixed !important;
    top:72px !important;
    right:14px !important;
    bottom:14px !important;
    left:auto !important;
    width:84vw !important;
    min-width:0 !important;
    max-width:calc(100vw - 28px) !important;
    height:auto !important;
    max-height:calc(100dvh - 86px) !important;
    box-sizing:border-box !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  html body #userDetailDrawer .user-drawer-body,
  html body #trxDetailDrawer .trx-drawer-body,
  html body #wdDetailDrawer .wdx-drawer-body,
  html body #merchantDetailDrawer .mch-drawer-body,
  html body #domainDetailDrawer .dom-drawer-body{
    padding:20px 22px !important;
    overflow-x:hidden !important;
  }

  /* Make the additional space useful instead of leaving huge empty areas. */
  html body #userDetailDrawer .user-detail-grid,
  html body #trxDetailDrawer .trx-detail-grid,
  html body #wdDetailDrawer .wdx-detail-grid,
  html body #merchantDetailDrawer .mch-detail-grid,
  html body #domainDetailDrawer .dom-info-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    column-gap:20px !important;
    row-gap:14px !important;
  }

  html body #trxDetailDrawer .trx-detection-row{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  html body #merchantDetailDrawer .mch-readiness,
  html body #domainDetailDrawer .dom-health-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  html body #domainDetailDrawer .dom-store-list{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* ---------- Do not truncate long IDs / callback URLs / account data ---------- */
html body #userDetailDrawer .user-detail-grid b,
html body #trxDetailDrawer .trx-drawer-head h3,
html body #trxDetailDrawer .trx-detail-grid b,
html body #trxDetailDrawer .trx-detection-row b,
html body #wdDetailDrawer .wdx-detail-grid b,
html body #merchantDetailDrawer .mch-detail-grid b,
html body #merchantDetailDrawer .mch-connection-grid b,
html body #domainDetailDrawer .dom-info-item b,
html body #userDetailDrawer code,
html body #trxDetailDrawer code,
html body #wdDetailDrawer code,
html body #merchantDetailDrawer code,
html body #domainDetailDrawer code,
html body #userDetailDrawer .mono,
html body #trxDetailDrawer .mono,
html body #wdDetailDrawer .mono,
html body #merchantDetailDrawer .mono,
html body #domainDetailDrawer .mono{
  max-width:100% !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
}

/* Slightly larger detail typography. */
html body #userDetailDrawer,
html body #trxDetailDrawer,
html body #wdDetailDrawer,
html body #merchantDetailDrawer,
html body #domainDetailDrawer{
  font-size:13px !important;
}
html body #userDetailDrawer small,
html body #trxDetailDrawer small,
html body #wdDetailDrawer small,
html body #merchantDetailDrawer small,
html body #domainDetailDrawer small{
  font-size:10.5px !important;
}
html body #userDetailDrawer button,
html body #trxDetailDrawer button,
html body #wdDetailDrawer button,
html body #merchantDetailDrawer button,
html body #domainDetailDrawer button{
  font-size:11.5px !important;
}

/* Mobile/tablet: preserve safe full-screen style. */
@media (max-width:900px){
  html body #userDetailDrawer,
  html body #trxDetailDrawer,
  html body #wdDetailDrawer,
  html body #merchantDetailDrawer,
  html body #domainDetailDrawer{
    position:fixed !important;
    top:max(72px,env(safe-area-inset-top)) !important;
    right:8px !important;
    bottom:8px !important;
    left:8px !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    height:auto !important;
    max-height:calc(100dvh - 88px) !important;
    border-radius:18px !important;
  }
  html body .tab.active > div:first-child h1,
  html body .tab.active > div:first-child h2{
    font-size:23px !important;
  }
}


/* ===== CUSTOMER PORTAL OVERRIDES / V28.1 ===== */

/* PGA Customer Portal V20 — merchant-focused UI */
:root{
  --pga-bg:#f5f7fb;
  --pga-surface:#ffffff;
  --pga-line:#e6ebf2;
  --pga-line-strong:#d9e1eb;
  --pga-text:#132238;
  --pga-muted:#7b8aa0;
  --pga-blue:#1f78ff;
  --pga-blue-dark:#1459c7;
  --pga-navy:#0c2340;
  --pga-navy-2:#102c50;
  --pga-green:#0f9f6e;
  --pga-amber:#d38b13;
  --pga-red:#d94c5c;
  --pga-shadow:0 8px 28px rgba(27,55,90,.07);
  --pga-shadow-soft:0 4px 18px rgba(27,55,90,.05);
}

body.pga-customer-shell{background:var(--pga-bg)!important;color:var(--pga-text)!important}
body.pga-customer-shell svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .app{min-height:100vh}

/* Sidebar */
body.pga-customer-shell .sidebar{
  width:264px!important;padding:0!important;background:linear-gradient(180deg,var(--pga-navy) 0%,#0b294b 54%,#0a2441 100%)!important;
  box-shadow:8px 0 28px rgba(13,35,64,.08)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;z-index:70
}
body.pga-customer-shell .brand{
  height:84px!important;margin:0!important;padding:0 22px!important;background:transparent!important;border:0!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;flex:0 0 auto
}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#3f96ff,#1f78ff);display:grid;place-items:center;font-size:19px;font-weight:950;color:#fff;box-shadow:0 8px 20px rgba(31,120,255,.26)}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}.brand-copy strong{font-size:18px;letter-spacing:.02em;color:#fff}.brand-copy span{font-size:12px;color:#9fb7d2;margin-top:5px;font-weight:650}
.sidebar-scroll{padding:2px 14px 16px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}
.nav-label{padding:8px 12px 6px;color:#6884a3;font-size:11px;font-weight:900;letter-spacing:.16em}.nav-label-space{margin-top:15px}
body.pga-customer-shell .nav{
  display:flex!important;align-items:center!important;gap:11px!important;min-height:45px!important;padding:10px 12px!important;margin:3px 0!important;
  border-radius:11px!important;color:#b8cce1!important;font-size:13px!important;font-weight:720!important;border:1px solid transparent!important;text-align:left!important
}
body.pga-customer-shell .nav:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
body.pga-customer-shell .nav.active{background:linear-gradient(135deg,#237ff8,#1a6ce0)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 8px 22px rgba(3,25,51,.22)!important}
.nav-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto}.nav-icon svg{width:19px;height:19px}.nav.active .nav-icon{color:#fff}
.sidebar-account{margin:0 14px 16px;padding:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);border-radius:14px;display:flex;align-items:center;gap:10px;flex:0 0 auto}
.account-avatar,.top-profile-avatar,.mobile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#dbeafe,#bcd8ff);color:#1459c7;font-weight:900}
.account-avatar{width:36px;height:36px;font-size:13px}.account-copy{display:flex;flex-direction:column;min-width:0;flex:1}.account-copy strong{font-size:12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-copy span{font-size:11px;color:#819ebc;margin-top:3px}
.sidebar-logout{margin:0}.sidebar-logout button{width:34px;height:34px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#a7bfd8;display:grid;place-items:center;padding:0}.sidebar-logout button:hover{background:rgba(244,93,110,.14);color:#ff9daa}.sidebar-logout svg{width:16px;height:16px}

/* Main & topbar */
body.pga-customer-shell .main{margin-left:264px!important;width:calc(100% - 264px)!important;padding:0 28px 38px!important;background:var(--pga-bg)!important}
body.pga-customer-shell .topbar{
  min-height:84px!important;margin:0 -28px 25px!important;padding:13px 28px!important;background:rgba(255,255,255,.93)!important;
  border-bottom:1px solid var(--pga-line)!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky;top:0;z-index:45;backdrop-filter:blur(14px)
}
.page-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#4c8ee6;margin-bottom:3px}
body.pga-customer-shell .page-title{font-size:23px!important;font-weight:900!important;line-height:1.15!important;color:var(--pga-text)!important;letter-spacing:-.025em!important}
body.pga-customer-shell .page-sub{font-size:12px!important;color:var(--pga-muted)!important;margin-top:4px!important}
.topbar-actions{display:flex;align-items:center;gap:11px}.icon-btn{width:40px;height:40px;border-radius:11px;border:1px solid var(--pga-line);background:#fff;color:#68809c;display:grid;place-items:center;box-shadow:0 2px 7px rgba(20,50,83,.03)}.icon-btn:hover{border-color:#cbdcf0;color:var(--pga-blue);background:#f8fbff}.icon-btn svg{width:17px;height:17px}
.top-profile{min-width:180px;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px}.top-profile-avatar{width:36px;height:36px;font-size:12.5px}.top-profile>div:last-child{display:flex;flex-direction:column}.top-profile strong{font-size:12px;color:#29425e}.top-profile span{font-size:11px;color:#92a0b2;margin-top:2px}
.mobile-head{display:none!important}

/* Shared controls */
body.pga-customer-shell .card,body.pga-customer-shell .stat{border:1px solid var(--pga-line)!important;border-radius:16px!important;background:#fff!important;box-shadow:var(--pga-shadow-soft)!important}
body.pga-customer-shell .btn{border-radius:10px!important;min-height:39px!important;padding:9px 13px!important;font-size:12px!important;font-weight:800!important}
body.pga-customer-shell .btn-primary{background:linear-gradient(135deg,#2d86fb,#1f70df)!important;box-shadow:0 5px 14px rgba(31,112,223,.16)!important}
body.pga-customer-shell .btn-light{border-color:var(--pga-line)!important;color:#4d6480!important}
.btn-white{background:#fff!important;color:#1e67cc!important;box-shadow:0 5px 15px rgba(14,66,133,.14)!important}.btn-soft-white{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;box-shadow:none!important}.btn-compact{min-height:35px!important;padding:7px 10px!important}

/* Dashboard welcome */
.dashboard-welcome{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:142px;padding:25px 28px;border-radius:19px;background:linear-gradient(118deg,#174f9c 0%,#1f78ef 58%,#4c9cff 100%);color:#fff;box-shadow:0 15px 34px rgba(25,93,182,.17);margin-bottom:16px}
.dashboard-welcome:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-70px;top:-105px;border:34px solid rgba(255,255,255,.07)}.dashboard-welcome:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:120px;bottom:-95px;background:rgba(255,255,255,.055)}
.dashboard-welcome>div{position:relative;z-index:1}.welcome-kicker{font-size:11px;font-weight:900;letter-spacing:.16em;color:#cce1ff}.dashboard-welcome h2{font-size:23px;margin:6px 0 5px;letter-spacing:-.025em}.dashboard-welcome p{font-size:12px;color:#d6e7ff;margin:0;max-width:500px;line-height:1.55}.welcome-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}

.dashboard-overview{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.45fr);gap:14px;margin-bottom:14px}
.balance-hero{min-height:164px;padding:22px;border-radius:17px;background:linear-gradient(145deg,#0d2745,#123a67);color:#fff;box-shadow:0 10px 28px rgba(13,39,69,.12);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.balance-hero:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.035);right:-70px;bottom:-85px}.balance-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}.balance-label{font-size:11px;font-weight:850;letter-spacing:.12em;color:#89a9c9}.balance-value{font-size:26px;font-weight:950;margin-top:8px;letter-spacing:-.035em}.balance-icon{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#a7c9ef}.balance-icon svg{width:20px;height:20px}.balance-meta{display:flex;gap:28px;position:relative;z-index:1}.balance-meta span{display:flex;flex-direction:column}.balance-meta small{font-size:10.5px;color:#7f9fbe}.balance-meta b{font-size:13px;margin-top:3px;color:#eaf4ff}
.dashboard-mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-stat-card{min-height:164px;padding:18px;border:1px solid var(--pga-line);border-radius:16px;background:#fff;box-shadow:var(--pga-shadow-soft);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.mini-stat-card>div{display:flex;flex-direction:column}.mini-stat-card small{font-size:11px;color:#8998aa;font-weight:750}.mini-stat-card b{font-size:25px;color:#203952;margin:5px 0 3px;letter-spacing:-.03em}.mini-stat-card em{font-size:10.5px;color:#9aa7b6;font-style:normal;line-height:1.35}.mini-stat-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.mini-stat-icon svg{width:18px;height:18px}.mini-stat-icon.success{background:#eaf9f3;color:#109566}.mini-stat-icon.pending{background:#fff7e7;color:#c48112}.mini-stat-icon.failed{background:#fff0f2;color:#cf4f60}.loading-card{color:#8e9caf;font-size:11.5px;justify-content:center}

.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.25fr);gap:14px}.dashboard-panel{padding:0!important;overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 19px 14px;border-bottom:1px solid #eef2f7}.panel-kicker{display:block;font-size:10.5px;font-weight:900;letter-spacing:.12em;color:#498be3;margin-bottom:4px}.panel-head h3{font-size:14px;color:#213a55;margin:0}.panel-head p{font-size:11px;color:#94a2b2;margin:4px 0 0}.text-action{border:0;background:transparent;color:#347fdc;font-size:11px;font-weight:850;white-space:nowrap;padding:6px}.text-action:hover{color:#165fb7}.text-action span{font-size:13px;margin-left:3px}
.dashboard-list{padding:4px 10px 8px}.dash-list-row{width:100%;min-height:62px;border:0;border-bottom:1px solid #f0f3f7;background:transparent;display:grid;grid-template-columns:36px minmax(0,1fr) auto 12px;align-items:center;gap:10px;padding:8px 7px;text-align:left}.dash-list-row:last-child{border-bottom:0}.dash-list-row:hover{background:#f8fbff;border-radius:10px}.dash-list-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:900}.dash-list-avatar.store{background:#ebf4ff;color:#2978d4}.dash-list-avatar.trx{background:#ebf9f3;color:#169368;font-size:15px}.dash-list-main{display:flex;flex-direction:column;min-width:0}.dash-list-main b{font-size:11.5px;color:#29435e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list-main small{font-size:10.5px;color:#9aa6b5;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-list-end{display:flex;flex-direction:column;align-items:flex-end;min-width:86px}.dash-list-end>b{font-size:11.5px;color:#24405c}.dash-list-end>small{font-size:10.5px;color:#9ba7b4;margin-top:3px}.dash-list-end .badge{margin-top:4px}.dash-chevron{font-size:16px;color:#bdc7d2}.dashboard-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ba9b8;text-align:center}.dashboard-empty>span{font-size:24px}.dashboard-empty b{font-size:11.5px;color:#536b84;margin-top:7px}.dashboard-empty small{font-size:10.5px;margin-top:3px}

/* Existing pages get a more consistent header/card rhythm without changing functionality */
body.pga-customer-shell .page>.space:first-child{padding:2px 0 12px!important;margin-bottom:4px!important}.page>.space:first-child>div>b{font-size:15px;color:#213a55}.page>.space:first-child .muted{font-size:11px!important;margin-top:3px}.store-card{transition:transform .15s ease,box-shadow .15s ease}.store-card:hover{transform:translateY(-2px);box-shadow:var(--pga-shadow)!important}
body.pga-customer-shell .table-wrap{border:1px solid var(--pga-line)!important;border-radius:15px!important;box-shadow:var(--pga-shadow-soft)!important}.table th{font-size:11px!important;letter-spacing:.05em!important}.table td{font-size:12px!important}.badge{font-size:10.5px!important;padding:4px 7px!important}

/* Mobile bottom navigation + More sheet */
.customer-more-sheet{display:none;position:fixed;inset:0;z-index:120;background:rgba(7,24,44,.52);padding:14px;align-items:flex-end;justify-content:center;backdrop-filter:blur(3px)}.customer-more-sheet.show{display:flex}.customer-more-card{width:min(520px,100%);background:#fff;border-radius:20px 20px 15px 15px;padding:8px 14px 14px;box-shadow:0 22px 60px rgba(12,35,64,.26);border:1px solid #e2e9f2}.more-grabber{width:42px;height:4px;border-radius:999px;background:#d8e0e9;margin:2px auto 10px}.more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:3px 2px 12px}.more-head>div{display:flex;flex-direction:column}.more-head b{font-size:13px;color:#203952}.more-head span{font-size:11px;color:#92a0b1;margin-top:3px}.more-head>button{width:34px;height:34px;border:0;border-radius:10px;background:#f3f6fa;color:#677d94;font-size:20px}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.more-grid>button{min-height:94px;border:1px solid #e5ebf2;border-radius:13px;background:#fff;padding:11px 7px;display:flex;align-items:center;justify-content:center;flex-direction:column}.more-grid>button:hover{background:#f7fbff;border-color:#cfe1f6}.more-grid>button>span{width:34px;height:34px;border-radius:10px;background:#eaf4ff;color:#2879d9;display:grid;place-items:center}.more-grid svg{width:17px;height:17px}.more-grid b{font-size:11.5px;color:#31506d;margin-top:7px}.more-grid small{font-size:10.5px;color:#94a2b2;margin-top:2px}.more-logout{margin:10px 0 0}.more-logout button{width:100%;height:41px;border:1px solid #f3dce0;border-radius:11px;background:#fff7f8;color:#cb4b5d;font-size:11.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:7px}.more-logout svg{width:15px;height:15px}
body.sheet-open{overflow:hidden}
.customer-mobile-dock .dock-icon{width:22px;height:22px;display:grid;place-items:center}.customer-mobile-dock .dock-icon svg{width:18px;height:18px}

@media(max-width:1100px){
  .dashboard-overview{grid-template-columns:1fr}.balance-hero{min-height:145px}.dashboard-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-stat-card{min-height:135px}.dashboard-content-grid{grid-template-columns:1fr}
}

@media(max-width:900px){
  body.pga-customer-shell{padding-bottom:84px!important}
  body.pga-customer-shell .sidebar{display:none!important}
  body.pga-customer-shell .main{margin-left:0!important;width:100%!important;padding:0 16px 28px!important}
  body.pga-customer-shell .mobile-head{display:flex!important;position:sticky!important;top:0;z-index:55;height:60px!important;margin:0 -16px 0!important;padding:0 16px!important;background:linear-gradient(90deg,#103c70,#176dcb)!important;align-items:center!important;justify-content:space-between!important;color:#fff!important;box-shadow:0 5px 18px rgba(14,72,137,.13)!important}
  .mobile-brand{display:flex;align-items:center;gap:9px}.mobile-brand-mark{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:13px;font-weight:950}.mobile-brand>div{display:flex;flex-direction:column}.mobile-brand b{font-size:12.5px;letter-spacing:.03em}.mobile-brand small{font-size:10.5px;color:#c6ddf6;margin-top:2px}.mobile-avatar{width:32px;height:32px;font-size:11.5px;background:#fff;color:#1d68bd}
  body.pga-customer-shell .topbar{position:static!important;min-height:auto!important;margin:0 0 14px!important;padding:17px 0 0!important;background:transparent!important;border:0!important;display:flex!important;box-shadow:none!important}.topbar-actions{display:none}.page-eyebrow{font-size:10.5px}body.pga-customer-shell .page-title{font-size:20px!important}
  .r192-mobile-dock.customer-mobile-dock{display:flex!important;left:9px!important;right:9px!important;bottom:9px!important;height:67px!important;z-index:100!important;border-radius:18px!important;box-shadow:0 10px 34px rgba(20,66,120,.16)!important}
  .customer-mobile-dock button{font-size:10.5px!important;font-weight:800!important;gap:2px!important}.customer-mobile-dock .dock-icon svg{width:17px;height:17px}
  .dashboard-welcome{min-height:132px;padding:20px;border-radius:16px}.dashboard-welcome h2{font-size:20px}.dashboard-welcome p{font-size:11.5px}.welcome-actions{align-self:flex-end}
  .dashboard-content-grid{grid-template-columns:1fr}.dashboard-panel{border-radius:14px!important}
}

@media(max-width:640px){
  body.pga-customer-shell .main{padding-left:12px!important;padding-right:12px!important}body.pga-customer-shell .mobile-head{margin-left:-12px!important;margin-right:-12px!important}
  .dashboard-welcome{display:block;padding:18px}.dashboard-welcome p{max-width:88%}.welcome-actions{margin-top:16px;display:flex}.welcome-actions .btn{flex:1}.dashboard-welcome:after{right:-100px}
  .dashboard-overview{gap:10px}.balance-hero{min-height:145px;padding:18px}.balance-value{font-size:24px}.dashboard-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mini-stat-card{min-height:118px;padding:12px}.mini-stat-icon{width:32px;height:32px;border-radius:10px}.mini-stat-icon svg{width:15px;height:15px}.mini-stat-card b{font-size:20px}.mini-stat-card em{display:none}
  .panel-head{padding:15px 14px 12px}.panel-head p{display:none}.dashboard-list{padding:3px 7px 7px}.dash-list-row{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 4px}.dash-chevron{display:none}.dash-list-end{min-width:74px}.dash-list-main b,.dash-list-end>b{font-size:11px}.dash-list-main small{font-size:10.5px}
  .more-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:420px){
  .dashboard-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-stat-card{padding:10px;min-height:110px}.mini-stat-card small{font-size:10.5px}.mini-stat-card b{font-size:18px}.mini-stat-icon{width:29px;height:29px}.balance-meta{gap:22px}.panel-head .btn{font-size:11px!important;padding:7px 8px!important}.text-action{font-size:10.5px}
  .more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ======================================================================
   CUSTOMER STORES / TOKO - V22
   ====================================================================== */
body.pga-customer-shell .store-page-v22{max-width:1480px;margin:0 auto}
body.pga-customer-shell .store-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}
body.pga-customer-shell .store-page-head h2{margin:3px 0 4px;font-size:22px;line-height:1.15;color:#18324c;letter-spacing:-.035em}
body.pga-customer-shell .store-page-head p{margin:0;color:#8290a2;font-size:11.5px;line-height:1.5}
body.pga-customer-shell .store-page-eyebrow{font-size:10.5px;letter-spacing:.14em;font-weight:900;color:#2c82df}
body.pga-customer-shell .store-add-btn{min-height:40px;padding:0 14px!important;display:inline-flex;align-items:center;gap:7px;border-radius:11px!important;font-size:11.5px!important;box-shadow:0 7px 18px rgba(37,121,216,.18)}
body.pga-customer-shell .store-add-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

body.pga-customer-shell .store-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:17px}
body.pga-customer-shell .store-summary-card{min-height:102px;background:#fff;border:1px solid #e4eaf1;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 5px 20px rgba(29,55,84,.035)}
body.pga-customer-shell .store-summary-icon{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center}
body.pga-customer-shell .store-summary-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-summary-icon.blue{background:#edf5ff;color:#287cda}
body.pga-customer-shell .store-summary-icon.green{background:#eaf9f3;color:#138e66}
body.pga-customer-shell .store-summary-icon.violet{background:#f2edff;color:#7254d8}
body.pga-customer-shell .store-summary-icon.amber{background:#fff7e8;color:#b97915}
body.pga-customer-shell .store-summary-card>div{min-width:0;display:flex;flex-direction:column}
body.pga-customer-shell .store-summary-card small{font-size:10.5px;font-weight:800;color:#92a0af}
body.pga-customer-shell .store-summary-card strong{font-size:17px;line-height:1.2;color:#23405c;margin:4px 0 2px;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .store-summary-card em{font-size:10.5px;color:#a2adba;font-style:normal}

body.pga-customer-shell .store-list-panel{background:#fff;border:1px solid #e3e9f0;border-radius:17px;box-shadow:0 5px 24px rgba(31,57,84,.035);overflow:visible}
body.pga-customer-shell .store-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:15px 16px;border-bottom:1px solid #edf1f5}
body.pga-customer-shell .store-list-toolbar h3{font-size:13px;color:#233f5b;margin:0 0 3px}
body.pga-customer-shell .store-list-toolbar p{font-size:10.5px;color:#96a2b1;margin:0}
body.pga-customer-shell .store-search-box{width:min(310px,42%);height:36px;border:1px solid #dfe7ef;border-radius:10px;background:#f9fbfd;display:flex;align-items:center;gap:8px;padding:0 10px}
body.pga-customer-shell .store-search-box:focus-within{border-color:#8ab8ea;background:#fff;box-shadow:0 0 0 3px rgba(53,132,218,.08)}
body.pga-customer-shell .store-search-box svg{width:14px;height:14px;flex:none;fill:none;stroke:#8d9bab;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-search-box input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#2b455e;font-size:11px;padding:0}
body.pga-customer-shell .store-search-box input::placeholder{color:#a5afba}

body.pga-customer-shell .store-grid-v22{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;overflow:visible}
body.pga-customer-shell .store-loading-card{grid-column:1/-1;min-height:150px;display:grid;place-items:center;color:#91a0af;font-size:11.5px}
body.pga-customer-shell .store-card-v22{position:relative;min-width:0;border:1px solid #e2e9f0;border-radius:15px;background:#fff;padding:14px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:visible}
body.pga-customer-shell .store-card-v22:hover{transform:translateY(-2px);border-color:#d7e2ed;box-shadow:0 13px 30px rgba(31,60,91,.08)}
body.pga-customer-shell .store-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
body.pga-customer-shell .store-identity{display:flex;align-items:center;gap:9px;min-width:0}
body.pga-customer-shell .store-avatar-v22{width:35px;height:35px;flex:0 0 35px;border-radius:10px;background:linear-gradient(145deg,#e7f2ff,#d6e9ff);color:#2474c9;display:grid;place-items:center;font-size:12.5px;font-weight:950;box-shadow:inset 0 0 0 1px rgba(51,128,211,.08)}
body.pga-customer-shell .store-identity>div{min-width:0}
body.pga-customer-shell .store-identity h4{margin:0;font-size:12px;color:#203c58;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}
body.pga-customer-shell .store-code-copy{margin:4px 0 0;padding:0;border:0;background:transparent;color:#8f9cab;display:inline-flex;align-items:center;gap:4px;max-width:100%;font-size:10.5px}
body.pga-customer-shell .store-code-copy:hover{color:#277ad4}
body.pga-customer-shell .store-code-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .store-code-copy svg{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-card-tools{display:flex;align-items:center;gap:6px;flex:none}
body.pga-customer-shell .store-status-pill{height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:850;text-transform:capitalize;white-space:nowrap}
body.pga-customer-shell .store-status-pill>span{width:5px;height:5px;border-radius:50%}
body.pga-customer-shell .store-status-pill.is-active{background:#ebf8f3;color:#14825f}.store-status-pill.is-active>span{background:#20a778;box-shadow:0 0 0 2px rgba(32,167,120,.1)}
body.pga-customer-shell .store-status-pill.is-inactive{background:#fff0f1;color:#bf5161}.store-status-pill.is-inactive>span{background:#d96170}

body.pga-customer-shell .store-actions-menu{position:relative}
body.pga-customer-shell .store-actions-menu summary{list-style:none;width:27px;height:27px;border:1px solid #e3e9ef;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;gap:2.5px;cursor:pointer}
body.pga-customer-shell .store-actions-menu summary::-webkit-details-marker{display:none}
body.pga-customer-shell .store-actions-menu summary:hover,body.pga-customer-shell .store-actions-menu[open] summary{background:#f5f9fd;border-color:#d6e1eb}
body.pga-customer-shell .store-actions-menu summary span{width:2.5px;height:2.5px;border-radius:50%;background:#728398}
body.pga-customer-shell .store-menu-popover{position:absolute;right:0;top:33px;z-index:50;width:165px;padding:5px;background:#fff;border:1px solid #dfe6ed;border-radius:11px;box-shadow:0 16px 38px rgba(18,44,73,.16)}
body.pga-customer-shell .store-menu-popover button{width:100%;min-height:31px;padding:6px 7px;border:0;border-radius:7px;background:transparent;color:#526a82;display:flex;align-items:center;gap:7px;text-align:left;font-size:10.5px;font-weight:700}
body.pga-customer-shell .store-menu-popover button:hover{background:#f2f7fc;color:#236fc1}
body.pga-customer-shell .store-menu-popover button svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-menu-sep{height:1px;background:#edf1f5;margin:4px 3px}

body.pga-customer-shell .store-balance-block{margin-top:15px;padding:12px 0 11px;border-top:1px solid #f0f3f6;border-bottom:1px solid #f0f3f6;display:flex;flex-direction:column}
body.pga-customer-shell .store-balance-block small{font-size:10.5px;color:#95a2b0;font-weight:750}
body.pga-customer-shell .store-balance-block strong{font-size:18px;color:#1d3a55;letter-spacing:-.03em;margin:3px 0 1px}
body.pga-customer-shell .store-balance-block span{font-size:10px;color:#a4afba}
body.pga-customer-shell .store-callback-block{margin-top:10px;padding:9px 10px;border-radius:10px;background:#f8fafc;border:1px solid #edf1f5}
body.pga-customer-shell .store-callback-head{display:flex;justify-content:space-between;align-items:center;gap:8px}
body.pga-customer-shell .store-callback-head>span{display:flex;align-items:center;gap:5px;color:#77899b;font-size:10.5px;font-weight:800}
body.pga-customer-shell .store-callback-head>span svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-callback-head>button{width:23px;height:23px;border:0;border-radius:7px;background:#fff;color:#6d8197;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #e7ecf1}
body.pga-customer-shell .store-callback-head>button:hover{color:#2477ce;background:#f1f7fd}
body.pga-customer-shell .store-callback-head>button svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-callback-block p{margin:5px 0 0;color:#526a82;font-size:10.5px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .store-callback-block.no-callback p{color:#b08753;font-family:inherit}
body.pga-customer-shell .store-callback-block.no-callback{background:#fffaf2;border-color:#f4eadc}

body.pga-customer-shell .store-card-footer{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:7px;margin-top:11px}
body.pga-customer-shell .store-card-footer>button{height:34px;border-radius:9px;font-size:10.5px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px}
body.pga-customer-shell .store-primary-action{border:0;background:#287bd5;color:#fff;box-shadow:0 5px 14px rgba(40,123,213,.16)}
body.pga-customer-shell .store-primary-action:hover{background:#206ebf}
body.pga-customer-shell .store-primary-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-secondary-action{border:1px solid #e0e7ee;background:#fff;color:#536d86}
body.pga-customer-shell .store-secondary-action:hover{background:#f7fafc;color:#2575ca}
body.pga-customer-shell .store-secondary-action span{font-size:13px;line-height:1}

body.pga-customer-shell .store-empty-v22{grid-column:1/-1;min-height:250px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#8999aa}
body.pga-customer-shell .store-empty-v22.compact{min-height:180px}
body.pga-customer-shell .store-empty-icon{width:48px;height:48px;border-radius:14px;background:#edf5ff;color:#347fcf;display:grid;place-items:center;margin-bottom:10px}
body.pga-customer-shell .store-empty-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .store-empty-v22 b{font-size:12.5px;color:#38536e}
body.pga-customer-shell .store-empty-v22 p{font-size:11px;max-width:310px;line-height:1.6;margin:5px 0 12px}

body.pga-customer-shell .store-manage-modal{position:relative}
body.pga-customer-shell .store-manage-title{display:flex;align-items:center;gap:10px;padding-right:4px;margin-bottom:14px}
body.pga-customer-shell .store-manage-title>div{min-width:0;flex:1}
body.pga-customer-shell .store-manage-title h3{font-size:14px!important;margin:0!important;color:#233f5b}
body.pga-customer-shell .store-manage-title p{font-size:10.5px;color:#91a0ae;margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .store-manage-balance{padding:13px;border-radius:12px;background:linear-gradient(135deg,#2478d3,#145aa8);color:#fff;display:flex;flex-direction:column;margin-bottom:11px}
body.pga-customer-shell .store-manage-balance small{font-size:10.5px;opacity:.75}.store-manage-balance strong{font-size:20px;margin-top:3px}
body.pga-customer-shell .store-manage-info{padding:11px;border:1px solid #e6ebf1;border-radius:11px;margin-bottom:11px}
body.pga-customer-shell .store-manage-info>span{font-size:10.5px;color:#8d9aaa;font-weight:800}
body.pga-customer-shell .store-manage-info>div{display:flex;align-items:center;gap:7px;margin-top:5px}
body.pga-customer-shell .store-manage-info code{min-width:0;flex:1;font-size:10.5px;color:#4e667e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .store-manage-info button{border:0;background:#edf5fd;color:#2777cb;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:800}
body.pga-customer-shell .store-manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.pga-customer-shell .store-manage-actions .btn{font-size:10.5px!important;padding:9px!important;border-radius:9px!important}
body.pga-customer-shell .store-manage-close{width:100%;height:34px;border:0;background:transparent;color:#8d9ba9;font-size:10.5px;font-weight:800;margin-top:7px}

@media(max-width:1180px){
  body.pga-customer-shell .store-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .store-grid-v22{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  body.pga-customer-shell .store-page-head{align-items:center;margin-bottom:13px}
  body.pga-customer-shell .store-page-head h2{font-size:18px}
  body.pga-customer-shell .store-page-head p{font-size:11px}
  body.pga-customer-shell .store-page-eyebrow{font-size:10px}
  body.pga-customer-shell .store-add-btn{min-height:36px;padding:0 10px!important}
  body.pga-customer-shell .store-summary-grid{gap:8px;margin-bottom:12px}
  body.pga-customer-shell .store-summary-card{min-height:85px;padding:11px;gap:9px;border-radius:12px}
  body.pga-customer-shell .store-summary-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
  body.pga-customer-shell .store-summary-icon svg{width:15px;height:15px}
  body.pga-customer-shell .store-summary-card strong{font-size:14px}
  body.pga-customer-shell .store-summary-card em{display:none}
  body.pga-customer-shell .store-list-toolbar{align-items:stretch;flex-direction:column;padding:12px}
  body.pga-customer-shell .store-search-box{width:100%;max-width:none}
  body.pga-customer-shell .store-grid-v22{grid-template-columns:1fr;padding:10px;gap:9px}
  body.pga-customer-shell .store-card-v22{padding:12px;border-radius:13px}
  body.pga-customer-shell .store-identity h4{max-width:180px}
  body.pga-customer-shell .store-balance-block strong{font-size:17px}
}
@media(max-width:430px){
  body.pga-customer-shell .store-page-head p{max-width:215px}
  body.pga-customer-shell .store-add-btn span{display:none}
  body.pga-customer-shell .store-add-btn{width:36px;padding:0!important;justify-content:center}
  body.pga-customer-shell .store-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .store-summary-card{min-width:0;min-height:78px;padding:9px}
  body.pga-customer-shell .store-summary-icon{width:29px;height:29px;flex-basis:29px}
  body.pga-customer-shell .store-summary-card small{font-size:10px}.store-summary-card strong{font-size:12.5px!important}
  body.pga-customer-shell .store-card-tools{gap:4px}
  body.pga-customer-shell .store-status-pill{height:20px;padding:0 6px}
  body.pga-customer-shell .store-card-footer{grid-template-columns:1fr 1fr}
}

/* =========================================================
   PGA CUSTOMER - TRANSACTIONS V23
   ========================================================= */
body.pga-customer-shell .trx-page-v23{padding-bottom:22px}
body.pga-customer-shell .trx-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
body.pga-customer-shell .trx-page-eyebrow{font-size:10.5px;font-weight:900;letter-spacing:.13em;color:#4a8bdd;margin-bottom:5px}
body.pga-customer-shell .trx-page-head h2{margin:0;color:#203c58;font-size:20px;line-height:1.15}
body.pga-customer-shell .trx-page-head p{margin:5px 0 0;color:#8b9aaa;font-size:11px;line-height:1.5}
body.pga-customer-shell .trx-create-btn{min-height:38px!important;display:inline-flex!important;align-items:center;gap:7px!important;padding:0 13px!important;border-radius:10px!important;font-size:11px!important;white-space:nowrap}
body.pga-customer-shell .trx-create-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
body.pga-customer-shell .trx-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
body.pga-customer-shell .trx-summary-card{min-width:0;min-height:92px;border:1px solid #e4eaf1;background:#fff;border-radius:14px;padding:13px;display:flex;align-items:center;gap:10px;box-shadow:0 5px 16px rgba(34,67,100,.035)}
body.pga-customer-shell .trx-summary-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;display:grid;place-items:center}
body.pga-customer-shell .trx-summary-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .trx-summary-icon.blue{background:#edf5ff;color:#2879d1}.trx-summary-icon.green{background:#ebf8f3;color:#16936a}.trx-summary-icon.amber{background:#fff7e6;color:#c8891e}.trx-summary-icon.red{background:#fff0f1;color:#c85564}
body.pga-customer-shell .trx-summary-card>div{min-width:0;display:flex;flex-direction:column}
body.pga-customer-shell .trx-summary-card small{font-size:10.5px;color:#8998a8;font-weight:750}
body.pga-customer-shell .trx-summary-card strong{font-size:16px;color:#243f5b;line-height:1.15;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .trx-summary-card em{font-size:10px;color:#a1acb8;font-style:normal;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .trx-panel-v23{border:1px solid #e2e9f0;background:#fff;border-radius:15px;box-shadow:0 7px 22px rgba(34,67,100,.045);overflow:hidden}
body.pga-customer-shell .trx-filter-head{padding:14px 15px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef2f6}
body.pga-customer-shell .trx-filter-head h3{font-size:12.5px;color:#27435e;margin:0}.trx-filter-head p{font-size:10.5px;color:#98a5b2;margin:4px 0 0}
body.pga-customer-shell .trx-refresh-btn{height:31px;border:1px solid #e0e7ee;background:#fff;color:#61758a;border-radius:8px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800}
body.pga-customer-shell .trx-refresh-btn:hover{background:#f7faff;color:#2879d1}.trx-refresh-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .trx-filter-bar{padding:10px 15px;display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(130px,.75fr) minmax(115px,.65fr) 112px 112px auto;gap:7px;align-items:end;background:#fbfcfe;border-bottom:1px solid #edf1f5}
body.pga-customer-shell .trx-search-box{height:35px;border:1px solid #dfe6ed;border-radius:9px;background:#fff;display:flex;align-items:center;padding:0 10px;gap:7px}
body.pga-customer-shell .trx-search-box:focus-within{border-color:#a9cdf5;box-shadow:0 0 0 3px rgba(53,135,221,.07)}
body.pga-customer-shell .trx-search-box svg{width:13px;height:13px;fill:none;stroke:#8c9baa;stroke-width:1.9;flex:0 0 auto}.trx-search-box input{min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:#334d66;font-size:11px}
body.pga-customer-shell .trx-filter-field{min-width:0;display:flex;flex-direction:column;gap:4px}.trx-filter-field>span{font-size:10px;font-weight:850;color:#91a0ae;padding-left:2px;text-transform:uppercase;letter-spacing:.04em}
body.pga-customer-shell .trx-filter-field select,body.pga-customer-shell .trx-filter-field input{width:100%;height:35px;border:1px solid #dfe6ed;border-radius:9px;background:#fff;color:#4b6278;font-size:10.5px;padding:0 8px;outline:0}
body.pga-customer-shell .trx-filter-field select:focus,body.pga-customer-shell .trx-filter-field input:focus{border-color:#a9cdf5;box-shadow:0 0 0 3px rgba(53,135,221,.07)}
body.pga-customer-shell .trx-reset-btn{height:35px;border:1px solid #dfe6ed;background:#fff;color:#6f8193;border-radius:9px;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10.5px;font-weight:800}.trx-reset-btn:hover{background:#f7faff;color:#2879d1}
body.pga-customer-shell .trx-reset-btn svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.pga-customer-shell .trx-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto}
body.pga-customer-shell .trx-table-v23{width:100%;min-width:820px}.trx-table-v23 thead th{height:38px;background:#fff!important;color:#8d9aa8!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.045em!important;border-bottom:1px solid #edf1f5!important;padding:8px 11px!important;white-space:nowrap}
body.pga-customer-shell .trx-table-v23 tbody td{height:53px;padding:8px 11px!important;border-bottom:1px solid #f0f3f6!important;color:#52687e;font-size:11px!important;vertical-align:middle}.trx-table-v23 tbody tr:last-child td{border-bottom:0!important}.trx-table-v23 tbody tr:hover{background:#fbfdff}
body.pga-customer-shell .trx-id-btn{border:0;background:transparent;padding:0;color:#2b70ba;font-size:10.5px;font-weight:800;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-align:left}.trx-id-btn:hover{text-decoration:underline}
body.pga-customer-shell .trx-time-cell{white-space:nowrap;color:#728397;font-size:10.5px}.trx-user-cell{display:flex;align-items:center;gap:7px;min-width:120px}.trx-user-cell>span{width:27px;height:27px;border-radius:8px;background:#edf5fd;color:#347fcf;display:grid;place-items:center;font-size:10.5px;font-weight:900;flex:0 0 auto}.trx-user-cell>div{min-width:0;display:flex;flex-direction:column}.trx-user-cell b{max-width:125px;color:#405a73;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trx-user-cell small{font-size:10px;color:#a0acb8;margin-top:2px}
body.pga-customer-shell .trx-amount-cell{font-size:11px;color:#29445f;white-space:nowrap}.trx-status-pill{height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:850;white-space:nowrap}.trx-status-pill>span{width:5px;height:5px;border-radius:50%}.trx-status-pill.is-success{background:#eaf8f2;color:#12815d}.trx-status-pill.is-success>span{background:#20a678}.trx-status-pill.is-pending{background:#fff7e6;color:#ad761a}.trx-status-pill.is-pending>span{background:#e3a12f}.trx-status-pill.is-cancel,.trx-status-pill.is-failed{background:#fff0f1;color:#bd5260}.trx-status-pill.is-cancel>span,.trx-status-pill.is-failed>span{background:#d75f6d}
body.pga-customer-shell .trx-callback-pill{height:21px;padding:0 7px;border-radius:7px;display:inline-flex;align-items:center;font-size:10px;font-weight:800;white-space:nowrap}.trx-callback-pill.is-success{background:#eef8f4;color:#168363}.trx-callback-pill.is-pending{background:#fff7e8;color:#a87922}.trx-callback-pill.is-failed{background:#fff1f2;color:#bc5360}.trx-callback-pill.is-none{background:#f2f5f8;color:#8a99a8}
body.pga-customer-shell .trx-detail-btn{height:27px;border:1px solid #dfe7ef;background:#fff;color:#52708c;border-radius:7px;padding:0 8px;font-size:10px;font-weight:850;white-space:nowrap}.trx-detail-btn:hover{border-color:#bcd7f2;background:#f6faff;color:#2575ca}.trx-detail-btn span{font-size:12px;margin-left:2px}
body.pga-customer-shell .trx-mobile-list{display:none}.trx-pagination{min-height:45px;border-top:1px solid #eef2f5;padding:9px 14px;display:flex;align-items:center;justify-content:flex-end;gap:4px}.trx-pagination button{min-width:28px;height:28px;padding:0 6px;border:1px solid #dfe6ed;background:#fff;color:#687c90;border-radius:7px;font-size:10.5px;font-weight:800}.trx-pagination button:hover:not(:disabled),.trx-pagination button.active{background:#2679d3;border-color:#2679d3;color:#fff}.trx-pagination button:disabled{opacity:.38;cursor:not-allowed}.trx-page-dots{font-size:10.5px;color:#9ba8b5;padding:0 2px}.trx-page-count{font-size:10px;color:#9aa7b4;margin-left:7px}
body.pga-customer-shell .trx-empty-v23{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9aa8b7;text-align:center}.trx-empty-v23>span{font-size:22px}.trx-empty-v23 b{font-size:11px;color:#536b83;margin-top:7px}.trx-empty-v23 small{font-size:10px;margin-top:3px}
/* detail modal */
body.pga-customer-shell .trx-detail-modal{min-width:0}.trx-detail-loading{min-height:180px;display:grid;place-items:center;color:#8e9dac;font-size:10.5px}.trx-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.trx-detail-head>div{min-width:0}.trx-detail-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.12em;color:#4d8ed9;margin-bottom:4px}.trx-detail-head h3{font-size:12.5px!important;color:#29445f!important;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trx-detail-head p{font-size:10px;color:#98a5b2;margin:4px 0 0}.trx-detail-amount{padding:13px;border-radius:12px;background:linear-gradient(135deg,#2478d3,#145ba9);color:#fff;display:flex;flex-direction:column;margin-bottom:10px}.trx-detail-amount small{font-size:10px;opacity:.78}.trx-detail-amount strong{font-size:20px;margin-top:3px}.trx-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.trx-detail-grid>div{min-width:0;border:1px solid #e7ecf1;border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:4px}.trx-detail-grid span{font-size:10px;color:#98a5b2;font-weight:750}.trx-detail-grid b{font-size:10.5px;color:#4b637a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trx-detail-callback{border:1px solid #e7ecf1;border-radius:10px;overflow:hidden;margin-bottom:10px}.trx-detail-callback>div{min-height:31px;padding:0 9px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between}.trx-detail-callback>div span{font-size:10px;color:#788a9b;font-weight:800}.trx-detail-callback>div button{border:0;background:transparent;color:#2b78c9;font-size:10px;font-weight:850}.trx-detail-callback pre{margin:0;max-height:120px;overflow:auto;padding:9px;background:#fff;color:#667a8d;font-size:10px;line-height:1.55;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.trx-detail-actions{display:flex;flex-wrap:wrap;gap:6px}.trx-detail-actions .btn{font-size:10.5px!important;padding:8px 9px!important;border-radius:8px!important}.trx-detail-close{width:100%;height:31px;border:0;background:transparent;color:#909daa;font-size:10.5px;font-weight:800;margin-top:5px}
@media(max-width:1180px){body.pga-customer-shell .trx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.pga-customer-shell .trx-filter-bar{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(120px,.7fr)) repeat(2,112px) auto}}
@media(max-width:900px){body.pga-customer-shell .trx-filter-bar{grid-template-columns:1fr 1fr 1fr}.trx-search-box{grid-column:1/-1}.trx-reset-btn{align-self:end}}
@media(max-width:700px){body.pga-customer-shell .trx-page-head{align-items:center;margin-bottom:13px}.trx-page-head h2{font-size:18px!important}.trx-page-head p{font-size:11px}.trx-page-eyebrow{font-size:10px}.trx-create-btn{min-height:36px!important}.trx-summary-grid{gap:8px;margin-bottom:10px}.trx-summary-card{min-height:78px;padding:10px;gap:8px;border-radius:12px}.trx-summary-icon{width:31px;height:31px;flex-basis:31px;border-radius:9px}.trx-summary-icon svg{width:14px;height:14px}.trx-summary-card strong{font-size:13px}.trx-summary-card em{display:none}.trx-filter-head{padding:12px}.trx-filter-bar{padding:9px 10px;grid-template-columns:1fr 1fr;gap:7px}.trx-search-box{grid-column:1/-1}.trx-date-field{display:none!important}.trx-reset-btn{width:100%}.trx-table-desktop{display:none}.trx-mobile-list{display:block;padding:9px}.trx-mobile-card{width:100%;border:1px solid #e5ebf1;background:#fff;border-radius:11px;padding:10px;margin-bottom:8px;text-align:left;display:block}.trx-mobile-card:last-child{margin-bottom:0}.trx-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f3f6}.trx-mobile-top>.mono{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2f6fae;font-size:10.5px;font-weight:850}.trx-mobile-main{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:9px 0}.trx-mobile-main>div{min-width:0;display:flex;flex-direction:column}.trx-mobile-main small{font-size:10px;color:#9aa7b4}.trx-mobile-main b{font-size:10.5px;color:#4c647b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.trx-mobile-main>strong{font-size:12.5px;color:#29445f;white-space:nowrap}.trx-mobile-bottom{display:flex;align-items:center;justify-content:space-between;gap:7px;padding-top:8px;border-top:1px solid #f0f3f6}.trx-mobile-bottom>span:first-child{font-size:10px;color:#9aa6b2}.trx-mobile-bottom>span:last-child{display:flex;align-items:center;gap:7px}.trx-mobile-bottom em{font-style:normal;font-size:10px;color:#367ec7;font-weight:850}.trx-pagination{padding:8px 9px;justify-content:center;flex-wrap:wrap}.trx-page-count{width:100%;text-align:center;margin:3px 0 0}.trx-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){body.pga-customer-shell .trx-create-btn span{display:none}.trx-create-btn{width:36px;padding:0!important;justify-content:center}.trx-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trx-summary-card{min-width:0;min-height:72px;padding:9px}.trx-summary-card small{font-size:10px}.trx-summary-card strong{font-size:12.5px}.trx-filter-bar{grid-template-columns:1fr 1fr}.trx-filter-field>span{font-size:10px}.trx-filter-field select{font-size:10.5px}.trx-detail-grid{grid-template-columns:1fr}.trx-detail-actions{display:grid;grid-template-columns:1fr}.trx-detail-actions .btn{width:100%}}

/* ======================================================================
   PGA Customer Portal V24 — Withdraw
   ====================================================================== */
body.pga-customer-shell .wd-page-v24{max-width:1500px;margin:0 auto}
body.pga-customer-shell .wd-page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}
body.pga-customer-shell .wd-page-eyebrow{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;color:#4b8edb;margin-bottom:5px}
body.pga-customer-shell .wd-page-head h2{margin:0;color:#213b56;font-size:22px;line-height:1.15;letter-spacing:-.025em}
body.pga-customer-shell .wd-page-head p{margin:5px 0 0;color:#8998a8;font-size:11.5px}
body.pga-customer-shell .wd-refresh-btn{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}
body.pga-customer-shell .wd-refresh-btn svg{width:14px;height:14px}

body.pga-customer-shell .wd-summary-grid{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
body.pga-customer-shell .wd-summary-card{min-height:94px;padding:14px 15px;border:1px solid #e4eaf1;border-radius:15px;background:#fff;box-shadow:0 4px 16px rgba(28,58,91,.045);display:flex;align-items:center;gap:12px;min-width:0}
body.pga-customer-shell .wd-summary-primary{background:linear-gradient(135deg,#163d6c 0%,#1d65b6 100%);border-color:transparent;color:#fff;box-shadow:0 10px 24px rgba(22,78,143,.16)}
body.pga-customer-shell .wd-summary-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#edf5fe;color:#347fcf;display:grid;place-items:center}
body.pga-customer-shell .wd-summary-primary .wd-summary-icon{background:rgba(255,255,255,.12);color:#dcecff}
body.pga-customer-shell .wd-summary-icon.pending{background:#fff6e5;color:#bd801d}
body.pga-customer-shell .wd-summary-icon.success{background:#e9f8f2;color:#13835f}
body.pga-customer-shell .wd-summary-icon.failed{background:#fff0f2;color:#bd5261}
body.pga-customer-shell .wd-summary-icon svg{width:19px;height:19px}
body.pga-customer-shell .wd-summary-card>div:last-child{min-width:0;display:flex;flex-direction:column}
body.pga-customer-shell .wd-summary-card span{font-size:10.5px;color:#8b99a8;font-weight:800}
body.pga-customer-shell .wd-summary-card strong{font-size:18px;line-height:1.15;color:#2b455f;letter-spacing:-.025em;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .wd-summary-card small{font-size:10.5px;color:#9aa7b3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .wd-summary-primary span,body.pga-customer-shell .wd-summary-primary small{color:#c7dcf4}
body.pga-customer-shell .wd-summary-primary strong{color:#fff;font-size:20px}

body.pga-customer-shell .wd-main-grid{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);gap:14px;margin-bottom:14px}
body.pga-customer-shell .wd-balance-panel,body.pga-customer-shell .wd-form-panel{padding:18px!important;box-shadow:0 4px 18px rgba(25,56,90,.045)!important}
body.pga-customer-shell .wd-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}
body.pga-customer-shell .wd-panel-kicker{display:block;color:#4c8dd5;font-size:10px;font-weight:900;letter-spacing:.12em;margin-bottom:4px}
body.pga-customer-shell .wd-panel-head h3,body.pga-customer-shell .wd-history-head h3{margin:0;color:#2a455f;font-size:13px;line-height:1.2}
body.pga-customer-shell .wd-panel-head p,body.pga-customer-shell .wd-history-head p{margin:4px 0 0;color:#93a0ad;font-size:10.5px;line-height:1.45}
body.pga-customer-shell .wd-secure-chip{height:26px;padding:0 8px;border-radius:8px;background:#ecf8f3;color:#17795d;font-size:10px;font-weight:850;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
body.pga-customer-shell .wd-secure-chip svg{width:12px;height:12px}
body.pga-customer-shell .wd-field-label,body.pga-customer-shell .wd-form-field>label,body.pga-customer-shell .wd-pin-label-row label{display:block;font-size:10px;color:#6e8195;font-weight:850;margin-bottom:6px}
body.pga-customer-shell .wd-store-select-wrap,body.pga-customer-shell .wd-input-wrap{position:relative;display:flex;align-items:center}
body.pga-customer-shell .wd-control{width:100%;height:39px;border:1px solid #dfe6ee;background:#fff;border-radius:9px;color:#405a73;font-size:11px;font-weight:650;outline:none;transition:border-color .15s,box-shadow .15s}
body.pga-customer-shell .wd-control:focus{border-color:#83b6eb;box-shadow:0 0 0 3px rgba(51,132,217,.08)}
body.pga-customer-shell .wd-store-select-wrap .wd-control{padding:0 31px 0 36px;appearance:none}
body.pga-customer-shell .wd-input-wrap .wd-control{padding:0 10px 0 35px}
body.pga-customer-shell .wd-input-icon{position:absolute;left:11px;z-index:1;width:15px;height:15px;display:grid;place-items:center;color:#7890a8;pointer-events:none}
body.pga-customer-shell .wd-input-icon svg{width:14px;height:14px}
body.pga-customer-shell .wd-select-arrow{position:absolute;right:11px;color:#8695a4;font-size:12.5px;pointer-events:none}
body.pga-customer-shell .wd-selected-balance{min-height:80px;border-radius:13px;background:linear-gradient(135deg,#f5f9fd,#eef5fc);border:1px solid #e0ebf5;margin-top:10px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
body.pga-customer-shell .wd-selected-balance>div:first-child{display:flex;flex-direction:column}
body.pga-customer-shell .wd-selected-balance span{font-size:10px;color:#8293a5}
body.pga-customer-shell .wd-selected-balance strong{font-size:18px;color:#244765;margin-top:4px;letter-spacing:-.025em}
body.pga-customer-shell .wd-store-status{height:23px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;font-size:10px!important;font-weight:850}
body.pga-customer-shell .wd-store-status.active{background:#e5f6ef;color:#14795a}
body.pga-customer-shell .wd-store-status.inactive{background:#fff0f2;color:#b84e5e}
body.pga-customer-shell .wd-store-status.neutral{background:#eef2f6;color:#7d8d9d}
body.pga-customer-shell .wd-info-box{margin-top:11px;border:1px solid #e6edf4;border-radius:11px;background:#fbfcfe;padding:10px;display:flex;align-items:flex-start;gap:8px}
body.pga-customer-shell .wd-info-box svg{width:14px;height:14px;flex:0 0 14px;color:#5f91c6;margin-top:1px}
body.pga-customer-shell .wd-info-box p{margin:0;color:#7b8b9b;font-size:10px;line-height:1.55}
body.pga-customer-shell .wd-info-box b{color:#4e6983}
body.pga-customer-shell .wd-pending-warning{margin-top:10px;border:1px solid #f4ddaa;background:#fff8e9;border-radius:10px;padding:10px 11px}
body.pga-customer-shell .wd-pending-warning>div{display:flex;flex-direction:column;gap:3px}
body.pga-customer-shell .wd-pending-warning b{font-size:10.5px;color:#936a18}
body.pga-customer-shell .wd-pending-warning span{font-size:10px;color:#a98743}

body.pga-customer-shell .wd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
body.pga-customer-shell .wd-form-field{min-width:0}
body.pga-customer-shell .wd-form-field-full{grid-column:1/-1}
body.pga-customer-shell .wd-amount-input-wrap{height:48px;border:1px solid #d9e4ef;border-radius:10px;background:#fbfdff;display:flex;align-items:center;overflow:hidden;transition:border-color .15s,box-shadow .15s}
body.pga-customer-shell .wd-amount-input-wrap:focus-within{border-color:#83b6eb;box-shadow:0 0 0 3px rgba(51,132,217,.08)}
body.pga-customer-shell .wd-amount-input-wrap>span{height:100%;min-width:42px;padding:0 10px;background:#f1f6fb;border-right:1px solid #dfe8f1;display:grid;place-items:center;color:#52708e;font-size:11.5px;font-weight:900}
body.pga-customer-shell .wd-amount-input{height:100%!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0 12px!important;font-size:15px!important;font-weight:900!important;color:#244763!important;box-shadow:none!important}
body.pga-customer-shell .wd-amount-input::placeholder{font-size:11px;font-weight:650;color:#a2afbb}
body.pga-customer-shell .wd-balance-hint{margin-top:5px;font-size:10px;color:#98a5b1}
body.pga-customer-shell .wd-balance-hint b{color:#5d7893}
body.pga-customer-shell .wd-pin-label-row{display:flex;align-items:center;justify-content:space-between}
body.pga-customer-shell .wd-pin-label-row span{font-size:10px;color:#a0acb7}
body.pga-customer-shell .wd-pin-group{display:flex;gap:7px}
body.pga-customer-shell .wd-pin-box{width:41px;height:42px;border:1px solid #dbe4ec;border-radius:9px;background:#fff;text-align:center;font-size:14px;font-weight:900;color:#2f4d69;outline:none}
body.pga-customer-shell .wd-pin-box:focus{border-color:#7db1e8;box-shadow:0 0 0 3px rgba(48,126,211,.08)}
body.pga-customer-shell .wd-submit-btn{width:100%;margin-top:14px;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:43px!important}
body.pga-customer-shell .wd-submit-btn svg{width:15px;height:15px}
body.pga-customer-shell .wd-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important}
body.pga-customer-shell .wd-submit-note{text-align:center;color:#a0abb6;font-size:10px;line-height:1.45;margin:7px 8px 0}

body.pga-customer-shell .wd-history-panel{padding:0!important;overflow:hidden}
body.pga-customer-shell .wd-history-head{min-height:67px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf1f5}
body.pga-customer-shell .wd-history-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.pga-customer-shell .wd-search-wrap{width:225px;height:33px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;display:flex;align-items:center;gap:7px;padding:0 9px}
body.pga-customer-shell .wd-search-wrap:focus-within{border-color:#9ac0e8}
body.pga-customer-shell .wd-search-wrap svg{width:13px;height:13px;color:#8fa0b0;flex:0 0 auto}
body.pga-customer-shell .wd-search-wrap input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#526a81;font-size:10.5px}
body.pga-customer-shell .wd-history-select{height:33px;border:1px solid #dfe6ee;border-radius:8px;background:#fff;color:#63788c;font-size:10.5px;padding:0 25px 0 9px;outline:none}
body.pga-customer-shell .wd-table-wrap{border:0!important;border-radius:0!important;box-shadow:none!important;overflow:auto}
body.pga-customer-shell .wd-table-v24{width:100%;min-width:900px}
body.pga-customer-shell .wd-table-v24 thead th{height:38px;background:#fff!important;color:#8997a6!important;font-size:10px!important;font-weight:850!important;text-transform:uppercase;letter-spacing:.045em!important;border-bottom:1px solid #edf1f5!important;padding:8px 12px!important;white-space:nowrap}
body.pga-customer-shell .wd-table-v24 tbody td{height:55px;padding:8px 12px!important;border-bottom:1px solid #f0f3f6!important;color:#587087;font-size:10.5px!important;vertical-align:middle}
body.pga-customer-shell .wd-table-v24 tbody tr:last-child td{border-bottom:0!important}
body.pga-customer-shell .wd-table-v24 tbody tr:hover{background:#fbfdff}
body.pga-customer-shell .wd-id-btn{border:0;background:transparent;padding:0;color:#2d74ba;font-size:10.5px;font-weight:850;cursor:pointer}
body.pga-customer-shell .wd-id-btn:hover{text-decoration:underline}
body.pga-customer-shell .wd-time-cell{white-space:nowrap;color:#77899b!important}
body.pga-customer-shell .wd-amount-cell{font-size:11px;color:#2c4863;white-space:nowrap}
body.pga-customer-shell .wd-bank-cell{display:flex;align-items:center;gap:8px;min-width:175px}
body.pga-customer-shell .wd-bank-cell>span{width:29px;height:29px;border-radius:8px;background:#eef5fc;color:#357dc5;display:grid;place-items:center;font-size:10.5px;font-weight:900;flex:0 0 auto}
body.pga-customer-shell .wd-bank-cell>div{min-width:0;display:flex;flex-direction:column}
body.pga-customer-shell .wd-bank-cell b{font-size:10.5px;color:#405b75}
body.pga-customer-shell .wd-bank-cell small{max-width:190px;margin-top:2px;font-size:10px;color:#99a5b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .wd-status-pill{height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:850;white-space:nowrap}
body.pga-customer-shell .wd-status-pill>span{width:5px;height:5px;border-radius:50%;background:currentColor}
body.pga-customer-shell .wd-status-pill.is-success{background:#eaf8f2;color:#13805e}
body.pga-customer-shell .wd-status-pill.is-pending{background:#fff6e5;color:#a9741d}
body.pga-customer-shell .wd-status-pill.is-failed{background:#fff0f2;color:#b94e5e}
body.pga-customer-shell .wd-note-cell{max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8493a2!important}
body.pga-customer-shell .wd-detail-btn{height:27px;border:1px solid #dfe7ef;background:#fff;color:#52708c;border-radius:7px;padding:0 8px;font-size:10px;font-weight:850;white-space:nowrap}
body.pga-customer-shell .wd-detail-btn:hover{border-color:#bdd7ef;background:#f6faff;color:#2473c3}
body.pga-customer-shell .wd-detail-btn span{font-size:12px;margin-left:2px}
body.pga-customer-shell .wd-mobile-list{display:none}
body.pga-customer-shell .wd-pagination{min-height:45px;border-top:1px solid #eef2f5;padding:9px 14px;display:flex;align-items:center;justify-content:flex-end;gap:4px}
body.pga-customer-shell .wd-pagination button{min-width:28px;height:28px;padding:0 6px;border:1px solid #dfe6ed;background:#fff;color:#687c90;border-radius:7px;font-size:10.5px;font-weight:800}
body.pga-customer-shell .wd-pagination button:hover:not(:disabled),body.pga-customer-shell .wd-pagination button.active{background:#2679d3;border-color:#2679d3;color:#fff}
body.pga-customer-shell .wd-pagination button:disabled{opacity:.38;cursor:not-allowed}
body.pga-customer-shell .wd-page-dots{font-size:10.5px;color:#9ba8b5;padding:0 2px}
body.pga-customer-shell .wd-page-count{font-size:10px;color:#9aa7b4;margin-left:7px}
body.pga-customer-shell .wd-empty-v24{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#9ba8b5}
body.pga-customer-shell .wd-empty-v24>span{font-size:22px}
body.pga-customer-shell .wd-empty-v24 b{font-size:11px;color:#536b83;margin-top:6px}
body.pga-customer-shell .wd-empty-v24 small{font-size:10px;margin-top:3px}

/* Withdraw detail modal */
body.pga-customer-shell .wd-detail-modal{min-width:0}
body.pga-customer-shell .wd-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:11px}
body.pga-customer-shell .wd-detail-head h3{font-size:12.5px!important;color:#29445f!important;margin:0!important}
body.pga-customer-shell .wd-detail-head p{font-size:10px;color:#98a5b2;margin:4px 0 0}
body.pga-customer-shell .wd-detail-amount{padding:13px;border-radius:12px;background:linear-gradient(135deg,#2478d3,#145ba9);color:#fff;display:flex;flex-direction:column;margin-bottom:10px}
body.pga-customer-shell .wd-detail-amount small{font-size:10px;opacity:.78}
body.pga-customer-shell .wd-detail-amount strong{font-size:20px;margin-top:3px}
body.pga-customer-shell .wd-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:9px}
body.pga-customer-shell .wd-detail-grid>div{border:1px solid #e7ecf1;border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:4px;min-width:0}
body.pga-customer-shell .wd-detail-grid span{font-size:10px;color:#98a5b2;font-weight:750}
body.pga-customer-shell .wd-detail-grid b{font-size:10.5px;color:#4b637a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .wd-detail-note{border:1px solid #e7ecf1;border-radius:9px;padding:9px;margin-bottom:9px}
body.pga-customer-shell .wd-detail-note span{font-size:10px;color:#98a5b2;font-weight:750}
body.pga-customer-shell .wd-detail-note p{font-size:10.5px;color:#5a7187;line-height:1.5;margin:5px 0 0;word-break:break-word}
body.pga-customer-shell .wd-detail-actions{display:flex;gap:6px;justify-content:flex-end}
body.pga-customer-shell .wd-detail-actions .btn{font-size:10.5px!important;padding:8px 9px!important;border-radius:8px!important}

@media(max-width:1180px){
  body.pga-customer-shell .wd-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .wd-main-grid{grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr)}
}
@media(max-width:900px){
  body.pga-customer-shell .wd-main-grid{grid-template-columns:1fr}
  body.pga-customer-shell .wd-history-head{align-items:flex-start;flex-direction:column}
  body.pga-customer-shell .wd-history-tools{width:100%}
  body.pga-customer-shell .wd-search-wrap{flex:1;width:auto}
}
@media(max-width:700px){
  body.pga-customer-shell .wd-page-head{margin-bottom:12px}
  body.pga-customer-shell .wd-page-head h2{font-size:18px}
  body.pga-customer-shell .wd-page-head p{font-size:10.5px}
  body.pga-customer-shell .wd-page-eyebrow{font-size:10px}
  body.pga-customer-shell .wd-refresh-btn span{display:none}
  body.pga-customer-shell .wd-refresh-btn{width:36px;padding:0!important;justify-content:center}
  body.pga-customer-shell .wd-summary-grid{gap:8px;margin-bottom:10px}
  body.pga-customer-shell .wd-summary-card{min-height:76px;padding:10px;border-radius:12px;gap:9px}
  body.pga-customer-shell .wd-summary-icon{width:32px;height:32px;flex-basis:32px;border-radius:9px}
  body.pga-customer-shell .wd-summary-icon svg{width:14px;height:14px}
  body.pga-customer-shell .wd-summary-card span{font-size:10px}
  body.pga-customer-shell .wd-summary-card strong,body.pga-customer-shell .wd-summary-primary strong{font-size:13px}
  body.pga-customer-shell .wd-summary-card small{font-size:10px}
  body.pga-customer-shell .wd-balance-panel,body.pga-customer-shell .wd-form-panel{padding:13px!important}
  body.pga-customer-shell .wd-form-grid{grid-template-columns:1fr;gap:9px}
  body.pga-customer-shell .wd-form-field-full{grid-column:auto}
  body.pga-customer-shell .wd-pin-group{justify-content:space-between;gap:5px}
  body.pga-customer-shell .wd-pin-box{width:calc((100% - 25px)/6);max-width:43px;height:40px}
  body.pga-customer-shell .wd-table-desktop{display:none}
  body.pga-customer-shell .wd-mobile-list{display:block;padding:9px}
  body.pga-customer-shell .wd-mobile-card{width:100%;border:1px solid #e5ebf1;background:#fff;border-radius:11px;padding:10px;margin-bottom:8px;text-align:left;display:block}
  body.pga-customer-shell .wd-mobile-card:last-child{margin-bottom:0}
  body.pga-customer-shell .wd-mobile-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #f0f3f6}
  body.pga-customer-shell .wd-mobile-top>.mono{color:#2f70ae;font-size:10.5px;font-weight:850}
  body.pga-customer-shell .wd-mobile-main{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:9px 0}
  body.pga-customer-shell .wd-mobile-main>div{min-width:0;display:flex;flex-direction:column}
  body.pga-customer-shell .wd-mobile-main small{font-size:10px;color:#8d9aa7;font-weight:800}
  body.pga-customer-shell .wd-mobile-main b{font-size:10.5px;color:#476078;margin-top:3px}
  body.pga-customer-shell .wd-mobile-main em{font-size:10px;color:#9ba8b4;font-style:normal;margin-top:2px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  body.pga-customer-shell .wd-mobile-main>strong{font-size:12.5px;color:#29445f;white-space:nowrap}
  body.pga-customer-shell .wd-mobile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid #f0f3f6}
  body.pga-customer-shell .wd-mobile-bottom span:first-child{font-size:10px;color:#9ba7b2}
  body.pga-customer-shell .wd-mobile-bottom span:last-child{font-size:10px;color:#347cc5;font-weight:850}
  body.pga-customer-shell .wd-pagination{justify-content:center;flex-wrap:wrap;padding:8px 9px}
  body.pga-customer-shell .wd-page-count{width:100%;text-align:center;margin:3px 0 0}
}
@media(max-width:430px){
  body.pga-customer-shell .wd-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .wd-summary-card{min-width:0;min-height:70px;padding:9px}
  body.pga-customer-shell .wd-history-tools{display:grid;grid-template-columns:1fr 120px;gap:6px}
  body.pga-customer-shell .wd-search-wrap{width:100%}
  body.pga-customer-shell .wd-history-select{width:100%}
  body.pga-customer-shell .wd-selected-balance strong{font-size:15px}
  body.pga-customer-shell .wd-detail-grid{grid-template-columns:1fr}
  body.pga-customer-shell .wd-detail-actions{display:grid;grid-template-columns:1fr 1fr}
  body.pga-customer-shell .wd-detail-actions .btn{width:100%}
}

/* ========================================================================== */
/* Customer PGA — Kasir V25                                                   */
/* ========================================================================== */
.cashier-page-v25{display:block}
.cashier-page-v25 svg,.cashier-create-modal-v25 svg,.cashier-detail-modal-v25 svg,.cashier-credential-modal-v25 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cashier-hero-v25{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px;padding:2px 2px 0}
.cashier-hero-copy-v25 h2{font-size:26px;line-height:1.2;margin:5px 0 7px;color:#10203a;letter-spacing:-.025em}
.cashier-hero-copy-v25 p{margin:0;color:#6b7890;font-size:14px;line-height:1.6}
.cashier-kicker-v25{display:block;color:#2563eb;font-size:11.5px;line-height:1.3;font-weight:800;letter-spacing:.14em}
.cashier-add-btn-v25{border:0;border-radius:11px;background:#1765e8;color:#fff;font-weight:750;font-size:13px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 7px 16px rgba(23,101,232,.18);cursor:pointer;white-space:nowrap;transition:.18s ease}
.cashier-add-btn-v25:hover{background:#0f57d4;transform:translateY(-1px)}
.cashier-add-btn-v25 svg{width:17px;height:17px;stroke-width:2}

.cashier-stats-v25{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.cashier-stat-card-v25{min-height:104px;background:#fff;border:1px solid #e7edf5;border-radius:14px;padding:17px;display:flex;align-items:center;gap:14px;box-shadow:0 5px 18px rgba(26,42,74,.04)}
.cashier-stat-icon-v25{width:42px;height:42px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eaf2ff;color:#1765e8}
.cashier-stat-icon-v25.is-green{background:#e8f8ef;color:#15945b}
.cashier-stat-icon-v25.is-gray{background:#f1f4f8;color:#68758b}
.cashier-stat-icon-v25.is-purple{background:#f1ecff;color:#7452d6}
.cashier-stat-icon-v25 svg{width:20px;height:20px}
.cashier-stat-card-v25 div{min-width:0;display:grid}
.cashier-stat-card-v25 small{color:#76839a;font-size:12px;font-weight:700;margin-bottom:1px}
.cashier-stat-card-v25 strong{color:#14233c;font-size:22px;line-height:1.22;letter-spacing:-.03em}
.cashier-stat-card-v25 em{color:#9aa5b6;font-size:11.5px;font-style:normal;margin-top:2px}

.cashier-panel-v25{background:#fff;border:1px solid #e6ecf4;border-radius:16px;overflow:hidden;box-shadow:0 6px 22px rgba(22,38,68,.045)}
.cashier-panel-head-v25{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 20px 14px}
.cashier-panel-head-v25 h3{margin:4px 0 3px;color:#14233c;font-size:17px;letter-spacing:-.015em}
.cashier-panel-head-v25 p{margin:0;color:#8a96a8;font-size:12px}
.cashier-refresh-v25{border:1px solid #dfe6ef;background:#fff;color:#536178;border-radius:9px;padding:8px 11px;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;cursor:pointer}
.cashier-refresh-v25:hover{background:#f7f9fc;color:#1765e8;border-color:#cbdaf1}
.cashier-refresh-v25 svg{width:15px;height:15px}
.cashier-toolbar-v25{display:flex;align-items:center;gap:9px;padding:0 20px 16px;border-bottom:1px solid #edf1f6}
.cashier-search-v25{height:38px;flex:1;max-width:430px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dde5ef;border-radius:9px;background:#fbfcfe;transition:.15s}
.cashier-search-v25:focus-within{background:#fff;border-color:#82aef1;box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.cashier-search-v25 svg{width:16px;height:16px;color:#8f9bad}
.cashier-search-v25 input{width:100%;border:0;outline:0;background:transparent;color:#24344d;font:inherit;font-size:12.5px}
.cashier-search-v25 input::placeholder{color:#9da8b9}
.cashier-filter-v25{height:38px;min-width:150px;padding:0 34px 0 11px;border:1px solid #dde5ef;border-radius:9px;background:#fbfcfe;color:#495870;font:inherit;font-size:12.5px;outline:none;cursor:pointer}
.cashier-filter-v25:focus{border-color:#82aef1;box-shadow:0 0 0 3px rgba(37,99,235,.08)}

.cashier-table-wrap-v25{width:100%;overflow-x:auto}
.cashier-table-v25{width:100%;border-collapse:collapse;min-width:760px}
.cashier-table-v25 th{padding:11px 20px;background:#fafbfd;border-bottom:1px solid #edf1f6;color:#8b96a8;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;text-align:left;font-weight:800}
.cashier-table-v25 td{padding:14px 20px;border-bottom:1px solid #eff3f7;color:#40506a;font-size:12.5px;vertical-align:middle}
.cashier-table-v25 tr:last-child td{border-bottom:0}
.cashier-table-v25 tbody tr:hover{background:#fcfdff}
.cashier-action-head-v25{text-align:right!important}
.cashier-user-cell-v25{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:inherit}
.cashier-user-cell-v25>span,.cashier-mobile-user-v25>span{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8f0ff,#f2f6ff);border:1px solid #dbe6f8;color:#2763bf;font-size:12px;font-weight:850;letter-spacing:.03em;flex:0 0 35px}
.cashier-user-cell-v25 div,.cashier-mobile-user-v25 div{display:grid;gap:2px;min-width:0}
.cashier-user-cell-v25 b,.cashier-mobile-user-v25 b{color:#1d2e49;font-size:12.5px;font-weight:780;line-height:1.3}
.cashier-user-cell-v25 small,.cashier-mobile-user-v25 small{color:#99a4b5;font-size:11px}
.cashier-store-tags-v25{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.cashier-store-tag-v25{display:inline-flex;align-items:center;max-width:155px;padding:5px 8px;border-radius:7px;background:#f1f5fb;border:1px solid #e5ebf3;color:#58667d;font-size:11.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cashier-store-more-v25{display:inline-flex;align-items:center;justify-content:center;padding:5px 7px;border-radius:7px;background:#eaf2ff;color:#2563eb;font-size:11.5px;font-weight:800}
.cashier-no-store-v25{color:#9aa5b4;font-size:11.5px;font-style:italic}
.cashier-status-v25{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;font-size:11.5px;font-weight:800;white-space:nowrap}
.cashier-status-v25>span{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px rgba(0,0,0,.03)}
.cashier-status-v25.is-active{background:#eaf8f0;color:#178857;border:1px solid #d4f0e0}
.cashier-status-v25.is-inactive{background:#f2f4f7;color:#748096;border:1px solid #e5e9ef}
.cashier-actions-v25{display:flex;align-items:center;justify-content:flex-end;gap:6px}
.cashier-actions-v25 button{height:31px;border-radius:8px;font:inherit;font-size:11.5px;font-weight:750;cursor:pointer;transition:.15s}
.cashier-detail-btn-v25{border:1px solid #dce5f0;background:#fff;color:#4d5d76;padding:0 10px}
.cashier-detail-btn-v25:hover{background:#f5f8fc;color:#1f5fbf}
.cashier-toggle-btn-v25{padding:0 10px}
.cashier-toggle-btn-v25.is-stop{border:1px solid #f0d7d9;background:#fff8f8;color:#bd454c}
.cashier-toggle-btn-v25.is-start{border:1px solid #cfe8da;background:#f4fcf7;color:#167a4f}
.cashier-delete-btn-v25{width:31px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #edf0f4;background:#fff;color:#9a6670}
.cashier-delete-btn-v25:hover{border-color:#efcfd4;background:#fff5f6;color:#bf3c49}
.cashier-delete-btn-v25 svg{width:14px;height:14px}
.cashier-loading-v25{padding:30px;text-align:center;color:#9aa5b4;font-size:12px}
.cashier-empty-v25{padding:32px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
.cashier-empty-v25>span{width:43px;height:43px;border-radius:12px;background:#f1f5fb;color:#70829e;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.cashier-empty-v25>span svg{width:20px;height:20px}
.cashier-empty-v25 b{font-size:13px;color:#364761}
.cashier-empty-v25 small{font-size:11.5px;color:#929dad;margin-top:4px;max-width:320px;line-height:1.55}
.cashier-empty-v25 button{margin-top:12px;border:0;background:#1765e8;color:#fff;border-radius:8px;padding:8px 12px;font-size:11.5px;font-weight:750;cursor:pointer}
.cashier-mobile-list-v25{display:none}

.cashier-info-v25{margin-top:14px;padding:14px 16px;border:1px solid #dfe9f7;background:#f8fbff;border-radius:12px;display:flex;gap:11px;align-items:flex-start}
.cashier-info-v25>span{width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:#e9f2ff;color:#2464c5;display:flex;align-items:center;justify-content:center}
.cashier-info-v25>span svg{width:16px;height:16px}
.cashier-info-v25 b{display:block;color:#29405e;font-size:12px;margin-bottom:3px}
.cashier-info-v25 p{margin:0;color:#718098;font-size:11.5px;line-height:1.55}

/* Kasir modal */
.cashier-create-modal-v25,.cashier-detail-modal-v25,.cashier-credential-modal-v25{color:#263850}
.cashier-create-head-v25{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:19px}
.cashier-create-head-v25 h3,.cashier-detail-modal-v25 h3,.cashier-credential-modal-v25 h3{margin:5px 0 4px;color:#14233c;font-size:19px;letter-spacing:-.02em}
.cashier-create-head-v25 p,.cashier-credential-modal-v25>p{margin:0;color:#7c899c;font-size:12px;line-height:1.55}
.cashier-create-icon-v25{width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#1f64d9;display:flex;align-items:center;justify-content:center;flex:0 0 42px}
.cashier-create-icon-v25 svg{width:20px;height:20px}
.cashier-create-field-v25{display:grid;gap:7px;margin-bottom:17px}
.cashier-create-field-v25 label,.cashier-create-store-head-v25 label{font-size:12px;color:#3f4e65;font-weight:750}
.cashier-create-field-v25 small,.cashier-create-store-head-v25 small{font-size:11px;color:#9aa5b5}
.cashier-create-field-v25 .input{height:42px;font-size:12.5px}
.cashier-create-store-head-v25{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:8px}
.cashier-create-store-head-v25>div{display:grid;gap:2px}
.cashier-create-store-head-v25>button{border:0;background:transparent;color:#1765e8;font-size:11.5px;font-weight:750;cursor:pointer;padding:3px 0}
.cashier-store-picker-v25{display:grid;gap:7px;max-height:265px;overflow:auto;padding-right:3px}
.cashier-store-picker-v25 label{position:relative;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e4eaf2;border-radius:10px;background:#fbfcfe;cursor:pointer;transition:.15s}
.cashier-store-picker-v25 label:hover{border-color:#bfd1ec;background:#f8fbff}
.cashier-store-picker-v25 input{position:absolute;opacity:0;pointer-events:none}
.cashier-store-picker-v25 label:has(input:checked){border-color:#8bb2ee;background:#f3f8ff;box-shadow:0 0 0 2px rgba(37,99,235,.05)}
.cashier-store-check-v25{width:18px;height:18px;border:1.5px solid #cbd5e2;border-radius:5px;color:transparent;background:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 18px}
.cashier-store-check-v25 svg{width:12px;height:12px;stroke-width:2.6}
.cashier-store-picker-v25 input:checked+.cashier-store-check-v25{background:#1765e8;border-color:#1765e8;color:#fff}
.cashier-store-picker-icon-v25{width:31px;height:31px;border-radius:8px;background:#eef4fc;color:#5275a5;display:flex;align-items:center;justify-content:center;flex:0 0 31px}
.cashier-store-picker-icon-v25 svg{width:15px;height:15px}
.cashier-store-picker-copy-v25{display:grid;min-width:0;gap:2px}
.cashier-store-picker-copy-v25 b{color:#30415b;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cashier-store-picker-copy-v25 small{color:#94a0b1;font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cashier-create-actions-v25,.cashier-detail-actions-v25,.cashier-credential-actions-v25{display:flex;justify-content:flex-end;gap:8px;margin-top:19px}
.cashier-create-actions-v25 .btn,.cashier-detail-actions-v25 .btn,.cashier-credential-actions-v25 .btn{min-height:38px;font-size:12px}

.cashier-detail-top-v25{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #edf1f5}
.cashier-detail-avatar-v25{width:45px;height:45px;border-radius:12px;background:linear-gradient(135deg,#e5efff,#f5f8ff);border:1px solid #d9e5f6;color:#2260bd;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:850}
.cashier-detail-top-v25 h3{font-size:17px;margin:3px 0 1px}
.cashier-detail-top-v25 p{margin:0;color:#98a4b5;font-size:11px}
.cashier-detail-section-v25{margin-top:17px}
.cashier-detail-title-v25{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.cashier-detail-title-v25 span{font-size:12px;color:#4d5c73;font-weight:750}
.cashier-detail-title-v25 b{font-size:11px;color:#2563eb;background:#edf4ff;padding:4px 7px;border-radius:999px}
.cashier-detail-store-list-v25{display:grid;gap:7px}
.cashier-detail-store-list-v25>div:not(.cashier-detail-empty-v25){display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e7ecf3;border-radius:9px;background:#fbfcfe}
.cashier-detail-store-list-v25>div>span{width:29px;height:29px;border-radius:8px;background:#eef4fb;color:#5979a3;display:flex;align-items:center;justify-content:center}
.cashier-detail-store-list-v25>div>span svg{width:14px;height:14px}
.cashier-detail-store-list-v25>div>div{display:grid;gap:2px;min-width:0}
.cashier-detail-store-list-v25 b{font-size:11.5px;color:#364760}
.cashier-detail-store-list-v25 small{font-size:10.5px;color:#9aa5b4}
.cashier-detail-empty-v25{padding:15px;border:1px dashed #dce3ec;border-radius:9px;color:#929ead;font-size:11.5px;text-align:center}
.cashier-detail-note-v25{margin-top:14px;display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:9px;background:#f7faff;color:#6c7c93}
.cashier-detail-note-v25 svg{width:15px;height:15px;flex:0 0 15px;color:#4775b5;margin-top:1px}
.cashier-detail-note-v25 p{margin:0;font-size:11px;line-height:1.55}

.cashier-success-mark-v25{width:47px;height:47px;border-radius:14px;background:#e8f8ef;color:#138755;display:flex;align-items:center;justify-content:center;margin-bottom:13px}
.cashier-success-mark-v25 svg{width:24px;height:24px;stroke-width:2.3}
.cashier-credential-grid-v25{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}
.cashier-credential-grid-v25>div{position:relative;min-width:0;padding:10px 54px 10px 11px;border:1px solid #e4eaf2;border-radius:9px;background:#fafcff;display:grid;gap:3px}
.cashier-credential-grid-v25>div.is-wide{grid-column:1/-1}
.cashier-credential-grid-v25 span{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#9aa5b5;font-weight:800}
.cashier-credential-grid-v25 b{font-size:11.5px;color:#31435c;overflow-wrap:anywhere;line-height:1.45}
.cashier-credential-grid-v25 small{font-size:10.5px;color:#8592a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cashier-credential-grid-v25 button{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:1px solid #dbe4ef;background:#fff;color:#4770aa;border-radius:7px;padding:5px 7px;font-size:10.5px;font-weight:800;cursor:pointer}
.cashier-pin-result-v25{font-size:16px!important;letter-spacing:.12em;color:#1d5fbf!important}
.cashier-credential-actions-v25{border-top:1px solid #edf1f5;padding-top:15px}

@media (max-width:1100px){
  .cashier-stats-v25{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .cashier-hero-v25{align-items:flex-start}
  .cashier-hero-copy-v25 h2{font-size:21px}
  .cashier-hero-copy-v25 p{font-size:12px}
  .cashier-add-btn-v25{padding:10px 12px;font-size:12px}
  .cashier-stats-v25{gap:8px;margin-bottom:12px}
  .cashier-stat-card-v25{min-height:88px;padding:12px;gap:9px;border-radius:12px}
  .cashier-stat-icon-v25{width:34px;height:34px;flex-basis:34px;border-radius:9px}
  .cashier-stat-icon-v25 svg{width:16px;height:16px}
  .cashier-stat-card-v25 strong{font-size:18px}
  .cashier-stat-card-v25 small{font-size:11px}
  .cashier-stat-card-v25 em{font-size:10.5px}
  .cashier-panel-v25{border-radius:13px}
  .cashier-panel-head-v25{padding:15px 14px 11px}
  .cashier-panel-head-v25 h3{font-size:15px}
  .cashier-refresh-v25{font-size:0;width:34px;height:34px;padding:0;justify-content:center}
  .cashier-refresh-v25 svg{width:15px;height:15px}
  .cashier-toolbar-v25{padding:0 14px 13px;gap:7px}
  .cashier-search-v25{height:36px;max-width:none}
  .cashier-filter-v25{height:36px;min-width:112px;font-size:11.5px;padding-left:8px}
  .cashier-table-wrap-v25{display:none}
  .cashier-mobile-list-v25{display:grid;gap:9px;padding:12px}
  .cashier-mobile-card-v25{border:1px solid #e5ebf3;border-radius:12px;background:#fff;padding:12px;box-shadow:0 3px 10px rgba(28,43,68,.025)}
  .cashier-mobile-head-v25{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .cashier-mobile-user-v25{border:0;background:transparent;padding:0;display:flex;align-items:center;gap:9px;text-align:left;min-width:0;cursor:pointer}
  .cashier-mobile-user-v25>span{width:34px;height:34px;flex-basis:34px}
  .cashier-mobile-user-v25 b{max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .cashier-mobile-access-v25{padding:11px 0 10px;margin-top:10px;border-top:1px solid #f0f3f7;border-bottom:1px solid #f0f3f7}
  .cashier-mobile-access-v25>small{display:block;margin-bottom:7px;color:#8b97a8;font-size:11px;font-weight:700}
  .cashier-mobile-actions-v25{display:grid;grid-template-columns:1fr 1.3fr .8fr;gap:6px;margin-top:10px}
  .cashier-mobile-actions-v25 button{height:32px;border-radius:8px;font:inherit;font-size:11px;font-weight:750;border:1px solid #dce5ef;background:#fff;color:#526179;cursor:pointer}
  .cashier-mobile-actions-v25 button.is-stop{border-color:#efd8da;background:#fff8f8;color:#b84d53}
  .cashier-mobile-actions-v25 button.is-start{border-color:#d1eadc;background:#f5fcf8;color:#17794f}
  .cashier-mobile-actions-v25 button.is-delete{border-color:#eee2e4;color:#a5656c}
  .cashier-info-v25{margin-top:10px}
  .cashier-create-store-head-v25{align-items:center}
  .cashier-credential-grid-v25{grid-template-columns:1fr}
  .cashier-credential-grid-v25>div.is-wide{grid-column:auto}
}
@media (max-width:520px){
  .cashier-hero-v25{display:grid;grid-template-columns:1fr}
  .cashier-add-btn-v25{width:100%}
  .cashier-stats-v25{grid-template-columns:1fr 1fr}
  .cashier-stat-card-v25{display:grid;grid-template-columns:auto 1fr}
  .cashier-stat-card-v25 em{display:none}
  .cashier-toolbar-v25{display:grid;grid-template-columns:1fr 112px}
  .cashier-search-v25{min-width:0}
  .cashier-create-actions-v25,.cashier-detail-actions-v25,.cashier-credential-actions-v25{display:grid;grid-template-columns:1fr 1fr}
  .cashier-create-actions-v25 .btn,.cashier-detail-actions-v25 .btn,.cashier-credential-actions-v25 .btn{width:100%;margin:0}
  .cashier-detail-top-v25{grid-template-columns:auto 1fr}
  .cashier-detail-top-v25>.cashier-status-v25{grid-column:2;margin-top:3px;justify-self:start}
}

/* =========================================================
   PGA CUSTOMER — SECURITY V26
   ========================================================= */
.security-page-v26{display:block!important}
.security-page-v26 *{box-sizing:border-box}
.security-hero-v26{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 24px;border:1px solid #dce7f5;border-radius:18px;background:linear-gradient(135deg,#f7fbff 0%,#fff 58%,#f5f9ff 100%);box-shadow:0 7px 22px rgba(28,60,104,.05);margin-bottom:22px;overflow:hidden;position:relative}
.security-hero-v26:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-72px;top:-105px;background:rgba(42,117,230,.055)}
.security-hero-copy-v26{display:flex;align-items:flex-start;gap:15px;position:relative;z-index:1;min-width:0}
.security-hero-icon-v26{width:47px;height:47px;flex:0 0 47px;border-radius:14px;background:linear-gradient(145deg,#1e72eb,#155bc3);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px rgba(28,101,205,.22)}
.security-hero-icon-v26 svg{width:23px;height:23px;stroke-width:2}
.security-kicker-v26{display:block;color:#3a79d5;font-size:11px;font-weight:900;letter-spacing:.12em;margin:1px 0 5px}
.security-hero-copy-v26 h2{margin:0;color:#152942;font-size:21px;line-height:1.2;letter-spacing:-.025em}
.security-hero-copy-v26 p{margin:6px 0 0;max-width:615px;color:#74859a;font-size:12px;line-height:1.55}
.security-hero-status-v26{display:grid;grid-template-columns:repeat(3,minmax(92px,1fr));gap:8px;position:relative;z-index:1;flex:0 0 auto}
.security-hero-status-v26>div{min-width:96px;padding:10px 12px;border:1px solid #e3eaf3;border-radius:11px;background:rgba(255,255,255,.86);display:grid;grid-template-columns:auto 1fr;column-gap:7px;row-gap:1px;align-items:center}
.security-status-dot-v26{width:8px;height:8px;border-radius:50%;grid-row:1/3;background:#aab5c2;box-shadow:0 0 0 3px rgba(170,181,194,.12)}
.security-status-dot-v26.is-safe{background:#21a66a;box-shadow:0 0 0 3px rgba(33,166,106,.11)}
.security-status-dot-v26.is-warning{background:#d89118;box-shadow:0 0 0 3px rgba(216,145,24,.11)}
.security-status-dot-v26.is-danger{background:#d95766;box-shadow:0 0 0 3px rgba(217,87,102,.11)}
.security-hero-status-v26 small{font-size:10.5px;color:#93a0af;line-height:1.2}
.security-hero-status-v26 strong{font-size:11.5px;color:#334760;line-height:1.3}

.security-section-title-v26{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 2px 11px}
.security-section-title-v26>div>span,.security-panel-head-v26>div>span{display:block;color:#3f7bd2;font-size:10.5px;font-weight:900;letter-spacing:.11em;margin-bottom:3px}
.security-section-title-v26 h3{margin:0;color:#233850;font-size:15px;letter-spacing:-.015em}
.security-section-title-v26 p{margin:3px 0 0;color:#8a98aa;font-size:11.5px;line-height:1.5}
.security-section-space-v26{margin-top:22px}

.security-card-v26{border:1px solid #e2e8f0;border-radius:15px;background:#fff;box-shadow:0 5px 17px rgba(27,52,84,.04)}
.security-account-grid-v26,.security-credential-grid-v26{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.security-account-card-v26,.security-credential-card-v26{padding:18px;min-width:0}
.security-card-head-v26{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}
.security-card-icon-v26{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:flex;align-items:center;justify-content:center}
.security-card-icon-v26 svg{width:18px;height:18px}
.security-card-icon-v26.blue{background:#eaf3ff;color:#226ed3}
.security-card-icon-v26.green{background:#eaf8f1;color:#19845c}
.security-card-icon-v26.violet{background:#f1edff;color:#7252c4}
.security-card-icon-v26.amber{background:#fff6e6;color:#c57a13}
.security-card-head-v26 h4{margin:1px 0 3px;color:#293d56;font-size:13px}
.security-card-head-v26 p{margin:0;color:#8b98a9;font-size:11.5px;line-height:1.45}

.security-field-v26{display:grid;gap:6px;margin-top:11px}
.security-field-v26 label{font-size:11.5px;color:#526176;font-weight:750}
.security-field-v26 small{font-size:11px;color:#98a4b3;line-height:1.45}
.security-field-v26>.input,.security-input-wrap-v26>.input{width:100%;min-height:41px;border:1px solid #dfe6ef!important;border-radius:9px!important;background:#fbfcfe!important;color:#273b53!important;font-size:12px!important;box-shadow:none!important;transition:.15s}
.security-field-v26>.input:focus,.security-input-wrap-v26>.input:focus{border-color:#8fb8ef!important;box-shadow:0 0 0 3px rgba(49,118,218,.08)!important;background:#fff!important}
.security-input-wrap-v26{position:relative}
.security-input-wrap-v26>.input{padding-right:40px!important}
.security-eye-v26{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:29px;height:29px;border:0;border-radius:7px;background:transparent;color:#94a2b5;display:flex;align-items:center;justify-content:center;cursor:pointer}
.security-eye-v26:hover,.security-eye-v26.is-visible{background:#edf4fd;color:#3575cc}
.security-eye-v26 svg{width:15px;height:15px}
.security-pin-input-v26{letter-spacing:.18em;font-weight:800}
.security-strength-v26{height:3px;border-radius:999px;background:#edf1f5;overflow:hidden;margin-top:1px}
.security-strength-v26 span{display:block;height:100%;width:0;border-radius:inherit;transition:.2s}
.security-strength-v26 span.is-weak{background:#d95a66}.security-strength-v26 span.is-medium{background:#d79a27}.security-strength-v26 span.is-strong{background:#22a36a}
.security-card-footer-v26{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f5;margin-top:15px;padding-top:14px}
.security-card-footer-v26>span{display:flex;align-items:flex-start;gap:6px;max-width:58%;font-size:11px;color:#8a98aa;line-height:1.4}
.security-card-footer-v26>span svg{width:13px;height:13px;flex:0 0 13px;margin-top:1px;color:#7893b6}
.security-card-footer-v26 .btn{flex:0 0 auto}

.security-credential-card-v26{display:flex;flex-direction:column}
.security-credential-meta-v26{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:11px}
.security-credential-meta-v26>div{padding:9px 10px;border:1px solid #edf1f5;border-radius:9px;background:#fafbfd;display:grid;gap:3px;min-width:0}
.security-credential-meta-v26 span{font-size:10.5px;color:#9aa6b4}
.security-credential-meta-v26 b{font-size:11.5px;color:#45566c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-ok-text-v26{color:#20835e!important}.security-warn-text-v26{color:#bd771c!important}
.security-warning-v26{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border:1px solid #f0dfbd;border-radius:9px;background:#fffaf1;margin-bottom:2px;color:#a86f18}
.security-warning-v26.is-neutral{border-color:#dde7f2;background:#f7faff;color:#52749f}
.security-warning-v26 svg{width:15px;height:15px;flex:0 0 15px;margin-top:1px}
.security-warning-v26 p{margin:0;color:#7e6b4c;font-size:11px;line-height:1.5}
.security-warning-v26.is-neutral p{color:#718199}
.security-full-btn-v26{width:100%;margin-top:12px}
.security-result-v26:empty{display:none}
.security-result-v26{margin-top:10px}
.security-new-credential-v26{position:relative;padding:11px 66px 11px 11px;border:1px solid #cfe8da;border-radius:9px;background:#f6fcf8;display:grid;gap:4px;min-width:0}
.security-new-credential-v26>span{font-size:10.5px;color:#55906f;font-weight:900;letter-spacing:.08em}
.security-new-credential-v26 code{font-size:11px;color:#28513c;overflow-wrap:anywhere;line-height:1.45}
.security-new-credential-v26 small{font-size:10.5px;color:#719080;line-height:1.45}
.security-new-credential-v26 button{position:absolute;right:8px;top:9px;border:1px solid #c7dfd2;background:#fff;color:#2c7954;border-radius:7px;padding:5px 7px;font-size:10.5px;font-weight:800;cursor:pointer}

.security-api-card-v26{padding:18px}
.security-api-top-v26{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #edf1f5}
.security-api-switch-copy-v26{display:flex;align-items:center;gap:10px}
.security-api-switch-copy-v26 h4{margin:0 0 3px;color:#2c4058;font-size:12.5px}
.security-api-switch-copy-v26 p{margin:0;color:#8b98a8;font-size:11px}
.security-api-metrics-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.security-api-metrics-v26>div{min-width:0;padding:9px 10px;border:1px solid #edf1f5;border-radius:9px;background:#fafbfd;display:grid;gap:4px}
.security-api-metrics-v26 span{font-size:10.5px;color:#99a5b4}
.security-api-metrics-v26 b{font-size:11px;color:#44566d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-api-metric-wide-v26{grid-column:span 3}
.security-whitelist-layout-v26{display:grid;grid-template-columns:minmax(0,.78fr) minmax(340px,1.22fr);gap:18px;padding-top:15px;border-top:1px solid #edf1f5}
.security-whitelist-copy-v26{padding:4px 5px 0 0}
.security-whitelist-copy-v26 h5{margin:0 0 5px;color:#2f435c;font-size:12px}
.security-whitelist-copy-v26 p{margin:0;color:#8492a5;font-size:11px;line-height:1.55}
.security-ip-tip-v26{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:10px}
.security-ip-tip-v26 span{font-size:10.5px;color:#9ba6b4;font-weight:750}
.security-ip-tip-v26 code{font-size:10.5px;padding:4px 6px;border-radius:6px;background:#f0f4f9;color:#5b6e86}
.security-whitelist-form-v26{min-width:0}
.security-whitelist-form-v26 textarea{resize:vertical;min-height:108px!important;line-height:1.55;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace!important;letter-spacing:0!important}

.security-bottom-grid-v26{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px;margin-top:22px}
.security-log-card-v26,.security-session-card-v26{min-width:0;overflow:hidden}
.security-panel-head-v26{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px 12px;border-bottom:1px solid #edf1f5}
.security-panel-head-v26 h4{margin:0;color:#2e4259;font-size:12.5px}
.security-panel-head-v26 p{margin:3px 0 0;color:#8d99a9;font-size:11px;line-height:1.45}
.security-log-count-v26{min-width:53px;padding:7px 9px;border:1px solid #edf1f5;border-radius:9px;background:#fafbfd;text-align:center;display:grid;gap:1px}
.security-log-count-v26 strong{font-size:14px;color:#41556d}.security-log-count-v26 small{font-size:10px;color:#9ca7b5}
.security-table-wrap-v26{overflow:auto;max-height:355px}
.security-table-v26{min-width:620px;margin:0!important}
.security-table-v26 th{font-size:10.5px!important;letter-spacing:.04em;color:#8794a5!important;background:#fafbfd!important;padding:9px 12px!important;white-space:nowrap}
.security-table-v26 td{padding:10px 12px!important;font-size:11px!important;vertical-align:top;border-bottom:1px solid #f0f3f6!important}
.security-table-v26 code{font-size:10.5px;color:#4f637b;background:#f5f7fa;border-radius:5px;padding:3px 5px;white-space:nowrap}
.security-log-time-v26{white-space:nowrap;color:#6e7e91}
.security-reason-v26{display:block;max-width:210px;color:#a55b61;line-height:1.4;overflow-wrap:anywhere}
.security-empty-v26{padding:28px 16px;text-align:center;display:grid;justify-items:center;gap:4px;color:#8c9aac}
.security-empty-v26>span{width:32px;height:32px;border-radius:10px;background:#eef8f3;color:#1d9264;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:3px}
.security-empty-v26 b{font-size:11.5px;color:#55677d}.security-empty-v26 small{font-size:10.5px;color:#9ba6b5}

.security-revoke-all-v26{display:flex;align-items:center;gap:6px;border:1px solid #ead7da;background:#fff8f8;color:#b9545c;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}
.security-revoke-all-v26:hover{background:#fff1f2;border-color:#e7c7cb}
.security-revoke-all-v26 svg{width:13px;height:13px}
.security-session-list-v26{padding:7px 14px 14px;max-height:355px;overflow:auto}
.security-session-loading-v26{padding:26px;text-align:center;color:#9aa6b5;font-size:11px}
.security-session-item-v26{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.9fr) auto;align-items:center;gap:11px;padding:11px 3px;border-bottom:1px solid #eef2f6}
.security-session-item-v26:last-child{border-bottom:0}
.security-session-item-v26.is-current{background:linear-gradient(90deg,rgba(235,246,255,.66),transparent);margin:0 -6px;padding-left:9px;padding-right:9px;border-radius:9px;border-bottom-color:transparent}
.security-session-item-v26.is-revoked{opacity:.62}
.security-session-device-v26{display:flex;align-items:flex-start;gap:9px;min-width:0}
.security-device-icon-v26{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#edf4fc;color:#5277a7;display:flex;align-items:center;justify-content:center}
.security-device-icon-v26 svg{width:16px;height:16px}
.security-session-device-v26>div{min-width:0;display:grid;gap:2px}
.security-session-name-v26{display:flex;align-items:center;gap:6px;min-width:0}
.security-session-name-v26 b{font-size:11.5px;color:#41546c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.security-session-pill-v26{font-size:10px;font-weight:850;padding:3px 5px;border-radius:999px;white-space:nowrap}
.security-session-pill-v26.is-current{background:#e7f7ef;color:#188457}.security-session-pill-v26.is-active{background:#edf4ff;color:#2b69c7}.security-session-pill-v26.is-revoked{background:#f3f4f6;color:#8a94a1}
.security-session-device-v26 small{font-size:10.5px;color:#8f9cad}
.security-session-device-v26 em{font-size:10px;color:#acb5c1;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.security-session-meta-v26{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0}
.security-session-meta-v26>div{display:grid;gap:2px;min-width:0}
.security-session-meta-v26 span{font-size:10px;color:#a1abb8}
.security-session-meta-v26 b,.security-session-meta-v26 code{font-size:10.5px;color:#63758b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;padding:0}
.security-session-action-v26{text-align:right}
.security-session-action-v26 button{border:1px solid #ead8da;background:#fff9f9;color:#b75860;border-radius:7px;padding:6px 7px;font-size:10.5px;font-weight:800;cursor:pointer}
.security-current-device-v26,.security-revoked-label-v26{font-size:10px;color:#2d8962;white-space:nowrap}.security-revoked-label-v26{color:#8d98a5}
.security-session-table-fallback-v26{display:none}

@media (max-width:1180px){
  .security-hero-v26{align-items:flex-start}
  .security-hero-status-v26{grid-template-columns:1fr;min-width:135px}
  .security-hero-status-v26>div{min-width:0}
  .security-bottom-grid-v26{grid-template-columns:1fr}
  .security-session-item-v26{grid-template-columns:minmax(0,1fr) minmax(260px,.9fr) auto}
}
@media (max-width:920px){
  .security-account-grid-v26,.security-credential-grid-v26{grid-template-columns:1fr}
  .security-whitelist-layout-v26{grid-template-columns:1fr}
  .security-session-item-v26{grid-template-columns:1fr auto}
  .security-session-meta-v26{grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-left:43px}
  .security-session-action-v26{grid-column:2;grid-row:1;text-align:right}
}
@media (max-width:760px){
  .security-hero-v26{display:grid;grid-template-columns:1fr;padding:17px;border-radius:14px;margin-bottom:18px}
  .security-hero-icon-v26{width:41px;height:41px;flex-basis:41px;border-radius:12px}
  .security-hero-icon-v26 svg{width:20px;height:20px}
  .security-hero-copy-v26 h2{font-size:18px}
  .security-hero-copy-v26 p{font-size:11.5px}
  .security-hero-status-v26{grid-template-columns:repeat(3,1fr);min-width:0;width:100%}
  .security-hero-status-v26>div{padding:9px 8px;min-width:0}
  .security-section-title-v26{align-items:center}
  .security-section-title-v26 h3{font-size:14px}
  .security-account-card-v26,.security-credential-card-v26,.security-api-card-v26{padding:14px}
  .security-card-footer-v26{display:grid;grid-template-columns:1fr}
  .security-card-footer-v26>span{max-width:none}
  .security-card-footer-v26 .btn{width:100%}
  .security-api-top-v26{align-items:flex-start}
  .security-api-metrics-v26{grid-template-columns:repeat(2,minmax(0,1fr))}
  .security-api-metric-wide-v26{grid-column:span 2}
  .security-panel-head-v26{padding:14px}
  .security-session-list-v26{padding:6px 11px 12px}
  .security-session-item-v26{grid-template-columns:1fr auto;padding:10px 2px}
  .security-session-meta-v26{grid-template-columns:1fr 1fr;padding-left:43px}
  .security-session-meta-v26>div:first-child{grid-column:1/-1}
}
@media (max-width:520px){
  .security-hero-copy-v26{gap:11px}
  .security-hero-status-v26{gap:5px}
  .security-hero-status-v26>div{grid-template-columns:auto 1fr;column-gap:5px;padding:8px 6px}
  .security-hero-status-v26 small{font-size:10px}.security-hero-status-v26 strong{font-size:11px}
  .security-status-dot-v26{width:6px;height:6px}
  .security-section-title-v26{display:block}
  .security-section-title-v26>.badge{display:inline-flex;margin-top:8px}
  .security-credential-meta-v26{grid-template-columns:1fr}
  .security-api-top-v26{display:grid;grid-template-columns:1fr}
  .security-api-top-v26>.btn{width:100%}
  .security-api-metrics-v26{grid-template-columns:1fr 1fr}
  .security-api-metric-wide-v26{grid-column:1/-1}
  .security-panel-head-v26{display:grid;grid-template-columns:1fr auto;align-items:start}
  .security-panel-head-v26 .security-revoke-all-v26{grid-column:1/-1;width:100%;justify-content:center}
  .security-session-item-v26{grid-template-columns:1fr}
  .security-session-action-v26{grid-column:1;grid-row:auto;text-align:left;padding-left:43px}
  .security-session-action-v26 button{width:100%}
  .security-session-meta-v26{grid-column:1;grid-template-columns:1fr 1fr;padding-left:43px}
  .security-session-device-v26 em{max-width:210px}
}

/* ========================================================================== */
/* CUSTOMER DOCUMENTATION V27                                                 */
/* ========================================================================== */
.docs-page-v27{--docs-ink:#142033;--docs-muted:#708097;--docs-blue:#2463eb;--docs-line:#e5ebf3;--docs-soft:#f7f9fc;--docs-code:#0c1424}
.docs-hero-v27{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:22px;align-items:stretch;background:linear-gradient(135deg,#edf5ff 0,#f8fbff 48%,#fff 100%);border:1px solid #dce8f8;border-radius:20px;padding:27px;margin-bottom:22px;overflow:hidden;position:relative}
.docs-hero-v27:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-150px;background:radial-gradient(circle,rgba(36,99,235,.12),rgba(36,99,235,0) 70%);pointer-events:none}
.docs-hero-copy-v27{position:relative;z-index:1}
.docs-eyebrow-v27{display:inline-block;font-size:11px;letter-spacing:.16em;font-weight:900;color:#2c68cc;margin-bottom:9px}
.docs-hero-copy-v27 h2{font-size:28px;line-height:1.12;margin:0 0 9px;color:#18283f;letter-spacing:-.025em}
.docs-hero-copy-v27 p{font-size:12.5px;line-height:1.7;color:#677993;max-width:730px;margin:0}
.docs-hero-actions-v27{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.docs-hero-actions-v27 .btn{font-size:11.5px;padding:9px 12px;border-radius:9px}
.docs-endpoint-card-v27{position:relative;z-index:1;background:#fff;border:1px solid #e2eaf5;border-radius:15px;padding:16px;box-shadow:0 10px 30px rgba(27,52,86,.06);align-self:center}
.docs-endpoint-label-v27{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:900;letter-spacing:.08em;color:#75869d;text-transform:uppercase;margin-bottom:10px}.docs-online-dot-v27{width:7px;height:7px;border-radius:50%;background:#25a66b;box-shadow:0 0 0 4px #e4f6ed}
.docs-endpoint-row-v27{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center;border:1px solid #e1e8f1;background:#f8fafc;border-radius:9px;padding:7px}.docs-endpoint-row-v27>span{font-size:10px;font-weight:950;color:#18875b;background:#e7f8ef;border-radius:6px;padding:5px 6px}.docs-endpoint-row-v27 code{font-size:10.5px;color:#3d5068;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent;padding:0}.docs-endpoint-row-v27 button{border:0;background:#eaf1fb;color:#42638c;border-radius:6px;padding:5px 7px;font-size:10px;font-weight:850}
.docs-endpoint-meta-v27{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.docs-endpoint-meta-v27>div{padding:7px 8px;border-radius:8px;background:#fbfcfe;display:grid;gap:2px}.docs-endpoint-meta-v27 span{font-size:10px;color:#9aa6b5}.docs-endpoint-meta-v27 b{font-size:10.5px;color:#52647a}
.docs-layout-v27{display:grid;grid-template-columns:185px minmax(0,1fr);gap:20px;align-items:start}
.docs-nav-v27{position:sticky;top:18px;background:#fff;border:1px solid var(--docs-line);border-radius:14px;padding:9px;display:grid;gap:2px;box-shadow:0 5px 18px rgba(29,49,78,.035)}
.docs-nav-title-v27{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#a0abba;font-weight:900;padding:7px 9px 6px}.docs-nav-v27 button{border:0;background:transparent;border-radius:8px;padding:8px 9px;text-align:left;color:#68798f;font-size:11px;font-weight:760;display:flex;align-items:center;gap:8px}.docs-nav-v27 button span{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#f4f6f9;color:#9aa6b6;font-size:10px;font-weight:900}.docs-nav-v27 button:hover{background:#f7f9fc;color:#345173}.docs-nav-v27 button.active{background:#eef5ff;color:#225fc7}.docs-nav-v27 button.active span{background:#dceaff;color:#2563d7}
.docs-content-v27{min-width:0;display:grid;gap:18px}.docs-section-v27{scroll-margin-top:20px;background:#fff;border:1px solid var(--docs-line);border-radius:17px;padding:21px;box-shadow:0 4px 16px rgba(34,56,86,.025)}
.docs-section-heading-v27{display:flex;align-items:flex-start;gap:10px;margin-bottom:17px}.docs-section-heading-v27>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;background:#edf4ff;color:#2865cb;border-radius:8px;font-size:10.5px;font-weight:950}.docs-section-heading-v27 h3{font-size:17px;margin:0 0 4px;color:#26384e;letter-spacing:-.015em}.docs-section-heading-v27 p{font-size:11px;color:#8794a5;margin:0;line-height:1.5}
.docs-steps-v27{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.docs-steps-v27>div{border:1px solid #e8edf4;background:#fbfcfe;border-radius:11px;padding:12px;display:flex;gap:9px;align-items:flex-start}.docs-steps-v27>div>b{width:23px;height:23px;flex:0 0 23px;border-radius:7px;background:#e9f2ff;color:#2a68cb;display:grid;place-items:center;font-size:10.5px}.docs-steps-v27 span{display:grid;gap:3px}.docs-steps-v27 strong{font-size:11px;color:#465970}.docs-steps-v27 small{font-size:10px;line-height:1.45;color:#8b98a8}.docs-steps-v27 code{font-size:10px;background:#eef2f7;border-radius:4px;padding:1px 3px}
.docs-note-v27{margin-top:13px;border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;border:1px solid}.docs-note-v27 b{font-size:10.5px;white-space:nowrap}.docs-note-v27 p{font-size:10.5px;line-height:1.6;margin:0}.docs-note-v27 code{font-size:10px;padding:1px 4px;border-radius:4px;background:rgba(255,255,255,.7)}.docs-note-v27.info{background:#f2f7ff;border-color:#d8e6fa;color:#41648f}.docs-note-v27.warning{background:#fff9ed;border-color:#f1e1b8;color:#886b2f}.docs-note-v27.success{background:#f1faf5;border-color:#d2ebdc;color:#44755b}
.docs-auth-grid-v27{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:13px}.docs-mini-card-v27{border:1px solid #e6ecf3;border-radius:11px;padding:12px;background:#fcfdff}.docs-mini-card-v27>span{font-size:10px;letter-spacing:.08em;color:#3e70bd;font-weight:900}.docs-mini-card-v27 b{display:block;font-size:11px;color:#43566e;margin:4px 0}.docs-mini-card-v27 p{font-size:10.5px;color:#8996a7;line-height:1.55;margin:0}.docs-mini-card-v27 code{font-size:10px;background:#eef3f8;padding:1px 3px;border-radius:4px}
.docs-code-card-v27{background:var(--docs-code);border:1px solid #1e2b40;border-radius:12px;overflow:hidden;min-width:0}.docs-code-head-v27{min-height:42px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #1c2a3e;background:#101a2c}.docs-code-head-v27>div{display:grid;gap:1px}.docs-code-head-v27 span{font-size:10px;color:#7890ad;text-transform:uppercase;letter-spacing:.09em;font-weight:900}.docs-code-head-v27 b{font-size:10.5px;color:#c7d5e7}.docs-code-head-v27 button{border:1px solid #2a3b53;background:#17253a;color:#9eb0c8;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.docs-code-head-v27 button:hover{background:#20314a;color:#dbe8f7}.docs-code-card-v27 pre{margin:0;padding:14px;overflow:auto;max-height:430px}.docs-code-card-v27 pre code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10.5px;line-height:1.7;color:#c8d7ea;white-space:pre;background:transparent;padding:0}
.docs-table-card-v27{border:1px solid #e5ebf3;border-radius:11px;overflow:hidden;margin-top:13px}.docs-table-title-v27{padding:10px 12px;font-size:10.5px;font-weight:850;color:#566a82;background:#fafbfd;border-bottom:1px solid #e9edf3}.docs-table-wrap-v27{overflow:auto}.docs-table-card-v27 table{width:100%;border-collapse:collapse;min-width:590px}.docs-table-card-v27 th,.docs-table-card-v27 td{padding:9px 11px;border-bottom:1px solid #edf1f5;text-align:left;font-size:10.5px;color:#697a8e;vertical-align:top}.docs-table-card-v27 th{font-size:10px;text-transform:uppercase;letter-spacing:.045em;color:#919eae;background:#fcfdfe}.docs-table-card-v27 tr:last-child td{border-bottom:0}.docs-table-card-v27 code{font-size:10px;color:#4b6584;background:#f0f4f8;padding:2px 4px;border-radius:4px}.docs-required-v27{display:inline-flex;padding:2px 5px;border-radius:999px;background:#e9f6ef;color:#258158;font-size:10px;font-weight:900}
.docs-method-v27{display:flex;align-items:center;gap:7px;border:1px solid #e6ebf2;background:#fafbfd;padding:8px 9px;border-radius:9px;margin-bottom:13px}.docs-method-v27>span{font-size:10px;font-weight:950;color:#18875b;background:#e5f7ed;padding:4px 6px;border-radius:5px}.docs-method-v27 code{font-size:10.5px;color:#53677f;background:transparent;padding:0}.docs-method-v27 b{font-size:10px;color:#8b98a8;margin-left:auto}
.docs-code-tabs-v27{margin-top:13px}.docs-tab-buttons-v27{display:flex;gap:3px;background:#eef2f7;border-radius:8px;padding:3px;width:max-content;max-width:100%;margin-bottom:7px}.docs-tab-buttons-v27 button{border:0;background:transparent;color:#7b899b;border-radius:6px;padding:6px 10px;font-size:10.5px;font-weight:800}.docs-tab-buttons-v27 button.active{background:#fff;color:#3166b4;box-shadow:0 1px 5px rgba(35,57,88,.09)}.docs-code-pane-v27{display:none}.docs-code-pane-v27.active{display:block}
.docs-response-grid-v27{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(210px,.65fr);gap:10px;margin-top:13px}.docs-callout-card-v27{border:1px solid #e4ebf3;border-radius:11px;padding:14px;background:linear-gradient(145deg,#f8fbff,#fff)}.docs-callout-card-v27>span{font-size:10px;font-weight:900;letter-spacing:.09em;color:#4679c5}.docs-callout-card-v27 h4{font-size:12.5px;color:#435870;margin:5px 0}.docs-callout-card-v27 p{font-size:10.5px;line-height:1.6;color:#7e8da0}.docs-callout-card-v27 small{font-size:10px;line-height:1.55;color:#a0abba}.docs-callout-card-v27 code{font-size:10px;background:#eef3f8;padding:1px 3px;border-radius:4px}
.docs-status-list-v27{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.docs-status-list-v27>div{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:6px;border:1px solid #e8edf3;border-radius:9px;padding:9px}.docs-status-list-v27 span{width:7px;height:7px;border-radius:50%}.docs-status-list-v27 span.pending{background:#dda227}.docs-status-list-v27 span.success{background:#25a66b}.docs-status-list-v27 span.cancel{background:#d45e65}.docs-status-list-v27 b{font-size:10.5px;color:#53667c}.docs-status-list-v27 p{font-size:10px;color:#97a3b2;margin:0}
.docs-callback-flow-v27{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-bottom:13px}.docs-callback-flow-v27>div{text-align:center;border:1px solid #e5ebf2;background:#fafcfe;border-radius:10px;padding:11px}.docs-callback-flow-v27 b{display:block;font-size:11px;color:#50647c}.docs-callback-flow-v27 small{font-size:10px;color:#97a3b2}.docs-callback-flow-v27>span{color:#9eb0c5;font-size:13px}
.docs-http-v27{display:inline-flex;min-width:29px;justify-content:center;padding:3px 5px;border-radius:5px;font-size:10px;font-weight:900}.docs-http-v27.h400,.docs-http-v27.h404{background:#fff1e9;color:#ad673d}.docs-http-v27.h401,.docs-http-v27.h403{background:#fff0f1;color:#b04c57}.docs-http-v27.h409,.docs-http-v27.h429{background:#fff8e6;color:#a17929}.docs-http-v27.h500,.docs-http-v27.h503{background:#f4eefc;color:#7654a5}
.docs-checklist-v27{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.docs-checklist-v27>div{display:flex;gap:9px;border:1px solid #e6ecf3;background:#fcfdfe;border-radius:10px;padding:11px}.docs-checklist-v27>div>span{width:20px;height:20px;flex:0 0 20px;border-radius:6px;display:grid;place-items:center;background:#e8f7ef;color:#28865d;font-size:10.5px;font-weight:950}.docs-checklist-v27 p{font-size:10.5px;line-height:1.55;color:#7b899a;margin:0}.docs-checklist-v27 b{color:#50637a}
@media(max-width:1180px){.docs-hero-v27{grid-template-columns:1fr}.docs-endpoint-card-v27{max-width:630px}.docs-steps-v27{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.docs-layout-v27{grid-template-columns:1fr}.docs-nav-v27{position:sticky;top:0;z-index:8;display:flex;overflow:auto;gap:4px;border-radius:10px;padding:6px}.docs-nav-title-v27{display:none}.docs-nav-v27 button{white-space:nowrap;flex:0 0 auto;padding:7px 9px}.docs-nav-v27 button span{display:none}.docs-section-v27{scroll-margin-top:58px}.docs-auth-grid-v27{grid-template-columns:1fr}.docs-response-grid-v27{grid-template-columns:1fr}.docs-checklist-v27{grid-template-columns:1fr}}
@media(max-width:650px){.docs-hero-v27{padding:18px;border-radius:15px}.docs-hero-copy-v27 h2{font-size:21px}.docs-hero-copy-v27 p{font-size:11px}.docs-endpoint-row-v27{grid-template-columns:auto minmax(0,1fr) auto}.docs-endpoint-meta-v27{grid-template-columns:1fr}.docs-steps-v27{grid-template-columns:1fr}.docs-section-v27{padding:15px;border-radius:13px}.docs-section-heading-v27 h3{font-size:14px}.docs-section-heading-v27 p{font-size:10.5px}.docs-note-v27{grid-template-columns:1fr}.docs-code-card-v27 pre{padding:11px}.docs-code-card-v27 pre code{font-size:10px}.docs-status-list-v27{grid-template-columns:1fr}.docs-callback-flow-v27{grid-template-columns:1fr}.docs-callback-flow-v27>span{transform:rotate(90deg)}.docs-method-v27{flex-wrap:wrap}.docs-method-v27 b{width:100%;margin-left:0}.docs-hero-actions-v27 .btn{flex:1}.docs-endpoint-card-v27{padding:12px}}


/* ========================================================================== */
/* PGA CUSTOMER PORTAL V28 — CONSISTENCY / READABILITY AUDIT                  */
/* ========================================================================== */
:root{
  --pga-v28-radius:14px;
  --pga-v28-radius-lg:18px;
  --pga-v28-control:42px;
  --pga-v28-text:#233a52;
  --pga-v28-muted:#7c8da0;
  --pga-v28-soft:#f7f9fc;
  --pga-v28-line:#e5ebf2;
}

body.pga-customer-shell{
  font-size:14px!important;
  line-height:1.45;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.pga-customer-shell .page.active{
  width:100%;
  max-width:1540px;
  margin:0 auto;
}
body.pga-customer-shell button,
body.pga-customer-shell input,
body.pga-customer-shell select,
body.pga-customer-shell textarea{font-family:inherit}
body.pga-customer-shell button:focus-visible,
body.pga-customer-shell input:focus-visible,
body.pga-customer-shell select:focus-visible,
body.pga-customer-shell textarea:focus-visible{
  outline:3px solid rgba(47,128,237,.18)!important;
  outline-offset:1px;
}

/* Shell */
body.pga-customer-shell .sidebar{width:264px!important}
body.pga-customer-shell .nav{font-size:13px!important;min-height:46px!important}
body.pga-customer-shell .nav-label{font-size:10px!important}
body.pga-customer-shell .account-copy strong{font-size:12px!important}
body.pga-customer-shell .account-copy span{font-size:10px!important}
body.pga-customer-shell .top-profile strong{font-size:12px!important}
body.pga-customer-shell .top-profile span{font-size:10.5px!important}
body.pga-customer-shell .page-eyebrow{font-size:10px!important}
body.pga-customer-shell .page-title{font-size:24px!important}
body.pga-customer-shell .page-sub{font-size:12.5px!important;line-height:1.45}
body.pga-customer-shell .topbar{margin-bottom:22px!important}

/* Shared surfaces / controls */
body.pga-customer-shell .card,
body.pga-customer-shell .stat{
  border-radius:var(--pga-v28-radius)!important;
  border-color:var(--pga-v28-line)!important;
  box-shadow:0 5px 20px rgba(28,54,84,.045)!important;
}
body.pga-customer-shell .btn{
  min-height:40px!important;
  padding:9px 14px!important;
  font-size:12px!important;
  border-radius:10px!important;
}
body.pga-customer-shell .input{
  min-height:42px;
  font-size:12px!important;
  border-radius:10px!important;
}
body.pga-customer-shell .label{font-size:11.5px!important}
body.pga-customer-shell .badge{
  min-height:22px;
  padding:4px 8px!important;
  font-size:10px!important;
  line-height:1.2;
}
body.pga-customer-shell .table th{
  font-size:10.5px!important;
  line-height:1.3;
  padding:11px 12px!important;
}
body.pga-customer-shell .table td{
  font-size:11.5px!important;
  line-height:1.4;
  padding:11px 12px!important;
}
body.pga-customer-shell .modal{
  border-radius:16px!important;
  box-shadow:0 28px 70px rgba(13,35,64,.24)!important;
}
body.pga-customer-shell .toast{font-size:12px!important}

/* Dashboard */
body.pga-customer-shell .dashboard-welcome{min-height:150px;padding:26px 28px;border-radius:18px;margin-bottom:16px}
body.pga-customer-shell .welcome-kicker{font-size:10px!important}
body.pga-customer-shell .dashboard-welcome h2{font-size:25px!important}
body.pga-customer-shell .dashboard-welcome p{font-size:12.5px!important;max-width:620px}
body.pga-customer-shell .balance-label{font-size:10px!important}
body.pga-customer-shell .balance-value{font-size:28px!important}
body.pga-customer-shell .balance-meta small{font-size:10.5px!important}
body.pga-customer-shell .balance-meta b{font-size:14px!important}
body.pga-customer-shell .mini-stat-card{min-height:150px;padding:18px}
body.pga-customer-shell .mini-stat-card small{font-size:11px!important}
body.pga-customer-shell .mini-stat-card b{font-size:24px!important}
body.pga-customer-shell .mini-stat-card em{font-size:10.5px!important}
body.pga-customer-shell .panel-kicker{font-size:10px!important}
body.pga-customer-shell .panel-head h3{font-size:15px!important}
body.pga-customer-shell .panel-head p{font-size:11px!important}
body.pga-customer-shell .text-action{font-size:11px!important}
body.pga-customer-shell .dash-list-main b,
body.pga-customer-shell .dash-list-end>b{font-size:12px!important}
body.pga-customer-shell .dash-list-main small,
body.pga-customer-shell .dash-list-end>small{font-size:10.5px!important}
body.pga-customer-shell .dash-list-row{min-height:68px;padding:10px 8px}

/* Common menu headers */
body.pga-customer-shell :is(.store-page-head,.trx-page-head,.wd-page-head,.cashier-page-head-v25,.security-page-head-v26) h2{
  font-size:24px!important;
  line-height:1.2!important;
  letter-spacing:-.025em;
}
body.pga-customer-shell :is(.store-page-head,.trx-page-head,.wd-page-head,.cashier-page-head-v25,.security-page-head-v26) p{
  font-size:12px!important;
  line-height:1.5!important;
  color:var(--pga-v28-muted)!important;
}
body.pga-customer-shell :is(.store-page-eyebrow,.trx-page-eyebrow,.wd-page-eyebrow,.cashier-page-eyebrow-v25,.security-page-eyebrow-v26){font-size:10px!important}

/* Toko */
body.pga-customer-shell .store-summary-card{min-height:104px!important;padding:15px!important}
body.pga-customer-shell .store-summary-card span{font-size:10.5px!important}
body.pga-customer-shell .store-summary-card strong{font-size:19px!important}
body.pga-customer-shell .store-summary-card em{font-size:10px!important}
body.pga-customer-shell .store-search-box input{font-size:11.5px!important}
body.pga-customer-shell .store-list-meta{font-size:10.5px!important}
body.pga-customer-shell .store-card-v22{padding:15px!important}
body.pga-customer-shell .store-identity h4{font-size:14px!important}
body.pga-customer-shell .store-code-copy{font-size:10.5px!important}
body.pga-customer-shell .store-status-pill{font-size:10px!important;min-height:24px}
body.pga-customer-shell .store-balance-block small,
body.pga-customer-shell .store-balance-block span{font-size:10.5px!important}
body.pga-customer-shell .store-balance-block strong{font-size:20px!important}
body.pga-customer-shell .store-callback-head>span,
body.pga-customer-shell .store-callback-block p{font-size:10.5px!important}
body.pga-customer-shell .store-card-footer>button,
body.pga-customer-shell .store-menu-popover button{font-size:10.5px!important}

/* Transaksi */
body.pga-customer-shell .trx-summary-card{min-height:104px!important;padding:15px!important}
body.pga-customer-shell .trx-summary-card span{font-size:10.5px!important}
body.pga-customer-shell .trx-summary-card strong{font-size:20px!important}
body.pga-customer-shell .trx-summary-card small{font-size:10px!important}
body.pga-customer-shell .trx-toolbar-v23{padding:14px!important;gap:9px!important}
body.pga-customer-shell .trx-search-wrap input,
body.pga-customer-shell .trx-filter-field select,
body.pga-customer-shell .trx-filter-field input{font-size:11px!important}
body.pga-customer-shell .trx-filter-field>span{font-size:9.5px!important}
body.pga-customer-shell .trx-result-info{font-size:10.5px!important}
body.pga-customer-shell .trx-id-cell,
body.pga-customer-shell .trx-amount-cell{font-size:11.5px!important}
body.pga-customer-shell .trx-user-cell b{font-size:11px!important}
body.pga-customer-shell .trx-user-cell small,
body.pga-customer-shell .trx-time-cell{font-size:10px!important}
body.pga-customer-shell .trx-detail-btn{font-size:10.5px!important}
body.pga-customer-shell .trx-mobile-card{font-size:11px!important}

/* Withdraw */
body.pga-customer-shell .wd-summary-card{min-height:104px!important;padding:15px!important}
body.pga-customer-shell .wd-summary-card span{font-size:10.5px!important}
body.pga-customer-shell .wd-summary-card strong{font-size:20px!important}
body.pga-customer-shell .wd-summary-card small{font-size:10px!important}
body.pga-customer-shell .wd-panel-kicker{font-size:10px!important}
body.pga-customer-shell .wd-panel-head h3,
body.pga-customer-shell .wd-history-head h3{font-size:15px!important}
body.pga-customer-shell .wd-panel-head p,
body.pga-customer-shell .wd-history-head p{font-size:11px!important}
body.pga-customer-shell .wd-field-label,
body.pga-customer-shell .wd-form-field>label,
body.pga-customer-shell .wd-pin-label-row label{font-size:10.5px!important}
body.pga-customer-shell .wd-control{height:42px!important;font-size:11.5px!important}
body.pga-customer-shell .wd-selected-balance span,
body.pga-customer-shell .wd-info-box p{font-size:10.5px!important}
body.pga-customer-shell .wd-store-status{font-size:9.5px!important}
body.pga-customer-shell .wd-search-wrap input,
body.pga-customer-shell .wd-history-select{font-size:10.5px!important}
body.pga-customer-shell .wd-bank-cell b{font-size:11px!important}
body.pga-customer-shell .wd-bank-cell small{font-size:9.5px!important}
body.pga-customer-shell .wd-submit-note{font-size:9.5px!important}

/* Kasir */
body.pga-customer-shell .cashier-summary-card-v25{min-height:104px!important;padding:15px!important}
body.pga-customer-shell .cashier-summary-card-v25 span{font-size:10.5px!important}
body.pga-customer-shell .cashier-summary-card-v25 strong{font-size:20px!important}
body.pga-customer-shell .cashier-summary-card-v25 small{font-size:10px!important}
body.pga-customer-shell .cashier-search-v25 input,
body.pga-customer-shell .cashier-filter-v25 select{font-size:11px!important}
body.pga-customer-shell .cashier-user-cell-v25 b{font-size:11.5px!important}
body.pga-customer-shell .cashier-user-cell-v25 small{font-size:10px!important}
body.pga-customer-shell .cashier-store-tag-v25,
body.pga-customer-shell .cashier-status-v25{font-size:9.5px!important}
body.pga-customer-shell .cashier-actions-v25 button{font-size:10px!important}
body.pga-customer-shell .cashier-form-v25 label{font-size:10.5px!important}
body.pga-customer-shell .cashier-form-v25 input{font-size:11.5px!important}

/* Security */
body.pga-customer-shell .security-summary-card-v26{min-height:104px!important;padding:15px!important}
body.pga-customer-shell .security-summary-card-v26 span{font-size:10.5px!important}
body.pga-customer-shell .security-summary-card-v26 strong{font-size:18px!important}
body.pga-customer-shell .security-summary-card-v26 small{font-size:10px!important}
body.pga-customer-shell .security-section-kicker-v26{font-size:10px!important}
body.pga-customer-shell .security-card-title-v26 h3{font-size:15px!important}
body.pga-customer-shell .security-card-title-v26 p{font-size:11px!important}
body.pga-customer-shell .security-field-v26 label{font-size:10.5px!important}
body.pga-customer-shell .security-input-v26,
body.pga-customer-shell .security-textarea-v26{font-size:11.5px!important}
body.pga-customer-shell .security-info-row-v26 span,
body.pga-customer-shell .security-meta-v26,
body.pga-customer-shell .security-device-meta-v26{font-size:10px!important}
body.pga-customer-shell .security-device-title-v26{font-size:11.5px!important}

/* Documentation — keep code dense, prose readable */
body.pga-customer-shell .docs-hero-copy-v27 h2{font-size:25px!important}
body.pga-customer-shell .docs-hero-copy-v27 p{font-size:12px!important;line-height:1.6}
body.pga-customer-shell .docs-eyebrow-v27{font-size:10px!important}
body.pga-customer-shell .docs-endpoint-label-v27{font-size:10px!important}
body.pga-customer-shell .docs-endpoint-row-v27 code{font-size:11px!important}
body.pga-customer-shell .docs-endpoint-meta-v27 span{font-size:9.5px!important}
body.pga-customer-shell .docs-endpoint-meta-v27 b{font-size:11px!important}
body.pga-customer-shell .docs-nav-title-v27{font-size:10px!important}
body.pga-customer-shell .docs-nav-v27 button{font-size:10.5px!important}
body.pga-customer-shell .docs-section-v27{padding:22px!important}
body.pga-customer-shell .docs-section-heading-v27 h3{font-size:17px!important}
body.pga-customer-shell .docs-section-heading-v27 p{font-size:11px!important}
body.pga-customer-shell .docs-steps-v27 strong{font-size:11px!important}
body.pga-customer-shell .docs-steps-v27 small{font-size:10px!important}
body.pga-customer-shell .docs-note-v27 b,
body.pga-customer-shell .docs-note-v27 p{font-size:10.5px!important}
body.pga-customer-shell .docs-mini-card-v27>span{font-size:9.5px!important}
body.pga-customer-shell .docs-mini-card-v27 b{font-size:11px!important}
body.pga-customer-shell .docs-mini-card-v27 p{font-size:10px!important}
body.pga-customer-shell .docs-code-head-v27 span{font-size:9px!important}
body.pga-customer-shell .docs-code-head-v27 b{font-size:10.5px!important}
body.pga-customer-shell .docs-code-head-v27 button{font-size:10px!important}
body.pga-customer-shell .docs-code-card-v27 pre code{font-size:10.5px!important;line-height:1.65!important}
body.pga-customer-shell .docs-table-title-v27{font-size:10.5px!important}
body.pga-customer-shell .docs-table-card-v27 th{font-size:10px!important}
body.pga-customer-shell .docs-table-card-v27 td{font-size:10.5px!important;line-height:1.5}
body.pga-customer-shell .docs-table-card-v27 code{font-size:10px!important}
body.pga-customer-shell .docs-method-v27 code{font-size:10.5px!important}
body.pga-customer-shell .docs-method-v27 b{font-size:10px!important}
body.pga-customer-shell .docs-callout-card-v27 h4{font-size:13px!important}
body.pga-customer-shell .docs-callout-card-v27 p{font-size:10.5px!important}
body.pga-customer-shell .docs-callout-card-v27 small{font-size:10px!important}
body.pga-customer-shell .docs-status-list-v27 b{font-size:10.5px!important}
body.pga-customer-shell .docs-status-list-v27 p{font-size:10px!important}
body.pga-customer-shell .docs-callback-flow-v27 b{font-size:11px!important}
body.pga-customer-shell .docs-callback-flow-v27 small{font-size:10px!important}
body.pga-customer-shell .docs-checklist-v27 p{font-size:10.5px!important}

/* Mobile consistency */
@media(max-width:900px){
  body.pga-customer-shell{padding-bottom:82px!important}
  body.pga-customer-shell .main{padding:0 15px 28px!important}
  body.pga-customer-shell .mobile-head{height:60px!important;margin:0 -15px!important;padding:0 15px!important}
  body.pga-customer-shell .mobile-brand b{font-size:12.5px!important}
  body.pga-customer-shell .mobile-brand small{font-size:9.5px!important}
  body.pga-customer-shell .topbar{padding-top:15px!important;margin-bottom:13px!important}
  body.pga-customer-shell .page-title{font-size:21px!important}
  body.pga-customer-shell .page-sub{font-size:11.5px!important}
  body.pga-customer-shell .dashboard-welcome{padding:20px;border-radius:15px;min-height:0}
  body.pga-customer-shell .dashboard-welcome h2{font-size:22px!important}
  body.pga-customer-shell .dashboard-welcome p{font-size:11.5px!important}
  body.pga-customer-shell .dashboard-overview{gap:10px}
  body.pga-customer-shell .balance-hero{min-height:140px;padding:18px}
  body.pga-customer-shell .dashboard-mini-stats{gap:8px}
  body.pga-customer-shell .mini-stat-card{min-height:115px;padding:14px}
  body.pga-customer-shell .dashboard-content-grid{gap:10px}
  body.pga-customer-shell .customer-mobile-dock button{font-size:10px!important}
  body.pga-customer-shell .more-grid b{font-size:11px!important}
  body.pga-customer-shell .more-grid small{font-size:9.5px!important}
}
@media(max-width:650px){
  body.pga-customer-shell .dashboard-mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.pga-customer-shell .mini-stat-card{min-width:0}
  body.pga-customer-shell .mini-stat-card b{font-size:20px!important}
  body.pga-customer-shell .mini-stat-card em{display:none}
  body.pga-customer-shell :is(.store-page-head,.trx-page-head,.wd-page-head,.cashier-page-head-v25,.security-page-head-v26) h2{font-size:21px!important}
  body.pga-customer-shell .docs-section-v27{padding:15px!important}
  body.pga-customer-shell .docs-code-card-v27 pre code{font-size:10px!important}
}
@media(max-width:430px){
  body.pga-customer-shell .dashboard-mini-stats{grid-template-columns:1fr 1fr 1fr}
  body.pga-customer-shell .mini-stat-card{min-height:104px;padding:12px}
  body.pga-customer-shell .mini-stat-icon{width:32px;height:32px}
  body.pga-customer-shell .mini-stat-card small{font-size:10px!important}
  body.pga-customer-shell .mini-stat-card b{font-size:18px!important}
  body.pga-customer-shell .dash-list-end{min-width:74px}
}

/* =========================================================
   V28.1 FIX - TRANSAKSI MOBILE LIST
   The base selector uses body.pga-customer-shell .trx-mobile-list,
   so the mobile rule must match/exceed that specificity.
   ========================================================= */
@media (max-width:700px){
  body.pga-customer-shell .trx-table-desktop{display:none!important}
  body.pga-customer-shell .trx-mobile-list{display:block!important;padding:9px}
  body.pga-customer-shell .trx-mobile-card{display:block!important;width:100%}
}

/* =========================================================
   V31 - CASHIER ROLE, PERMISSIONS & ACTIVITY
   ========================================================= */
body.pga-customer-shell .cashier-hero-v31,
body.pga-customer-shell .cashier-create-page-head-v31,
body.pga-customer-shell .cashier-security-head-v31{
  display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px
}
body.pga-customer-shell .cashier-hero-v31 h2,
body.pga-customer-shell .cashier-create-page-head-v31 h2,
body.pga-customer-shell .cashier-security-head-v31 h2{margin:4px 0 5px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
body.pga-customer-shell .cashier-hero-v31 p,
body.pga-customer-shell .cashier-create-page-head-v31 p,
body.pga-customer-shell .cashier-security-head-v31 p{margin:0;color:#718096;font-size:12px;line-height:1.55;max-width:720px}
body.pga-customer-shell .cashier-kicker-v31{font-size:10px;font-weight:900;letter-spacing:.16em;color:#2d79e8}
body.pga-customer-shell .cashier-add-btn-v31{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:11px;padding:11px 15px;background:#287ff0;color:#fff;font-size:11px;font-weight:850;box-shadow:0 9px 22px rgba(40,127,240,.2)}
body.pga-customer-shell .cashier-add-btn-v31 svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
body.pga-customer-shell .cashier-stats-v31{margin-bottom:14px}
body.pga-customer-shell .cashier-security-note-v31{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;margin-bottom:14px;border:1px solid #d9e9ff;background:#f5f9ff;border-radius:13px}
body.pga-customer-shell .cashier-security-note-v31>span{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;background:#e7f1ff;color:#2778df}
body.pga-customer-shell .cashier-security-note-v31 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
body.pga-customer-shell .cashier-security-note-v31 b{display:block;font-size:11.5px;color:#17365e;margin-bottom:3px}
body.pga-customer-shell .cashier-security-note-v31 p{margin:0;font-size:10.5px;line-height:1.55;color:#60748e}
body.pga-customer-shell .cashier-panel-v31{margin-bottom:14px}
body.pga-customer-shell .cashier-table-v31{min-width:980px}
body.pga-customer-shell .cashier-permission-tags-v31{display:flex;gap:5px;flex-wrap:wrap;align-items:center}
body.pga-customer-shell .cashier-permission-tag-v31{display:inline-flex;align-items:center;min-height:23px;padding:4px 7px;border-radius:7px;background:#eef5ff;color:#2466b8;border:1px solid #d9e8fb;font-size:9.5px;font-weight:800}
body.pga-customer-shell .cashier-permission-more-v31{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:4px 7px;border-radius:7px;background:#f2f4f7;color:#65758a;font-size:9.5px;font-weight:850}
body.pga-customer-shell .cashier-permission-none-v31{font-size:10px;color:#9aa7b7}
body.pga-customer-shell .cashier-edit-btn-v31{border-color:#dbe8f8!important;color:#2869b6!important;background:#f7fbff!important}
body.pga-customer-shell .cashier-mobile-permission-v31{padding:11px 0;border-top:1px solid #edf2f7}
body.pga-customer-shell .cashier-mobile-permission-v31>small{display:block;margin-bottom:7px;color:#7f8da0;font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
body.pga-customer-shell .cashier-info-grid-v31{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
body.pga-customer-shell .cashier-info-grid-v31>div{display:flex;gap:10px;padding:14px;border:1px solid #e2e9f2;background:#fff;border-radius:12px}
body.pga-customer-shell .cashier-info-grid-v31>div>span{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;border-radius:8px;background:#edf5ff;color:#2e74cf;font-size:10px;font-weight:900}
body.pga-customer-shell .cashier-info-grid-v31 b{display:block;font-size:10.5px;margin-bottom:3px}
body.pga-customer-shell .cashier-info-grid-v31 p{margin:0;color:#7c8999;font-size:9.5px;line-height:1.5}

/* cashier detail / editor */
body.pga-customer-shell .cashier-detail-modal-v31,
body.pga-customer-shell .cashier-editor-v31,
body.pga-customer-shell .cashier-activity-v31,
body.pga-customer-shell .cashier-reset-result-v31,
body.pga-customer-shell .cashier-credential-modal-v31{font-size:11px}
body.pga-customer-shell .cashier-detail-columns-v31{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
body.pga-customer-shell .cashier-detail-permissions-v31{display:grid;gap:7px}
body.pga-customer-shell .cashier-detail-permissions-v31>div{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #e7edf4;border-radius:9px}
body.pga-customer-shell .cashier-detail-permissions-v31>div>span{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;font-weight:900}
body.pga-customer-shell .cashier-detail-permissions-v31 .is-allowed>span{background:#e9f8f1;color:#12805b}
body.pga-customer-shell .cashier-detail-permissions-v31 .is-denied>span{background:#f5f6f8;color:#9ca8b6}
body.pga-customer-shell .cashier-detail-permissions-v31 b{display:block;font-size:10.5px}
body.pga-customer-shell .cashier-detail-permissions-v31 small{color:#8996a6;font-size:9.5px}
body.pga-customer-shell .cashier-detail-security-v31{padding:11px 12px;border-radius:10px;background:#f7f9fc;border:1px solid #e7edf4}
body.pga-customer-shell .cashier-detail-security-v31 span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#52708f}
body.pga-customer-shell .cashier-detail-security-v31 p{margin:4px 0 0;color:#728196;font-size:10px;line-height:1.5}
body.pga-customer-shell .cashier-detail-actions-v31{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}
body.pga-customer-shell .cashier-editor-section-v31{margin:14px 0;padding-top:12px;border-top:1px solid #e9eef4}
body.pga-customer-shell .cashier-permission-picker-v31{display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.pga-customer-shell .cashier-permission-picker-v31 label{position:relative;display:flex;align-items:flex-start;gap:9px;padding:11px;border:1px solid #dfe7f1;border-radius:10px;background:#fff;cursor:pointer}
body.pga-customer-shell .cashier-permission-picker-v31 input{position:absolute;opacity:0;pointer-events:none}
body.pga-customer-shell .cashier-permission-check-v31{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:6px;border:1px solid #cad6e5;color:transparent;margin-top:1px}
body.pga-customer-shell .cashier-permission-check-v31 svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2}
body.pga-customer-shell .cashier-permission-picker-v31 input:checked+.cashier-permission-check-v31{background:#2c7ee9;border-color:#2c7ee9;color:#fff}
body.pga-customer-shell .cashier-permission-picker-v31 label:has(input:checked){border-color:#a9cdf8;background:#f7fbff}
body.pga-customer-shell .cashier-permission-picker-v31 b{display:block;font-size:10.5px;margin-bottom:2px}
body.pga-customer-shell .cashier-permission-picker-v31 small{display:block;font-size:9.5px;line-height:1.45;color:#7f8da0}

/* activity / session */
body.pga-customer-shell .cashier-activity-head-v31{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
body.pga-customer-shell .cashier-activity-head-v31 h3{margin:4px 0;font-size:19px}
body.pga-customer-shell .cashier-activity-head-v31 p{margin:0;color:#8190a3;font-size:10px}
body.pga-customer-shell .cashier-activity-section-v31{margin-top:14px}
body.pga-customer-shell .cashier-activity-section-v31 h4{margin:0 0 8px;font-size:11px}
body.pga-customer-shell .cashier-activity-list-v31,
body.pga-customer-shell .cashier-session-history-v31{border:1px solid #e5ebf2;border-radius:10px;overflow:hidden}
body.pga-customer-shell .cashier-activity-list-v31>div{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:9px 11px;border-bottom:1px solid #edf1f5}
body.pga-customer-shell .cashier-activity-list-v31>div:last-child,
body.pga-customer-shell .cashier-session-history-v31>div:last-child{border-bottom:0}
body.pga-customer-shell .cashier-activity-dot-v31{width:7px;height:7px;border-radius:50%;background:#9aa7b7}
body.pga-customer-shell .cashier-activity-dot-v31.is-success{background:#19a773}
body.pga-customer-shell .cashier-activity-dot-v31.is-failed{background:#e65b68}
body.pga-customer-shell .cashier-activity-list-v31 b{display:block;font-size:10px;text-transform:capitalize}
body.pga-customer-shell .cashier-activity-list-v31 small{font-size:9px;color:#8a98aa}
body.pga-customer-shell .cashier-activity-list-v31 em{font-style:normal;font-size:9px;color:#748397}
body.pga-customer-shell .cashier-session-history-v31>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-bottom:1px solid #edf1f5}
body.pga-customer-shell .cashier-session-history-v31 b{display:block;font-size:10px}
body.pga-customer-shell .cashier-session-history-v31 small{display:block;font-size:9px;color:#8a98aa;margin-top:2px}
body.pga-customer-shell .cashier-session-history-v31 em{font-style:normal;font-size:9px;font-weight:850;padding:4px 7px;border-radius:999px}
body.pga-customer-shell .cashier-session-history-v31 em.is-active{background:#e9f8f1;color:#12805b}
body.pga-customer-shell .cashier-session-history-v31 em.is-ended{background:#f1f3f6;color:#7e8b9a}
body.pga-customer-shell .cashier-activity-empty-v31{padding:18px!important;text-align:center!important;color:#929fae!important;display:block!important}
body.pga-customer-shell .cashier-reset-password-box-v31{display:grid;grid-template-columns:120px 1fr;gap:8px 12px;margin:14px 0;padding:13px;border-radius:10px;background:#f6f8fb;border:1px solid #e3e9f1}
body.pga-customer-shell .cashier-reset-password-box-v31 span{color:#7f8da0;font-size:9.5px;font-weight:800}
body.pga-customer-shell .cashier-reset-password-box-v31 b,
body.pga-customer-shell .cashier-reset-password-box-v31 code{font-size:11px;word-break:break-all}

/* create cashier result */
body.pga-customer-shell .cashier-login-result-v31{display:grid;gap:8px;margin:15px 0}
body.pga-customer-shell .cashier-login-result-v31>div{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e2e9f2;border-radius:10px;background:#f9fbfd}
body.pga-customer-shell .cashier-login-result-v31 span{font-size:9px;color:#7f8da0;font-weight:850}
body.pga-customer-shell .cashier-login-result-v31 b,
body.pga-customer-shell .cashier-login-result-v31 code{font-size:11px;word-break:break-all}
body.pga-customer-shell .cashier-login-result-v31 button{border:0;background:#e9f3ff;color:#256fc7;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:850}
body.pga-customer-shell .cashier-result-summary-v31{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
body.pga-customer-shell .cashier-result-summary-v31>div{padding:10px;border:1px solid #e4eaf2;border-radius:10px}
body.pga-customer-shell .cashier-result-summary-v31 span{display:block;font-size:9px;color:#8190a2;font-weight:800}
body.pga-customer-shell .cashier-result-summary-v31 b{display:block;font-size:12px;margin:3px 0}
body.pga-customer-shell .cashier-result-summary-v31 small{display:block;font-size:9px;line-height:1.4;color:#8593a5}

/* cashier dashboard */
body.pga-customer-shell .cashier-welcome-v31{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 23px;margin-bottom:13px;border-radius:16px;background:linear-gradient(135deg,#1f6fce,#1554a2);color:#fff}
body.pga-customer-shell .cashier-welcome-v31 h2{margin:4px 0 5px;font-size:23px}
body.pga-customer-shell .cashier-welcome-v31 p{margin:0;color:#d8e9ff;font-size:11px}
body.pga-customer-shell .cashier-welcome-actions-v31{display:flex;gap:8px;flex-wrap:wrap}
body.pga-customer-shell .cashier-assignment-v31{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#fff;border:1px solid #e2e9f2;border-radius:14px;margin-bottom:12px}
body.pga-customer-shell .cashier-assignment-copy-v31{display:flex;align-items:center;gap:11px}
body.pga-customer-shell .cashier-assignment-icon-v31{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf5ff;color:#2c76d1}
body.pga-customer-shell .cashier-assignment-icon-v31 svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}
body.pga-customer-shell .cashier-assignment-copy-v31 small{display:block;font-size:9px;color:#7e8da0;font-weight:900;letter-spacing:.07em}
body.pga-customer-shell .cashier-assignment-copy-v31 strong{display:block;font-size:20px;line-height:1.1;margin:2px 0}
body.pga-customer-shell .cashier-assignment-copy-v31 span{font-size:9.5px;color:#8492a3}
body.pga-customer-shell .cashier-permission-chips-v31{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
body.pga-customer-shell .cashier-permission-chips-v31 span{padding:5px 8px;border-radius:999px;background:#f0f6ff;color:#2969b5;border:1px solid #deebfa;font-size:9px;font-weight:850}
body.pga-customer-shell .cashier-stat-grid-v31{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
body.pga-customer-shell .cashier-stat-card-v31{padding:14px;border:1px solid #e3e9f1;border-radius:13px;background:#fff}
body.pga-customer-shell .cashier-stat-card-v31 small{display:block;color:#7c8b9e;font-size:9.5px;font-weight:800}
body.pga-customer-shell .cashier-stat-card-v31 strong{display:block;font-size:22px;margin:4px 0;color:#183c65}
body.pga-customer-shell .cashier-stat-card-v31 span{font-size:9px;color:#8b98a8}
body.pga-customer-shell .cashier-stat-card-v31.success strong{color:#13805d}
body.pga-customer-shell .cashier-stat-card-v31.pending strong{color:#c08019}
body.pga-customer-shell .cashier-stat-card-v31.failed strong{color:#cf4b5b}
body.pga-customer-shell .cashier-store-row-v31 .dash-list-end b{color:#2074d3}

/* dedicated create payment */
body.pga-customer-shell .cashier-create-page-icon-v31,
body.pga-customer-shell .cashier-security-shield-v31{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;background:#ebf4ff;color:#2778dc}
body.pga-customer-shell .cashier-create-page-icon-v31 svg,
body.pga-customer-shell .cashier-security-shield-v31 svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}
body.pga-customer-shell .cashier-payment-layout-v31{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px;align-items:start}
body.pga-customer-shell .cashier-payment-form-v31,
body.pga-customer-shell .cashier-payment-help-v31{background:#fff;border:1px solid #e2e9f2;border-radius:15px;padding:18px}
body.pga-customer-shell .cashier-form-section-v31{display:flex;align-items:flex-start;gap:10px;margin:5px 0 11px}
body.pga-customer-shell .cashier-form-section-v31:not(:first-child){margin-top:19px;padding-top:16px;border-top:1px solid #edf1f5}
body.pga-customer-shell .cashier-section-no-v31{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:8px;background:#eaf3ff;color:#2774cc;font-size:10px;font-weight:900}
body.pga-customer-shell .cashier-form-section-v31 h3{margin:0 0 2px;font-size:12px}
body.pga-customer-shell .cashier-form-section-v31 p{margin:0;color:#8491a2;font-size:9.5px}
body.pga-customer-shell .cashier-payment-field-v31{display:block;margin-bottom:11px}
body.pga-customer-shell .cashier-payment-field-v31>span{display:block;margin-bottom:5px;font-size:10px;font-weight:800;color:#53677e}
body.pga-customer-shell .cashier-amount-wrap-v31{display:flex;align-items:center;border:1px solid #d1dbe8;border-radius:10px;overflow:hidden;background:#fff}
body.pga-customer-shell .cashier-amount-wrap-v31:focus-within{border-color:#6aa9f1;box-shadow:0 0 0 3px #e2f0ff}
body.pga-customer-shell .cashier-amount-wrap-v31 b{padding:0 12px;color:#61758e;font-size:11px}
body.pga-customer-shell .cashier-amount-wrap-v31 input{flex:1;min-width:0;border:0;outline:0;padding:12px 12px 12px 0;font-size:13px;font-weight:800}
body.pga-customer-shell .cashier-submit-payment-v31{width:100%;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:7px}
body.pga-customer-shell .cashier-submit-payment-v31 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
body.pga-customer-shell .cashier-payment-help-v31{position:sticky;top:92px}
body.pga-customer-shell .cashier-help-icon-v31{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#eaf8f2;color:#16805e}
body.pga-customer-shell .cashier-help-icon-v31 svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
body.pga-customer-shell .cashier-payment-help-v31 h3{margin:12px 0 5px;font-size:13px}
body.pga-customer-shell .cashier-payment-help-v31 p,
body.pga-customer-shell .cashier-payment-help-v31 li{font-size:10px;line-height:1.55;color:#718096}
body.pga-customer-shell .cashier-payment-help-v31 ul{padding-left:18px;margin:10px 0 0}
body.pga-customer-shell .cashier-qr-result-v31 h3{margin:5px 0 13px}

/* cashier security */
body.pga-customer-shell .cashier-security-grid-v31{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;align-items:start}
body.pga-customer-shell .cashier-password-card-v31 label{display:block;margin-bottom:11px}
body.pga-customer-shell .cashier-password-card-v31 label>span{display:block;margin-bottom:5px;font-size:10px;font-weight:800;color:#53677e}
body.pga-customer-shell .cashier-card-head-v31{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:14px}
body.pga-customer-shell .cashier-card-head-v31>div>span{font-size:9px;color:#3078ce;font-weight:900;letter-spacing:.1em}
body.pga-customer-shell .cashier-card-head-v31 h3{margin:3px 0;font-size:14px}
body.pga-customer-shell .cashier-card-head-v31 p{margin:0;color:#8592a2;font-size:10px}
body.pga-customer-shell .cashier-password-note-v31{margin-top:11px;padding:9px 10px;border-radius:9px;background:#f7f9fc;color:#7c8999;font-size:9.5px;line-height:1.5}
body.pga-customer-shell .cashier-session-actions-v31{margin-top:11px;display:flex;justify-content:flex-end}

/* transaction creator attribution */
body.pga-customer-shell .trx-actor-cell{display:flex;align-items:center;gap:7px;min-width:120px}
body.pga-customer-shell .trx-actor-cell>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:8px;background:#edf4fb;color:#3d6f9f;font-size:9px;font-weight:900}
body.pga-customer-shell .trx-actor-cell b{display:block;font-size:10.5px;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pga-customer-shell .trx-actor-cell small{font-size:9px;color:#8996a5}
body.pga-customer-shell .trx-actor-cell.is-cashier>span{background:#edf5ff;color:#2675d3}
body.pga-customer-shell .trx-actor-cell.is-api>span{background:#f0edff;color:#6951c5}
body.pga-customer-shell .trx-mobile-actor-v31{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #edf1f5;margin-top:8px;font-size:9.5px}
body.pga-customer-shell .trx-mobile-actor-v31 span{color:#8a97a8}
body.pga-customer-shell .trx-mobile-actor-v31 b{color:#52667e}

@media(max-width:900px){
  body.pga-customer-shell .cashier-info-grid-v31{grid-template-columns:1fr}
  body.pga-customer-shell .cashier-payment-layout-v31,
  body.pga-customer-shell .cashier-security-grid-v31{grid-template-columns:1fr}
  body.pga-customer-shell .cashier-payment-help-v31{position:static}
  body.pga-customer-shell .cashier-stat-grid-v31{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.pga-customer-shell .cashier-assignment-v31{align-items:flex-start;flex-direction:column}
  body.pga-customer-shell .cashier-permission-chips-v31{justify-content:flex-start}
}
@media(max-width:700px){
  body.pga-customer-shell .cashier-hero-v31,
  body.pga-customer-shell .cashier-create-page-head-v31,
  body.pga-customer-shell .cashier-security-head-v31{gap:10px}
  body.pga-customer-shell .cashier-hero-v31 h2,
  body.pga-customer-shell .cashier-create-page-head-v31 h2,
  body.pga-customer-shell .cashier-security-head-v31 h2{font-size:21px}
  body.pga-customer-shell .cashier-add-btn-v31{padding:10px 11px}
  body.pga-customer-shell .cashier-detail-columns-v31{grid-template-columns:1fr}
  body.pga-customer-shell .cashier-permission-picker-v31{grid-template-columns:1fr}
  body.pga-customer-shell .cashier-result-summary-v31{grid-template-columns:1fr}
  body.pga-customer-shell .cashier-welcome-v31{align-items:flex-start;flex-direction:column;padding:17px}
  body.pga-customer-shell .cashier-stat-grid-v31{grid-template-columns:1fr 1fr}
  body.pga-customer-shell .cashier-payment-form-v31,
  body.pga-customer-shell .cashier-payment-help-v31{padding:14px}
  body.pga-customer-shell .cashier-login-result-v31>div{grid-template-columns:78px minmax(0,1fr) auto}
}

/* ========================================================================== 
   PGA V33 — Split Customer / Cashier Login
   ========================================================================== */
body.pga-split-login{margin:0;min-height:100vh}
body.pga-split-login .auth{
  min-height:100vh;display:grid;place-items:center;padding:28px 16px;
  background:transparent;
}
body.pga-split-login .auth-box{width:min(470px,100%)}
body.pga-split-login .auth-form{padding:32px 36px 34px!important}
body.pga-split-login .auth-role-badge{
  display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;
  background:#eaf4ff;color:#1261ba;font-size:11px;font-weight:900;letter-spacing:.12em;margin-bottom:13px
}
body.pga-split-login .auth-role-badge.cashier{background:#ecfdf5;color:#047857}
body.pga-split-login .auth-title{font-size:27px;line-height:1.15;font-weight:950;letter-spacing:-.035em;color:#132238;margin:0 0 7px}
body.pga-split-login .auth-subtitle{font-size:13px;line-height:1.6;color:#6b7a90;margin-bottom:22px}
body.pga-split-login .auth-submit{width:100%;min-height:46px;margin-top:2px}
body.pga-split-login .auth-other-login{text-align:center;color:#6b7a90;font-size:12px;margin-top:18px}
body.pga-split-login .auth-other-login a{color:#1261ba;font-weight:800;text-decoration:none}
body.pga-split-login .auth-other-login a:hover{text-decoration:underline}
body.pga-split-login .auth-switch-notice{
  display:grid;gap:4px;padding:12px 13px;margin:0 0 15px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1e3a8a;font-size:12px
}
body.pga-split-login .auth-switch-notice b{font-size:13px}
body.pga-split-login .auth-switch-notice span{color:#475569;line-height:1.45}
body.pga-split-login .auth-switch-notice a{justify-self:start;margin-top:3px;color:#1261ba;font-weight:850;text-decoration:none}
body.pga-split-login .cashier-login-info{
  display:grid;gap:5px;margin-top:18px;padding:13px 14px;border-radius:11px;border:1px solid #d1fae5;background:#f0fdf4
}
body.pga-split-login .cashier-login-info b{font-size:12px;color:#065f46}
body.pga-split-login .cashier-login-info span{font-size:11px;line-height:1.55;color:#557064}
body.pga-split-login .auth-help-text{margin-top:14px;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:11px;line-height:1.5}
body.pga-cashier-login .auth-box:before{background:linear-gradient(90deg,#047857,#10b981,#6ee7b7)!important}
body.pga-cashier-login .btn-primary{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 8px 20px rgba(5,150,105,.16)!important}
body.pga-cashier-login .input:focus{border-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.11)!important}
@media(max-width:520px){
  body.pga-split-login .auth{padding:15px 10px}
  body.pga-split-login .auth-form{padding:26px 20px 28px!important}
  body.pga-split-login .auth-title{font-size:24px}
}

/* Standalone auth component primitives used by /pga/login.php and /pga/kasir/login.php */
body.pga-split-login .hidden{display:none!important}
body.pga-split-login .auth-box{background:#fff;border:1px solid #dce5f0;border-radius:18px;box-shadow:0 24px 64px rgba(20,56,100,.18);overflow:hidden;position:relative}
body.pga-split-login .auth-tabs{display:flex;gap:6px;padding:5px;background:#eef5fd;border-radius:12px;margin-bottom:22px}
body.pga-split-login .auth-tab{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 7px;font-size:12px;font-weight:850;color:#64748b;cursor:pointer}
body.pga-split-login .auth-tab.active{background:#fff;color:#1261ba;box-shadow:0 1px 5px rgba(0,0,0,.08)}
body.pga-split-login .field{margin-bottom:13px}
body.pga-split-login .label{display:block;font-size:12px;font-weight:800;color:#334155;margin:0 0 6px}
body.pga-split-login .input{width:100%;min-height:44px;border:1px solid #dce5f0;border-radius:10px;padding:10px 12px;background:#fff;color:#132238;outline:none}
body.pga-split-login .input:focus{border-color:#2f8cff;box-shadow:0 0 0 4px rgba(47,140,255,.11)}
body.pga-split-login .btn{border:0;border-radius:10px;padding:10px 14px;font-weight:850;cursor:pointer}
body.pga-split-login .btn-primary{background:linear-gradient(135deg,#1677e8,#1261ba);color:#fff;box-shadow:0 8px 20px rgba(22,119,232,.16)}
body.pga-split-login .notice{padding:11px 12px;border-radius:10px;font-size:12px;line-height:1.5;margin-bottom:14px}
body.pga-split-login .notice-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
body.pga-split-login .notice-success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}