/* VERVE POS R20 STRICT ISSUE CLOSURE — final override layer */
:root{--kshield-user-color:#2aa8ff}
/* Sidebar icon contract: expanded side-by-side; collapsed vertical Ghost then K Shield. */
.vd-sidebar-bottom{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:10px!important;overflow:visible!important}
.vd-sidebar-bottom .vd-status-ghost,.vd-sidebar-bottom .vd-kshield{position:relative!important;inset:auto!important;margin:0!important;flex:0 0 auto!important}
.vd-app.collapsed .vd-sidebar-bottom{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important}
.vd-app.collapsed .vd-sidebar-bottom .vd-status-ghost{order:1!important}.vd-app.collapsed .vd-sidebar-bottom .vd-kshield{order:2!important}
.vd-kshield img{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--kshield-user-color) 75%,transparent))!important}
.vd-kshield::after{border-color:var(--kshield-user-color)!important;box-shadow:0 0 10px color-mix(in srgb,var(--kshield-user-color) 75%,transparent)!important}
/* New Sale: category rail + consistent menu cards */
.vd-category-rail{display:flex;gap:8px;overflow-x:auto;padding:0 0 12px;scrollbar-width:thin}.vd-category-rail button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:8px 13px;font-weight:800}.vd-category-rail button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;color:var(--accent)}
.vd-product-art{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;overflow:hidden!important}.vd-product-art img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.vd-product{overflow:hidden}
.vd-member-phone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px}.vd-member-phone>span{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-weight:900}.vd-member-found{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,transparent)}
.vd-gel-sale-booking{display:grid;gap:9px;margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,#f3bf3f 50%,var(--line));border-radius:14px;background:linear-gradient(135deg,#f3bf3f10,transparent)}
/* K Shield VERA: fully visible dedicated rail, no clipping. */
.fc-kshield-r18,.fc-kshield-dialog{width:min(920px,calc(100vw - 40px))!important;max-width:920px!important;display:grid!important;grid-template-columns:230px minmax(0,1fr)!important;gap:18px!important;overflow:visible!important}
.fc-kshield-vera{width:230px!important;min-width:230px!important;height:390px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important}
.fc-kshield-vera>.vera-motion-host{width:220px!important;height:330px!important;display:block!important;overflow:visible!important}.fc-kshield-vera>.vera-motion-host img{width:220px!important;height:330px!important;object-fit:contain!important}.fc-kshield-vera>span{position:absolute!important;bottom:2px!important}
.fc-kshield-talk{min-width:0!important}.fc-vera-wizard select,.fc-vera-wizard textarea{width:100%!important;max-width:100%!important}
/* Compact automatic Daily Quote — no manual quote button. */
.vd-vera-quote.vera-r20-quote{display:grid!important;grid-template-columns:128px minmax(0,1fr)!important;gap:14px!important;width:min(610px,calc(100vw - 48px))!important;align-items:center!important;padding:12px 18px!important}.vera-r20-quote .vd-vera-quote-rail{width:120px!important;height:130px!important;overflow:visible!important;display:grid!important;place-items:center!important}.vera-r20-quote .vd-vera-quote-rail>.vera-motion-host{width:120px!important;height:130px!important}.vera-r20-quote .vd-vera-quote-copy h2{font-size:clamp(17px,2.5vw,23px)!important;margin:4px 0!important}.vera-r20-quote .vd-vera-quote-copy p{margin:4px 0 0!important}
/* JAKIM: calm live VERA, automatic reminder. */
.vd-prayer-panel.vera-r20-prayer{grid-template-columns:175px minmax(0,1fr)!important;width:min(720px,calc(100vw - 32px))!important;gap:16px!important}.vera-r20-prayer .vd-prayer-vera-rail{width:175px!important;overflow:visible!important;display:flex!important;flex-direction:column!important;align-items:center!important}.vera-r20-prayer .vd-prayer-vera-rail>.vera-motion-host{width:165px!important;height:175px!important}.vera-r20-prayer .vd-prayer-quote{font-size:11px!important;line-height:1.35!important;padding:8px!important;margin-top:4px!important}.vera-r20-prayer .vd-prayer-copy h3{margin:3px 0 8px!important}
/* Build designer */
.vd-build-designer{max-width:900px}.vd-designer-mark{display:grid;grid-template-columns:minmax(160px,280px) 1fr;gap:22px;align-items:center;margin-bottom:20px}.vd-designer-mark img{width:100%;max-height:170px;object-fit:contain;border-radius:16px;background:#050505;padding:10px}.vd-designer-mark h2{margin:3px 0}.vd-designer-mark p{color:var(--muted)}
/* Website control */
.vd-website-control{display:grid;gap:16px}.vd-website-preview{padding:16px;border-radius:14px;border:1px dashed var(--line);background:var(--panel2)}
/* Device Fleet app-build note */
.fc-device-build-note{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);font-size:12px}
/* Catalog crop / integrated category workspace */
.vf-crop-stage{display:grid;grid-template-columns:minmax(220px,1fr) minmax(180px,.65fr);gap:16px;align-items:start}.vf-crop-preview{aspect-ratio:1;border-radius:16px;overflow:hidden;background:repeating-conic-gradient(#252a32 0 25%,#1b2028 0 50%) 50%/18px 18px;display:grid;place-items:center}.vf-crop-preview img{width:100%;height:100%;object-fit:cover}.vf-crop-controls{display:grid;gap:12px}.vf-product-image img,.vf-product-thumb img{object-fit:cover!important;aspect-ratio:1!important}
.vf-integrated-menu{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:16px}.vf-category-pane,.vf-item-pane{min-width:0}.vf-category-list{display:grid;gap:6px}.vf-category-list button{text-align:left}.vf-category-list button.active{border-color:var(--accent);color:var(--accent)}
/* HR master-detail + live document preview */
.hr-master-detail{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start}.hr-master-list{max-height:650px;overflow:auto}.hr-master-list .hr-row{cursor:pointer}.hr-master-list .hr-row.selected{outline:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.hr-master-detail-panel{min-width:0}.hr-wizard-live{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:18px;align-items:start}.hr-a4-preview{background:white;color:#171717;aspect-ratio:210/297;width:100%;max-height:76vh;overflow:auto;padding:34px 32px;box-shadow:0 12px 35px #0005;border-radius:3px;font-family:Arial,sans-serif;line-height:1.5}.hr-a4-preview h1,.hr-a4-preview h2,.hr-a4-preview h3{color:#111}.hr-a4-preview pre{white-space:pre-wrap;font:inherit}.hr-a4-preview img.hr-letter-inline-image{max-width:100%;max-height:180px;object-fit:contain}.hr-preview-pane{position:sticky;top:16px}.hr-preview-pane>small{display:block;margin-bottom:6px;color:var(--muted);font-weight:800}
@media(max-width:900px){.fc-kshield-r18,.fc-kshield-dialog{grid-template-columns:180px minmax(0,1fr)!important}.fc-kshield-vera{width:180px!important;min-width:180px!important}.fc-kshield-vera>.vera-motion-host{width:175px!important;height:280px!important}.hr-wizard-live{grid-template-columns:1fr}.hr-preview-pane{position:static}.vf-integrated-menu{grid-template-columns:1fr}}
@media(max-width:720px){.fc-kshield-r18,.fc-kshield-dialog{display:flex!important;flex-direction:column!important;width:min(96vw,640px)!important;max-height:92vh!important;overflow:auto!important}.fc-kshield-vera{width:100%!important;min-width:0!important;height:180px!important}.fc-kshield-vera>.vera-motion-host{width:170px!important;height:175px!important}.vd-vera-quote.vera-r20-quote{grid-template-columns:96px minmax(0,1fr)!important}.vera-r20-quote .vd-vera-quote-rail,.vera-r20-quote .vd-vera-quote-rail>.vera-motion-host{width:92px!important;height:104px!important}.vd-prayer-panel.vera-r20-prayer{grid-template-columns:1fr!important}.vera-r20-prayer .vd-prayer-vera-rail{width:100%!important}.vera-r20-prayer .vd-prayer-vera-rail>.vera-motion-host{width:130px!important;height:140px!important}.vd-designer-mark{grid-template-columns:1fr}.vf-crop-stage,.hr-master-detail{grid-template-columns:1fr}}
.vf-crop-overlay{position:absolute;inset:0;z-index:20;background:#0b0e14e8;display:grid;place-items:center;padding:18px;overflow:auto}.vf-crop-dialog{width:min(760px,96%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 24px 60px #0008}
/* R20 document preview/picker closure */
#dialogContent{position:relative}
.hr-a4-stack{display:grid;gap:16px;max-height:78vh;overflow:auto;padding:2px 6px 16px}.hr-a4-page{position:relative;min-height:640px;aspect-ratio:210/297;overflow:hidden}.hr-page-count{position:absolute;right:18px;top:12px;font-size:10px;color:#777}.hr-letter-inline-image{display:block;margin:12px auto;max-width:72%!important;max-height:160px!important;object-fit:contain!important}
