/*
 * Business OS WEB — Visual Redesign v2.
 * Presentation only. Business state, permissions and mutations remain server-owned.
 */
body.vr2{
  --vr-sidebar:272px;
  --vr-header:82px;
  --vr-gutter:28px;
  --vr-card-radius:18px;
  --vr-panel:#fff;
  --vr-canvas:var(--web-bg);
  --vr-line:var(--web-border);
  --vr-soft:var(--web-surface-muted);
  --vr-red:var(--web-brand);
  --vr-red-soft:var(--web-brand-soft);
  --vr-text:var(--web-text);
  --vr-muted:var(--web-muted);
  background:var(--vr-canvas)!important;
  color:var(--vr-text)!important;
}

/* === APP SHELL === */
body.vr2 .app-shell,
body.vr2:not(.sidebar-compact) .app-shell,
body.vr2.sidebar-compact .app-shell{
  min-height:100dvh!important;
  display:grid!important;
  grid-template-columns:var(--vr-sidebar) minmax(0,1fr)!important;
  background:var(--vr-canvas)!important;
}

body.vr2 .sidebar,
body.vr2:not(.sidebar-compact) .sidebar,
body.vr2.sidebar-compact .sidebar{
  position:sticky!important;
  inset-block-start:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:100dvh!important;
  padding:18px 14px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  overflow:auto!important;
  background:var(--web-surface)!important;
  color:var(--vr-text)!important;
  border:0!important;
  border-right:1px solid var(--vr-line)!important;
  box-shadow:none!important;
}

body.vr2 .brand,
body.vr2.sidebar-compact .brand,
body.vr2:not(.sidebar-compact) .brand{
  width:100%!important;
  min-height:68px!important;
  margin:0 0 18px!important;
  padding:6px 8px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  overflow:visible!important;
  border-bottom:1px solid var(--vr-line)!important;
}
body.vr2 .brand>div:not(.brand-mark),
body.vr2.sidebar-compact .brand>div:not(.brand-mark){
  display:block!important;
  min-width:0!important;
}
body.vr2 .brand strong{font-size:15px!important;letter-spacing:-.01em;color:var(--vr-text)!important}
body.vr2 .brand span{margin-top:2px!important;font-size:12px!important;color:var(--vr-muted)!important}
body.vr2 .brand-logo,
body.vr2.sidebar-compact .brand-logo,
body.vr2:not(.sidebar-compact) .brand-logo{
  width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;flex:0 0 44px!important;
  margin:0!important;filter:none!important;
}
body.vr2 .brand-logo img{filter:none!important}

body.vr2 #desktopNav.nav-list,
body.vr2.sidebar-compact #desktopNav.nav-list{
  width:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:4px!important;
  overflow:visible!important;
}
body.vr2 #desktopNav .nav-btn,
body.vr2.sidebar-compact #desktopNav .nav-btn{
  position:relative!important;
  width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:48px!important;
  margin:0!important;padding:8px 10px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
  font-size:14px!important;line-height:1.3!important;font-weight:650!important;white-space:normal!important;text-align:left!important;
  color:var(--vr-muted)!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;
  overflow:visible!important;
}
body.vr2 #desktopNav .nav-btn>span,
body.vr2.sidebar-compact #desktopNav .nav-btn>span{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-width:30px!important;
  margin:0!important;border-radius:9px!important;background:var(--vr-soft)!important;
  color:var(--vr-muted)!important;font-size:17px!important;line-height:1!important;
}
body.vr2 #desktopNav .nav-btn:hover{background:var(--vr-soft)!important;color:var(--vr-text)!important}
body.vr2 #desktopNav .nav-btn.active{
  background:var(--vr-red-soft)!important;color:var(--vr-red)!important;border-color:#f3cfd3!important;
}
body.vr2 #desktopNav .nav-btn.active::before{
  content:""!important;position:absolute!important;left:-14px!important;top:9px!important;bottom:9px!important;width:3px!important;
  border-radius:0 3px 3px 0!important;background:var(--vr-red)!important;
}
body.vr2 #desktopNav .nav-btn.active>span{background:var(--vr-red)!important;color:#fff!important}
body.vr2 .sidebar-footer{display:flex!important;margin-top:auto!important;padding:18px 10px 4px!important;border-top:1px solid var(--vr-line)!important;color:var(--vr-muted)!important}
body.vr2 .sidebar-footer small{font-size:11px!important}
body.vr2 .sidebar-footer small::after{content:" · WEB";font-weight:700;color:var(--vr-red)}

