/* VERVE POS Web — FINAL RECOVERY PASS 2026-09-29
   Implements the user's documented final-pass UI/QC requirements on top of RC6.4.3.3.
   Scope is targeted: readability, sidebar grouping, overlays/drawers, responsive fixes,
   admin unlock visibility, and dead-control repairs. */

:root{
  --vfr-sidebar:248px;
  --vfr-sidebar-collapsed:72px;
}

/* ===== READABILITY / TYPOGRAPHY ===== */
html,body{font-size:16px!important}
.vd-content{font-size:15px!important}
.vd-topbar h1{font-size:28px!important;line-height:1.1!important}
.vd-section-head h2{font-size:27px!important;line-height:1.15!important}
.vd-card h3,.vd-card h4,.card h3,.card h4{font-size:18px!important;line-height:1.25!important}
.vd-card p,.card p,.muted{font-size:14px!important;line-height:1.52!important}
.vd-kicker,.eyebrow,.vf-eyebrow{font-size:12.5px!important;letter-spacing:.12em!important}
button,.vd-primary,.primary{font-size:14px!important}
input,select,textarea{font-size:15px!important}
label,.vd-field{font-size:13.5px!important}
small{font-size:12px}
.vd-stat small{font-size:12.5px!important}.vd-stat strong{font-size:30px!important}.vd-stat em{font-size:12px!important}

/* ===== SIDEBAR: same concept, corrected proportions / hierarchy ===== */
.vd-app{grid-template-columns:var(--vfr-sidebar) minmax(0,1fr)!important}
.vd-app.collapsed{grid-template-columns:var(--vfr-sidebar-collapsed) minmax(0,1fr)!important}
.vd-sidebar{overflow:visible!important}
.vd-sidebar-toggle{height:44px!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;padding:8px 12px 0!important}
.vd-collapse{font-size:19px!important;width:36px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important}
.vd-sidebar-head{min-height:92px!important;padding:0 12px 8px!important;display:flex!important;justify-content:center!important}
.vd-sidebar-head img{width:158px!important;height:88px!important;max-width:100%!important;object-fit:contain!important}
.vd-app.collapsed .vd-sidebar-toggle{height:42px!important;padding:6px 0 0!important;justify-content:center!important}
.vd-app.collapsed .vd-sidebar-head{min-height:57px!important;padding:0 4px 7px!important}
.vd-app.collapsed .vd-sidebar-head img{width:48px!important;height:49px!important}

.vd-outlet{margin:5px 11px 12px!important}
.vd-outlet>button{min-height:46px!important;padding:9px 12px!important;border-radius:13px!important;justify-content:center!important}
.vd-outlet>button span{display:block!important;text-align:center!important;width:100%!important}
.vd-outlet>button small{display:none!important}
.vd-outlet>button b{font-size:15px!important;line-height:1!important;color:#fff!important}

.vd-nav-top-level{padding:0 8px 12px!important;overflow-y:auto!important;overflow-x:visible!important}
.vd-nav-section,.vfr-nav-section{display:block;margin:13px 10px 5px!important;color:rgba(255,255,255,.55)!important;font-size:10px!important;line-height:1.2!important;letter-spacing:.13em!important;font-weight:900!important;text-transform:uppercase}
.vd-nav-top-level .vd-nav-item{min-height:44px!important;margin:2px 0!important;padding:5px 10px!important;grid-template-columns:32px minmax(0,1fr) auto!important;gap:8px!important;border-radius:11px!important}
.vd-nav-top-level .vd-nav-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important}
.vd-nav-top-level .vd-nav-icon svg{width:22px!important;height:22px!important}
.vd-nav-top-level .vd-nav-label{font-size:14px!important;font-weight:760!important;white-space:nowrap!important}
.vd-nav-top-level .vd-unread-badge{font-size:10px!important;min-width:20px!important}
.vd-nav-top-level .vd-nav-item.active::before{left:-8px!important;top:8px!important;bottom:8px!important;width:3px!important}

