/* VERVE POS Web — ARCH LOCK1 consolidated locked UI architecture */
:root{--arch-font:Bahnschrift,"Segoe UI Variable","Segoe UI",sans-serif;--arch-font-scale:1;--arch-accent:#d4a83f;--arch-icon-size:22px;--arch-sidebar:60px;--arch-radius:14px}
body,.vd-body,.vd-login-body{font-family:var(--arch-font)!important;font-size:calc(1em * var(--arch-font-scale))}
/* Sidebar lock: toggle above logo, compact rail, clear spacing, expanded workspace */
.vd-sidebar-toggle{position:relative!important;top:auto!important;right:auto!important;display:grid!important;place-items:center!important;height:38px!important;order:0!important}.vd-sidebar-head{order:1!important}.vd-outlet{order:2!important}.vd-nav{order:3!important}.vd-sidebar-bottom{order:4!important}.vd-sidebar{display:flex!important;flex-direction:column!important}
.vd-app.collapsed{grid-template-columns:var(--arch-sidebar) minmax(0,1fr)!important}.vd-app.collapsed .vd-sidebar{width:var(--arch-sidebar)!important;min-width:var(--arch-sidebar)!important}.vd-app.collapsed .vd-nav-top-level{padding:4px 6px 8px!important}.vd-app.collapsed .vd-nav-top-level .vd-nav-item{width:46px!important;height:44px!important;min-height:44px!important;margin:1px auto!important}.vd-app.collapsed .vd-nav-icon,.vd-app.collapsed .vd-nav-icon svg{width:var(--arch-icon-size)!important;height:var(--arch-icon-size)!important}.vd-app.collapsed .vd-sidebar-bottom{margin-top:auto!important}.vd-nav-top-level .vd-nav-item{font-size:calc(12px * var(--arch-font-scale))!important}
/* Outlet selector: selected name only; no extra OUTLET label */
.vd-outlet>button span{justify-content:center!important}.vd-outlet>button small{display:none!important}.vd-outlet>button b{font-size:14px!important;letter-spacing:.01em!important}
/* Icons: coherent sizing */
.vd-nav-icon svg{width:var(--arch-icon-size)!important;height:var(--arch-icon-size)!important}.vd-nav-icon{width:calc(var(--arch-icon-size) + 4px)!important;height:calc(var(--arch-icon-size) + 4px)!important}
body[data-icon-style="bold"] .vd-nav-icon svg{stroke-width:2.35!important}body[data-icon-style="rounded"] .vd-nav-item{border-radius:14px!important}body[data-icon-style="soft"] .vd-nav-icon{border-radius:9px;background:color-mix(in srgb,var(--arch-accent) 10%,transparent)}
/* Approved white server ghost only */
.vd-status-ghost img,#loginServerGhost{object-fit:contain!important;filter:none!important}
/* User typography/appearance */
.vd-card,.card,.vd-modal-card{border-radius:var(--arch-radius)!important}body[data-shadow="none"] .vd-card,body[data-shadow="none"] .card{box-shadow:none!important}body[data-shadow="deep"] .vd-card,body[data-shadow="deep"] .card{box-shadow:0 18px 48px rgba(0,0,0,.28)!important}body[data-ui-density="compact"] .vd-card{padding:14px!important}body[data-ui-density="comfortable"] .vd-card{padding:20px!important}
/* Seasonal cosmetics only */
body.season-merdeka{--accent:#d9b34b}body.season-hari-malaysia{--accent:#d9b34b}body.season-hari-raya{--accent:#c7a64a}.season-merdeka .vd-topbar::after,.season-hari-malaysia .vd-topbar::after,.season-hari-raya .vd-topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);pointer-events:none}
/* UI Builder */
.arch-builder{width:min(920px,calc(100vw - 40px));max-height:82vh;overflow:auto}.arch-builder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.arch-builder label{display:grid;gap:6px;font-size:12px}.arch-builder input,.arch-builder select{min-height:42px}.arch-check{display:flex!important;align-items:center;gap:8px}.arch-module-manager,.arch-owner-registry,.arch-seasonal{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.arch-module-row,.arch-reg-row{display:grid;grid-template-columns:minmax(160px,1fr) auto 38px 38px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.arch-reg-row{grid-template-columns:120px minmax(170px,1fr) auto}.arch-module-row button{min-width:34px;padding:6px}.arch-builder-actions{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:12px 0;background:var(--surface)}.arch-season-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.arch-settings-extension{display:contents}
/* HR */
.arch-hr{display:grid;gap:14px}.arch-hr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.arch-biometric{display:grid;gap:14px}.arch-biometric-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:10px}.arch-biometric-grid>div,.arch-biometric-grid>label{min-height:72px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface2);display:grid;align-content:center;gap:4px}.arch-biometric-grid small{color:var(--muted)}.arch-biometric-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.arch-biometric-actions select{min-width:220px}.arch-status{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:11px}.arch-status.ok{color:#66d7a6}.arch-status.warn{color:#d6b45b}
/* MΞSSAGΞ customer inbox */
.arch-msg{display:grid;gap:12px}.arch-msg-head{display:flex;align-items:center;justify-content:space-between}.arch-msg-grid{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:620px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface)}.arch-conversations{border-right:1px solid var(--line);display:grid;grid-template-rows:auto 1fr;min-width:0}.arch-msg-search{padding:10px;border-bottom:1px solid var(--line)}.arch-msg-search input{width:100%}.arch-conv{display:grid!important;grid-template-columns:40px 1fr auto!important;gap:9px!important;align-items:center!important;width:100%;padding:11px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:transparent!important;text-align:left!important}.arch-conv.active,.arch-conv:hover{background:var(--surface2)!important}.arch-conv-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--arch-accent) 15%,var(--surface2));font-weight:800}.arch-conv span:nth-child(2){min-width:0;display:grid}.arch-conv small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.arch-conv em{font-style:normal;background:var(--accent);color:#111;padding:2px 6px;border-radius:999px;font-size:10px}.arch-thread{display:grid;grid-template-rows:auto 1fr auto;min-width:0}.arch-thread>header{padding:12px 16px;border-bottom:1px solid var(--line)}.arch-thread>header div{display:grid}.arch-thread>header small{color:var(--muted)}.arch-thread-body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:9px;background:color-mix(in srgb,var(--surface2) 65%,transparent)}.arch-wa-bubble{max-width:min(70%,620px);padding:9px 11px;border-radius:13px;background:var(--surface);border:1px solid var(--line)}.arch-wa-bubble.out{align-self:flex-end;background:color-mix(in srgb,var(--arch-accent) 12%,var(--surface))}.arch-wa-bubble p{margin:0 0 5px}.arch-wa-bubble small{font-size:9px;color:var(--muted)}#archCustomerSend{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.arch-msg-empty{padding:24px;color:var(--muted);display:grid;place-items:center;text-align:center}.arch-msg-offline{min-height:300px;display:grid;place-items:center;text-align:center;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.arch-wa-setup{width:min(560px,calc(100vw - 40px))}.arch-connection-card{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:12px;border:1px solid var(--line);border-radius:12px}.arch-connection-card small{grid-column:1/-1;color:var(--muted)}.arch-qr-area{min-height:220px;margin:12px 0;border:1px dashed var(--line);border-radius:14px;display:grid;place-items:center;text-align:center;padding:14px}.arch-qr-area img{max-width:210px;max-height:210px}.arch-wa-actions{display:flex;gap:8px;flex-wrap:wrap}
/* K Shield */
.arch-kshield{width:min(780px,calc(100vw - 36px));display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:center}.arch-kshield-vera{display:grid;place-items:center}.arch-kshield-vera img{width:210px;height:230px;object-fit:contain}.arch-kshield-main{display:grid;gap:10px}.arch-kshield-speech{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}.arch-kshield-speech h2{margin:4px 0 5px}.arch-kshield-chips{display:flex;gap:6px;flex-wrap:wrap}.arch-kshield-chips button{min-height:34px;padding:6px 10px;border-radius:999px}.arch-kshield textarea{min-height:130px!important;resize:vertical}.arch-kshield-actions{display:flex;justify-content:flex-end;gap:8px}.arch-support-chat{width:min(680px,calc(100vw - 36px))}.arch-support-thread{min-height:280px;max-height:50vh;overflow:auto;padding:12px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;gap:8px}.arch-support-bubble{max-width:75%;padding:9px 11px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.arch-support-bubble.owner{align-self:flex-start}.arch-support-bubble.crew{align-self:flex-end}.arch-support-bubble p{margin:4px 0}.arch-support-chat form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.arch-support-chat textarea{min-height:72px}
/* Light theme: cream/mocha baseline (cosmetic only) */
html[data-theme="light"]{--arch-cream:#f4eee3;--arch-mocha:#5c4637}html[data-theme="light"] body{background:var(--arch-cream)!important}html[data-theme="light"] .vd-main{background:linear-gradient(135deg,#f6f0e6,#eee4d5)!important}html[data-theme="light"] .vd-card,html[data-theme="light"] .card{background:#fbf7ef!important}
/* Watermark remains unless user explicitly disables personal preference */
.arch-no-watermark .vd-main::before,.arch-no-watermark .vd-content::before{display:none!important}
@media(max-width:1024px){.arch-builder-grid{grid-template-columns:1fr 1fr}.arch-hr-grid{grid-template-columns:1fr}.arch-biometric-grid{grid-template-columns:1fr 1fr}.arch-msg-grid{grid-template-columns:280px minmax(0,1fr)}}
@media(max-width:720px){.arch-builder-grid,.arch-season-grid,.arch-biometric-grid{grid-template-columns:1fr}.arch-msg-grid{grid-template-columns:1fr;min-height:0}.arch-conversations{border-right:0;max-height:280px}.arch-thread{min-height:480px}.arch-kshield{grid-template-columns:1fr}.arch-kshield-vera img{width:170px;height:175px}.arch-module-row{grid-template-columns:1fr auto 36px 36px}.arch-reg-row{grid-template-columns:1fr}.arch-builder-actions{flex-wrap:wrap}}
.arch-owner-support{width:min(620px,calc(100vw - 36px))}.arch-owner-support-list{display:grid;gap:7px;margin-top:14px}.arch-owner-support-list button{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;text-align:left!important;padding:11px!important}.arch-owner-support-list button span{display:grid}.arch-owner-support-list small{color:var(--muted)}.arch-owner-support-list em{font-style:normal;background:var(--accent);color:#111;border-radius:999px;padding:2px 7px}