/* VERVE POS Web — UI LOCK4 targeted polish
   Preserve RC6.4.3.3 structure. No broad redesign. */
:root{
  --font:"Bahnschrift","Segoe UI Variable Text","Aptos","Segoe UI",system-ui,sans-serif;
  --display:"Bahnschrift SemiCondensed","Segoe UI Variable Display","Aptos Display","Segoe UI",system-ui,sans-serif;
  --vera-letter:.045em;
}
html[data-theme="light"]{
  --bg:#efe6d8;--bg2:#e4d8c8;--surface:#fbf4e9;--surface2:#f2e7d8;
  --side:#392d27;--side2:#2a2220;--text:#302821;--muted:#74685d;--line:#d9c8b5;
  --accent:#c99b43;--pink:#c93e83;--teal:#6f6a54;--good:#4f8c67;--bad:#c85c67;
  --shadow:0 18px 46px rgba(68,49,35,.13);
}
html[data-theme="light"] body,html[data-theme="light"] .vd-app,html[data-theme="light"] .vd-login-body{
  background:radial-gradient(circle at 14% 10%,rgba(201,155,67,.10),transparent 28%),radial-gradient(circle at 86% 10%,rgba(111,106,84,.08),transparent 30%),linear-gradient(135deg,#f4ecdf 0%,#ece1d2 52%,#e7ded1 100%)!important;
}
.vd-main{position:relative;isolation:isolate}
.vd-main::before{content:"";position:absolute;inset:66px 0 0;background:url('/brand-logo.png') center 52%/min(34vw,520px) auto no-repeat;opacity:.032;pointer-events:none;z-index:0;filter:grayscale(.08)}
html[data-theme="light"] .vd-main::before{opacity:.045;filter:grayscale(.22) sepia(.12)}
.vd-main>.vd-topbar,.vd-main>.vd-content{position:relative;z-index:1}

/* Futuristic/minimal typography without hurting readability */
.vd-topbar h1,.vd-section-head h2,.vd-card h3,.vd-card h4,.vd-login-card h2,.vd-brief-brand h1,.vd-daily-brief-quote small,.vd-kicker,.vd-nav-label,.vd-admin-badge{font-family:var(--display);letter-spacing:-.015em}
.vd-kicker,.vd-daily-brief-quote small,.vd-admin-badge{letter-spacing:.14em!important}

/* Login: VC- + 3 visible boxes, 6 masked PIN boxes, minimal server indicator */
.vd-login-field{display:grid;gap:6px;margin:10px 0 0}.vd-login-label{font-size:11px;font-weight:850;color:var(--text)}
.vd-staff-id-entry{display:flex;align-items:center;gap:7px}.vd-id-prefix{font-family:var(--display);font-size:18px;font-weight:900;letter-spacing:.04em;color:var(--muted);margin-right:1px}
.vd-id-box,.vd-login-pin-box{width:44px!important;height:46px!important;min-height:46px!important;padding:0!important;text-align:center!important;border-radius:11px!important;font-size:18px!important;font-weight:900!important;background:var(--surface2)!important;border:1px solid var(--line)!important;color:var(--text)!important}
.vd-id-box:focus,.vd-login-pin-box:focus{outline:0!important;border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent)!important}
.vd-login-pin-entry{display:flex;align-items:center;gap:8px}.vd-login-pin-boxes{display:flex;gap:6px;flex-wrap:nowrap}.vd-eye-btn{width:43px;height:43px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:11px;display:grid;place-items:center;cursor:pointer;padding:0}.vd-eye-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}.vd-eye-btn.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}
.vd-login-submit{margin-top:13px;min-width:124px;height:44px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--accent),#e4b85c);color:#241d16;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;cursor:pointer}.vd-login-submit:disabled{opacity:.78;cursor:wait}.vd-login-spinner{display:none;width:17px;height:17px;border:2px solid rgba(36,29,22,.25);border-top-color:#241d16;border-radius:50%;animation:vdspin .72s linear infinite}.vd-login-submit.loading .vd-login-spinner{display:block}.vd-login-submit.loading .vd-login-lock{display:none}
.vd-server-inline{margin-top:18px;display:flex;align-items:center;gap:7px;min-height:28px;color:var(--muted);font-size:9px}.vd-server-inline img{width:26px;height:26px;object-fit:contain}.vd-server-name{font-size:7px;letter-spacing:.14em;font-weight:900}.vd-server-inline b{font-size:9px;color:var(--text)}.vd-server-inline i{width:6px;height:6px;border-radius:50%;background:var(--bad);box-shadow:0 0 8px color-mix(in srgb,var(--bad) 65%,transparent)}.vd-server-inline b[data-status="online"]+i{background:var(--good);box-shadow:0 0 8px color-mix(in srgb,var(--good) 65%,transparent)}.vd-server-inline button{margin-left:auto;border:0;background:transparent;color:var(--accent);font-size:9px;font-weight:850;padding:4px 0;cursor:pointer}.vd-auth-note{min-height:18px;margin:6px 0 0!important;font-size:9px!important;color:var(--muted)!important}
.vd-daily-brief-quote{padding:14px 16px!important;border-left:3px solid var(--pink)!important}.vd-daily-brief-quote small{display:block;font-size:10px!important;margin-bottom:7px!important;font-weight:900}.vd-daily-brief-quote p{margin:0!important;font-size:13px!important;line-height:1.62!important;color:var(--muted)}.vd-daily-brief-quote p strong{color:var(--text);font-weight:850}