/* hide obsolete top-level Catalog: Manage Menu lives in New Sale for Admin/Owner */
.vd-nav-top-level [data-view="menu"]{display:none!important}

/* targeted inline submenus for expanded sidebar */
.vfr-inline-subnav{display:none;margin:1px 0 7px 40px;padding-left:8px;border-left:1px solid rgba(255,255,255,.12)}
.vfr-inline-subnav.open{display:grid;gap:2px}
.vfr-inline-subnav button{border:0;background:transparent;color:#bfcac8;text-align:left;padding:7px 8px;border-radius:8px;font-size:12.5px!important;cursor:pointer}
.vfr-inline-subnav button:hover,.vfr-inline-subnav button.active{background:rgba(255,255,255,.08);color:#fff}
.vd-app.collapsed .vfr-inline-subnav{display:none!important}
.vd-app.collapsed .vd-nav-section,.vd-app.collapsed .vfr-nav-section,.vd-app.collapsed .vd-nav-label,.vd-app.collapsed .vd-unread-badge{display:none!important}
.vd-app.collapsed .vd-nav-top-level{padding:3px 8px 10px!important}
.vd-app.collapsed .vd-nav-top-level .vd-nav-item{width:50px!important;height:46px!important;min-height:46px!important;margin:3px auto!important;padding:0!important;grid-template-columns:1fr!important;place-items:center!important}
.vd-app.collapsed .vd-nav-top-level .vd-nav-icon,.vd-app.collapsed .vd-nav-top-level .vd-nav-icon svg{width:25px!important;height:25px!important}

.vd-sidebar-bottom{padding:9px!important;gap:8px!important}
.vd-status-ghost,.vd-kshield{width:43px!important;height:43px!important;border-radius:12px!important}
.vd-app.collapsed .vd-sidebar-bottom{display:grid!important;justify-content:center!important;padding:8px!important}

/* ===== TOP BAR ===== */
.vd-topbar{height:68px!important;padding:0 22px!important;gap:12px!important}
.vd-title-block{display:flex!important;align-items:center!important;gap:10px!important;min-width:0}
.vd-admin-badge{font-size:11px!important;padding:5px 8px!important;border-radius:999px!important;cursor:pointer!important}
.vd-top-actions{gap:8px!important;min-width:0}
.vd-prayer-pill{min-width:232px!important;min-height:42px!important}
.vd-prayer-main b{font-size:11px!important}.vd-prayer-main small{font-size:9.5px!important}.vd-prayer-meta time{font-size:11px!important}.vd-prayer-meta b{font-size:9px!important}
.vd-action-menu{width:190px!important}.vd-action-menu button{font-size:13px!important;min-height:38px!important;padding:8px 10px!important}

/* announcement ticker beside JAKIM */
.vfr-announcement{max-width:360px;min-width:180px;height:38px;border:1px solid var(--line);background:var(--surface);border-radius:12px;display:flex;align-items:center;overflow:hidden;position:relative;color:var(--text)}
.vfr-announcement[hidden]{display:none!important}
.vfr-announcement::before{content:"NOTICE";align-self:stretch;display:flex;align-items:center;padding:0 9px;font-size:9px;font-weight:900;letter-spacing:.11em;color:var(--pink);border-right:1px solid var(--line);background:color-mix(in srgb,var(--pink) 5%,var(--surface2))}
.vfr-announcement-track{white-space:nowrap;padding-left:100%;animation:vfrTicker 18s linear infinite;font-size:12px;font-weight:700}
.vfr-announcement:hover .vfr-announcement-track{animation-play-state:paused}
@keyframes vfrTicker{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.vfr-announcement-track{animation:none!important;padding-left:12px!important;transform:none!important}}

/* ===== DASHBOARD: keep useful density at common laptop widths ===== */
.vd-content{padding:20px 22px 28px!important;height:calc(100vh - 68px)!important}
.vd-dashboard-content{max-width:none!important;width:100%!important}
.vd-dashboard-hero{margin-bottom:15px!important}
.vd-dashboard-hero h2{font-size:30px!important}.vd-dashboard-quote{font-size:14px!important}.vd-dashboard-context{font-size:12.5px!important}
.vd-stat-row-4{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.vd-stat{padding:15px 16px!important;min-width:0!important}
.vd-dashboard-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr)!important;gap:13px!important}
.vd-bars{height:205px!important}
.vd-bar-col small{font-size:11px!important}
.vd-payment-mix span,.vd-payment-mix b{font-size:13px!important}
.vd-quick-grid button{font-size:14px!important;min-height:45px!important}

/* ===== FORMS / MODALS ===== */
.vd-modal-card{max-height:92vh!important;overflow:auto!important;overflow-x:hidden!important}
.vd-modal-card:has(form){width:min(760px,94vw)!important;padding:20px 22px 22px!important}
.vd-modal-card .vd-form-dialog,.vd-modal-card .vf-shell,.hr-shell{max-width:700px!important;width:100%!important;margin:0 auto!important}
.vd-modal-card form{gap:15px!important}
.vd-modal-card form label,.vd-modal-card .vd-field,.hr-form-grid label{font-size:13.5px!important;font-weight:760!important;gap:7px!important}
.vd-modal-card input,.vd-modal-card select,.vd-modal-card textarea,.hr-shell input,.hr-shell select,.hr-shell textarea{font-size:15.5px!important;min-height:47px!important;padding:11px 13px!important;border-radius:12px!important}
.vd-modal-card textarea,.hr-shell textarea{min-height:96px!important}
.vd-modal-card button,.hr-shell button{font-size:14px!important;min-height:42px}
.vd-form-grid,.vd-clean-form,.hr-form-grid{gap:14px!important}
.vf-footer,.hr-actions{gap:9px!important;flex-wrap:wrap!important}

/* Admin unlock: visible errors instead of a silent-looking failure */
.vfr-admin-unlock{width:min(500px,92vw);display:grid;gap:13px}
.vfr-admin-unlock h2{font-size:25px;margin:0!important}
.vfr-admin-unlock p{margin:0;color:var(--muted);font-size:13.5px!important;line-height:1.5}
.vfr-admin-pin{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.vfr-admin-pin input{width:44px!important;height:48px!important;min-height:48px!important;padding:0!important;text-align:center!important;font-size:19px!important;font-weight:900!important}
.vfr-admin-error{display:none;padding:10px 12px;border-radius:11px;background:color-mix(in srgb,var(--bad) 9%,var(--surface2));border:1px solid color-mix(in srgb,var(--bad) 35%,var(--line));color:var(--bad);font-size:13px!important;line-height:1.45}
.vfr-admin-error.show{display:block}
.vfr-admin-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}

/* ===== ADMIN DRAWER ===== */
.vfr-admin-drawer{position:fixed;right:14px;top:80px;bottom:14px;width:min(390px,calc(100vw - 28px));z-index:430;background:color-mix(in srgb,var(--surface) 97%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(16px)}
.vfr-admin-drawer-head{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.vfr-admin-drawer-head h3{font-size:18px!important;margin:0}.vfr-admin-drawer-head button{margin-left:auto;width:38px;height:38px;border:1px solid var(--line);border-radius:11px;background:var(--surface2);color:var(--text)}
.vfr-admin-crumbs{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:10px 15px;border-bottom:1px solid var(--line);font-size:12px}.vfr-admin-crumbs button{border:0;background:transparent;color:var(--muted);padding:3px;cursor:pointer}.vfr-admin-crumbs button:last-child{color:var(--text);font-weight:800}
.vfr-admin-drawer-body{padding:14px;overflow:auto;display:grid;gap:9px}.vfr-admin-group{border:1px solid var(--line);background:var(--surface2);border-radius:14px;padding:12px;text-align:left;color:var(--text);cursor:pointer}.vfr-admin-group b{display:block;font-size:15px}.vfr-admin-group span{display:block;color:var(--muted);font-size:12px;margin-top:3px;line-height:1.4}.vfr-admin-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px 12px;color:var(--text);cursor:pointer;text-align:left}.vfr-admin-item span{font-size:13.5px}.vfr-admin-item small{color:var(--muted);font-size:11px!important}

/* ===== MΞSSAGΞ right overlay ===== */
.vfr-message-drawer{position:fixed;right:14px;top:80px;bottom:14px;width:min(760px,calc(100vw - 28px));z-index:420;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;display:flex;flex-direction:column;overflow:hidden}
.vfr-message-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface2)}.vfr-message-head h3{margin:0;font-size:18px!important}.vfr-message-head span{color:var(--muted);font-size:12px}.vfr-message-head button{margin-left:auto;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:11px}.vfr-message-body{min-height:0;overflow:auto;padding:14px}.vfr-message-body .fc-toolbar{display:none!important}.vfr-message-body .fc-chat{margin:0!important}.vfr-message-body .fc-chat-list{max-height:calc(100vh - 245px)!important;overflow:auto!important}

