/* SYAH MOBILE 2026 — full responsive white / black / blue redesign.
   All new rules are presentation-only. Existing backend handlers, IDs and EJS forms remain intact.
   The first stylesheet declares @layer pop, cw, ui; retain pop layer for precedence. */
@layer pop {
html[data-design="armufa-modern"] {
  color-scheme:light!important;
  --bg:#f4f7fd!important; --canvas:#f4f7fd!important; --canvas2:#ebf1fc!important;
  --surface:#fff!important;--surface-2:#f6f9ff!important;--surface-3:#e7f0ff!important;
  --elevated:#fff!important;--ink:#102342!important;--text:#102342!important;
  --text-2:#60718e!important;--muted:#60718e!important;--line:#dde6f4!important;
  --stroke:#dde6f4!important;--accent:#1965e8!important;--accent-btn:#1965e8!important;
  --on-accent:#fff!important;--info:#205fd4!important;--info-soft:#eaf2ff!important;
  --ok:#0f896d!important;--ok-soft:#ddf8eb!important;--warn:#9e6d26!important;
  --warn-soft:#fff1d7!important;--bad:#c3344d!important;--bad-soft:#fff0f2!important;
  --purple:#6952b7!important;--purple-soft:#efe9ff!important;
  --mc-bg:#f4f7fd!important;--mc-card:#fff!important;--mc-text:#102342!important;
  --mc-text2:#60718e!important;--mc-border:#dde6f4!important;
  --mc-font:'Nunito',system-ui,sans-serif!important;
  --shadow:0 10px 32px rgba(18,54,110,.075)!important;
}
html[data-design="armufa-modern"] body.mc-body,
html[data-design="armufa-modern"] body.armufa-body {
  background:linear-gradient(160deg,#ecf3ff 0,#f6f9ff 36%,#f4f7fd 100%)!important;
  color:#102342!important;font:600 14px/1.6 'Nunito',system-ui,sans-serif!important;
  min-width:320px!important;min-height:100dvh!important;overflow-x:hidden!important;
}
html[data-design="armufa-modern"] body :is(h1,h2,h3,h4,h5,strong,b){color:inherit;letter-spacing:-.035em!important}
html[data-design="armufa-modern"] body :is(a,button){-webkit-tap-highlight-color:transparent}
html[data-design="armufa-modern"] body :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2b79f5!important;outline-offset:3px!important}
html[data-design="armufa-modern"] body :is(.mc-page,.docs-wrap){width:calc(100% - 32px)!important;max-width:690px!important;margin:0 auto!important;min-width:0!important}
html[data-design="armufa-modern"] body .mc-page{padding:20px 0 34px!important}
html[data-design="armufa-modern"] body .mc-nav-spacer{height:0!important;display:none!important}
html[data-design="armufa-modern"] body .mc-bottom-nav{display:none!important}
/* White brand header and bright cobalt menu strip (matching reference). */
html[data-design="armufa-modern"] body .mc-header.sy-header{
  position:relative!important;top:auto!important;z-index:950!important;width:100%!important;
  min-height:76px!important;padding:0 17px!important;
  background:#fff!important;border:0!important;border-bottom:1px solid #edf1f9!important;
  box-shadow:0 1px 3px rgba(9,31,75,.035)!important;backdrop-filter:none!important;
}
html[data-design="armufa-modern"] body .mc-header.sy-header .mc-header-inner{
  width:100%!important;max-width:690px!important;min-height:76px!important;
  margin:0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;
}
html[data-design="armufa-modern"] body .mc-header.sy-header .sy-brand{
  flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;
  gap:11px!important;color:#102342!important;
}
html[data-design="armufa-modern"] body .mc-header.sy-header .mc-logo-icon{
  display:grid!important;place-items:center!important;flex:0 0 42px!important;width:42px!important;height:42px!important;
  color:#1968e7!important;background:#edf4ff!important;border:1px solid #d8e7ff!important;
  border-radius:13px!important;box-shadow:none!important;overflow:hidden!important;
}
html[data-design="armufa-modern"] body .mc-header.sy-header .mc-logo-icon i{font-size:19px!important;color:#1968e7!important}
html[data-design="armufa-modern"] body .mc-header.sy-header .mc-brand-logo-img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}
html[data-design="armufa-modern"] body .sy-brand-titles{display:grid!important;gap:0!important;min-width:0!important;line-height:1.2!important}
html[data-design="armufa-modern"] body .mc-header.sy-header .mc-logo-text{
  display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;
  color:#102342!important;-webkit-text-fill-color:#102342!important;font:900 20px/1.22 'Nunito',sans-serif!important;
  letter-spacing:-.06em!important;text-shadow:none!important;
}
html[data-design="armufa-modern"] body .sy-brand-titles small{color:#74849c!important;font:700 11px/1.4 'Nunito',sans-serif!important;white-space:nowrap!important}
html[data-design="armufa-modern"] body .sy-user-chip{
  display:flex!important;align-items:center!important;gap:8px!important;flex:0 1 auto!important;min-width:0!important;
  max-width:47%!important;padding:5px 0 5px 5px!important;border:0!important;background:none!important;color:#29496f!important;
  box-shadow:none!important;white-space:nowrap!important;font-size:13px!important;font-weight:800!important;
}
html[data-design="armufa-modern"] body .sy-user-avatar{
  flex:0 0 36px!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;
  border-radius:50%!important;background:#dfeaff!important;color:#1962c6!important;font-size:15px!important;font-weight:900!important;
}
html[data-design="armufa-modern"] body .sy-user-name{max-width:118px!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#375379!important}
html[data-design="armufa-modern"] body .sy-user-chip>i{font-size:10px!important;color:#3f6d9c!important}
html[data-design="armufa-modern"] body .sy-login-link{color:#165ee5!important;font-weight:900!important;background:#eaf2ff!important;padding:10px 13px!important;border-radius:12px!important}
html[data-design="armufa-modern"] body .sy-menu-bar{
  position:relative!important;z-index:940!important;width:100%!important;min-height:55px!important;
  display:flex!important;align-items:stretch!important;justify-content:center!important;
  background:linear-gradient(108deg,#173f9b,#1765e9)!important;border:0!important;box-shadow:0 5px 15px rgba(17,70,169,.12)!important;
}
html[data-design="armufa-modern"] body .sy-menu-bar a{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;
  min-height:55px!important;width:100%!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font:900 17px 'Nunito',sans-serif!important;letter-spacing:0!important;background:transparent!important;
}
html[data-design="armufa-modern"] body .sy-menu-arrow{font-size:12px!important;color:#fff!important;transition:transform .2s!important}
html.pop-menu-open body .sy-menu-arrow{transform:rotate(180deg)}
/* Native dialog, slide from LEFT, with soft backdrop; open by header avatar or Menu strip. */
html[data-design="armufa-modern"] body #popMenu.sy-drawer[open]{
  position:fixed!important;inset:0 auto 0 0!important;top:0!important;left:0!important;right:auto!important;bottom:0!important;
  width:min(76vw,348px)!important;max-width:calc(100vw - 42px)!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  background:#fff!important;background-image:none!important;box-shadow:16px 0 50px rgba(5,22,57,.19)!important;
  color:#122744!important;z-index:5000!important;animation:syDrawerEnter .24s ease-out both!important;
}
@keyframes syDrawerEnter {from{transform:translateX(-30px);opacity:.75}to{transform:translateX(0);opacity:1}}
html[data-design="armufa-modern"] body #popMenu.sy-drawer::backdrop{background:rgba(20,41,83,.43)!important;backdrop-filter:blur(1px)!important;animation:none!important}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-inner{display:flex!important;flex-direction:column!important;min-height:100%!important;padding:0 12px 16px!important;background:#fff!important}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-profile.sy-drawer-profile{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:92px!important;
  margin:0 -12px 8px!important;padding:22px 14px 13px!important;background:#fff!important;
  background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-avatar{
  display:grid!important;place-items:center!important;flex:0 0 39px!important;width:39px!important;height:39px!important;
  border-radius:50%!important;background:#e8f1ff!important;color:#1f65d5!important;font-weight:900!important;font-size:16px!important;
}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-who{flex:1!important;min-width:0!important;color:#142747!important}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-who h2{color:#152849!important;font:900 19px/1.2 'Nunito',sans-serif!important;margin:0 0 3px!important}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-who p{color:#8090a6!important;font-size:12px!important;font-weight:700!important;margin:0!important}
html[data-design="armufa-modern"] body .sy-drawer .account-drawer-close{
  flex:0 0 31px!important;display:grid!important;place-items:center!important;width:31px!important;height:31px!important;
  padding:0!important;background:#f0f5ff!important;border:1px solid #deebff!important;border-radius:10px!important;
  box-shadow:none!important;color:#305a99!important;font-size:15px!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links{display:flex!important;flex-direction:column!important;gap:4px!important;padding:0!important;margin:0!important}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a{
  display:flex!important;align-items:center!important;gap:13px!important;flex-direction:row!important;
  min-height:51px!important;width:100%!important;position:relative!important;margin:0!important;padding:10px 14px!important;
  background:#fff!important;border:0!important;border-radius:13px!important;box-shadow:none!important;
  color:#324c73!important;-webkit-text-fill-color:#324c73!important;font:800 14px/1.35 'Nunito',sans-serif!important;
  text-transform:none!important;letter-spacing:0!important;transform:none!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a>i:first-child{
  display:grid!important;place-items:center!important;flex:0 0 23px!important;width:23px!important;
  color:#2877e2!important;-webkit-text-fill-color:#2877e2!important;font-size:18px!important;
  background:none!important;border:0!important;box-shadow:none!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a.sy-active{
  background:linear-gradient(100deg,#e5eeff,#eef5ff)!important;color:#194993!important;-webkit-text-fill-color:#194993!important;
  box-shadow:inset 4px 0 0 #2674e8!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a:hover{background:#eff5ff!important}
html[data-design="armufa-modern"] body .sy-drawer-divider{height:1px!important;min-height:1px!important;background:#e2e9f4!important;margin:9px 10px!important}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a.account-drawer-logout{
  color:#b83e50!important;-webkit-text-fill-color:#b83e50!important;font-weight:900!important;
}
html[data-design="armufa-modern"] body .sy-drawer .sy-drawer-links>a.account-drawer-logout i{color:#bc4353!important;-webkit-text-fill-color:#bc4353!important}
html[data-design="armufa-modern"] body .sy-drawer-bottom{margin:auto 12px 0!important;padding:20px 0!important;font-size:10px!important;color:#8a9bb3!important;text-align:center!important;border-top:1px solid #eff2fa!important}
/* All primary cards, forms, typography and tables. */
html[data-design="armufa-modern"] body :is(.mc-card,.mc-stat-card,.adm-card,.cfg-card,.seo-card,.ac-card,.mc-service-card,.mc-order-card,.mc-deposit-card){
  background:#fff!important;border:1px solid #e0e9f6!important;border-radius:20px!important;
  color:#162b4b!important;box-shadow:0 8px 28px rgba(29,64,125,.055)!important;text-shadow:none!important;
}
html[data-design="armufa-modern"] body :is(.mc-card,.mc-stat-card,.adm-card,.cfg-card,.seo-card,.ac-card) :is(h1,h2,h3,h4,strong,b, label){color:#13284b!important}
html[data-design="armufa-modern"] body :is(.mc-section-title,.section-heading h2,.mc-topbar-title){color:#102544!important;text-shadow:none!important;font-family:'Nunito',sans-serif!important}
html[data-design="armufa-modern"] body :is(.mc-input,input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
  background:#f9fbff!important;color:#182f50!important;-webkit-text-fill-color:#182f50!important;
  border:1px solid #cad9ef!important;border-radius:13px!important;min-height:43px!important;box-shadow:none!important;
  max-width:100%!important;font-size:14px!important;
}
html[data-design="armufa-modern"] body :is(input,textarea)::placeholder{color:#7d8da6!important;-webkit-text-fill-color:#7d8da6!important;opacity:1!important}
html[data-design="armufa-modern"] body :is(input,select,textarea):focus{border-color:#2272eb!important;box-shadow:0 0 0 3px rgba(37,111,231,.13)!important}
html[data-design="armufa-modern"] body :is(.mc-btn,.mc-btn-primary,.akey-btn.is-primary,.docs-button,.sy-primary-button){
  background:linear-gradient(135deg,#3387fa,#1255d7)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid #1762df!important;border-radius:12px!important;box-shadow:0 6px 16px rgba(25,95,213,.16)!important;
  text-transform:none!important;font-weight:900!important;text-shadow:none!important;
}
html[data-design="armufa-modern"] body :is(.mc-btn-outline,.akey-btn:not(.is-primary),.docs-button.dark){
  background:#f4f8ff!important;color:#2159bc!important;-webkit-text-fill-color:#2159bc!important;
  border:1px solid #cfdef4!important;box-shadow:none!important;
}
html[data-design="armufa-modern"] body button:disabled{opacity:.58!important;cursor:not-allowed!important}
html[data-design="armufa-modern"] body :is(table,.adm-table){width:100%!important;color:#1e3352!important;font-size:12px!important;border-collapse:separate!important;border-spacing:0!important}
html[data-design="armufa-modern"] body :is(th,thead td){background:#eaf2ff!important;color:#234574!important;font-weight:900!important}
html[data-design="armufa-modern"] body tbody td{background:#fff!important;color:#244064!important;border-color:#e0e9f4!important}
html[data-design="armufa-modern"] body :is(.mc-table-wrap,.adm-table-wrap,.table-responsive,.docs-table-wrap){max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
html[data-design="armufa-modern"] body .mc-topbar{max-width:690px!important;margin:0 auto!important;padding:18px 16px 3px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .mc-back-btn{background:#e9f1ff!important;border:1px solid #d8e5fb!important;color:#2163c8!important;border-radius:13px!important}
/* Home dashboard is now specifically composed for a PHONE, never multi-column desktop panels. */
html[data-design="armufa-modern"] body .dashboard-page.sy-dashboard{padding:18px 0 35px!important}
html[data-design="armufa-modern"] body .sy-dashboard-hero{display:block!important;margin:0 0 15px!important}
html[data-design="armufa-modern"] body .sy-balance-card.mc-balance-card{
  display:block!important;position:relative!important;overflow:hidden!important;min-height:171px!important;
  padding:22px 24px 18px!important;margin:0 0 16px!important;
  background:linear-gradient(122deg,#074bb8,#1675f2 80%,#2985fa)!important;
  border:1px solid #418afa!important;border-radius:27px!important;
  color:#fff!important;box-shadow:0 14px 29px rgba(34,91,198,.18)!important;
}
html[data-design="armufa-modern"] body .sy-balance-card::before{
  content:''!important;display:block!important;position:absolute!important;inset:0!important;pointer-events:none!important;
  background:repeating-linear-gradient(116deg,transparent 0,transparent 23px,rgba(255,255,255,.055) 24px,transparent 27px)!important;
}
html[data-design="armufa-modern"] body .sy-balance-card .mc-balance-label{
  font:900 17px/1.3 'Nunito',sans-serif!important;letter-spacing:.04em!important;color:#dfeaff!important;-webkit-text-fill-color:#dfeaff!important;
}
html[data-design="armufa-modern"] body .sy-saldo-spark{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;background:#ffffff2b!important;border-radius:12px!important;color:#fff!important;font-size:17px!important}
html[data-design="armufa-modern"] body .sy-balance-card .mc-balance-amount{margin:7px 0 8px!important;display:flex!important;align-items:baseline!important;gap:0!important;
  font:1000 clamp(38px,9vw,50px)/1.1 'Nunito',sans-serif!important;color:#fff!important;letter-spacing:-.05em!important;
}
html[data-design="armufa-modern"] body .sy-balance-card .mc-balance-amount .bal-rp{font:inherit!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-design="armufa-modern"] body .sy-balance-card .mc-balance-amount .bal-num{font:inherit!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-design="armufa-modern"] body .sy-balance-card .balance-card-bottom{position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0!important}
html[data-design="armufa-modern"] body .sy-balance-card .bal-meta{color:#dfecff!important;-webkit-text-fill-color:#dfecff!important;font-size:11px!important}
html[data-design="armufa-modern"] body .sy-balance-card .mc-topup-btn{min-height:32px!important;padding:5px 12px!important;background:#fff!important;color:#205fd1!important;-webkit-text-fill-color:#205fd1!important;font-size:11px!important;box-shadow:none!important;border-radius:10px!important}
html[data-design="armufa-modern"] body .sy-balance-card #panelConnection{display:none!important}
html[data-design="armufa-modern"] body .sy-overview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin:0 0 24px!important}
html[data-design="armufa-modern"] body .sy-overview-card{
  display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;min-height:99px!important;padding:13px!important;
  border:1px solid #e5eaf4!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 9px 24px rgba(31,68,121,.055)!important;color:#11284c!important;
}
html[data-design="armufa-modern"] body .sy-stat-ico{display:grid!important;place-items:center!important;flex:0 0 52px!important;width:52px!important;height:60px!important;
  font-size:22px!important;border-radius:16px!important;border:0!important;box-shadow:none!important;
}
html[data-design="armufa-modern"] body .sy-stat-ico.mint{background:linear-gradient(140deg,#e9f9f5,#d0f5e7)!important;color:#0c9a79!important}
html[data-design="armufa-modern"] body .sy-stat-ico.amber{background:linear-gradient(140deg,#fff9e9,#ffedc8)!important;color:#b47e20!important}
html[data-design="armufa-modern"] body .sy-stat-ico.sky{background:linear-gradient(140deg,#eff5ff,#dae9ff)!important;color:#2675e3!important}
html[data-design="armufa-modern"] body .sy-stat-ico.lavender{background:linear-gradient(140deg,#f4efff,#e4daff)!important;color:#7562c5!important}
html[data-design="armufa-modern"] body .sy-stat-info{flex:1!important;min-width:0!important;display:grid!important;gap:2px!important;border-left:2px solid #e6eaf2!important;padding-left:10px!important}
html[data-design="armufa-modern"] body .sy-stat-info strong{display:block!important;max-width:100%!important;font:1000 clamp(17px,3.8vw,25px)/1.2 'Nunito',sans-serif!important;color:#102342!important;overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body .sy-stat-info small{color:#71819a!important;font-size:11px!important;line-height:1.35!important;font-weight:700!important}
html[data-design="armufa-modern"] body .sy-recent{overflow:hidden!important;margin:0 0 24px!important;border:1px solid #e2eaf6!important;border-radius:24px!important;background:#fff!important;box-shadow:0 8px 30px rgba(28,65,126,.07)!important}
html[data-design="armufa-modern"] body .sy-recent-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:17px 18px!important;background:linear-gradient(180deg,#f8fbff,#edf4ff)!important;border-bottom:1px solid #dce7f6!important}
html[data-design="armufa-modern"] body .sy-recent-heading h2{margin:0!important;display:flex!important;align-items:center!important;gap:10px!important;font:900 17px 'Nunito',sans-serif!important;color:#112a51!important}
html[data-design="armufa-modern"] body .sy-recent-heading i{font-size:19px!important;color:#2473e4!important}
html[data-design="armufa-modern"] body .sy-recent-heading a{color:#687b9a!important;font-size:12px!important;font-weight:800!important;white-space:nowrap!important}
html[data-design="armufa-modern"] body .sy-recent-empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:230px!important;padding:35px 12px!important}
html[data-design="armufa-modern"] body .sy-recent-empty>span{display:grid!important;place-items:center!important;width:65px!important;height:60px!important;color:#acc4e6!important;font-size:42px!important}
html[data-design="armufa-modern"] body .sy-recent-empty p{font-size:15px!important;color:#7a8aa2!important;margin:0 0 3px!important}
html[data-design="armufa-modern"] body .sy-primary-button{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:9px 19px!important;font-size:13px!important}
html[data-design="armufa-modern"] body .sy-order-list{display:grid!important;gap:0!important}
html[data-design="armufa-modern"] body .sy-order-row{display:flex!important;align-items:center!important;gap:11px!important;padding:15px!important;border-bottom:1px solid #edf1f7!important;color:#172d4c!important;min-width:0!important}
html[data-design="armufa-modern"] body .sy-order-row:last-child{border:0!important}
html[data-design="armufa-modern"] body .sy-order-icon{display:grid!important;place-items:center!important;flex:0 0 39px!important;width:39px!important;height:43px!important;color:#206be1!important;background:#eaf2ff!important;border-radius:11px!important}
html[data-design="armufa-modern"] body .sy-order-desc{display:grid!important;min-width:0!important;flex:1!important;gap:1px!important}
html[data-design="armufa-modern"] body .sy-order-desc strong{font-size:12px!important;color:#163255!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important}
html[data-design="armufa-modern"] body .sy-order-desc small{font-size:10px!important;color:#7a8ba3!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
html[data-design="armufa-modern"] body .sy-order-end{display:grid!important;gap:2px!important;text-align:right!important}
html[data-design="armufa-modern"] body .sy-order-end strong{font-size:11px!important;color:#1f3660!important}
html[data-design="armufa-modern"] body .sy-order-end small{color:#9c6d29!important;font-size:10px!important;text-transform:capitalize!important}
html[data-design="armufa-modern"] body .sy-order-end small.is-success{color:#159676!important}
html[data-design="armufa-modern"] body .sy-order-row>i{font-size:10px!important;color:#94a6c1!important}
html[data-design="armufa-modern"] body .quick-section .section-heading{margin:10px 0 13px!important}
html[data-design="armufa-modern"] body .quick-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html[data-design="armufa-modern"] body .quick-link{border:1px solid #dfe8f8!important;box-shadow:0 6px 19px rgba(27,62,112,.06)!important;border-radius:17px!important;background:#fff!important;min-width:0!important}
html[data-design="armufa-modern"] body .quick-link .quick-icon{background:#e7f0ff!important;color:#1f6be3!important;border:0!important;border-radius:12px!important}
html[data-design="armufa-modern"] body .dashboard-secondary{display:flex!important;flex-direction:column!important;gap:18px!important}
html[data-design="armufa-modern"] body :is(.pop-gacha-banner,.api-doc-button){background:#fff!important;border:1px solid #dfe8f6!important;border-radius:17px!important;box-shadow:0 6px 20px rgba(24,60,122,.06)!important;color:#183559!important}
html[data-design="armufa-modern"] body .user-promo-slider{margin-top:16px!important}
/* Admin: mobile single-column workspace and accessible menu from top header. */
html[data-design="armufa-modern"][data-admin] body .ac-nav{display:none!important}
html[data-design="armufa-modern"][data-admin] body :is(.adm-grid,.adm-links,.cfg-grid,.adm-stats,.adm-stat-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero){background:linear-gradient(130deg,#0b4db9,#2578f3)!important;color:#fff!important;border:1px solid #4589f7!important;border-radius:22px!important;box-shadow:0 10px 25px rgba(20,79,183,.15)!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero) :is(h1,h2,p,span){color:#fff!important;-webkit-text-fill-color:#fff!important}
html[data-design="armufa-modern"][data-admin] body :is(.ac-hero,.adm-hero) .adm-hero-ico{background:#ffffff20!important;color:#fff!important;border-color:#ffffff3b!important}
html[data-design="armufa-modern"][data-admin] body #adminMenu.ac-dialog[open]{
  position:fixed!important;inset:0 auto 0 0!important;left:0!important;right:auto!important;bottom:0!important;
  width:min(86vw,420px)!important;max-width:calc(100vw - 28px)!important;height:100dvh!important;max-height:100dvh!important;
  margin:0!important;padding:0 0 14px!important;background:#fff!important;color:#173356!important;
  overflow-y:auto!important;border:0!important;border-radius:0!important;box-shadow:15px 0 45px #061c423a!important;
  animation:syDrawerEnter .24s ease both!important;
}
html[data-design="armufa-modern"][data-admin] body #adminMenu.ac-dialog::backdrop{background:#183a6b70!important;backdrop-filter:blur(1px)!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog-head{position:sticky!important;top:0!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:22px 18px 15px!important;background:#fff!important;border-bottom:1px solid #dce6f7!important}
html[data-design="armufa-modern"][data-admin] body .ac-dialog-head h2{font:900 21px 'Nunito',sans-serif!important;color:#193354!important}
html[data-design="armufa-modern"][data-admin] body .ac-eyebrow{color:#2472e3!important}
html[data-design="armufa-modern"][data-admin] body .ac-close{width:35px!important;height:35px!important;background:#eff5ff!important;color:#2c5ea9!important;border:1px solid #dce9fa!important;border-radius:11px!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-grid{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;padding:12px!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card{display:grid!important;grid-template-columns:38px 1fr!important;grid-template-rows:auto auto!important;gap:0 12px!important;min-height:60px!important;align-items:center!important;padding:10px 13px!important;border:0!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important;transform:none!important;text-align:left!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card.active{background:#eaf2ff!important;box-shadow:inset 4px 0 #2873e4!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card .ac-menu-icon{grid-row:span 2!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;background:#e9f1ff!important;border:0!important;color:#2371dd!important;box-shadow:none!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card strong{font-size:13px!important;color:#233d62!important;white-space:normal!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card small{font-size:10px!important;color:#788aa3!important}
html[data-design="armufa-modern"][data-admin] body .ac-menu-card .ac-current{display:none!important}
/* API key panel: crisp developer-access card with secure contrast. */
html[data-design="armufa-modern"] body .key-page{max-width:690px!important;padding-bottom:40px!important}
html[data-design="armufa-modern"] body .key-hero{
  display:flex!important;align-items:center!important;gap:13px!important;
  background:linear-gradient(130deg,#0948b0,#277cf2)!important;
  border:1px solid #4487eb!important;border-radius:23px!important;color:#fff!important;
  padding:19px!important;box-shadow:0 12px 26px rgba(20,82,176,.16)!important;
}
html[data-design="armufa-modern"] body .key-hero-icon{display:grid!important;place-items:center!important;flex:0 0 51px!important;width:51px!important;height:54px!important;border-radius:15px!important;background:#ffffff27!important;color:#fff!important;font-size:24px!important;border:1px solid #ffffff30!important}
html[data-design="armufa-modern"] body .key-hero-copy>span{font-weight:900!important;color:#cbe0ff!important;letter-spacing:.12em!important}
html[data-design="armufa-modern"] body .key-hero-copy h2{color:#fff!important;font-size:19px!important;margin:3px 0!important}
html[data-design="armufa-modern"] body .key-hero-copy p{color:#e2edff!important;font-size:11px!important;line-height:1.55!important}
html[data-design="armufa-modern"] body .key-hero .key-status{color:#fff!important;background:#ffffff26!important;border:1px solid #ffffff37!important;border-radius:99px!important}
html[data-design="armufa-modern"] body .akey{padding:20px!important;border:1px solid #d7e4f6!important;box-shadow:0 9px 28px #204d9510!important}
html[data-design="armufa-modern"] body .akey-head{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important}
html[data-design="armufa-modern"] body .akey-ico{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:15px!important;background:linear-gradient(135deg,#d8eaff,#eff5ff)!important;color:#256ce0!important;font-size:19px!important}
html[data-design="armufa-modern"] body .akey-title small{color:#2774e9!important;font-size:10px!important;letter-spacing:.12em!important}
html[data-design="armufa-modern"] body .akey-title h2{font-size:20px!important;color:#172f51!important;margin:0!important}
html[data-design="armufa-modern"] body .akey-state{margin-left:auto!important;background:#eff5ff!important;border:1px solid #dce9fa!important;border-radius:99px!important;color:#1d67bc!important;box-shadow:none!important;font-size:10px!important}
html[data-design="armufa-modern"] body .akey-msg{color:#627894!important;font-size:12px!important}
html[data-design="armufa-modern"] body .akey-field{display:flex!important;align-items:stretch!important;gap:8px!important;min-width:0!important}
html[data-design="armufa-modern"] body .akey-field input{min-width:0!important;flex:1!important;padding:12px!important;font-family:ui-monospace,monospace!important;font-size:12px!important;background:#f4f8ff!important;border:1px solid #cdddf3!important;color:#18375d!important}
html[data-design="armufa-modern"] body .akey-eye{flex:0 0 44px!important;width:44px!important;background:#e9f1ff!important;color:#246ed7!important;border:1px solid #d4e4fa!important;border-radius:12px!important;box-shadow:none!important}
html[data-design="armufa-modern"] body .akey-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important}
html[data-design="armufa-modern"] body .akey-actions .akey-btn{display:flex!important;align-items:center!important;justify-content:center!important;min-height:43px!important;padding:10px 9px!important;font-size:12px!important;gap:7px!important;text-align:center!important}
html[data-design="armufa-modern"] body .api-doc-button{display:flex!important;align-items:center!important;gap:12px!important;padding:16px!important}
html[data-design="armufa-modern"] body .api-doc-button>div{background:#e8f1ff!important;color:#2069d3!important;border-radius:13px!important}
/* Docs: keep explorer interaction and JSON readable on narrow screens. */
html[data-design="armufa-modern"] body .docs-wrap{width:calc(100% - 24px)!important;max-width:690px!important;padding:16px 0 30px!important}
html[data-design="armufa-modern"] body .docs-jump-nav{position:relative!important;top:auto!important;display:flex!important;gap:8px!important;overflow-x:auto!important;white-space:nowrap!important;background:#fff!important;padding:10px 12px!important;border-bottom:1px solid #dde8f6!important}
html[data-design="armufa-modern"] body .docs-jump-nav a{background:#eaf2ff!important;color:#245aaa!important;border:1px solid #d6e6ff!important;border-radius:10px!important;padding:8px 12px!important;font-size:11px!important}
html[data-design="armufa-modern"] body .docs-cover{display:flex!important;flex-direction:column!important;gap:12px!important;border-radius:22px!important;background:linear-gradient(136deg,#0947b0,#246dec)!important;color:#fff!important;border:1px solid #3686f5!important;padding:25px!important;box-shadow:0 11px 27px #245fbb24!important}
html[data-design="armufa-modern"] body .docs-cover h1{font-size:clamp(29px,7vw,43px)!important;color:#fff!important}
html[data-design="armufa-modern"] body .docs-cover h1 em{color:#bde3ff!important;-webkit-text-fill-color:#bde3ff!important}
html[data-design="armufa-modern"] body .docs-cover p{color:#e8f2ff!important;font-size:12px!important}
html[data-design="armufa-modern"] body .docs-cover-art{display:none!important}
html[data-design="armufa-modern"] body .docs-kicker{color:#2168cf!important}
html[data-design="armufa-modern"] body .docs-cover .docs-kicker{color:#d6e9ff!important}
html[data-design="armufa-modern"] body .docs-facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;background:transparent!important;border:0!important;margin:14px 0!important}
html[data-design="armufa-modern"] body .docs-facts>span{padding:12px 8px!important;border:1px solid #dce8f7!important;border-radius:13px!important;background:#fff!important;color:#72839b!important;font-size:10px!important}
html[data-design="armufa-modern"] body .docs-facts b{color:#164fae!important;font-size:12px!important}
html[data-design="armufa-modern"] body .docs-layout{display:block!important}
html[data-design="armufa-modern"] body .docs-sidebar{display:none!important}
html[data-design="armufa-modern"] body :is(.docs-panel,.docs-endpoint){background:#fff!important;border:1px solid #dde7f6!important;border-radius:18px!important;color:#183152!important;box-shadow:0 6px 20px #1d48930b!important}
html[data-design="armufa-modern"] body .docs-panel{padding:20px 14px!important;margin-bottom:14px!important}
html[data-design="armufa-modern"] body .docs-panel :is(h2,h3,summary b){color:#1a3252!important}
html[data-design="armufa-modern"] body :is(.docs-panel p,.docs-muted,.docs-panel li,.docs-endpoint-body p){color:#61748d!important}
html[data-design="armufa-modern"] body .docs-base-url{display:grid!important;gap:9px!important;min-width:0!important;padding:14px!important;border:1px solid #d8e7f9!important;border-radius:14px!important;background:#f4f8ff!important}
html[data-design="armufa-modern"] body .docs-base-url code{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;color:#1d4f9f!important}
html[data-design="armufa-modern"] body .docs-key{background:#eff6ff!important;border:1px solid #d5e4f9!important;border-radius:15px!important;padding:15px!important}
html[data-design="armufa-modern"] body :is(.docs-key label,.docs-key small){color:#37587f!important}
html[data-design="armufa-modern"] body .docs-key>div{display:flex!important;min-width:0!important;gap:7px!important}
html[data-design="armufa-modern"] body .docs-key input{min-width:0!important;flex:1!important}
html[data-design="armufa-modern"] body :is(.docs-key button,.docs-filters button,.docs-code-tabs button){color:#245cad!important;background:#eaf2ff!important;border:1px solid #d1e1f8!important;border-radius:10px!important;min-height:38px!important}
html[data-design="armufa-modern"] body :is(.docs-filters button.active,.docs-code-tabs button.active){background:#1763e3!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:#1763e3!important}
html[data-design="armufa-modern"] body .docs-code{display:block!important;overflow-x:auto!important;max-width:100%!important;padding:14px!important;background:#0c1c37!important;border:1px solid #284b7a!important;border-radius:12px!important}
html[data-design="armufa-modern"] body .docs-code code{color:#e0edff!important;-webkit-text-fill-color:#e0edff!important;background:transparent!important;font:12px/1.7 ui-monospace,monospace!important}
html[data-design="armufa-modern"] body :is(.docs-note,.docs-response-example,.docs-table-wrap){background:#f3f8ff!important;border-color:#d9e7f8!important;color:#365273!important;border-radius:13px!important}
html[data-design="armufa-modern"] body .docs-endpoint>summary{padding:13px!important;gap:8px!important}
html[data-design="armufa-modern"] body .docs-endpoint .docs-endpoint-body{padding:13px!important}
html[data-design="armufa-modern"] body .docs-endpoint code{overflow-wrap:anywhere!important}
html[data-design="armufa-modern"] body .docs-filters{display:flex!important;gap:6px!important;flex-wrap:wrap!important}
html[data-design="armufa-modern"] body .docs-code-tabs{display:flex!important;flex-wrap:wrap!important;gap:5px!important}
html[data-design="armufa-modern"] body .docs-footer{color:#75869f!important}
/* Phone-first: no horizontal clipping for admin, payments, forms or lists. */
@media(max-width:560px){
 html[data-design="armufa-modern"] body :is(.mc-page,.docs-wrap){width:calc(100% - 26px)!important}
 html[data-design="armufa-modern"] body .mc-header.sy-header{padding:0 13px!important}
 html[data-design="armufa-modern"] body .mc-header.sy-header .mc-logo-text{font-size:18px!important}
 html[data-design="armufa-modern"] body .sy-user-name{max-width:72px!important}
 html[data-design="armufa-modern"] body .sy-overview-grid{gap:10px!important}
 html[data-design="armufa-modern"] body .sy-overview-card{gap:8px!important;padding:10px!important;min-height:92px!important;border-radius:18px!important}
 html[data-design="armufa-modern"] body .sy-stat-ico{flex-basis:42px!important;width:42px!important;height:51px!important;font-size:19px!important;border-radius:13px!important}
 html[data-design="armufa-modern"] body .sy-stat-info{padding-left:8px!important}
 html[data-design="armufa-modern"] body .sy-stat-info strong{font-size:clamp(14px,3.6vw,19px)!important}
 html[data-design="armufa-modern"] body .sy-stat-info small{font-size:10px!important}
 html[data-design="armufa-modern"] body .sy-dashboard .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-design="armufa-modern"] body .sy-dashboard .dashboard-secondary{grid-template-columns:1fr!important}
 html[data-design="armufa-modern"] body .key-hero{flex-wrap:wrap!important}
 html[data-design="armufa-modern"] body .key-hero .key-status{margin-left:0!important}
 html[data-design="armufa-modern"][data-admin] body :is(.adm-grid,.adm-links,.cfg-grid,.adm-stats,.adm-stat-grid){grid-template-columns:1fr!important}
 html[data-design="armufa-modern"] body .auth-wrapper{width:calc(100% - 24px)!important;margin:15px auto!important;border-radius:20px!important}
 html[data-design="armufa-modern"] body .auth-showcase{display:none!important}
 html[data-design="armufa-modern"] body .auth-card{min-height:0!important;padding:27px 21px!important}
 html[data-design="armufa-modern"] body:has(.auth-wrapper){background:#f0f5ff!important}
}
@media(max-width:370px){
 html[data-design="armufa-modern"] body .sy-user-chip{gap:4px!important}
 html[data-design="armufa-modern"] body .sy-user-name{max-width:56px!important;font-size:11px!important}
 html[data-design="armufa-modern"] body .sy-brand-titles small{font-size:9px!important}
 html[data-design="armufa-modern"] body .sy-overview-card{padding:8px!important}
 html[data-design="armufa-modern"] body .sy-stat-ico{flex-basis:37px!important;width:37px!important}
 html[data-design="armufa-modern"] body .sy-stat-info strong{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
 html[data-design="armufa-modern"] body *,html[data-design="armufa-modern"] body *::before,html[data-design="armufa-modern"] body *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
}
}