/* Sidebar — premium top-level rail. Collapsing really gives workspace back. */
.vd-app{grid-template-columns:220px minmax(0,1fr)!important;transition:grid-template-columns .18s ease}.vd-app.collapsed{grid-template-columns:60px minmax(0,1fr)!important}
.vd-sidebar{overflow:visible!important}.vd-nav-top-level{overflow-y:auto!important;overflow-x:visible!important;padding:0 7px 10px!important}.vd-nav-section{margin:9px 9px 4px!important;color:rgba(255,255,255,.44)!important;font-size:7px!important;letter-spacing:.18em!important}
.vd-nav-top-level .vd-nav-item{min-height:40px!important;margin:1px 0!important;grid-template-columns:31px 1fr auto!important;gap:6px!important;padding:4px 9px!important}.vd-nav-top-level .vd-nav-icon{width:23px!important;height:23px!important;color:#dbe4e3!important}.vd-nav-top-level .vd-nav-icon svg{width:21px!important;height:21px!important;stroke-width:1.75}.vd-nav-top-level .vd-nav-label{font-size:11.5px!important;font-weight:760!important}.vd-nav-top-level .vd-nav-item.active{background:rgba(255,255,255,.10)!important}.vd-nav-top-level .vd-nav-item.active .vd-nav-icon{color:var(--accent)!important}.vd-nav-top-level .vd-nav-item.active::before{background:var(--accent)!important}
.vd-app.collapsed .vd-sidebar-head{min-height:53px!important;padding:4px 3px!important}.vd-app.collapsed .vd-sidebar-head img{width:47px!important;height:45px!important}.vd-app.collapsed .vd-sidebar-toggle{right:2px;top:2px}.vd-app.collapsed .vd-collapse{font-size:15px}.vd-app.collapsed .vd-outlet{display:none!important}.vd-app.collapsed .vd-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:2px 6px 8px!important;overflow-y:auto!important;overflow-x:visible!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-item{width:46px!important;height:42px!important;min-height:42px!important;margin:2px auto!important;padding:0!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;border-radius:12px!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-item.active{background:rgba(255,255,255,.10)!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-item.active::before{display:none!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-icon{width:25px!important;height:25px!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-icon svg{width:23px!important;height:23px!important}.vd-app.collapsed .vd-nav-item::after{display:none!important}
.vd-sidebar-bottom{padding:8px!important;gap:6px!important}.vd-status-ghost,.vd-kshield{width:40px!important;height:40px!important;border-radius:12px!important}.vd-status-ghost img{width:31px;height:31px;object-fit:contain}.vd-app.collapsed .vd-sidebar-bottom{padding:7px 6px!important;display:grid!important;justify-content:center!important}.vd-app.collapsed .vd-status-ghost,.vd-app.collapsed .vd-kshield{width:43px!important;height:43px!important}
.vd-nav-flyout{position:fixed;z-index:999;min-width:172px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:13px;padding:7px;backdrop-filter:blur(14px);animation:vdFly .13s ease}.vd-nav-flyout>strong{display:block;padding:7px 9px;font-family:var(--display);font-size:11px}.vd-nav-flyout button{display:block;width:100%;border:0;background:transparent;color:var(--text);text-align:left;padding:8px 9px;border-radius:8px;font-size:10px;cursor:pointer}.vd-nav-flyout button:hover{background:var(--surface2)}@keyframes vdFly{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}

/* Outlet selector: restore clean approved feel, no visible arrow */
.vd-outlet{margin:5px 10px 11px!important}.vd-outlet>button{min-height:50px!important;border-radius:14px!important;padding:9px 12px!important;background:rgba(255,255,255,.075)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)}.vd-outlet>button span{display:flex!important;align-items:baseline!important;gap:7px!important;flex-direction:row!important}.vd-outlet>button small{font-size:7px!important;letter-spacing:.16em!important;color:rgba(255,255,255,.5)!important}.vd-outlet>button b{font-size:14px!important;color:#fff!important;font-weight:850!important}.vd-outlet-menu{top:55px!important;border-radius:13px!important;padding:5px!important}.vd-outlet-menu button{border-radius:8px!important;min-height:36px!important}

/* Dashboard context */
.vd-dashboard-context{font-size:12px!important;letter-spacing:.06em!important;color:color-mix(in srgb,var(--accent) 72%,var(--text))!important;font-weight:850!important}.vd-dashboard-hero h2{font-size:30px!important}.vd-dashboard-quote{font-size:12px!important}

/* Compact JAKIM pill: gold dome + 12h clock + zone + next prayer/countdown */
.vd-prayer-pill{min-width:224px!important;min-height:38px!important;grid-template-columns:30px minmax(104px,1fr) auto!important;gap:7px!important;padding:4px 8px!important;border-radius:12px!important}.vd-prayer-ico{width:29px!important;height:29px!important;border-radius:9px!important;background:color-mix(in srgb,var(--accent) 16%,var(--surface2))!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line))}.vd-prayer-ico svg{width:18px!important;height:18px!important}.vd-prayer-main b{font-size:9.5px!important}.vd-prayer-main b em{color:var(--accent)!important}.vd-prayer-main small{font-size:7px!important}.vd-prayer-meta time{font-size:10px!important}.vd-prayer-meta b{font-size:7.5px!important}
.vd-prayer-panel{width:min(760px,calc(100vw - 32px))!important;grid-template-columns:220px 1fr!important;gap:20px!important;padding:20px!important}.vd-prayer-panel>img{width:210px!important;height:230px!important}.vd-prayer-copy h3{font-size:25px!important;margin:5px 0!important}.vd-prayer-times{gap:7px!important}.vd-prayer-times>div{padding:9px!important}.vd-prayer-sync-note{padding:8px 10px!important}

/* Top-right menu: compact minimalist */
.vd-action-menu{width:158px!important;padding:4px!important;border-radius:12px!important;right:18px!important}.vd-action-menu button{min-height:32px!important;padding:6px 8px!important;border-radius:8px!important;font-size:10.5px!important}.vd-action-menu button+button{margin-top:1px}

/* Current Order drawer */
.vd-products-layout{position:relative;transition:grid-template-columns .2s ease}.vd-products-layout.vd-order-panel-hidden{grid-template-columns:minmax(0,1fr)!important}.vd-current-order{transition:transform .2s ease,opacity .2s ease}.vd-current-order-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vd-current-order-head small{font-size:7px;letter-spacing:.16em;color:var(--muted);font-weight:900}.vd-current-order-head h3{margin:2px 0 0!important}.vd-order-hide{width:31px;height:31px;border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;font-size:20px;cursor:pointer}.vd-order-edge-tab{position:fixed;right:0;top:42%;z-index:42;width:42px;min-height:116px;border:1px solid var(--line);border-right:0;border-radius:13px 0 0 13px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer}.vd-order-edge-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.15em;font-weight:900}.vd-order-edge-tab b{font-size:19px;color:var(--accent);transition:transform .15s}.vd-order-edge-tab:hover b{animation:vdJiggle .7s ease infinite}@keyframes vdJiggle{0%,100%{transform:translateX(0)}50%{transform:translateX(-4px)}}
.vd-order-summary{display:grid;gap:5px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.vd-order-summary>div{display:flex;justify-content:space-between;font-size:11px}.vd-order-summary .total{font-size:16px;font-weight:900;padding-top:3px}.vd-order-context{margin-top:10px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}.vd-order-context summary{cursor:pointer;padding:9px 11px;font-size:10px;font-weight:850}.vd-order-context-grid{padding:0 10px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.vd-order-context-grid label{grid-column:1/-1;font-size:9px}.vd-order-context-grid div{display:grid;gap:2px}.vd-order-context-grid span{font-size:8px;color:var(--muted)}.vd-order-context-grid b{font-size:10px}.vd-order-empty{min-height:130px;display:grid;place-content:center;gap:4px;text-align:center;color:var(--muted)}.vd-order-empty b{color:var(--text)}

/* Manual discount compact redesign */
.vd-modal-card:has(.vd-discount-clean){width:min(520px,92vw)!important;padding:16px 18px 18px!important}.vd-discount-clean h2{margin:3px 0 4px!important}.vd-discount-type{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:11px 0}.vd-discount-type button{border:1px solid var(--line);background:var(--surface2);color:var(--text);border-radius:10px;padding:9px 8px;font-size:10px;cursor:pointer}.vd-discount-type button.active{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 12%,var(--surface2));color:var(--text);font-weight:850}.vd-discount-preview{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:10px 12px;margin:10px 0}.vd-discount-preview span{display:grid;gap:2px}.vd-discount-preview small{font-size:8px;color:var(--muted)}.vd-discount-preview b{font-size:16px}.vd-discount-preview .arrow{font-size:18px;color:var(--accent)}.vd-member-context{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:10px}

/* Floating VΞRA compact speech bubble + daily quote */
.vd-vera-float{width:auto!important;max-width:min(430px,calc(100vw - 24px))!important;grid-template-columns:112px auto 30px!important;gap:4px!important;align-items:center!important}.vd-vera-float .vd-vera-avatar{width:112px!important;height:112px!important;object-fit:contain!important;cursor:pointer}.vd-vera-float .vd-comic{width:auto!important;min-width:0!important;max-width:290px!important;padding:10px 13px!important;border:1px solid var(--line)!important;background:var(--surface)!important;color:var(--text)!important;text-align:left!important;cursor:pointer!important}.vd-vera-float .vd-comic p{margin:3px 0 0!important;font-size:12px!important;line-height:1.35!important}.vd-vera-float .vd-comic small{font-size:8px!important}.vd-vera-quote{display:grid;grid-template-columns:150px 1fr;gap:14px;align-items:center}.vd-vera-quote img{width:150px;height:145px;object-fit:contain}.vd-vera-quote h2{font-size:22px;margin:5px 0}.vd-vera-quote p{color:var(--muted);font-size:11px}

/* Messaging = VERVE UI; provider stays in admin settings */
.fc-message-app{height:min(670px,calc(100vh - 130px));display:flex;flex-direction:column;border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.fc-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface2) 70%,var(--surface))}.fc-message-head h2{margin:2px 0 0}.fc-message-head p{margin:3px 0 0;color:var(--muted);font-size:9.5px}.fc-message-status{font-size:9px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted)}.fc-message-thread{flex:1;overflow:auto;padding:17px;display:flex;flex-direction:column;gap:9px;background:linear-gradient(145deg,color-mix(in srgb,var(--bg) 58%,var(--surface)),var(--surface2))}.fc-message-bubble{max-width:72%;border:1px solid var(--line);border-radius:15px 15px 15px 5px;background:var(--surface);padding:9px 11px}.fc-message-bubble.crew{align-self:flex-end;border-radius:15px 15px 5px 15px;background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.fc-message-meta{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:var(--muted)}.fc-message-bubble p{font-size:11.5px;margin:5px 0}.fc-message-bubble small{font-size:7.5px;color:var(--muted)}.fc-message-empty{margin:auto;display:grid;gap:4px;text-align:center;color:var(--muted);max-width:330px}.fc-message-empty b{color:var(--text)}.fc-message-compose{display:flex;gap:8px;padding:11px;border-top:1px solid var(--line);background:var(--surface)}.fc-message-compose input{flex:1}.fc-message-compose button{min-width:76px}

/* QC card */
.vd-qc-actions{display:flex;flex-wrap:wrap;gap:6px}.vd-qc-actions button{border:1px solid var(--line);background:var(--surface2);color:var(--text);padding:8px 9px;border-radius:9px;font-size:9px;cursor:pointer}.vd-qc-result{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.vd-qc-result span{font-size:8px;padding:4px 6px;border:1px solid var(--line);border-radius:999px}.vd-qc-result .pass{color:var(--good)}.vd-qc-result .warn{color:var(--accent)}

/* Compact responsive behavior */
@media(max-width:1024px){.vd-app:not(.collapsed){grid-template-columns:196px minmax(0,1fr)!important}.vd-products-layout{grid-template-columns:minmax(0,1fr) 300px}.vd-stat-row-4{grid-template-columns:1fr 1fr}.vd-dashboard-main-grid{grid-template-columns:1fr}.vd-prayer-panel{grid-template-columns:190px 1fr!important}.vd-prayer-panel>img{width:180px!important;height:205px!important}}
@media(max-width:720px){.vd-app{grid-template-columns:60px minmax(0,1fr)!important}.vd-sidebar .vd-outlet{display:none!important}.vd-sidebar .vd-nav-label,.vd-sidebar .vd-nav-section{display:none!important}.vd-nav-top-level .vd-nav-item{grid-template-columns:1fr!important;place-items:center!important}.vd-products-layout{grid-template-columns:1fr!important}.vd-current-order{position:static}.vd-prayer-pill{min-width:42px!important;grid-template-columns:1fr!important}.vd-prayer-main,.vd-prayer-meta{display:none!important}.vd-prayer-panel{grid-template-columns:1fr!important;max-height:88vh;overflow:auto}.vd-prayer-panel>img{width:135px!important;height:145px!important;margin:auto}.vd-prayer-times{grid-template-columns:repeat(2,1fr)!important}.vd-login-pin-entry{align-items:flex-start}.vd-login-pin-boxes{gap:4px}.vd-id-box,.vd-login-pin-box{width:36px!important;height:40px!important;min-height:40px!important}.vd-eye-btn{width:40px;height:40px}.vd-vera-float{grid-template-columns:88px auto 26px!important}.vd-vera-float .vd-vera-avatar{width:88px!important;height:88px!important}.vd-vera-quote{grid-template-columns:1fr}.vd-vera-quote img{margin:auto}.fc-message-app{height:calc(100vh - 110px)}}
/* Admin PIN eye stays compact */
.vd-pin-row{grid-template-columns:repeat(6,40px) 42px 46px!important;gap:6px!important}.vd-pin-box{width:40px!important;height:44px!important}.vd-admin-eye{width:42px;height:42px;border:1px solid var(--line);background:var(--surface2);color:var(--muted);border-radius:50%;display:grid;place-items:center;padding:0;cursor:pointer}.vd-admin-eye svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.vd-admin-eye.active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
@media(max-width:640px){.vd-pin-row{grid-template-columns:repeat(6,34px)!important}.vd-admin-eye,.vd-lock-action{grid-row:2;justify-self:center}.vd-admin-eye{grid-column:3}.vd-lock-action{grid-column:4}}
.vd-cart-admin-note{align-self:center;color:var(--muted);font-size:8.5px;font-weight:700}