/* ===== SERVER STATUS POPOVER ===== */
.vfr-server-pop{position:fixed;left:16px;bottom:76px;z-index:450;width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:14px;color:var(--text)}
.vfr-server-pop h3{margin:0 0 10px;font-size:17px!important}.vfr-server-kv{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:13px}.vfr-server-kv span{color:var(--muted)}.vfr-server-kv b{text-align:right}.vfr-server-pop .vfr-close{position:absolute;right:8px;top:8px;border:0;background:transparent;color:var(--muted);font-size:18px}

/* ===== K SHIELD: one clean responsive modal ===== */
.vd-modal-card:has(.fc-kshield-dialog){width:min(760px,94vw)!important;overflow-x:hidden!important}
.fc-kshield-dialog{min-width:0!important;max-width:100%!important;grid-template-columns:minmax(130px,190px) minmax(0,1fr)!important;gap:15px!important}
.fc-kshield-talk,.fc-kshield-form,.fc-kshield-chips{min-width:0!important;max-width:100%!important}
.fc-kshield-chips{display:flex!important;flex-wrap:wrap!important;overflow:visible!important}.fc-kshield-chips button{white-space:normal!important;font-size:13px!important}
.fc-kshield-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important}

/* ===== JAKIM / prayer popup: slightly smaller and more readable ===== */
.vd-prayer-panel{width:min(700px,calc(100vw - 32px))!important;grid-template-columns:190px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
.vd-prayer-panel>img{width:180px!important;height:195px!important}.vd-prayer-copy h3{font-size:23px!important}.vd-prayer-copy>p{font-size:13px!important}.vd-prayer-times span{font-size:12px!important}.vd-prayer-times b{font-size:13px!important}

/* ===== RESPONSIVE QUALITY ===== */
@media(max-width:1180px){
  .vd-stat-row-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .vd-dashboard-main-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr)!important}
  .vfr-announcement{max-width:260px;min-width:130px}
}
@media(max-width:930px){
  :root{--vfr-sidebar:220px}
  .vd-stat-row-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vd-dashboard-main-grid{grid-template-columns:1fr!important}
  .vfr-announcement{display:none!important}
  .vd-prayer-pill{min-width:205px!important}
}
@media(max-width:760px){
  .vd-app,.vd-app:not(.collapsed){grid-template-columns:var(--vfr-sidebar-collapsed) minmax(0,1fr)!important}
  .vd-app .vd-sidebar-toggle{height:42px!important;padding:6px 0 0!important;justify-content:center!important}
  .vd-app .vd-sidebar-head{min-height:57px!important;padding:0 4px 7px!important}.vd-app .vd-sidebar-head img{width:48px!important;height:49px!important}
  .vd-sidebar .vd-outlet,.vd-sidebar .vd-nav-section,.vd-sidebar .vfr-nav-section,.vd-sidebar .vd-nav-label,.vd-sidebar .vd-unread-badge{display:none!important}
  .vd-nav-top-level{padding:3px 8px 10px!important}.vd-nav-top-level .vd-nav-item{width:50px!important;height:46px!important;min-height:46px!important;margin:3px auto!important;padding:0!important;grid-template-columns:1fr!important;place-items:center!important}
  .vfr-inline-subnav{display:none!important}
  .vd-content{padding:16px 14px 24px!important}
  .vd-topbar{padding:0 12px!important}.vd-topbar h1{font-size:24px!important}.vd-prayer-pill{min-width:44px!important;width:44px!important}.vd-prayer-main,.vd-prayer-meta{display:none!important}
  .vd-stat-row-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vd-stat strong{font-size:25px!important}
  .vd-form-grid,.vd-clean-form,.hr-form-grid{grid-template-columns:1fr!important}.vd-form-grid .full,.vd-clean-form .full,.hr-form-grid .full{grid-column:1!important}
  .vfr-message-drawer,.vfr-admin-drawer{right:6px;left:6px;top:74px;bottom:6px;width:auto}
  .fc-kshield-dialog{grid-template-columns:1fr!important}.fc-kshield-vera{display:flex!important;align-items:center!important;gap:10px!important}.fc-kshield-vera img{height:100px!important;width:100px!important}
  .vd-prayer-panel{grid-template-columns:1fr!important;max-height:88vh!important;overflow:auto!important}.vd-prayer-panel>img{width:135px!important;height:145px!important;margin:auto!important}
}
@media(max-width:520px){
  .vd-stat-row-4{grid-template-columns:1fr!important}
  .vd-dashboard-hero{align-items:flex-start!important}.vd-dashboard-hero .vd-primary{padding:10px 12px!important}
  .vfr-admin-pin input{width:36px!important;height:42px!important;min-height:42px!important}
  .vfr-admin-actions{justify-content:stretch}.vfr-admin-actions button{flex:1}
}