body.vr2 .main,
body.vr2.sidebar-compact .main,
body.vr2:not(.sidebar-compact) .main{
  width:100%!important;max-width:none!important;min-width:0!important;
  padding:0 var(--vr-gutter) 56px!important;background:var(--vr-canvas)!important;
}
body.vr2 .topbar{
  position:sticky!important;top:0!important;z-index:40!important;
  min-height:var(--vr-header)!important;margin:0 calc(-1 * var(--vr-gutter)) 26px!important;padding:14px var(--vr-gutter)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
  background:rgba(255,255,255,.96)!important;border:0!important;border-bottom:1px solid var(--vr-line)!important;
  box-shadow:none!important;backdrop-filter:none!important;
}
body.vr2 .topbar>div:first-child{min-width:0}
body.vr2 .topbar .eyebrow{
  margin:0 0 3px!important;color:var(--vr-muted)!important;font-size:11px!important;font-weight:650!important;letter-spacing:.03em!important;text-transform:none!important;
}
body.vr2 .topbar h1{margin:0!important;font-size:25px!important;line-height:1.2!important;letter-spacing:-.025em!important;color:var(--vr-text)!important}
body.vr2 .topbar-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}
body.vr2 .vr-environment-pill{
  display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 10px;border:1px solid #d8eadf;border-radius:999px;
  background:#f2faf5;color:var(--web-success);font-size:11px;font-weight:750;white-space:nowrap;
}
body.vr2 .vr-environment-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
body.vr2 .view{width:100%!important;max-width:1360px!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;gap:18px!important}

/* === COMMON SURFACES === */
body.vr2 :is(.card,.owner-dashboard-section,.owner-dashboard-card,.owner-action-card,.owner-attention-card,.owner-entity-card,.mb-cabinet-item,.supply-card,.supply-section,.supply-item,.shift-end-report-section,.mb-workspace-section,.mb-workspace-cards article){
  background:var(--vr-panel)!important;color:var(--vr-text)!important;border:1px solid var(--vr-line)!important;
  border-radius:var(--vr-card-radius)!important;box-shadow:0 1px 2px rgba(32,33,36,.03)!important;
}
body.vr2 .card{padding:18px!important}
body.vr2 :is(.grid,.owner-card-grid,.owner-dashboard-cards,.owner-actions,.owner-dashboard-actions,.owner-dashboard-summary,.module-grid,.submodule-grid,.form-grid,.mb-workspace-cards){gap:14px!important}

body.vr2 :is(.owner-page-head,.section-title,.owner-dashboard-section-head,.module-head){
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;
}
body.vr2 .owner-page-head{
  margin-bottom:2px!important;padding:2px 2px 14px!important;border-bottom:1px solid var(--vr-line)!important;
}
body.vr2 .owner-page-head h2{font-size:26px!important;line-height:1.2!important;letter-spacing:-.025em!important}
body.vr2 .owner-page-head p{margin:5px 0 0!important;max-width:760px!important;color:var(--vr-muted)!important;font-size:13px!important}

body.vr2 :is(.owner-filter-bar,.toolbar,.report-filters,.smart-schedule-toolbar,.business-quick-actions,.supply-actions){
  display:flex!important;align-items:flex-end!important;gap:10px!important;flex-wrap:wrap!important;
  padding:12px!important;background:var(--vr-panel)!important;border:1px solid var(--vr-line)!important;border-radius:14px!important;
}
body.vr2 .owner-filter-bar label{min-width:160px!important;display:grid!important;gap:5px!important;color:var(--vr-muted)!important;font-size:11px!important;font-weight:650!important}

