:root{--wb-blue:#1677ff;--wb-blue2:#0f5fd6;--wb-soft:#eef6ff;--wb-bg:#f5f8fc;--wb-card:#fff;--wb-text:#172033;--wb-muted:#6b7890;--wb-line:#dbe5f0;--wb-danger:#dc3545;--wb-success:#16a36a}
html,body{background:var(--wb-bg)!important;color:var(--wb-text)!important}
body.volca-legacy-page{background:var(--wb-bg)!important;color:var(--wb-text)!important}
.volca-unified-sidebar{background:#fff!important;border-right:1px solid var(--wb-line)!important;color:var(--wb-text)!important;box-shadow:8px 0 24px rgba(27,66,120,.04)!important}
.volca-unified-brand{border-bottom:1px solid var(--wb-line)!important;color:var(--wb-text)!important}.volca-brand-mark{background:linear-gradient(135deg,var(--wb-blue),#55a8ff)!important;color:#fff!important}.volca-unified-brand span span,.volca-nav-label{color:#8b98aa!important}
.volca-nav-toggle,.volca-nav-item{color:#53627a!important}.volca-nav-toggle:hover,.volca-nav-item:hover,.volca-nav-item.active,.volca-nav-group.open>.volca-nav-toggle{background:var(--wb-soft)!important;color:var(--wb-blue)!important}.volca-nav-item.active{box-shadow:inset 3px 0 var(--wb-blue)!important;color:var(--wb-blue)!important}
.volca-sidebar-footer{border-color:var(--wb-line)!important}.volca-api-state{color:#6d7c91!important}.volca-signout{color:var(--wb-danger)!important}
.volca-unified-topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--wb-line)!important;color:var(--wb-text)!important;box-shadow:0 3px 14px rgba(27,66,120,.04)!important}.volca-page-eyebrow{color:var(--wb-blue)!important}.volca-page-title{color:var(--wb-text)!important}.volca-top-btn,.volca-profile-btn{background:#fff!important;border:1px solid var(--wb-line)!important;color:#33445d!important;border-radius:9px!important}.volca-top-btn:hover,.volca-profile-btn:hover{background:var(--wb-soft)!important;color:var(--wb-blue)!important}.volca-build-badge{background:var(--wb-soft)!important;border-color:#d7e9ff!important;color:var(--wb-blue)!important}
body.volca-legacy-page h1,body.volca-legacy-page h2,body.volca-legacy-page h3,body.volca-legacy-page h4{color:var(--wb-text)!important}body.volca-legacy-page p,body.volca-legacy-page span,body.volca-legacy-page small{border-color:var(--wb-line)!important}body.volca-legacy-page .muted,body.volca-legacy-page .helper,body.volca-legacy-page small{color:var(--wb-muted)!important}
body.volca-legacy-page .panel,body.volca-legacy-page .metric,body.volca-legacy-page .card,body.volca-legacy-page .user,body.volca-legacy-page .section,body.volca-legacy-page .item,body.volca-legacy-page .preview,body.volca-legacy-page .stat,body.volca-legacy-page .form,body.volca-legacy-page .info-card,body.volca-legacy-page .settings-card,body.volca-legacy-page .module-card,body.volca-legacy-page article{background:#fff!important;color:var(--wb-text)!important;border:1px solid var(--wb-line)!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(29,69,120,.045)!important}
body.volca-legacy-page .item{background:#fff!important}body.volca-legacy-page .notice{background:var(--wb-soft)!important;border:1px solid #cfe4ff!important;color:#345474!important;border-radius:10px!important}body.volca-legacy-page .notice b{color:#173c69!important}
body.volca-legacy-page input:not([type=checkbox]):not([type=radio]):not([type=color]),body.volca-legacy-page select,body.volca-legacy-page textarea{background:#fff!important;border:1px solid #cfdbea!important;color:var(--wb-text)!important;border-radius:9px!important;min-height:42px!important;padding:9px 12px!important}body.volca-legacy-page input::placeholder,body.volca-legacy-page textarea::placeholder{color:#91a0b5!important}body.volca-legacy-page input:focus,body.volca-legacy-page select:focus,body.volca-legacy-page textarea:focus{border-color:var(--wb-blue)!important;box-shadow:0 0 0 3px rgba(22,119,255,.10)!important}body.volca-legacy-page label{color:#42536d!important}
body.volca-legacy-page .btn,body.volca-legacy-page button{min-height:38px!important;border-radius:8px!important;font-weight:700!important}body.volca-legacy-page .btn.primary,body.volca-legacy-page button.primary,body.volca-legacy-page .primary{background:var(--wb-blue)!important;color:#fff!important;border:1px solid var(--wb-blue)!important}body.volca-legacy-page .btn.ghost,body.volca-legacy-page button.ghost,body.volca-legacy-page .ghost{background:#fff!important;color:#3e506a!important;border:1px solid #cfdaea!important}body.volca-legacy-page .btn.danger,body.volca-legacy-page .danger{background:#fff1f2!important;color:#bd2c3b!important;border:1px solid #f2c7cc!important}body.volca-legacy-page .btn.success,body.volca-legacy-page .success{background:#eaf9f3!important;color:#087a4c!important;border:1px solid #bfe9d7!important}body.volca-legacy-page .btn.warning,body.volca-legacy-page .warning{background:#fff7e8!important;color:#9b6500!important;border:1px solid #f2dfb2!important}
body.volca-legacy-page .tabs button,body.volca-legacy-page .tab,body.volca-legacy-page .vip-tabs button{background:#fff!important;color:#52627a!important;border:1px solid var(--wb-line)!important;border-radius:9px!important}body.volca-legacy-page .tabs button.active,body.volca-legacy-page .tab.active,body.volca-legacy-page .vip-tabs button.active{background:var(--wb-blue)!important;color:#fff!important;border-color:var(--wb-blue)!important}
body.volca-legacy-page table{background:#fff!important;color:var(--wb-text)!important}body.volca-legacy-page th{background:#f1f6fc!important;color:#52627a!important}body.volca-legacy-page th,body.volca-legacy-page td{border-color:#e5edf6!important}body.volca-legacy-page tbody tr:hover{background:#f8fbff!important}
body.volca-legacy-page .badge,body.volca-legacy-page .pill{background:#edf3fa!important;color:#506079!important;border:1px solid #dce6f1!important}body.volca-legacy-page .badge.live,body.volca-legacy-page .badge.active,body.volca-legacy-page .pill.active{background:#e9f9f2!important;color:#087a4c!important;border-color:#c7ebda!important}
body.volca-legacy-page .modal{background:rgba(18,43,75,.32)!important}body.volca-legacy-page .box,body.volca-legacy-page .modal-card{background:#fff!important;color:var(--wb-text)!important;border:1px solid var(--wb-line)!important;border-radius:14px!important;box-shadow:0 28px 80px rgba(28,62,104,.22)!important}
/* Compact list rows */
body.volca-legacy-page #userGrid,body.volca-legacy-page #approvalGrid,body.volca-legacy-page #hostGrid,body.volca-legacy-page #grid.row-list{display:flex!important;flex-direction:column!important;gap:8px!important;grid-template-columns:none!important}body.volca-legacy-page #userGrid>.card,body.volca-legacy-page #approvalGrid>.card,body.volca-legacy-page #hostGrid>.card,body.volca-legacy-page #grid.row-list>.user{width:100%!important;min-height:0!important;padding:12px 14px!important;margin:0!important}
/* Digital Store: compact square tiles, max 8 per row */
body.volca-legacy-page #storeCards{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:10px!important}body.volca-legacy-page #storeCards .item-card{min-width:0!important;padding:9px!important;aspect-ratio:1/1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}body.volca-legacy-page #storeCards .item-image{height:auto!important;aspect-ratio:1.7/1!important;min-height:62px!important;border-radius:8px!important;overflow:hidden!important;background:#f2f7fd!important}body.volca-legacy-page #storeCards .item-image img{width:100%!important;height:100%!important;object-fit:contain!important}body.volca-legacy-page #storeCards h3{font-size:12px!important;margin:6px 0 2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}body.volca-legacy-page #storeCards p{display:none!important}body.volca-legacy-page #storeCards .meta{display:flex!important;gap:3px!important;flex-wrap:wrap!important}body.volca-legacy-page #storeCards .pill{font-size:8px!important;padding:2px 5px!important}body.volca-legacy-page #storeCards .price{font-size:12px!important;margin-top:auto!important;color:var(--wb-blue)!important;font-weight:800!important}body.volca-legacy-page #storeCards .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:5px!important}body.volca-legacy-page #storeCards .actions .btn{min-height:30px!important;padding:4px!important;font-size:10px!important}
/* Bean seller: stats top, sellers full-width rows */
body.volca-legacy-page #coinSellerApplications{display:flex!important;flex-direction:column!important;gap:8px!important}body.volca-legacy-page #coinSellerApplications>.metrics{order:-1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important}body.volca-legacy-page #coinSellerApplications>article{width:100%!important;padding:12px 14px!important}body.volca-legacy-page #coinSellerApplications .facts{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}body.volca-legacy-page #coinSellerApplications .facts>div{background:#f6f9fd!important;border:1px solid #e3ebf5!important;border-radius:8px!important;padding:8px!important}
/* Media approval */
body.volca-legacy-page #grid{gap:10px!important}.media-choice-note{font-size:12px;color:var(--wb-muted);margin:4px 0 10px}
.volca-profile-btn{min-height:36px;padding:8px 12px;font-weight:700;cursor:pointer}.volca-profile-avatar{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--wb-blue);color:#fff;margin-right:6px;font-size:11px}
@media(max-width:1500px){body.volca-legacy-page #storeCards{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media(max-width:1200px){body.volca-legacy-page #storeCards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}@media(max-width:900px){body.volca-legacy-page #storeCards{grid-template-columns:repeat(3,minmax(0,1fr))!important}.volca-unified-topbar{left:0!important}.volca-profile-btn .profile-label{display:none}body.volca-legacy-page #coinSellerApplications .facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:620px){body.volca-legacy-page #storeCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.volca-legacy-page #coinSellerApplications>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.volca-legacy-page #coinSellerApplications .facts{grid-template-columns:1fr!important}.volca-topbar-actions{gap:5px!important}.volca-top-btn{padding:7px 8px!important}}

/* v10.0.61 strict white + blue portal pass */
:root{
  --wb-blue:#1677ff;
  --wb-blue2:#0f5fd6;
  --wb-blue3:#0b4fb6;
  --wb-nav:#0f5fd6;
  --wb-nav2:#0b4fb6;
  --wb-bg:#f5f8fc;
  --wb-card:#ffffff;
  --wb-soft:#eef6ff;
  --wb-text:#172033;
  --wb-muted:#6b7890;
  --wb-line:#dbe5f0;
}
html{background:var(--wb-bg)!important;color-scheme:light!important}
body{background:var(--wb-bg)!important;color:var(--wb-text)!important}

/* Main dashboard shell (index.html does not use volca-legacy-page) */
.app-shell,.main,.page{background:var(--wb-bg)!important;color:var(--wb-text)!important}
.main{min-height:100vh!important}
.sidebar,.volca-unified-sidebar{
  background:linear-gradient(180deg,var(--wb-nav) 0%,var(--wb-nav2) 100%)!important;
  color:#fff!important;border-right:0!important;box-shadow:10px 0 28px rgba(15,95,214,.12)!important;
}
.sidebar-brand,.volca-unified-brand{border-bottom:1px solid rgba(255,255,255,.18)!important;color:#fff!important}
.sidebar-brand b,.sidebar-brand span,.volca-unified-brand b,.volca-unified-brand span,.volca-unified-brand span span{color:#fff!important}
.brand-mark,.volca-brand-mark{background:#fff!important;color:var(--wb-blue2)!important;box-shadow:none!important}
.nav-section-label,.volca-nav-label{color:rgba(255,255,255,.68)!important}
.nav-item,.nav-group-toggle,.volca-nav-item,.volca-nav-toggle{color:rgba(255,255,255,.94)!important;background:transparent!important}
.nav-item:hover,.nav-item.active,.nav-group-toggle:hover,.nav-group.open>.nav-group-toggle,.volca-nav-item:hover,.volca-nav-item.active,.volca-nav-toggle:hover,.volca-nav-group.open>.volca-nav-toggle{
  background:rgba(255,255,255,.14)!important;color:#fff!important
}
.nav-submenu .nav-item,.volca-nav-submenu .volca-nav-item{color:rgba(255,255,255,.88)!important}
.sidebar-footer,.volca-sidebar-footer{border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.sidebar-footer .status-dot,.volca-api-state{color:rgba(255,255,255,.82)!important}
.sidebar-footer .text-button,.volca-signout{color:#fff!important}

.topbar,.volca-unified-topbar{background:#fff!important;color:var(--wb-text)!important;border-bottom:1px solid var(--wb-line)!important;box-shadow:0 3px 14px rgba(27,66,120,.05)!important}
.topbar h1,.topbar h2,.volca-page-title{color:var(--wb-text)!important}
.eyebrow,.volca-page-eyebrow{color:var(--wb-blue)!important}
.admin-chip,.volca-profile-btn,.volca-top-btn{background:#fff!important;color:#33445d!important;border:1px solid var(--wb-line)!important}
.admin-chip .avatar,.volca-profile-avatar{background:var(--wb-blue)!important;color:#fff!important}

/* Core content surfaces */
.panel,.metric-card,.room-card,.report-card,.gift-admin-card,.health-item,.room-row,.list-item,.timeline-item,.detail-box,.form-panel,.settings-card,.module-card,.card,.item,.user,.section,.preview,.stat,.info-card,article{
  background:#fff!important;color:var(--wb-text)!important;border-color:var(--wb-line)!important;box-shadow:0 3px 12px rgba(29,69,120,.045)!important
}
.panel h1,.panel h2,.panel h3,.panel h4,.metric-card h3,.room-card h3,.report-card h3,.gift-admin-card h3{color:var(--wb-text)!important}
.panel p,.panel span,.panel small,.room-row span,.list-item span,.timeline-item p,.timeline-item time,.muted,.helper{color:var(--wb-muted)!important}
.dashboard-chart{background:#f8fbff!important;border:1px solid var(--wb-line)!important}
.health-item,.room-row,.list-item,.timeline-item,.stat-strip div,.detail-box{background:#f8fbff!important}

/* Tables: force readable white rows */
.table-panel,.table-wrap,.tablewrap,.table{background:#fff!important;color:var(--wb-text)!important}
table{background:#fff!important;color:var(--wb-text)!important}
thead,thead tr,th{background:#eef5fd!important;color:#42536d!important}
tbody,tbody tr,td{background:#fff!important;color:var(--wb-text)!important}
tbody tr:nth-child(even) td{background:#fbfdff!important}
tbody tr:hover td{background:#f2f8ff!important}
th,td{border-color:#e4ecf5!important}
td a,td button:not(.button):not(.btn){color:var(--wb-blue2)!important}

/* Forms and filters */
.search-box,.segmented,.settings-tabs{background:#fff!important;border:1px solid var(--wb-line)!important;color:var(--wb-text)!important}
input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{
  background:#fff!important;color:var(--wb-text)!important;border:1px solid #cfdbea!important
}
input::placeholder,textarea::placeholder{color:#91a0b5!important}
input:focus,select:focus,textarea:focus{border-color:var(--wb-blue)!important;box-shadow:0 0 0 3px rgba(22,119,255,.10)!important}
label{color:#42536d!important}

/* Buttons */
.button.primary,.btn.primary,button.primary,.primary{background:var(--wb-blue)!important;color:#fff!important;border-color:var(--wb-blue)!important}
.button.ghost,.btn.ghost,button.ghost,.ghost{background:#fff!important;color:#3e506a!important;border:1px solid #cfdaea!important}
.button.danger,.btn.danger,.danger{background:#fff1f2!important;color:#bd2c3b!important;border-color:#f2c7cc!important}
.button.success,.btn.success,.success{background:#eaf9f3!important;color:#087a4c!important;border-color:#bfe9d7!important}
.text-button{color:var(--wb-blue2)!important}

/* Badges and tabs */
.badge,.pill{background:#edf3fa!important;color:#506079!important;border-color:#dce6f1!important}
.badge.active,.badge.live,.badge.resolved,.badge.approved,.pill.active{background:#e9f9f2!important;color:#087a4c!important}
.badge.pending,.badge.reviewing{background:#fff7e8!important;color:#9b6500!important}
.badge.rejected,.badge.banned,.badge.urgent,.badge.open,.badge.closed{background:#fff1f2!important;color:#bd2c3b!important}
.segmented button,.settings-tabs button,.tabs button,.tab,.vip-tabs button{background:#fff!important;color:#52627a!important;border:1px solid var(--wb-line)!important}
.segmented button.active,.settings-tabs button.active,.tabs button.active,.tab.active,.vip-tabs button.active{background:var(--wb-blue)!important;color:#fff!important;border-color:var(--wb-blue)!important}

/* Modals */
.modal,.modal-backdrop{background:rgba(29,57,92,.30)!important}
.modal-card,.box{background:#fff!important;color:var(--wb-text)!important;border:1px solid var(--wb-line)!important}
.modal-close{background:var(--wb-soft)!important;color:var(--wb-blue2)!important}
.danger-zone{background:#fff7f8!important;border-color:#f0cbd0!important}

/* index.html specific old dark components */
.country{color:#1677ff!important}.level-text{color:#8b6200!important}.balance-bean{color:#d26900!important}.balance-gem{color:#147d91!important}
.user-avatar,.agency-logo,.agency-banner,.room-art{background:#eef4fb!important;color:#33445d!important}
.stat-strip div,.seat-mini{background:#f7faff!important;color:#52627a!important;border-color:#dce6f1!important}
.seat-mini.occupied{border-color:#8fbfff!important;color:#0f5fd6!important}.seat-mini.locked{border-color:#e6bf6e!important;color:#8a6500!important}
.notice{background:var(--wb-soft)!important;border-color:#cfe4ff!important;color:#345474!important}

/* Keep login professional but light */
.login-shell{background:var(--wb-bg)!important}.login-card{background:#fff!important;color:var(--wb-text)!important}.login-art{background:linear-gradient(145deg,var(--wb-blue2),#2d8cff)!important;color:#fff!important}

@media(max-width:860px){
  .sidebar,.volca-unified-sidebar{box-shadow:10px 0 28px rgba(15,95,214,.22)!important}
}


/* v10.0.62 navigation visibility: blue navigation, white workspace */
:root{--wb-nav:#0f6fdc;--wb-nav-deep:#0b5fbe;--wb-nav-soft:#dcecff}
.volca-unified-sidebar,.sidebar{background:linear-gradient(180deg,var(--wb-nav),var(--wb-nav-deep))!important;border-right:0!important;color:#fff!important;box-shadow:8px 0 24px rgba(10,72,150,.18)!important}
.volca-unified-brand{border-bottom-color:rgba(255,255,255,.18)!important}.volca-unified-brand b,.volca-unified-brand span,.volca-nav-label{color:#fff!important}.volca-unified-brand span span{color:#d9ebff!important}
.volca-brand-mark{background:#fff!important;color:var(--wb-nav)!important;box-shadow:none!important}
.volca-nav-item,.volca-nav-toggle{color:#eaf4ff!important}.volca-nav-item:hover,.volca-nav-toggle:hover,.volca-nav-group.open>.volca-nav-toggle{background:rgba(255,255,255,.12)!important;color:#fff!important}.volca-nav-item.active{background:#fff!important;color:var(--wb-nav)!important;box-shadow:none!important;font-weight:800!important}
.volca-sidebar-footer{border-top-color:rgba(255,255,255,.18)!important}.volca-api-state{color:#d9ebff!important}.volca-signout{color:#fff!important}
.volca-unified-topbar{background:#fff!important;color:var(--wb-text)!important}.volca-menu{background:var(--wb-nav)!important;color:#fff!important;border-color:var(--wb-nav)!important}
html,body,body.volca-legacy-page{background:#f7faff!important;color:var(--wb-text)!important;color-scheme:light!important}


/* v10.0.64 FINAL NAV + BRAND OVERRIDE */
html,body,body.volca-legacy-page{background:#f7faff!important;color:#16243a!important;color-scheme:light!important}
.volca-unified-sidebar,.sidebar{background:#0f6fdc!important;background-image:none!important;border-right:0!important;color:#fff!important;box-shadow:8px 0 26px rgba(15,83,170,.18)!important}
.volca-unified-sidebar *,.sidebar *{border-color:rgba(255,255,255,.14)!important}
.volca-unified-brand{background:#0f6fdc!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
.volca-unified-brand b{color:#fff!important}.volca-unified-brand>span:last-child>span{color:#dcecff!important}
.volca-brand-mark{width:42px!important;height:42px!important;border-radius:10px!important;background:#fff!important;padding:3px!important;overflow:hidden!important;display:grid!important;place-items:center!important}
.volca-brand-mark img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:8px!important;display:block!important}
.volca-nav-label{color:#cfe4ff!important}
.volca-nav-toggle,.volca-nav-item{color:#f4f9ff!important;background:transparent!important}
.volca-nav-toggle:hover,.volca-nav-item:hover,.volca-nav-group.open>.volca-nav-toggle{background:rgba(255,255,255,.13)!important;color:#fff!important}
.volca-nav-item.active{background:#fff!important;color:#0f6fdc!important;font-weight:800!important;box-shadow:none!important}
.volca-nav-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important}
.volca-nav-img{width:18px!important;height:18px!important;object-fit:contain!important;display:block!important}
.volca-sidebar-footer{background:#0f6fdc!important;border-top:1px solid rgba(255,255,255,.18)!important}.volca-api-state,.volca-signout{color:#fff!important}
.volca-unified-topbar{background:#fff!important;color:#16243a!important;border-bottom:1px solid #dce7f3!important}.volca-page-title{color:#16243a!important}.volca-page-eyebrow{color:#0f6fdc!important}
body.volca-legacy-page .top{display:none!important}
body.volca-legacy-page .wrap,body.volca-legacy-page main{background:#f7faff!important;color:#16243a!important}
body.volca-legacy-page .bar{background:#fff!important;border:1px solid #dce7f3!important;color:#16243a!important}
body.volca-legacy-page .bulkbar{background:#fff!important;border:1px solid #dce7f3!important;color:#16243a!important}
body.volca-legacy-page #grid{background:#fff!important;border-color:#dce7f3!important;color:#16243a!important}

/* =========================================================
   VOLCA v10.0.66 STRICT RESPONSIVE AUDIT
   Global layout safety + Digital Store card visibility
   ========================================================= */
html,body{max-width:100%;overflow-x:hidden!important}
body.volca-legacy-page{min-width:0!important}
body.volca-legacy-page main,
body.volca-legacy-page .main,
body.volca-legacy-page .wrap,
body.volca-legacy-page .shell,
body.volca-legacy-page .app{min-width:0!important;max-width:100%!important}

/* Never let content disappear inside cards/panels */
body.volca-legacy-page .card,
body.volca-legacy-page .item,
body.volca-legacy-page .item-card,
body.volca-legacy-page .panel,
body.volca-legacy-page .module-card,
body.volca-legacy-page .info-card,
body.volca-legacy-page .settings-card,
body.volca-legacy-page .room-card{
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}

/* Digital Store: max 8 square-ish cards per row, responsive down */
body.volca-legacy-page #storeCards.cards{
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.volca-legacy-page #storeCards .item-card{
  display:flex!important;
  flex-direction:column!important;
  padding:9px!important;
  border-radius:12px!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.volca-legacy-page #storeCards .item-image{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  max-height:none!important;
  margin:0 0 8px!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
body.volca-legacy-page #storeCards .item-image img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important
}
body.volca-legacy-page #storeCards .panel-head{
  display:flex!important;align-items:flex-start!important;gap:6px!important;margin:0 0 6px!important;min-height:30px!important
}
body.volca-legacy-page #storeCards .panel-head h3{
  flex:1 1 auto!important;min-width:0!important;margin:0!important;font-size:12px!important;line-height:1.25!important;
  overflow-wrap:anywhere!important;word-break:break-word!important
}
body.volca-legacy-page #storeCards .pill{font-size:8px!important;padding:3px 6px!important;line-height:1.15!important;white-space:nowrap!important}
body.volca-legacy-page #storeCards .meta{margin:5px 0!important;gap:4px!important;min-height:20px!important}
body.volca-legacy-page #storeCards .price{font-size:14px!important;line-height:1.2!important;margin:3px 0 5px!important}
body.volca-legacy-page #storeCards .item-card p{
  font-size:9.5px!important;line-height:1.35!important;margin:2px 0 7px!important;
  overflow-wrap:anywhere!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important
}
body.volca-legacy-page #storeCards .actions{
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:auto!important;padding-top:4px!important;width:100%!important
}
body.volca-legacy-page #storeCards .actions .btn{
  display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;
  min-height:32px!important;height:32px!important;padding:4px 6px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important
}

/* Generic grid safety */
body.volca-legacy-page .grid,
body.volca-legacy-page .cards,
body.volca-legacy-page .metrics,
body.volca-legacy-page .room-grid,
body.volca-legacy-page .two,
body.volca-legacy-page .formgrid,
body.volca-legacy-page .form-grid,
body.volca-legacy-page .skin-layout,
body.volca-legacy-page .skin-form,
body.volca-legacy-page .skin-metrics{
  min-width:0!important;max-width:100%!important
}
body.volca-legacy-page .grid>* ,
body.volca-legacy-page .cards>* ,
body.volca-legacy-page .metrics>* ,
body.volca-legacy-page .room-grid>* ,
body.volca-legacy-page .two>* ,
body.volca-legacy-page .formgrid>* ,
body.volca-legacy-page .form-grid>*{
  min-width:0!important;max-width:100%!important
}

/* Buttons should not be clipped */
body.volca-legacy-page .actions,
body.volca-legacy-page .toolbar,
body.volca-legacy-page .panel-head,
body.volca-legacy-page .row,
body.volca-legacy-page .button-row{
  min-width:0!important;max-width:100%!important;flex-wrap:wrap!important
}
body.volca-legacy-page button,
body.volca-legacy-page .btn,
body.volca-legacy-page .button{
  max-width:100%!important
}

/* Tables: preserve every column and scroll horizontally when needed */
body.volca-legacy-page .table-wrap,
body.volca-legacy-page .table-container,
body.volca-legacy-page .responsive-table{
  width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important
}
body.volca-legacy-page table{max-width:none!important}
body.volca-legacy-page th,body.volca-legacy-page td{vertical-align:middle!important}

/* Forms */
body.volca-legacy-page input:not([type=checkbox]):not([type=radio]):not([type=color]),
body.volca-legacy-page select,
body.volca-legacy-page textarea{
  min-width:0!important;max-width:100%!important
}

/* Modal safety on every viewport */
body.volca-legacy-page .modal,
body.volca-legacy-page .modal-backdrop{padding:12px!important;overflow:auto!important}
body.volca-legacy-page .modal-card,
body.volca-legacy-page .modalbox,
body.volca-legacy-page .box{
  width:min(760px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 24px)!important;overflow:auto!important
}

/* Responsive breakpoints for Digital Store */
@media (max-width:1750px){body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(7,minmax(0,1fr))!important}}
@media (max-width:1540px){body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (max-width:1320px){body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
@media (max-width:1120px){body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (max-width:900px){
  body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.volca-legacy-page .two{grid-template-columns:1fr!important}
  body.volca-legacy-page .toolbar{align-items:stretch!important}
}
@media (max-width:680px){
  body.volca-legacy-page #storeCards.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body.volca-legacy-page #storeCards .item-card{padding:8px!important}
  body.volca-legacy-page .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.volca-legacy-page .panel-head{align-items:flex-start!important}
  body.volca-legacy-page .toolbar,body.volca-legacy-page .toolbar .left{width:100%!important;flex-direction:column!important;align-items:stretch!important}
  body.volca-legacy-page .toolbar select,body.volca-legacy-page .toolbar input,body.volca-legacy-page .toolbar button{width:100%!important}
}
@media (max-width:430px){
  body.volca-legacy-page #storeCards.cards{grid-template-columns:1fr 1fr!important}
  body.volca-legacy-page #storeCards .actions{grid-template-columns:1fr!important}
  body.volca-legacy-page #storeCards .actions .btn{height:30px!important;min-height:30px!important}
  body.volca-legacy-page .metrics{grid-template-columns:1fr!important}
}

/* Sidebar/topbar responsive safety */
@media (max-width:900px){
  body.volca-legacy-page{padding-left:14px!important;padding-right:14px!important}
  .volca-unified-topbar{left:0!important;padding-left:14px!important;padding-right:14px!important}
  .volca-unified-sidebar{transform:translateX(-105%);transition:transform .22s ease!important;box-shadow:10px 0 28px rgba(15,95,214,.20)!important}
  body.volca-nav-open .volca-unified-sidebar,.volca-unified-sidebar.open{transform:translateX(0)!important}
  .volca-menu{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .volca-topbar-actions{gap:5px!important}.volca-top-btn{padding:8px 9px!important;font-size:11px!important}
}