/* Final navigation de-duplication + submenu interaction */
.vd-nav-top-level .vfr-subroute-source{display:none!important}
.vfr-inline-subnav.open,.vfr-inline-subnav.peek,.vd-nav-item[data-view="orders"]:hover + .vfr-inline-subnav,.vd-nav-item[data-view="customers"]:hover + .vfr-inline-subnav,.vfr-inline-subnav:hover{display:grid!important;gap:2px}
.vfr-inline-subnav{position:relative;z-index:4}
.vd-app.collapsed .vfr-inline-subnav{display:none!important}

/* MΞSSAGΞ customer/client overlay — no fake connected state */
.vfr-message-loading{padding:28px;color:var(--muted);text-align:center}
.vfr-message-status-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px;border:1px solid var(--line);border-radius:15px;background:var(--surface2);margin-bottom:12px}
.vfr-message-status-card small{font-size:10px!important;font-weight:900;letter-spacing:.1em;color:var(--muted)}
.vfr-message-status-card h4{margin:3px 0 2px;font-size:18px!important}.vfr-message-status-card p{margin:0;font-size:12.5px!important;color:var(--muted);line-height:1.45}.vfr-message-status-card>b{font-size:10px;border:1px solid var(--line);border-radius:999px;padding:6px 8px;color:var(--muted)}
.vfr-message-status-card.is-connected>b{color:var(--good);border-color:color-mix(in srgb,var(--good) 40%,var(--line))}
.vfr-message-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:12px;min-height:420px}.vfr-conversations,.vfr-thread{border:1px solid var(--line);border-radius:15px;background:var(--surface2);padding:12px;min-width:0}.vfr-conversations label{display:grid;gap:6px;font-size:12px;font-weight:800}.vfr-conversations input{width:100%}.vfr-thread{display:grid;place-items:center}.vfr-message-layout .vd-empty{min-height:180px;display:grid;place-items:center;text-align:center;align-content:center;gap:5px}.vfr-message-layout .vd-empty span{color:var(--muted);font-size:12px;max-width:340px;line-height:1.5}

