/* 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;
  }
}

/* =========================================================
   V30 — Whitelist Domain clarity / legacy callback separation
   ========================================================= */
.dom-role-guide{
  display:grid;
  grid-template-columns:auto minmax(0,1.35fr) minmax(280px,.9fr);
  gap:12px;
  align-items:center;
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid #d9e8f7;
  border-radius:14px;
  background:linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
  box-shadow:0 4px 14px rgba(35,72,111,.04);
}
.dom-role-guide-icon{
  width:42px;height:42px;border-radius:12px;display:grid;place-items:center;
  background:#267be5;color:#fff;font-size:16px;box-shadow:0 7px 16px rgba(38,123,229,.18);
}
.dom-role-guide-copy{min-width:0}
.dom-role-guide-copy>b{display:block;font-size:11px;color:#173957;font-weight:900;margin-bottom:3px}
.dom-role-guide-copy>span{display:block;font-size:9px;line-height:1.55;color:#6f879d}
.dom-role-guide-copy code,.dom-role-guide-legacy code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#fff;border:1px solid #dfeaf5;border-radius:5px;padding:1px 4px;color:#315a80}
.dom-role-guide-legacy{
  display:flex;align-items:flex-start;gap:8px;min-width:0;padding:9px 10px;border:1px solid #eadfbe;border-radius:10px;background:#fffaf0;color:#7d6840;
}
.dom-role-guide-legacy>i{margin-top:2px;color:#a8791e}
.dom-role-guide-legacy>span{font-size:8.5px;line-height:1.5}
.dom-role-guide-legacy b{color:#765b27}
.dom-health-meta{display:block;margin-top:5px;color:#8a9bad;font-size:7.5px;line-height:1.4}
.dom-purpose-section{border-color:#d8e8f7;background:linear-gradient(180deg,#fff,#fbfdff)}
.dom-purpose-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;margin-top:10px}
.dom-purpose-row>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf4ff;color:#267be5}
.dom-purpose-row b{display:block;font-size:9.5px;color:#2a4b68;line-height:1.5}
.dom-purpose-row small{display:block;font-size:8px;color:#8194a7;line-height:1.55;margin-top:3px}
.dom-swal-help{margin:5px 0 0;padding:10px 11px;border:1px solid #d9e8f7;background:#f6faff;border-radius:10px;text-align:left;color:#6f8498}
.dom-swal-help b{display:flex;align-items:center;gap:6px;font-size:10px;color:#345d81;margin-bottom:3px}
.dom-swal-help span{display:block;font-size:9px;line-height:1.5}

@media(max-width:900px){
  .dom-role-guide{grid-template-columns:auto minmax(0,1fr)}
  .dom-role-guide-legacy{grid-column:1/-1}
}
@media(max-width:600px){
  .dom-role-guide{grid-template-columns:1fr;padding:12px}
  .dom-role-guide-icon{width:38px;height:38px}
  .dom-role-guide-legacy{grid-column:auto}
}

/* ================================================================
   PGA ADMIN V38 - TELEGRAM SETTINGS
   ================================================================ */
.tgx-page{max-width:1320px;margin:0 auto;padding-bottom:30px}.tgx-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.tgx-kicker{font-size:11px;font-weight:900;letter-spacing:.13em;color:#2563eb;margin-bottom:4px}.tgx-head h2{font-size:28px;line-height:1.15;font-weight:900;color:#0f172a;margin:0}.tgx-head p{font-size:13px;color:#64748b;margin:7px 0 0}.tgx-source{min-width:190px;padding:11px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:14px;display:grid;grid-template-columns:30px 1fr;column-gap:9px;box-shadow:0 4px 18px rgba(15,23,42,.04)}.tgx-source>i{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.tgx-source span{font-size:10px;color:#94a3b8;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.tgx-source b{font-size:12px;color:#0f172a}.tgx-alert{border-radius:13px;padding:12px 14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;font-size:12.5px;font-weight:650}.tgx-alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.tgx-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.tgx-alert.warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.tgx-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.tgx-alert code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tgx-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.tgx-status-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;display:grid;grid-template-columns:40px 1fr;column-gap:11px;box-shadow:0 4px 18px rgba(15,23,42,.035)}.tgx-status-icon{grid-row:1/3;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:16px}.tgx-status-icon.green{background:#ecfdf5;color:#059669}.tgx-status-icon.amber{background:#fffbeb;color:#d97706}.tgx-status-icon.gray{background:#f1f5f9;color:#64748b}.tgx-status-grid small{font-size:10.5px;color:#94a3b8;font-weight:800}.tgx-status-grid b{font-size:13px;color:#0f172a;overflow:hidden;text-overflow:ellipsis}.tgx-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:18px;box-shadow:0 5px 22px rgba(15,23,42,.04);margin-bottom:16px}.tgx-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid #eef2f7;margin-bottom:16px}.tgx-card-head.compact{margin-bottom:12px}.tgx-card-head span{display:block;font-size:10px;color:#2563eb;font-weight:900;letter-spacing:.1em}.tgx-card-head h3{font-size:17px;font-weight:900;color:#0f172a;margin:2px 0 0}.tgx-card-head p{font-size:11.5px;color:#64748b;margin:4px 0 0}.tgx-master{display:flex;align-items:center;gap:9px;cursor:pointer}.tgx-master input{position:absolute;opacity:0}.tgx-master span{width:42px;height:24px;background:#cbd5e1;border-radius:99px;position:relative;transition:.2s}.tgx-master span:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.tgx-master input:checked+span{background:#2563eb}.tgx-master input:checked+span:after{transform:translateX(18px)}.tgx-master b{font-size:12px;color:#334155}.tgx-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.tgx-field{display:block}.tgx-field.full{grid-column:1/-1}.tgx-field>span{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:850;color:#334155;margin-bottom:6px}.tgx-field em{font-style:normal;font-size:9px;text-transform:uppercase;background:#fff1f2;color:#be123c;border-radius:999px;padding:2px 6px}.tgx-field small{display:block;font-size:10px;color:#94a3b8;margin-top:5px}.tgx-field input,.tgx-field textarea{width:100%;border:1px solid #dbe3ee;background:#f8fafc;color:#0f172a;border-radius:11px;min-height:42px;padding:9px 11px;font-size:12px;outline:none;transition:.18s}.tgx-field textarea{resize:vertical;min-height:76px}.tgx-field input:focus,.tgx-field textarea:focus{background:#fff;border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.tgx-input-icon,.tgx-secret-field{position:relative}.tgx-input-icon>i,.tgx-secret-field>i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;font-size:12px;z-index:2}.tgx-input-icon input,.tgx-secret-field input{padding-left:34px}.tgx-secret-field{display:flex}.tgx-secret-field input{padding-right:88px}.tgx-secret-field button{position:absolute;right:6px;top:6px;height:30px;padding:0 10px;border:0;border-radius:8px;background:#e0e7ff;color:#3730a3;font-size:10.5px;font-weight:850;cursor:pointer}.tgx-toggle-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.tgx-toggle-list label{border:1px solid #e2e8f0;background:#f8fafc;border-radius:13px;padding:12px;display:grid;grid-template-columns:18px 34px 1fr;gap:9px;align-items:center;cursor:pointer}.tgx-toggle-list input{width:16px;height:16px;accent-color:#2563eb}.tgx-toggle-list label>span{width:34px;height:34px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.tgx-toggle-list b{display:block;font-size:11.5px;color:#1e293b}.tgx-toggle-list small{display:block;font-size:9.5px;color:#94a3b8;line-height:1.35;margin-top:2px}.tgx-savebar{margin-top:16px;padding-top:14px;border-top:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:center;gap:16px}.tgx-savebar>div{display:flex;gap:8px;align-items:center;color:#64748b;font-size:10.5px}.tgx-savebar>div i{color:#059669}.tgx-savebar>button{border:0;border-radius:11px;padding:10px 15px;background:#2563eb;color:#fff;font-size:11.5px;font-weight:900;cursor:pointer;box-shadow:0 6px 14px rgba(37,99,235,.18)}.tgx-savebar>button i{margin-right:7px}.tgx-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tgx-action-row{display:flex;gap:8px;flex-wrap:wrap}.tgx-action-row.multi form{margin:0}.tgx-btn{border:1px solid #dbe3ee;background:#fff;color:#334155;border-radius:10px;padding:9px 12px;font-size:10.5px;font-weight:850;cursor:pointer}.tgx-btn i{margin-right:6px}.tgx-btn.blue{background:#2563eb;border-color:#2563eb;color:#fff}.tgx-btn.green{background:#059669;border-color:#059669;color:#fff}.tgx-btn.red{background:#fff1f2;border-color:#fecdd3;color:#be123c}.tgx-help{display:flex;gap:13px;align-items:flex-start}.tgx-help-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center}.tgx-help h3{font-size:13px;font-weight:900;color:#1e293b;margin:1px 0 4px}.tgx-help p{font-size:10.5px;line-height:1.6;color:#64748b;margin:0}.tgx-help code{font-size:10px;background:#f1f5f9;padding:2px 5px;border-radius:5px}
@media(max-width:1000px){.tgx-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tgx-toggle-list{grid-template-columns:1fr}.tgx-two-col{grid-template-columns:1fr}}
@media(max-width:700px){.tgx-page{padding-bottom:85px}.tgx-head{display:block}.tgx-source{margin-top:12px;width:100%}.tgx-head h2{font-size:24px}.tgx-status-grid{grid-template-columns:1fr 1fr;gap:8px}.tgx-status-grid>div{padding:11px;grid-template-columns:34px 1fr}.tgx-status-icon{width:34px;height:34px}.tgx-card{padding:14px;border-radius:15px}.tgx-card-head{display:block}.tgx-master{margin-top:12px}.tgx-form-grid{grid-template-columns:1fr}.tgx-field.full{grid-column:auto}.tgx-savebar{display:block}.tgx-savebar>button{width:100%;margin-top:12px;min-height:42px}.tgx-toggle-list{margin-top:14px}.tgx-two-col{gap:0}.tgx-action-row.multi{display:grid;grid-template-columns:1fr}.tgx-action-row.multi form,.tgx-action-row.multi button,.tgx-action-row>button{width:100%}.tgx-help p{font-size:10px}}

/* ==========================================================
   PGA V39 - Monitoring Provider
   ========================================================== */
.prv-page{max-width:1500px;margin:0 auto;padding-bottom:40px}.prv-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.prv-kicker{display:inline-flex;font-size:10px;font-weight:900;letter-spacing:.16em;color:#2563eb;margin-bottom:5px}.prv-head h2{font-size:27px;line-height:1.1;font-weight:900;margin:0;color:#0f172a}.prv-head p{font-size:13px;color:#64748b;margin:7px 0 0}.prv-actions{display:flex;align-items:center;gap:10px}.prv-actions button{border:0;border-radius:10px;background:#0f172a;color:#fff;font-size:12px;font-weight:800;padding:10px 13px;display:inline-flex;gap:7px;align-items:center;cursor:pointer}.prv-live{display:flex;align-items:center;gap:7px;font-size:11px;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:8px 11px}.prv-live i{width:8px;height:8px;background:#22c55e;border-radius:50%;box-shadow:0 0 0 4px #dcfce7}.prv-alert{display:flex;align-items:center;gap:10px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:12px;padding:11px 13px;margin-bottom:14px;font-size:12px}.prv-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px}.prv-summary-card{min-height:96px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.prv-summary-card>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eff6ff;color:#2563eb;font-size:15px}.prv-summary-card.c1>span{background:#ecfdf5;color:#059669}.prv-summary-card.c2>span{background:#fff7ed;color:#ea580c}.prv-summary-card.c3>span{background:#fef2f2;color:#dc2626}.prv-summary-card.c4>span{background:#f5f3ff;color:#7c3aed}.prv-summary-card small,.prv-summary-card em{display:block;font-size:10px;color:#64748b;font-style:normal}.prv-summary-card b{display:block;font-size:20px;color:#0f172a;line-height:1.15;margin:2px 0}.prv-summary-card.skeleton{background:linear-gradient(90deg,#f8fafc,#eef2f7,#f8fafc);background-size:200% 100%;animation:prvsk 1.4s infinite}@keyframes prvsk{to{background-position:-200% 0}}.prv-routing-note,.prv-footer-note{display:flex;gap:12px;align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:13px 15px;margin-bottom:14px}.prv-routing-note>span{width:35px;height:35px;border-radius:10px;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center}.prv-routing-note b{font-size:12px;color:#1e3a8a}.prv-routing-note p{font-size:11px;color:#475569;margin:3px 0 0}.prv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.prv-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:16px;box-shadow:0 10px 28px rgba(15,23,42,.045);position:relative;overflow:hidden}.prv-card.ready{border-color:#bbf7d0}.prv-card.warn{border-color:#fed7aa}.prv-card.off{opacity:.72}.prv-card-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}.prv-provider-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:17px;background:#ecfdf5;color:#059669}.prv-provider-icon.duitku{background:#eff6ff;color:#2563eb}.prv-provider-title{min-width:0;flex:1}.prv-provider-title small{display:block;font-size:10px;color:#64748b;font-weight:700}.prv-provider-title h3{font-size:15px;color:#0f172a;font-weight:900;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prv-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 8px;font-size:9px;font-weight:900;white-space:nowrap}.prv-badge i{width:6px;height:6px;border-radius:50%}.prv-badge.green{background:#ecfdf5;color:#047857}.prv-badge.green i{background:#10b981}.prv-badge.red{background:#fef2f2;color:#b91c1c}.prv-badge.red i{background:#ef4444}.prv-badge.amber{background:#fff7ed;color:#c2410c}.prv-badge.amber i{background:#f97316}.prv-badge.gray{background:#f1f5f9;color:#64748b}.prv-badge.gray i{background:#94a3b8}.prv-progress{background:#f8fafc;border-radius:12px;padding:11px;margin-bottom:12px}.prv-progress-head,.prv-progress-meta{display:flex;justify-content:space-between;gap:8px}.prv-progress-head{font-size:10px;color:#64748b}.prv-progress-head b{color:#0f172a}.prv-track{height:7px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin:8px 0}.prv-track i{display:block;height:100%;background:linear-gradient(90deg,#2563eb,#22c55e);border-radius:inherit}.prv-progress-meta{font-size:9px;color:#64748b;flex-wrap:wrap}.prv-progress-meta b{color:#334155}.prv-unlimited{font-size:11px;color:#64748b;background:#f8fafc;padding:11px;border-radius:11px;margin-bottom:12px}.prv-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}.prv-metrics>div{border:1px solid #eef2f7;border-radius:10px;padding:9px;text-align:center}.prv-metrics small{display:block;font-size:9px;color:#94a3b8}.prv-metrics b{display:block;font-size:14px;color:#0f172a;margin-top:2px}.prv-detail-list{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:9px 0;margin-bottom:10px}.prv-detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:10px}.prv-detail-list span{color:#94a3b8}.prv-detail-list b{color:#475569;text-align:right;font-weight:700}.prv-health-ok{display:flex;align-items:center;gap:6px;color:#059669;font-size:10px;font-weight:800;margin:8px 0}.prv-issues{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.prv-issues span{font-size:9px;background:#fff7ed;color:#c2410c;border-radius:7px;padding:5px 7px}.prv-card-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.prv-card-actions button,.prv-card-actions a{border:1px solid #e2e8f0;background:#fff;color:#334155;border-radius:9px;padding:8px 9px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px;text-decoration:none;cursor:pointer}.prv-card-actions button:hover,.prv-card-actions a:hover{background:#f8fafc}.prv-card-actions .danger{color:#b91c1c;border-color:#fecaca}.prv-card-actions .success{color:#047857;border-color:#bbf7d0}.prv-footer-note{margin-top:14px;background:#fff;border-color:#e2e8f0;font-size:10px;color:#64748b}.prv-footer-note i{color:#2563eb;margin-top:2px}.prv-empty{grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:15px;padding:36px;text-align:center;color:#64748b;font-size:12px}.tgx-toggle-list label.tgx-threshold{grid-template-columns:auto 1fr 90px}.tgx-threshold input{width:80px;border:1px solid #cbd5e1;border-radius:9px;padding:8px;font-size:12px;font-weight:800;text-align:center}
@media(max-width:1100px){.prv-summary-grid{grid-template-columns:repeat(3,1fr)}.prv-grid{grid-template-columns:1fr}}
@media(max-width:767px){.prv-head{display:block}.prv-actions{margin-top:12px;justify-content:space-between}.prv-live{font-size:9px}.prv-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.prv-summary-card{min-height:84px;padding:11px}.prv-summary-card:last-child{grid-column:1/-1}.prv-grid{gap:10px}.prv-card{padding:13px}.prv-card-head{align-items:flex-start}.prv-badge{font-size:8px;padding:5px 7px}.prv-metrics{grid-template-columns:repeat(2,1fr)}.prv-card-actions>*{flex:1;justify-content:center}.prv-progress-meta{display:grid;grid-template-columns:1fr}.prv-detail-list>div{font-size:9px}.tgx-toggle-list label.tgx-threshold{grid-template-columns:auto 1fr}.tgx-threshold input{grid-column:2;width:100%}}


/* ================================================================
   PGA V40.4 - Merchant delete + Bulk GPQRIS token
   ================================================================ */
.mch-delete-btn{margin-left:auto!important;background:#fff1f2!important;border-color:#fecdd3!important;color:#be123c!important}
.mch-delete-btn:hover{background:#ffe4e6!important;border-color:#fda4af!important}
.mch-bulk-popup{border-radius:20px!important}.mch-bulk-popup .swal2-title{font-size:22px!important;color:#0f172a!important}.mch-bulk-modal{text-align:left}.mch-bulk-notice{display:flex;align-items:center;gap:11px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;padding:11px 12px;margin:3px 0 14px}.mch-bulk-notice>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;background:#dbeafe;color:#2563eb}.mch-bulk-notice b{display:block;font-size:12px;color:#1e3a8a}.mch-bulk-notice small{display:block;font-size:10px;color:#64748b;margin-top:2px}.mch-bulk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mch-bulk-grid label>span,.mch-bulk-token-field>span{display:block;font-size:10.5px;font-weight:850;color:#334155;margin:0 0 5px 4px}.mch-bulk-grid .swal2-select{width:100%;max-width:none;margin:0;height:42px;padding:0 11px;border-radius:10px;border:1px solid #dbe3ee;background:#fff;font-size:12px}.mch-bulk-preview-head{display:flex;align-items:center;gap:11px;padding:12px 13px;margin:12px 0 8px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.mch-bulk-preview-head>div{display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:baseline;flex:1}.mch-bulk-preview-head small{grid-column:1/-1;color:#64748b;font-size:9.5px}.mch-bulk-preview-head strong{font-size:22px;color:#0f172a}.mch-bulk-preview-head span{font-size:10px;color:#059669;font-weight:800}.mch-bulk-preview-head>i{width:36px;height:36px;border-radius:10px;background:#ecfdf5;color:#059669;display:grid;place-items:center}.mch-bulk-targets{display:flex;flex-wrap:wrap;gap:6px;padding:3px 0 7px}.mch-bulk-targets>span{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;padding:7px 9px}.mch-bulk-targets>span>i{grid-row:1/3;color:#2563eb;font-size:10px}.mch-bulk-targets b{font-size:9.5px;color:#334155}.mch-bulk-targets small{font-size:8px;color:#94a3b8}.mch-bulk-targets em{font-style:normal;font-size:9px;color:#64748b;padding:8px}.mch-bulk-loading,.mch-bulk-empty,.mch-bulk-error{display:flex;align-items:center;justify-content:center;gap:7px;min-height:64px;margin:12px 0 8px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;font-size:10.5px}.mch-bulk-error{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.mch-bulk-token-field{display:block;margin-top:9px}.mch-bulk-token-field textarea.swal2-textarea{width:100%;margin:0;min-height:105px;border-radius:11px;border:1px solid #dbe3ee;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;padding:11px;resize:vertical}.mch-bulk-token-field>small{display:block;font-size:9px;color:#94a3b8;line-height:1.45;margin-top:5px}.mch-bulk-confirm{display:flex;gap:8px;align-items:flex-start;margin-top:11px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;padding:9px 10px;cursor:pointer}.mch-bulk-confirm input{margin-top:2px;accent-color:#2563eb}.mch-bulk-confirm span{font-size:9.5px;color:#7c5b16;line-height:1.45}.mch-bulk-result{display:grid;grid-template-columns:auto 1fr;gap:5px 8px;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;margin-bottom:10px}.mch-bulk-result b{font-size:16px;color:#0f172a}.mch-bulk-result span{font-size:10px;color:#64748b;align-self:center}.mch-delete-warning{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:10px 12px;margin-bottom:10px}.mch-delete-warning b{font-size:12px;color:#0f172a}.mch-delete-warning span{font-size:9px;color:#64748b}.mch-delete-active{display:flex;align-items:flex-start;gap:7px;text-align:left;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:9px 10px;font-size:9.5px;line-height:1.45}.mch-delete-confirm{display:block;text-align:left;margin-top:12px}.mch-delete-confirm>span{display:block;font-size:10px;color:#475569;margin-left:4px}.mch-delete-confirm input.swal2-input{width:100%;margin:5px 0 0;height:42px;border-radius:10px;font-size:12px}
@media(max-width:700px){.mch-bulk-grid{grid-template-columns:1fr}.mch-bulk-targets>span{flex:1 1 calc(50% - 6px)}.mch-delete-btn{margin-left:0!important}.mch-delete-warning{display:block}.mch-delete-warning span{display:block;margin-top:3px}}

/* ================================================================
   PGA V40.5 - Premium Bulk GPQRIS Token Modal
   ================================================================ */
.mch-bulk-popup{
  width:min(780px,calc(100vw - 24px))!important;
  padding:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.24)!important;
}
.mch-bulk-popup .swal2-title{display:none!important}
.mch-bulk-html{margin:0!important;padding:0!important;text-align:left!important}
.mch-bulk-close{color:#64748b!important;font-size:30px!important;width:44px!important;height:44px!important;top:18px!important;right:18px!important;border-radius:12px!important}
.mch-bulk-close:hover{background:#f1f5f9!important;color:#334155!important}
.mch-bulk-modal{padding:30px 30px 6px!important;color:#0f172a!important}
.mch-bulk-hero{display:flex;align-items:center;gap:18px;padding:2px 52px 24px 2px}
.mch-bulk-hero-icon{width:72px;height:72px;flex:0 0 72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#eef2ff,#ede9fe);color:#5b4cf0;font-size:30px;box-shadow:inset 0 0 0 1px rgba(99,102,241,.06)}
.mch-bulk-hero h2{margin:0;color:#101a3a;font-size:28px;line-height:1.12;font-weight:950;letter-spacing:-.6px}
.mch-bulk-hero p{margin:8px 0 0;color:#52627a;font-size:12.5px;line-height:1.55}.mch-bulk-hero p b{color:#1f2f55}
.mch-bulk-form-card{padding:18px;border:1px solid #e8edf6;border-radius:18px;background:linear-gradient(180deg,#fbfcff,#f7f9fd);box-shadow:inset 0 1px 0 #fff}
.mch-bulk-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.mch-bulk-control{display:block;min-width:0}.mch-bulk-control>span{display:flex!important;align-items:center;gap:8px;margin:0 0 8px 2px!important;color:#172442!important;font-size:12px!important;font-weight:900!important}.mch-bulk-control>span i{width:18px;text-align:center;color:#4f46e5;font-size:13px}
.mch-bulk-control .swal2-select{width:100%!important;max-width:none!important;height:48px!important;margin:0!important;padding:0 42px 0 14px!important;border:1px solid #cfd8e8!important;border-radius:12px!important;background:#fff!important;color:#16213e!important;font-size:13px!important;font-weight:700!important;box-shadow:0 3px 10px rgba(15,23,42,.025)!important;transition:.2s ease!important}
.mch-bulk-control .swal2-select:focus{border-color:#7c6cf5!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}
.mch-bulk-control.is-disabled{opacity:.55}.mch-bulk-control.is-disabled .swal2-select{background:#f1f5f9!important;cursor:not-allowed!important}
#mBulkPreview{margin-top:15px}
.mch-bulk-summary{display:grid;grid-template-columns:minmax(0,.8fr) 1px minmax(0,1.2fr);align-items:center;gap:18px;padding:16px 17px;border:1px solid #e1e7f4;border-radius:15px;background:linear-gradient(135deg,#f4f7ff 0%,#f8f9ff 48%,#f1f5ff 100%)}
.mch-bulk-summary-count,.mch-bulk-summary-list{display:flex;align-items:center;gap:13px;min-width:0}.mch-bulk-summary-icon{width:46px;height:46px;flex:0 0 46px;border-radius:50%;display:grid;place-items:center;background:#e3eaff;color:#4f46e5;font-size:17px}.mch-bulk-summary-icon.store{background:#eceaff}
.mch-bulk-summary-count>div,.mch-bulk-summary-list>div{min-width:0}.mch-bulk-summary small{display:block;color:#7b89a4;font-size:9.5px;font-weight:700;margin-bottom:3px}.mch-bulk-summary-count strong{display:inline-block;color:#4038d8;font-size:23px;line-height:1;font-weight:950}.mch-bulk-summary-count strong em{font-size:11px;font-style:normal;font-weight:800;color:#596987}.mch-bulk-summary-count>div>span{display:block;margin-top:4px;color:#079669;font-size:9px;font-weight:900}.mch-bulk-summary-divider{width:1px;height:58px;background:#d7def0}.mch-bulk-targets{display:flex!important;align-items:center!important;gap:7px!important;padding:0!important;overflow-x:auto!important;flex-wrap:nowrap!important;max-width:100%}.mch-bulk-target-item{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;min-width:0!important;border:0!important;background:transparent!important;padding:0!important}.mch-bulk-target-item>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e9e8ff;color:#4f46e5;font-size:11px}.mch-bulk-target-item>span{display:block;min-width:0}.mch-bulk-target-item b{display:block;color:#273451;font-size:10.5px;line-height:1.15}.mch-bulk-target-item small{display:block;color:#8290a8;font-size:8.5px;margin-top:2px}.mch-bulk-targets>em{flex:0 0 auto;font-style:normal;color:#66738b;font-size:9px;padding:0!important}.mch-bulk-target-empty{font-size:10px;color:#8a96aa}
.mch-bulk-loading,.mch-bulk-empty,.mch-bulk-error{margin:15px 0 0!important;min-height:84px!important;border-radius:14px!important}
.mch-bulk-token-section{margin-top:20px}.mch-bulk-token-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 4px 8px}.mch-bulk-token-head>span{display:flex;align-items:center;gap:9px;color:#14203d;font-size:12px;font-weight:900}.mch-bulk-token-head>span i{color:#4f46e5}.mch-bulk-token-head small{display:flex;align-items:center;gap:6px;color:#71809a;font-size:9.5px}.mch-bulk-token-head small i{color:#4f46e5}
.mch-bulk-token-section textarea.swal2-textarea{display:block;width:100%!important;min-height:160px!important;margin:0!important;padding:15px 16px!important;border:1px solid #cfd8e8!important;border-radius:14px!important;background:#fff!important;color:#17203a!important;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace!important;resize:vertical!important;box-shadow:0 4px 14px rgba(15,23,42,.025)!important}.mch-bulk-token-section textarea.swal2-textarea:focus{border-color:#7c6cf5!important;box-shadow:0 0 0 3px rgba(99,102,241,.12)!important}.mch-bulk-token-section textarea::placeholder{color:#b5bece!important}
.mch-bulk-confirm{position:relative;display:flex!important;align-items:flex-start!important;gap:13px!important;margin:18px 0 0!important;padding:14px 15px!important;border:1px solid #e3e9f4!important;border-radius:14px!important;background:linear-gradient(135deg,#f7faff,#f3f7ff)!important;cursor:pointer!important}.mch-bulk-confirm input{position:absolute!important;opacity:0!important;pointer-events:none!important}.mch-bulk-checkmark{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;border:1px solid #c5d0e2;background:#fff;color:transparent;transition:.2s}.mch-bulk-confirm input:checked + .mch-bulk-checkmark{background:linear-gradient(135deg,#4f46e5,#6d5dfc);border-color:#4f46e5;color:#fff;box-shadow:0 5px 12px rgba(79,70,229,.22)}.mch-bulk-confirm-copy{display:block;min-width:0}.mch-bulk-confirm-copy b{display:block;color:#24314d;font-size:11px;line-height:1.35}.mch-bulk-confirm-copy small{display:block;margin-top:4px;color:#7d8aa2;font-size:9.25px;line-height:1.45}
.mch-bulk-actions{display:flex!important;justify-content:flex-end!important;gap:10px!important;width:auto!important;margin:0!important;padding:18px 30px 26px!important;border-top:1px solid #edf1f7!important;background:#fff!important}
.mch-bulk-actions button{min-width:132px!important;height:46px!important;border:0!important;border-radius:11px!important;font-size:12px!important;font-weight:900!important;cursor:pointer!important;transition:.18s ease!important}.mch-bulk-secondary{background:#eef2f7!important;color:#44526a!important}.mch-bulk-secondary:hover{background:#e2e8f0!important;transform:translateY(-1px)}.mch-bulk-primary{background:linear-gradient(135deg,#6759ed,#563ee4)!important;color:#fff!important;box-shadow:0 10px 22px rgba(83,65,222,.24)!important}.mch-bulk-primary:hover{transform:translateY(-1px);box-shadow:0 13px 25px rgba(83,65,222,.3)!important}.mch-bulk-primary i{margin-right:6px}
@media(max-width:700px){.mch-bulk-popup{width:calc(100vw - 16px)!important;border-radius:18px!important}.mch-bulk-modal{padding:22px 16px 4px!important}.mch-bulk-hero{gap:12px;padding-right:38px}.mch-bulk-hero-icon{width:54px;height:54px;flex-basis:54px;border-radius:16px;font-size:23px}.mch-bulk-hero h2{font-size:21px}.mch-bulk-hero p{font-size:10.5px}.mch-bulk-form-card{padding:13px}.mch-bulk-grid{grid-template-columns:1fr!important}.mch-bulk-summary{grid-template-columns:1fr!important;gap:12px}.mch-bulk-summary-divider{width:100%;height:1px}.mch-bulk-token-head{display:block}.mch-bulk-token-head small{margin-top:4px}.mch-bulk-token-section textarea.swal2-textarea{min-height:135px!important}.mch-bulk-actions{padding:14px 16px 18px!important}.mch-bulk-actions button{flex:1!important;min-width:0!important}.mch-bulk-close{top:10px!important;right:10px!important}}
