/* ShoreBuild V111 — complete staff/admin panel UX overhaul */
:root{
  --mc:"Minecraft Ten","Press Start 2P",ui-monospace,monospace;
  --ui:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --radius:16px;
  --radius-sm:11px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box}
button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent }
button,a{touch-action:manipulation}

/* ---------- ADMIN / OWNER ---------- */
body:has(.admin-layout){
  --panel-bg:#f3f3f3;--panel-surface:#fff;--panel-surface-2:#f8f8f8;--panel-text:#0b0b0b;--panel-muted:#6b6b6b;
  --panel-border:#d6d6d6;--panel-accent:#090909;--panel-accent-2:#292929;--panel-soft:#ececec;--panel-danger:#b42318;
  background:var(--panel-bg)!important;color:var(--panel-text)!important;font-family:var(--ui)!important;
}
.admin-layout{background:var(--panel-bg)!important;min-height:100dvh!important}
.admin-sidebar{
  width:260px!important;padding:20px 14px!important;background:#060606!important;border-right:1px solid #292929!important;
  box-shadow:18px 0 48px rgba(0,0,0,.16)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
}
.sidebar-brand{padding:12px 12px 22px!important;margin:0 0 14px!important;border-bottom:1px solid #292929!important}
.sidebar-brand h1{font-family:var(--mc)!important;font-size:30px!important;line-height:1!important;color:#fff!important;letter-spacing:.015em!important;margin:0 0 10px!important;text-shadow:3px 3px 0 #202020!important}
.sidebar-brand span{display:inline-flex!important;align-items:center!important;min-height:26px!important;padding:5px 9px!important;border:1px solid #373737!important;border-radius:8px!important;background:#111!important;color:#bcbcbc!important;font:800 10px/1 var(--ui)!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.sidebar-nav{display:flex!important;flex-direction:column!important;gap:7px!important;padding:3px 0!important}
.sidebar-nav:before{content:"CONTROL CENTER";padding:5px 12px 4px;color:#696969;font:900 9px/1 var(--ui);letter-spacing:.18em}
.sidebar-button,.sidebar-logout,#backToWebsiteButton{
  position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:48px!important;
  padding:0 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#a9a9a9!important;
  font:800 13px/1.2 var(--ui)!important;text-align:left!important;cursor:pointer!important;
  transition:transform .18s var(--ease),background .18s,border-color .18s,color .18s,box-shadow .18s!important;
}
.sidebar-button .sidebar-icon{display:grid!important;place-items:center!important;flex:0 0 27px!important;width:27px!important;height:27px!important;border-radius:8px!important;background:#161616!important;border:1px solid #222!important;color:#d5d5d5!important;font-size:14px!important;transition:inherit!important}
.sidebar-button:hover,.sidebar-logout:hover,#backToWebsiteButton:hover{transform:translateX(5px) scale(1.025)!important;background:#171717!important;border-color:#343434!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.24)!important}
.sidebar-button.active{background:#fff!important;color:#050505!important;border-color:#fff!important;box-shadow:0 12px 30px rgba(255,255,255,.1)!important}
.sidebar-button.active .sidebar-icon{background:#090909!important;border-color:#090909!important;color:#fff!important}
.sidebar-bottom{display:grid!important;gap:8px!important;margin-top:18px!important;padding-top:16px!important;border-top:1px solid #292929!important}
.sidebar-user{padding:10px!important;border:1px solid #262626!important;border-radius:12px!important;background:#101010!important}
.sidebar-user-avatar{background:#fff!important;color:#000!important;border:0!important;font-family:var(--mc)!important}
.sidebar-user-info strong{color:#fff!important}.sidebar-user-info span{color:#9d9d9d!important}
.sidebar-logout{justify-content:center!important;background:#141414!important;border-color:#292929!important;color:#eee!important}
#backToWebsiteButton{justify-content:center!important;border-color:#222!important;color:#aaa!important}

.admin-main{margin-left:260px!important;min-height:100dvh!important;padding:34px 38px 50px!important;background:radial-gradient(circle at 100% 0,rgba(0,0,0,.055),transparent 30%),var(--panel-bg)!important}
.admin-section{animation:v111PanelIn .25s var(--ease)}
@keyframes v111PanelIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.admin-header{gap:18px!important;margin-bottom:24px!important}
.admin-header h2,.admin-section h2,.panel-heading h3,.order-chat-title h3{font-family:var(--mc)!important;color:var(--panel-text)!important;letter-spacing:.01em!important;text-shadow:none!important}
.page-label,.card-label{color:#737373!important;font:900 9px/1.2 var(--ui)!important;letter-spacing:.17em!important;text-transform:uppercase!important}
.admin-header p,.admin-section p{color:var(--panel-muted)!important}

/* every admin control gets the owner theme */
body:has(.admin-layout) button:not(.sidebar-button):not(.mobile-panel-menu):not(.mobile-panel-backdrop),
body:has(.admin-layout) .primary-button,body:has(.admin-layout) .secondary-button,
body:has(.admin-layout) .quick-action,body:has(.admin-layout) .yes-no-button,
body:has(.admin-layout) .delete-order-button,body:has(.admin-layout) .admin-popup-close,
body:has(.admin-layout) .build-info-close,body:has(.admin-layout) .feature-disabler-close,
body:has(.admin-layout) .interactive-preview-close{
  border-radius:11px!important;transition:transform .17s var(--ease),box-shadow .17s,background .17s,border-color .17s,color .17s!important;
}
body:has(.admin-layout) button:not(.sidebar-button):not(.mobile-panel-menu):not(.mobile-panel-backdrop):hover:not(:disabled){transform:translateY(-2px) scale(1.025)!important}
body:has(.admin-layout) button:active:not(:disabled){transform:scale(.975)!important}
body:has(.admin-layout) .primary-button{min-height:43px!important;background:#080808!important;color:#fff!important;border:1px solid #080808!important;box-shadow:0 5px 14px rgba(0,0,0,.13)!important;font-weight:850!important}
body:has(.admin-layout) .primary-button:hover{background:#292929!important;box-shadow:0 10px 24px rgba(0,0,0,.18)!important}
body:has(.admin-layout) .secondary-button{min-height:43px!important;background:#fff!important;color:#111!important;border:1px solid #c5c5c5!important;font-weight:800!important}
body:has(.admin-layout) .secondary-button:hover{background:#ececec!important;border-color:#111!important}
body:has(.admin-layout) .quick-action{background:#fff!important;color:#111!important;border:1px solid #d0d0d0!important;box-shadow:0 7px 20px rgba(0,0,0,.05)!important}
body:has(.admin-layout) .quick-action:hover{border-color:#111!important;box-shadow:0 14px 30px rgba(0,0,0,.1)!important}
body:has(.admin-layout) .delete-order-button{background:#fff1f0!important;color:#9f1c12!important;border:1px solid #f0aaa3!important}
body:has(.admin-layout) .delete-order-button:hover{background:#fee4e2!important;border-color:#b42318!important}

/* surfaces/cards */
.dashboard-card,.dashboard-panel,.admin-panel-card,.maintenance-control-card,.release-scheduler-card,.release-deployment-card,.release-upload-card,
.release-queued-card,.admin-build-card,.admin-user-card,.admin-user-popup-card,.build-info-panel,.order-detail-extra-box,.editor-form,
.interactive-preview-modal,.tutorial-preview-modal,.order-chat-section,.order-conversation-shell,.shulker-admin-toolbar{
  background:var(--panel-surface)!important;color:var(--panel-text)!important;border:1px solid var(--panel-border)!important;border-radius:var(--radius)!important;box-shadow:0 7px 22px rgba(0,0,0,.055)!important;
}
.dashboard-card,.admin-panel-card,.admin-build-card,.admin-user-card,.maintenance-control-card{transition:transform .19s var(--ease),box-shadow .19s,border-color .19s!important}
.dashboard-card:hover,.admin-panel-card:hover,.admin-build-card:hover,.admin-user-card:hover,.maintenance-control-card:hover{transform:translateY(-4px) scale(1.012)!important;border-color:#1b1b1b!important;box-shadow:0 15px 34px rgba(0,0,0,.105)!important}

/* fields */
body:has(.admin-layout) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
body:has(.admin-layout) textarea,body:has(.admin-layout) select,
body:has(.admin-layout) .admin-search,body:has(.admin-layout) .admin-select{
  min-height:44px!important;border:1px solid #c9c9c9!important;border-radius:11px!important;background:#fff!important;color:#111!important;outline:0!important;box-shadow:0 1px 0 rgba(0,0,0,.02)!important;transition:border-color .17s,box-shadow .17s,background .17s!important;
}
body:has(.admin-layout) input:focus,body:has(.admin-layout) textarea:focus,body:has(.admin-layout) select:focus{border-color:#111!important;box-shadow:0 0 0 3px rgba(0,0,0,.1)!important;background:#fff!important}
body:has(.admin-layout) label{color:#3d3d3d!important}

/* Admin live order chat */
.order-chat-popup,.order-chat-main{background:#f4f4f4!important;color:#111!important}
.order-chat-header,.order-customer-bar{background:#fff!important;border-color:#d8d8d8!important;color:#111!important}
.order-chat-messages{background:linear-gradient(#f7f7f7,#f0f0f0)!important}
.chat-message-content{border-radius:14px!important;box-shadow:0 4px 14px rgba(0,0,0,.055)!important}
.seller-message .chat-message-content{background:#101010!important;color:#fff!important;border-color:#101010!important}
.customer-message .chat-message-content{background:#fff!important;color:#111!important;border:1px solid #d2d2d2!important}
.order-chat-input-area{background:#fff!important;border-color:#d5d5d5!important}
.order-chat-input{background:#f7f7f7!important;color:#111!important;border:1px solid #c8c8c8!important;resize:none!important}
.order-chat-send{background:#080808!important;color:#fff!important}
.order-chat-remind,.chat-attachment-button{background:#fff!important;color:#111!important;border:1px solid #c7c7c7!important}

/* ---------- SHARED STAFF PANELS ---------- */
body.role-dev{--pbg:#eee6ff;--psurface:#fbf9ff;--psurface2:#f3edff;--ptext:#2b1d40;--pmuted:#78698a;--pborder:#cdb8ee;--paccent:#8250cf;--paccent2:#6334ac;--phover:#e1d2f7;--pshadow:rgba(99,52,172,.16)}
body.role-manager{--pbg:#ffe9eb;--psurface:#fffafb;--psurface2:#fff1f2;--ptext:#492226;--pmuted:#8b6266;--pborder:#edb5ba;--paccent:#d55c67;--paccent2:#a93640;--phover:#f7d5d8;--pshadow:rgba(169,54,64,.15)}
body.role-builder{--pbg:#e4f5ff;--psurface:#fbfdff;--psurface2:#effaff;--ptext:#173a4b;--pmuted:#607e8d;--pborder:#a9d7ed;--paccent:#49a8d6;--paccent2:#237ba6;--phover:#d6effb;--pshadow:rgba(35,123,166,.15)}
body.role-owner{--pbg:#f1f1f1;--psurface:#fff;--psurface2:#f7f7f7;--ptext:#111;--pmuted:#666;--pborder:#d2d2d2;--paccent:#111;--paccent2:#000;--phover:#e8e8e8;--pshadow:rgba(0,0,0,.12)}
body.role-dev,body.role-manager,body.role-builder,body.role-owner{margin:0!important;min-height:100dvh!important;background:linear-gradient(145deg,var(--psurface2),var(--pbg))!important;color:var(--ptext)!important;font-family:var(--ui)!important}
.staff-shell{width:min(1450px,calc(100% - 34px))!important;margin:24px auto 42px!important}
.staff-header{position:relative!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:22px 24px!important;margin-bottom:16px!important;background:var(--psurface)!important;border:1px solid var(--pborder)!important;border-radius:18px!important;box-shadow:0 10px 30px var(--pshadow)!important}
.staff-header:after{content:"";position:absolute;right:-55px;top:-70px;width:190px;height:190px;border-radius:50%;background:var(--paccent);opacity:.09;pointer-events:none}
.staff-header>div{min-width:0}.staff-header>div>span{color:var(--paccent2)!important;font:900 9px/1 var(--ui)!important;letter-spacing:.19em!important}.staff-header h1{margin:7px 0 8px!important;font-family:var(--mc)!important;font-size:clamp(25px,4vw,38px)!important;line-height:1!important;color:var(--ptext)!important;text-shadow:2px 2px 0 color-mix(in srgb,var(--paccent) 16%,transparent)!important}.staff-header p{margin:0!important;color:var(--pmuted)!important}.role-badge{position:relative;z-index:1;flex:0 0 auto!important;padding:10px 14px!important;border-radius:999px!important;background:var(--paccent)!important;border:1px solid var(--paccent2)!important;color:#fff!important;font:900 11px/1 var(--ui)!important;letter-spacing:.08em!important;box-shadow:0 7px 18px var(--pshadow)!important}
#returnToAdminPanel{color:var(--paccent2)!important;font-weight:900!important;text-decoration:none!important}

.panel-grid{display:none!important} /* panel switch cards removed from the visual flow; permissions remain in JS */
.staff-workspace{overflow:hidden!important;background:var(--psurface)!important;border:1px solid var(--pborder)!important;border-radius:18px!important;box-shadow:0 12px 34px var(--pshadow)!important}
.staff-tabs{background:color-mix(in srgb,var(--paccent) 7%,var(--psurface))!important;border-color:var(--pborder)!important}
.staff-sidebar-brand{display:grid!important;gap:4px!important;padding:5px 8px 18px!important;margin-bottom:7px!important;border-bottom:1px solid var(--pborder)!important}.staff-sidebar-brand>span{color:var(--paccent2)!important;font:900 9px/1 var(--ui)!important;letter-spacing:.16em!important}.staff-sidebar-brand strong{font:400 21px/1 var(--mc)!important;color:var(--ptext)!important}.staff-sidebar-brand small{color:var(--pmuted)!important;font:800 9px/1 var(--ui)!important;letter-spacing:.13em!important}.staff-sidebar-label{padding:8px!important;color:var(--pmuted)!important;font:900 9px/1 var(--ui)!important;letter-spacing:.17em!important}
.staff-tabs button{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important;min-height:48px!important;padding:0 12px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:var(--pmuted)!important;font:850 13px/1 var(--ui)!important;text-align:left!important;cursor:pointer!important;transition:transform .17s var(--ease),background .17s,border-color .17s,color .17s,box-shadow .17s!important}
.staff-tabs button .staff-nav-icon{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:0 0 28px!important;border-radius:8px!important;background:color-mix(in srgb,var(--paccent) 10%,white)!important;border:1px solid color-mix(in srgb,var(--paccent) 22%,transparent)!important;color:var(--paccent2)!important;font-size:14px!important}
.staff-tabs button:hover{transform:translateX(4px) scale(1.018)!important;background:var(--phover)!important;color:var(--ptext)!important;border-color:var(--pborder)!important;box-shadow:0 8px 20px var(--pshadow)!important}.staff-tabs button.active{background:var(--paccent)!important;color:#fff!important;border-color:var(--paccent2)!important;box-shadow:0 9px 22px var(--pshadow)!important}.staff-tabs button.active .staff-nav-icon{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.staff-tab{color:var(--ptext)!important;background:var(--psurface)!important}.staff-tab h2{font-family:var(--mc)!important;color:var(--ptext)!important;font-size:clamp(24px,3vw,34px)!important;margin-bottom:8px!important}.staff-tab>p,.staff-tab .admin-header p{color:var(--pmuted)!important}
.staff-tab .page-label{color:var(--paccent2)!important}

/* every staff panel action/control */
body.role-dev .staff-workspace button,body.role-manager .staff-workspace button,body.role-builder .staff-workspace button,body.role-owner .staff-workspace button,
body.role-dev .staff-workspace select,body.role-manager .staff-workspace select,body.role-builder .staff-workspace select,body.role-owner .staff-workspace select,
body.role-dev .staff-workspace input,body.role-manager .staff-workspace input,body.role-builder .staff-workspace input,body.role-owner .staff-workspace input{
  font-family:var(--ui)!important;transition:transform .17s var(--ease),background .17s,border-color .17s,box-shadow .17s,color .17s!important;
}
.staff-workspace input,.staff-workspace select,.staff-schematics-search,.admin-search,.admin-select{min-height:46px!important;border:1px solid var(--pborder)!important;border-radius:11px!important;background:var(--psurface)!important;color:var(--ptext)!important;outline:0!important}.staff-workspace input:focus,.staff-workspace select:focus{border-color:var(--paccent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--paccent) 18%,transparent)!important}
.staff-row{min-height:64px!important;padding:12px 14px!important;border:1px solid var(--pborder)!important;border-radius:13px!important;background:var(--psurface)!important;color:var(--ptext)!important;box-shadow:0 5px 15px var(--pshadow)!important;transition:transform .17s var(--ease),box-shadow .17s,border-color .17s,background .17s!important}.staff-row:hover{transform:translateY(-2px) scale(1.008)!important;border-color:var(--paccent)!important;background:var(--psurface2)!important;box-shadow:0 10px 24px var(--pshadow)!important}.staff-row>strong{color:var(--paccent2)!important}.staff-row small{color:var(--pmuted)!important}.staff-row select{min-height:40px!important;background:var(--psurface2)!important}
.admin-build-card{border:1px solid var(--pborder)!important;background:var(--psurface)!important;border-radius:14px!important;overflow:hidden!important;box-shadow:0 7px 19px var(--pshadow)!important;transition:transform .18s var(--ease),box-shadow .18s,border-color .18s!important}.admin-build-card:hover{transform:translateY(-5px) scale(1.018)!important;border-color:var(--paccent)!important;box-shadow:0 15px 28px var(--pshadow)!important}.admin-build-info{background:var(--psurface)!important}.admin-build-info h3{color:var(--ptext)!important;font-family:var(--mc)!important;font-size:17px!important}.admin-build-category,.admin-build-price{color:var(--paccent2)!important}
.dev-build-frame{border:1px solid var(--pborder)!important;border-radius:14px!important;background:var(--psurface)!important;box-shadow:0 5px 18px var(--pshadow)!important}
.empty-panel,.empty-state{color:var(--pmuted)!important}

/* Embedded stock creator follows role colors */
html[data-staff-embed-theme="dev"]{--epbg:#eee6ff;--epsurface:#fbf9ff;--eptext:#2b1d40;--epmuted:#78698a;--epborder:#cdb8ee;--epaccent:#8250cf;--epaccent2:#6334ac;--ephover:#e1d2f7}
html[data-staff-embed-theme="manager"]{--epbg:#ffe9eb;--epsurface:#fffafb;--eptext:#492226;--epmuted:#8b6266;--epborder:#edb5ba;--epaccent:#d55c67;--epaccent2:#a93640;--ephover:#f7d5d8}
html[data-staff-embed-theme="builder"]{--epbg:#e4f5ff;--epsurface:#fbfdff;--eptext:#173a4b;--epmuted:#607e8d;--epborder:#a9d7ed;--epaccent:#49a8d6;--epaccent2:#237ba6;--ephover:#d6effb}
html[data-staff-embed-theme] body.staff-stock-embed{background:var(--epbg)!important;color:var(--eptext)!important}
html[data-staff-embed-theme] body.staff-stock-embed .admin-main{background:var(--epbg)!important;color:var(--eptext)!important}
html[data-staff-embed-theme] body.staff-stock-embed .admin-section,html[data-staff-embed-theme] body.staff-stock-embed .admin-panel-card,html[data-staff-embed-theme] body.staff-stock-embed .stock-admin-card{background:var(--epsurface)!important;color:var(--eptext)!important;border-color:var(--epborder)!important}
html[data-staff-embed-theme] body.staff-stock-embed h1,html[data-staff-embed-theme] body.staff-stock-embed h2,html[data-staff-embed-theme] body.staff-stock-embed h3{color:var(--eptext)!important}
html[data-staff-embed-theme] body.staff-stock-embed .primary-button,html[data-staff-embed-theme] body.staff-stock-embed button[type="submit"]{background:var(--epaccent)!important;color:#fff!important;border-color:var(--epaccent2)!important}
html[data-staff-embed-theme] body.staff-stock-embed .secondary-button{background:var(--epsurface)!important;color:var(--epaccent2)!important;border-color:var(--epborder)!important}
html[data-staff-embed-theme] body.staff-stock-embed button:hover{background:var(--ephover)!important;color:var(--eptext)!important;border-color:var(--epaccent)!important}
html[data-staff-embed-theme] body.staff-stock-embed input,html[data-staff-embed-theme] body.staff-stock-embed select,html[data-staff-embed-theme] body.staff-stock-embed textarea{background:var(--epsurface)!important;color:var(--eptext)!important;border-color:var(--epborder)!important}

/* ---------- ORDERS / STAFF CHAT ROLE THEMING ---------- */
body.staff-order-view.role-dev{--chat-bg:#eee6ff;--chat-surface:#fbf9ff;--chat-soft:#f3edff;--chat-text:#2b1d40;--chat-muted:#78698a;--chat-border:#cdb8ee;--chat-accent:#8250cf;--chat-accent2:#6334ac}
body.staff-order-view.role-manager{--chat-bg:#ffe9eb;--chat-surface:#fffafb;--chat-soft:#fff1f2;--chat-text:#492226;--chat-muted:#8b6266;--chat-border:#edb5ba;--chat-accent:#d55c67;--chat-accent2:#a93640}
body.staff-order-view.role-builder{--chat-bg:#e4f5ff;--chat-surface:#fbfdff;--chat-soft:#effaff;--chat-text:#173a4b;--chat-muted:#607e8d;--chat-border:#a9d7ed;--chat-accent:#49a8d6;--chat-accent2:#237ba6}
body.staff-order-view.role-owner{--chat-bg:#f1f1f1;--chat-surface:#fff;--chat-soft:#f6f6f6;--chat-text:#111;--chat-muted:#666;--chat-border:#d0d0d0;--chat-accent:#111;--chat-accent2:#000}
body.staff-order-view{background:var(--chat-bg)!important;color:var(--chat-text)!important}
body.staff-order-view .customer-order-dialog{background:var(--chat-surface)!important;color:var(--chat-text)!important;border-color:var(--chat-border)!important}
body.staff-order-view .order-livechat-brand,body.staff-order-view .customer-chat-heading,body.staff-order-view .order-role-sidebar,body.staff-order-view .order-detail-box{background:var(--chat-surface)!important;border-color:var(--chat-border)!important;color:var(--chat-text)!important}
body.staff-order-view .customer-order-messages{background:var(--chat-soft)!important}
body.staff-order-view .customer-message-compose{background:var(--chat-surface)!important;border-color:var(--chat-border)!important}
body.staff-order-view #customerOrderMessageInput{background:var(--chat-soft)!important;color:var(--chat-text)!important;border-color:var(--chat-border)!important}
body.staff-order-view #sendCustomerOrderMessage,body.staff-order-view #customerRemindButton{background:var(--chat-accent)!important;color:#fff!important;border-color:var(--chat-accent2)!important}
body.staff-order-view .chat-attachment-button{background:var(--chat-surface)!important;color:var(--chat-accent2)!important;border-color:var(--chat-border)!important}
body.staff-order-view button{transition:transform .17s var(--ease),background .17s,border-color .17s,box-shadow .17s!important}
body.staff-order-view button:hover:not(:disabled){transform:translateY(-2px) scale(1.025)!important}
body.staff-order-view .order-livechat-brand strong,body.staff-order-view .customer-chat-heading strong{font-family:var(--mc)!important}

/* ---------- RESPONSIVE / MOBILE ---------- */
@media(min-width:901px){
  .staff-workspace{display:grid!important;grid-template-columns:255px minmax(0,1fr)!important;min-height:680px!important}
  .staff-tabs{display:flex!important;flex-direction:column!important;gap:7px!important;grid-column:1!important;padding:18px 14px!important;border-right:1px solid var(--pborder)!important;border-radius:0!important;position:sticky!important;top:0!important;align-self:start!important;min-height:680px!important}
  .staff-tab{grid-column:2!important;grid-row:1!important;padding:32px 34px!important;min-width:0!important}
  .staff-mobile-menu-row{display:none!important}
}
@media(max-width:900px){
  .admin-main{margin-left:0!important;padding:76px 14px 36px!important}
  .admin-sidebar{width:min(310px,88vw)!important}
  .admin-header{align-items:flex-start!important;flex-direction:column!important}
  .dashboard-grid,.dashboard-panels{grid-template-columns:1fr!important}
  body:has(.admin-layout) .primary-button,body:has(.admin-layout) .secondary-button,body:has(.admin-layout) .quick-action{min-height:46px!important}
  .staff-shell{width:calc(100% - 18px)!important;margin:9px auto 94px!important}
  .staff-header{padding:16px!important;border-radius:15px!important;margin-bottom:10px!important;align-items:flex-start!important}
  .staff-header h1{font-size:25px!important}.staff-header p{font-size:13px!important}.role-badge{padding:8px 10px!important;font-size:9px!important}
  .staff-workspace{overflow:visible!important;border-radius:15px!important}
  .staff-mobile-menu-row{display:none!important}
  .staff-tabs{position:fixed!important;z-index:999!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:row!important;gap:5px!important;padding:7px!important;border:1px solid var(--pborder)!important;border-radius:15px!important;background:color-mix(in srgb,var(--psurface) 94%,transparent)!important;box-shadow:0 12px 36px rgba(0,0,0,.16)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;overflow-x:auto!important;overscroll-behavior-x:contain!important;scrollbar-width:none!important}.staff-tabs::-webkit-scrollbar{display:none!important}
  .staff-sidebar-brand,.staff-sidebar-label{display:none!important}
  .staff-tabs button{flex:1 0 66px!important;min-width:66px!important;min-height:57px!important;padding:6px 5px!important;display:grid!important;justify-items:center!important;align-content:center!important;gap:4px!important;border-radius:10px!important;font-size:9px!important;text-align:center!important;white-space:nowrap!important}
  .staff-tabs button .staff-nav-icon{width:24px!important;height:24px!important;flex-basis:24px!important;font-size:12px!important}
  .staff-tabs button:hover{transform:none!important}.staff-tabs button.active{transform:translateY(-2px)!important}
  .staff-tab{padding:20px 13px 26px!important}.staff-tab h2{font-size:24px!important}
  .builds-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.builds-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .staff-row{min-height:62px!important;padding:11px!important}.staff-row:hover{transform:none!important}.staff-row select{max-width:125px!important}
  .dev-build-frame{min-height:70dvh!important}
}
@media(max-width:560px){
  .builds-admin-grid{grid-template-columns:1fr!important}
  .admin-main{padding-inline:10px!important}.admin-header h2{font-size:25px!important}
  .admin-popup,.order-chat-popup,.build-info-popup{padding:0!important}
  .order-conversation-shell{border-radius:0!important;max-height:100dvh!important;height:100dvh!important}
  .order-chat-main{min-width:0!important}.order-chat-members{display:none!important}
  .order-chat-input-area{position:sticky!important;bottom:0!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
  .customer-order-dialog{width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;border-radius:0!important}
  .customer-order-chat{min-width:0!important}.order-role-sidebar{display:none!important}
  .customer-message-compose{position:sticky!important;bottom:0!important;padding-bottom:calc(10px + env(safe-area-inset-bottom))!important}
}
/* iOS Safari zooms focused fields below 16px. Keep all panel/chat fields at 16px on phones. */
@media(max-width:768px){
  body:has(.admin-layout) input,body:has(.admin-layout) textarea,body:has(.admin-layout) select,
  body.role-dev input,body.role-dev textarea,body.role-dev select,
  body.role-manager input,body.role-manager textarea,body.role-manager select,
  body.role-builder input,body.role-builder textarea,body.role-builder select,
  body.role-owner input,body.role-owner textarea,body.role-owner select,
  #customerOrderMessageInput,.customer-reminder-dialog input,.customer-reminder-dialog textarea{font-size:16px!important;line-height:1.35!important}
  #customerOrderMessageInput,.order-chat-input{min-height:48px!important}
  .chat-attachment-button,#sendCustomerOrderMessage,.customer-staff-tools button{min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}