/* UI Builder */
.vfr-ui-builder{max-width:650px!important}.vfr-ui-builder .vd-clean-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vfr-ui-builder .vf-footer{grid-column:1/-1!important}

/* Server ghost owner controls */
.vfr-server-admin{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:12px;padding-top:11px}.vfr-server-admin button{flex:1;min-width:120px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:9px;font-size:12px!important}

@media(max-width:760px){
  .vfr-message-layout{grid-template-columns:1fr;min-height:0}.vfr-conversations{min-height:220px}.vfr-thread{min-height:220px}
  .vfr-ui-builder .vd-clean-form{grid-template-columns:1fr!important}.vfr-ui-builder .vf-footer{grid-column:1!important}
}

/* Prayer & JAKIM settings */
.vfr-prayer-settings{max-width:760px!important}.vfr-prayer-settings .vd-clean-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}.vfr-prayer-settings .full{grid-column:1/-1!important}.vfr-prayer-audio{display:grid;gap:9px;border:1px solid var(--line);background:var(--surface2);border-radius:15px;padding:13px}.vfr-prayer-audio h3{margin:0 0 3px;font-size:17px!important}.vfr-audio-row{display:grid;grid-template-columns:minmax(150px,1fr) auto auto auto;align-items:center;gap:7px;padding:9px 0;border-top:1px solid var(--line)}.vfr-audio-row:first-of-type{border-top:0}.vfr-audio-row b{display:block;font-size:13px}.vfr-audio-row small{display:block;color:var(--muted);margin-top:2px;line-height:1.35}.vfr-audio-row button,.vfr-audio-upload{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;min-height:38px;padding:8px 10px;font-size:12px!important;cursor:pointer;display:grid;place-items:center}.vfr-audio-upload input{display:none}.vfr-audio-manual{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-top:4px}.vfr-audio-manual button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 11px}.vfr-prayer-alert{position:fixed;top:76px;left:50%;transform:translateX(-50%);z-index:520;display:flex;align-items:center;gap:18px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:11px 12px 11px 14px;min-width:min(420px,calc(100vw - 28px));color:var(--text)}.vfr-prayer-alert small{display:block;color:var(--pink);font-size:9px!important;font-weight:900;letter-spacing:.12em}.vfr-prayer-alert b{display:block;margin-top:2px;font-size:14px}.vfr-prayer-alert button{margin-left:auto;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);font-size:18px!important}
@media(max-width:760px){.vfr-prayer-settings .vd-clean-form{grid-template-columns:1fr!important}.vfr-prayer-settings .full{grid-column:1!important}.vfr-audio-row{grid-template-columns:1fr 1fr 1fr}.vfr-audio-row>div{grid-column:1/-1}.vfr-prayer-alert{top:68px}}

/* Manage Menu / CSV validation completion */
.vf-catalog-tabs{display:flex!important;gap:6px!important;flex-wrap:wrap!important}.vf-catalog-tabs button{min-height:38px!important;padding:8px 11px!important}.vf-import-validation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.vf-import-validation>div{border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:10px}.vf-import-validation small{display:block;color:var(--muted);font-size:9px!important;font-weight:900;letter-spacing:.1em}.vf-import-validation b{display:block;margin-top:3px;font-size:20px}.vf-csv-preview{max-width:100%;overflow:auto!important}.vf-csv-preview table{min-width:620px}
@media(max-width:620px){.vf-import-validation{grid-template-columns:repeat(2,minmax(0,1fr))}}