body.vr2 :is(.btn,.icon-btn,button:not(.nav-btn):not(.mb-chat-room):not(.mobile-nav button)){
  transition:background-color .12s ease,border-color .12s ease,color .12s ease!important;
}
body.vr2 .btn{
  min-height:44px!important;border-radius:11px!important;padding:9px 14px!important;font-size:13px!important;font-weight:700!important;
  box-shadow:none!important;
}
body.vr2 .btn.primary{background:var(--vr-red)!important;border-color:var(--vr-red)!important;color:#fff!important}
body.vr2 .btn.primary:hover{background:var(--web-brand-hover)!important;border-color:var(--web-brand-hover)!important}
body.vr2 :is(.btn.ghost,.btn.secondary,.btn.neutral){background:#fff!important;color:var(--vr-text)!important;border-color:var(--vr-line)!important}
body.vr2 :is(.btn.ghost,.btn.secondary,.btn.neutral):hover{background:var(--vr-soft)!important}
body.vr2 .btn.danger{background:var(--vr-red-soft)!important;color:var(--web-error)!important;border-color:#ecc4c8!important}
body.vr2 .btn.small{min-height:36px!important;padding:6px 10px!important}
body.vr2 .icon-btn{width:44px!important;height:44px!important;min-width:44px!important;border-radius:11px!important;background:#fff!important;color:var(--vr-muted)!important;border:1px solid var(--vr-line)!important}

body.vr2 :is(input:not([type=checkbox]):not([type=radio]),select,textarea,.input){
  min-height:46px!important;border:1px solid var(--web-input-border)!important;border-radius:11px!important;background:#fff!important;
  color:var(--vr-text)!important;padding:9px 12px!important;box-shadow:none!important;font-size:14px!important;
}
body.vr2 textarea{min-height:96px!important}
body.vr2 :is(input,select,textarea,.input):focus{border-color:var(--vr-red)!important}
body.vr2 :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:3px solid var(--web-focus)!important;outline-offset:3px!important}

body.vr2 :is(.badge,.owner-status,.owner-dashboard-status,.shift-end-report-status,.mb-notification-state,.web-badge){
  min-height:26px!important;padding:4px 9px!important;border-radius:999px!important;background:var(--vr-soft)!important;color:var(--vr-muted)!important;
  border:1px solid transparent!important;font-size:11px!important;font-weight:700!important;line-height:1.2!important;
}
body.vr2 :is(.badge.green,.owner-status.active,.owner-dashboard-status.active){background:#eff8f2!important;color:var(--web-success)!important;border-color:#d7eadf!important}
body.vr2 :is(.badge.red,.owner-status.cancelled,.owner-dashboard-status.problem){background:var(--vr-red-soft)!important;color:var(--web-error)!important;border-color:#efd0d3!important}
body.vr2 :is(.badge.amber,.owner-status.planned,.owner-dashboard-status.waiting){background:#fff8e8!important;color:var(--web-warning)!important;border-color:#f0e1b7!important}

body.vr2 .table-wrap{overflow:auto!important;border:1px solid var(--vr-line)!important;border-radius:14px!important;background:#fff!important}
body.vr2 table{background:#fff!important;color:var(--vr-text)!important}
body.vr2 th{position:sticky!important;top:0!important;z-index:1!important;background:#f7f6f3!important;color:var(--vr-muted)!important;font-size:11px!important;font-weight:750!important;text-transform:none!important}
body.vr2 th,body.vr2 td{padding:12px 14px!important;border-bottom:1px solid #ebe9e5!important}
body.vr2 tbody tr:hover{background:#faf9f7!important}

/* === HOME / OWNER DASHBOARD === */
body.vr2 .owner-dashboard-today{gap:16px!important;margin:0!important}
body.vr2 .owner-dashboard-section{padding:18px!important}
body.vr2 .owner-dashboard-section.owner-dashboard-hero,
body.vr2 .owner-dashboard-active .owner-dashboard-section.owner-dashboard-hero{
  background:var(--vr-red-soft)!important;border-color:#f1d4d7!important;box-shadow:none!important;
}
body.vr2 .owner-dashboard-section h2{font-size:22px!important;letter-spacing:-.02em!important}
body.vr2 .owner-dashboard-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body.vr2 .owner-dashboard-stat,
body.vr2 .owner-dashboard-active .owner-dashboard-stat{
  padding:14px!important;background:#fff!important;border:1px solid var(--vr-line)!important;border-radius:14px!important;
}
body.vr2 .owner-dashboard-stat span{font-size:11px!important;color:var(--vr-muted)!important}
body.vr2 .owner-dashboard-stat strong{margin-top:7px!important;font-size:26px!important;letter-spacing:-.03em!important;color:var(--vr-text)!important}
body.vr2 .owner-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.vr2 .owner-dashboard-card{padding:16px!important;gap:12px!important}
body.vr2 .owner-dashboard-check{padding:8px 9px!important;background:#f8f7f4!important;color:var(--vr-muted)!important;border:1px solid #eceae6!important}
body.vr2 .owner-dashboard-issue{background:#fff8f8!important;border:1px solid #efd0d3!important;border-radius:14px!important}
body.vr2 .owner-dashboard-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Remove the old marketing/image-heavy home treatment: this is an operating console. */
body.vr2 :is(.home-card-visual,.home-intro-image,.home-intro-overlay){display:none!important}
body.vr2 .home-intro-with-image{
  min-height:0!important;padding:18px!important;background:var(--vr-red-soft)!important;border:1px solid #f1d4d7!important;
}
body.vr2 .home-intro-content{position:relative!important;z-index:auto!important}
body.vr2 .home-card{
  min-height:0!important;padding:16px!important;background:#fff!important;border:1px solid var(--vr-line)!important;
  border-radius:var(--vr-card-radius)!important;box-shadow:none!important;
}
body.vr2 .home-card .home-card-top{padding:0!important}
body.vr2 .home-card>h2{padding:0!important;margin:10px 0 5px!important;font-size:17px!important}
body.vr2 .home-card>p{padding:0!important;min-height:0!important;margin:0!important;font-size:12px!important}
body.vr2 .home-card .home-card-footer{margin:14px 0 0!important;padding:10px 0 0!important;border-top:1px solid var(--vr-line)!important}
body.vr2 .home-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
body.vr2 .module-card{
  min-height:0!important;padding:18px!important;background:#fff!important;border:1px solid var(--vr-line)!important;border-radius:16px!important;
  box-shadow:none!important;transform:none!important;
}
body.vr2 .module-card:hover{transform:none!important;background:#fff!important;border-color:#c4c0b9!important}
body.vr2 .module-icon{width:38px!important;height:38px!important;margin:0 0 14px!important;border-radius:11px!important;background:var(--vr-red-soft)!important;border:0!important;color:var(--vr-red)!important}
body.vr2 .module-card h2{font-size:17px!important}
body.vr2 .module-card p{font-size:12px!important;margin-bottom:12px!important}

/* === ENTITY / SHIFT / REPORT / PRODUCTION CARDS === */
body.vr2 .owner-entity-card{padding:16px!important}
body.vr2 .owner-entity-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:14px!important;padding-bottom:12px!important;border-bottom:1px solid var(--vr-line)!important}
body.vr2 .owner-entity-head h3{font-size:16px!important;letter-spacing:-.01em!important}
body.vr2 .owner-meta-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin-top:12px!important}
body.vr2 .owner-meta-item{padding:9px 10px!important;border-radius:10px!important;background:#f8f7f4!important;border:1px solid #eceae6!important}
body.vr2 .owner-meta-item span{display:block!important;color:var(--vr-muted)!important;font-size:10px!important}
body.vr2 .owner-meta-item strong{display:block!important;margin-top:4px!important;font-size:12px!important}
body.vr2 .owner-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid var(--vr-line)!important}
body.vr2 :is(.shift-end-report-notice,.supply-notice,.warning,.hint,.web-retry){
  background:#faf8f3!important;color:var(--web-warning)!important;border:1px solid #eadfca!important;border-radius:12px!important;
}

/* === TASKS / NOTIFICATIONS === */
body.vr2 :is(.mb-task-result-row,.home-task-row,.mb-notification-row){
  background:#fff!important;border:1px solid var(--vr-line)!important;border-radius:14px!important;box-shadow:none!important;
}
body.vr2 .mb-notification-row{padding:14px 16px!important}
body.vr2 .mb-notification-row.unread{
  background:#fff9fa!important;border-color:#eccfd2!important;border-left:4px solid var(--vr-red)!important;
}
body.vr2 .home-task-row{padding:12px 14px!important}
body.vr2 .home-task-main strong{font-size:13px!important;white-space:normal!important}
body.vr2 .home-task-main span{font-size:11px!important}

/* === AUTH === */
body.vr2 :is(.mb-online-auth-overlay,#mbServerAuthOverlay){
  background:var(--vr-canvas)!important;backdrop-filter:none!important;
}
body.vr2 .mb-online-auth-card,
body.vr2 .mb-online-auth-card.mb-branded-login{
  width:min(440px,calc(100vw - 28px))!important;padding:28px!important;background:#fff!important;color:var(--vr-text)!important;
  border:1px solid var(--vr-line)!important;border-radius:22px!important;box-shadow:0 18px 54px rgba(32,33,36,.10)!important;
}
body.vr2 .mb-online-auth-brand{margin:0 0 22px!important;padding:0 0 18px!important;border-bottom:1px solid var(--vr-line)!important}
body.vr2 .mb-online-auth-card h2{font-size:24px!important;color:var(--vr-text)!important}
body.vr2 .mb-online-auth-card p{font-size:13px!important;color:var(--vr-muted)!important}
body.vr2 .mb-online-kicker{font-size:11px!important;color:var(--vr-red)!important;letter-spacing:.04em!important}
body.vr2 .mb-online-form{gap:13px!important}
body.vr2 .mb-online-form label{font-size:12px!important;color:var(--vr-muted)!important}
body.vr2 .mb-online-form input{height:48px!important}
body.vr2 .mb-online-error{font-size:11px!important}

/* === EMPLOYEE / MANAGER WORKSPACE === */
body.vr2 .mb-employee-workspace-overlay{background:var(--vr-canvas)!important}
body.vr2 .mb-online-auth-card.mb-employee-workspace-card{width:min(1180px,100%)!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.vr2 .mb-workspace{
  width:100%!important;max-width:1180px!important;margin:0 auto!important;padding:26px 24px 44px!important;background:var(--vr-canvas)!important;color:var(--vr-text)!important;
}
body.vr2 .mb-workspace-header{
  padding:14px 16px!important;background:#fff!important;border:1px solid var(--vr-line)!important;border-radius:16px!important;align-items:center!important;
}
body.vr2 .mb-workspace-greeting{padding:24px 2px 12px!important}
body.vr2 .mb-workspace-greeting h2{font-size:27px!important;letter-spacing:-.025em!important}
body.vr2 .mb-workspace-cards article{min-height:0!important;padding:16px!important;border-radius:16px!important}
body.vr2 .mb-workspace-salary{border:1px solid var(--vr-line)!important;border-radius:16px!important;box-shadow:none!important}
body.vr2 .mb-workspace-nav{
  position:static!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;
  margin-top:20px!important;padding:8px!important;background:#fff!important;border:1px solid var(--vr-line)!important;border-radius:14px!important;box-shadow:none!important;
}
body.vr2 .mb-workspace-nav button{min-height:46px!important;border-radius:10px!important;background:transparent!important;color:var(--vr-muted)!important}
body.vr2 .mb-workspace-nav button.active{background:var(--vr-red-soft)!important;color:var(--vr-red)!important}

/* === CHAT === */
body.vr2 #modal.mb-chat-modal{
  width:min(1120px,calc(100vw - 32px))!important;max-width:1120px!important;height:min(820px,calc(100dvh - 32px))!important;
  border-radius:20px!important;overflow:hidden!important;
}
body.vr2 #modal.mb-chat-modal #modalForm{border:1px solid var(--vr-line)!important;border-radius:20px!important;overflow:hidden!important}
body.vr2 .mb-chat-shell{grid-template-columns:320px minmax(0,1fr)!important;background:var(--vr-canvas)!important}
body.vr2 .mb-chat-list{padding:12px!important;background:#fff!important;border-right:1px solid var(--vr-line)!important}
body.vr2 .mb-chat-room{
  margin:3px 0!important;padding:11px 12px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:var(--vr-text)!important;
}
body.vr2 .mb-chat-room:hover{background:var(--vr-soft)!important}
body.vr2 .mb-chat-room[aria-current=true]{background:var(--vr-red-soft)!important;color:var(--vr-red)!important}
body.vr2 .mb-chat-room small{margin-top:4px!important;color:var(--vr-muted)!important}
body.vr2 .mb-chat-detail{background:var(--vr-canvas)!important}
body.vr2 .mb-chat-toolbar{padding:12px 14px!important;background:#fff!important;border-bottom:1px solid var(--vr-line)!important}
body.vr2 .mb-chat-history{padding:18px!important;gap:8px!important}
body.vr2 .mb-chat-bubble{
  max-width:76%!important;padding:10px 13px!important;border:1px solid var(--vr-line)!important;border-radius:15px 15px 15px 5px!important;
  background:#fff!important;box-shadow:none!important;
}
body.vr2 .mb-chat-bubble.is-own{border-color:#efd2d5!important;border-radius:15px 15px 5px 15px!important;background:var(--vr-red-soft)!important}
body.vr2 .mb-chat-compose{padding:12px 14px!important;background:#fff!important;border-top:1px solid var(--vr-line)!important}
body.vr2 .mb-chat-compose textarea{min-height:54px!important;max-height:120px!important}

/* === MODALS === */
body.vr2 dialog::backdrop{background:rgba(32,33,36,.32)!important}
body.vr2 #modal:not(.mb-chat-modal){width:min(760px,calc(100vw - 28px))!important}
body.vr2 #modal .modal-card{background:#fff!important;color:var(--vr-text)!important;border:1px solid var(--vr-line)!important;border-radius:20px!important;box-shadow:0 24px 64px rgba(32,33,36,.18)!important}
body.vr2 .modal-head{padding:18px 20px!important;border-bottom:1px solid var(--vr-line)!important}
body.vr2 .modal-head h2,body.vr2 .modal-head h3{font-size:19px!important;letter-spacing:-.015em!important}
body.vr2 .modal-body{padding:20px!important}
body.vr2 .modal-actions{padding:14px 20px!important;background:#faf9f7!important;border-top:1px solid var(--vr-line)!important}

/* === DESKTOP ADAPTATION === */
@media(max-width:1180px) and (min-width:761px){
  body.vr2{--vr-sidebar:236px;--vr-gutter:22px}
}
@media(max-width:900px) and (min-width:761px){
  body.vr2{--vr-sidebar:82px;--vr-gutter:18px}
  body.vr2 .sidebar,body.vr2.sidebar-compact .sidebar,body.vr2:not(.sidebar-compact) .sidebar{padding:14px 10px!important;align-items:center!important}
  body.vr2 .brand,body.vr2.sidebar-compact .brand{justify-content:center!important;padding:5px 0 16px!important}
  body.vr2 .brand>div:not(.brand-mark),body.vr2.sidebar-compact .brand>div:not(.brand-mark){display:none!important}
  body.vr2 #desktopNav .nav-btn,body.vr2.sidebar-compact #desktopNav .nav-btn{
    width:54px!important;min-width:54px!important;max-width:54px!important;justify-content:center!important;padding:7px!important;font-size:0!important;
  }
  body.vr2 #desktopNav .nav-btn>span{width:34px!important;height:34px!important;min-width:34px!important;font-size:18px!important}
  body.vr2 #desktopNav .nav-btn.active::before{left:-14px!important}
  body.vr2 .sidebar-footer{display:none!important}
  body.vr2 .owner-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vr2 .home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* === MOBILE 390 === */
@media(max-width:760px){
  body.vr2{--vr-header:66px;--vr-gutter:13px}
  body.vr2 .app-shell,body.vr2:not(.sidebar-compact) .app-shell,body.vr2.sidebar-compact .app-shell{display:block!important}
  body.vr2 .sidebar,body.vr2:not(.sidebar-compact) .sidebar,body.vr2.sidebar-compact .sidebar{display:none!important}
  body.vr2 .main,body.vr2.sidebar-compact .main,body.vr2:not(.sidebar-compact) .main{padding:0 var(--vr-gutter) 92px!important}
  body.vr2 .topbar{min-height:var(--vr-header)!important;margin:0 calc(-1 * var(--vr-gutter)) 16px!important;padding:10px var(--vr-gutter)!important}
  body.vr2 .topbar h1{font-size:20px!important}
  body.vr2 .topbar .eyebrow{display:none!important}
  body.vr2 .topbar .btn#backupBtn{display:none!important}
  body.vr2 .vr-environment-pill{height:28px;padding:0 8px;font-size:10px}
  body.vr2 .view{gap:13px!important}
  body.vr2 .mobile-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:80!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important;
    padding:7px 6px max(7px,env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.98)!important;
    border:0!important;border-top:1px solid var(--vr-line)!important;box-shadow:0 -4px 16px rgba(32,33,36,.05)!important;backdrop-filter:none!important;
  }
  body.vr2 .mobile-nav button{
    min-width:0!important;min-height:52px!important;padding:5px 2px!important;border:0!important;border-radius:10px!important;background:transparent!important;
    color:var(--vr-muted)!important;font-size:9px!important;font-weight:650!important;line-height:1.1!important;overflow:hidden!important;
  }
  body.vr2 .mobile-nav button.active{background:var(--vr-red-soft)!important;color:var(--vr-red)!important}
  body.vr2 .mobile-nav .mi{font-size:18px!important;margin-bottom:3px!important}
  body.vr2 :is(.owner-page-head,.section-title,.owner-dashboard-section-head,.module-head){align-items:flex-start!important;flex-direction:column!important}
  body.vr2 .owner-page-head{padding-bottom:10px!important}
  body.vr2 .owner-page-head h2{font-size:22px!important}
  body.vr2 .owner-page-head>.btn{width:100%!important}
  body.vr2 .owner-filter-bar{align-items:stretch!important;padding:10px!important}
  body.vr2 .owner-filter-bar>*{width:100%!important;min-width:0!important}
  body.vr2 .owner-dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vr2 .owner-dashboard-cards{grid-template-columns:1fr!important}
  body.vr2 .owner-dashboard-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vr2 .owner-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.vr2 .owner-actions .btn{flex:1 1 calc(50% - 8px)!important}
  body.vr2 .home-module-grid,body.vr2 .module-grid,body.vr2 .submodule-grid{grid-template-columns:1fr!important}
  body.vr2 .form-grid{grid-template-columns:1fr!important}
  body.vr2 .card,body.vr2 .owner-dashboard-section,body.vr2 .owner-entity-card{padding:14px!important;border-radius:15px!important}
  body.vr2 .mb-workspace{padding:12px 10px 88px!important}
  body.vr2 .mb-workspace-header{padding:11px 12px!important}
  body.vr2 .mb-workspace-cards,body.vr2 .mb-workspace .mb-workspace-cards{grid-template-columns:1fr!important}
  body.vr2 .mb-workspace-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;margin:0!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;padding:7px 6px max(7px,env(safe-area-inset-bottom))!important;
    border-radius:0!important;border-width:1px 0 0!important;
  }
  body.vr2 #modal.mb-chat-modal{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important}
  body.vr2 #modal.mb-chat-modal #modalForm{border-radius:0!important;border:0!important}
  body.vr2 .mb-chat-bubble{max-width:88%!important}
  body.vr2 .modal-actions .btn{flex:1 1 0!important}
}
@media(max-width:420px){
  body.vr2 .owner-meta-grid{grid-template-columns:1fr!important}
  body.vr2 .owner-dashboard-stat strong{font-size:23px!important}
  body.vr2 .owner-actions .btn{flex-basis:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.vr2 *,body.vr2 *::before,body.vr2 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Owner mobile width correction — legacy owner grid must not survive <=760px. */
@media(max-width:760px){
  html body.vr2.owner-workspace #appShell.app-shell{
    display:block!important;
    grid-template-columns:1fr!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
  }
  html body.vr2.owner-workspace #appShell>.main{
    display:block!important;
    width:100vw!important;
    max-width:100vw!important;
    min-width:0!important;
    margin:0!important;
    padding-left:var(--vr-gutter)!important;
    padding-right:var(--vr-gutter)!important;
    box-sizing:border-box!important;
  }
  html body.vr2.owner-workspace #view.view{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
  }
  html body.vr2.owner-workspace .topbar{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    flex-wrap:nowrap!important;
  }
  html body.vr2.owner-workspace .topbar>div:first-child{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  html body.vr2.owner-workspace .topbar-actions{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  html body.vr2.owner-workspace .topbar-actions [data-open-chat]{
    min-width:44px!important;
    height:44px!important;
    padding:0 10px!important;
    white-space:nowrap!important;
  }
  html body.vr2.owner-workspace .owner-dashboard-today,
  html body.vr2.owner-workspace .owner-dashboard-section,
  html body.vr2.owner-workspace .business-today{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
}
/* F09: permission-filtered operational actions keep one two-column grid. */
.mb-workspace .mb-home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--web-space-3)}
.mb-workspace .mb-home-action{min-width:0;min-height:var(--web-nav-control);white-space:normal;overflow-wrap:anywhere;background:var(--web-surface);color:var(--web-text);border:var(--web-border-width) solid var(--web-border);border-radius:var(--web-radius-small);padding:var(--web-space-3)}
/* Operational density: grow for translated text/zoom, never clip required actions. */
.supply-compact .supply-queue{display:flex;flex-direction:column;gap:0}
.supply-operation-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--web-space-2) var(--web-space-3);min-height:var(--web-nav-control);padding:var(--web-space-2) 0;border-bottom:1px solid var(--web-border)}
.supply-operation-title{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.supply-operation-title small{display:block;color:var(--web-muted)}
.supply-operation-row .supply-actions{margin:0;gap:var(--web-space-2)}
.supply-quantity{flex:0 1 180px;min-width:0}
.supply-quantity input{width:100%;box-sizing:border-box;min-height:var(--web-control)}
.supply-quantity [role=alert]{color:var(--web-error);display:block}
.supply-compact button{min-height:var(--web-control)}
dialog.supply-card{max-width:min(100% - 32px,520px);box-sizing:border-box;max-height:90dvh;overflow:auto}
.mb-workspace .mb-workspace-header{flex-wrap:wrap;gap:var(--web-space-2);align-items:center}
.mb-workspace .mb-workspace-header-actions{flex-wrap:wrap}
.mb-workspace .mb-workspace-assignment-wrap{max-width:100%;display:block}
.mb-workspace .mb-workspace-context{font-size:var(--web-font-small);color:var(--web-muted)}
.mb-workspace .mb-workspace-section{margin:var(--web-space-3) 0}
.mb-workspace .mb-workspace-salary{padding:var(--web-space-2) var(--web-space-3);box-shadow:none}
.mb-workspace .mb-workspace-salary small{display:none}
.mb-workspace [data-shift-timing-id]{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--web-space-2) var(--web-space-3);padding:var(--web-space-3);box-shadow:none}
.mb-workspace [data-shift-timing-id]>strong,.mb-workspace [data-shift-timing-id]>p{font-size:var(--web-font-small);margin:0}
.mb-workspace .mb-supply-reminder{width:100%;min-height:var(--web-nav-control);display:flex;flex-wrap:wrap;align-items:center;gap:var(--web-space-2);padding:var(--web-space-2) var(--web-space-3);border:1px solid var(--web-border);border-radius:var(--web-radius-small);background:var(--web-surface);color:var(--web-text);text-align:left}
.mb-workspace .mb-supply-reminder small{flex:1;color:var(--web-muted)}
@media(max-width:600px){.supply-operation-row{min-height:56px}.supply-operation-row .supply-quantity{flex:1 1 100%}.supply-operation-row .supply-actions{flex-wrap:wrap}.mb-workspace{padding-top:var(--web-space-3)}}