/* Owner-authorized storm navigation and production-board refinement. */
@media screen {
 .production-sidebar {
  background-color:#0b1c2e!important;
  background-image:linear-gradient(180deg,#0b1c2e00,#08192945),url('icons/stormcore-nav-storm.svg')!important;
  background-position:center,center bottom!important;background-size:cover,240px 1000px!important;background-repeat:no-repeat!important;
 }
 .production-sidebar nav button {text-shadow:0 1px 3px #081523;}
 .production-sidebar nav button[aria-current=page] {box-shadow:0 1px 0 #71cfff40 inset,0 4px 12px #03152755!important;}
 .sc-mobile-app-header {
  background-color:#0b1c2e!important;
  background-image:linear-gradient(90deg,#0b1c2edd,#0b1c2e20),url('icons/stormcore-nav-storm.svg')!important;
  background-size:cover,240px 1000px!important;background-position:center,right 34%!important;
 }
 html body #stormcoreApp #productionWorkspace {padding:20px 0 28px!important;}
 html body #stormcoreApp #productionWorkspace:not([hidden]) {display:flex!important;flex-direction:column;}
 html body #stormcoreApp #productionWorkspace>.production-heading {
  margin:0 24px 16px!important;padding:22px 24px!important;gap:16px!important;display:flex!important;flex-wrap:wrap!important;
 }
 html body #stormcoreApp #productionWorkspace>.production-heading h1 {font-size:clamp(22px,2.2vw,28px)!important;line-height:1.25!important;}
 html body #stormcoreApp #productionWorkspace>.production-heading>div {min-width:0;}
 html body #stormcoreApp #productionWorkspace .production-controls {
  margin:0 24px 12px!important;padding:14px!important;border:1px solid #c5d8e9!important;
  border-radius:12px!important;gap:12px!important;box-shadow:0 2px 7px #173f5b08;
  background:#f8fbff!important;
 }
 html body #stormcoreApp #productionWorkspace .production-status-tabs {gap:8px!important;flex:1 1 auto;}
 html body #stormcoreApp #productionWorkspace .production-search {margin-left:auto;flex:0 1 240px;min-width:180px;}
 html body #stormcoreApp #productionWorkspace .production-search input {width:100%;min-height:44px!important;border-radius:10px;box-sizing:border-box;}
 html body #stormcoreApp #productionWorkspace .dispatch-view-tools {margin:0 24px 12px!important;}
 html body #stormcoreApp #productionWorkspace .dispatch-view-tools>summary {min-height:32px;display:flex;align-items:center;gap:8px;width:fit-content;list-style:none;}
 html body #stormcoreApp #productionWorkspace .dispatch-view-tools>summary:before {content:'+';font-size:17px;color:#126abb;}
 html body #stormcoreApp #productionWorkspace .dispatch-view-tools[open]>summary:before {content:'−';}
 html body #stormcoreApp #productionWorkspace .dispatch-view-tools .dispatch-queues {margin:8px 0 4px!important;}
 html body #stormcoreApp #productionWorkspace .job-view-toolbar {
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  margin:0 24px 14px!important;padding:0!important;gap:12px!important;min-height:44px;
  background:transparent!important;border:0!important;box-shadow:none!important;
 }
 #productionWorkspace #jobViewSummary:empty {display:none;}
 html body #stormcoreApp #productionWorkspace .job-view-actions {display:flex;flex-wrap:wrap;gap:10px;}
 html body #stormcoreApp #productionWorkspace .board-wrap {
  margin:0 24px!important;border:1px solid #b9cfe2!important;border-radius:12px!important;
  max-height:calc(100dvh - 330px);overflow:auto;scrollbar-gutter:stable;
  background:#fff;box-shadow:0 5px 18px #173b5a0c;
 }
 html body #stormcoreApp #productionWorkspace #board {min-width:1190px;}
 html body #stormcoreApp #productionWorkspace #board :is(.board-heading,.job-row) {
  grid-template-columns:72px minmax(205px,1.9fr) 78px 78px 78px 112px minmax(140px,1.1fr) 180px 90px 132px!important;
 }
 html body #stormcoreApp #productionWorkspace #board .board-heading {
  min-height:58px!important;background:#eaf3fc!important;border-bottom:2px solid #278ee6!important;
 }
 html body #stormcoreApp #productionWorkspace #board .board-heading>div {padding:10px 8px!important;font-size:12px!important;}
 html body #stormcoreApp #productionWorkspace #board .board-heading :is(.th-label,.th-label>span) {font:600 12px/1.35 system-ui!important;}
 html body #stormcoreApp #productionWorkspace #board .board-heading .th-label {white-space:normal!important;gap:5px!important;}
 html body #stormcoreApp #productionWorkspace #board .board-heading .th-label>span {overflow:visible!important;text-overflow:clip!important;white-space:normal!important;}
 html body #stormcoreApp #productionWorkspace #board .board-heading .head-icon {display:none!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row {min-height:104px!important;background:#fff!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row.alternate-row {background:#f5f9fe!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row.job-complete {background:#eff9f2!important;}
 html body #stormcoreApp #productionWorkspace #board .job-row>div {
  min-height:104px!important;padding:14px 8px!important;border-bottom:1px solid #d9e5ef!important;
  background:transparent!important;gap:8px!important;
 }
 html body #stormcoreApp #productionWorkspace #board .dispatch-job-id {font-size:11px;color:#647e94;}
 html body #stormcoreApp #productionWorkspace #board .customer-expand {font-size:14px!important;min-height:40px!important;}
 html body #stormcoreApp #productionWorkspace #board .customer-expand .jpb-customer-address {display:none!important;}
 html body #stormcoreApp #productionWorkspace #board .dispatch-address {display:block!important;font:12px/1.4 system-ui;color:#59738b;}
 html body #stormcoreApp #productionWorkspace #board .dispatch-assigned>.customer-cell>.jpb-contact-actions {display:none!important;}
 html body #stormcoreApp #productionWorkspace #board .status-cell select {min-height:44px!important;width:100%;font-size:12px!important;padding:9px!important;}
 html body #stormcoreApp #productionWorkspace #board .status-cell .status-date-btn {font-size:12px!important;}
 html body #stormcoreApp #productionWorkspace #board .dispatch-row-actions {flex-direction:row!important;gap:8px!important;justify-content:center!important;flex-wrap:nowrap!important;}
 html body #stormcoreApp #productionWorkspace .pagebar {margin:0 24px!important;padding:14px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;gap:12px;flex-wrap:wrap;}
 html body:not(.workflow-focus-mode) #stormcoreApp #productionWorkspace>.workflow-view-toolbar {position:static!important;inset:auto!important;width:auto!important;height:auto!important;margin:8px 24px!important;padding:0!important;justify-content:flex-end;order:10;}
 @media(max-width:1100px) {
  html body #stormcoreApp #productionWorkspace #board {min-width:0!important;}
  html body #stormcoreApp #productionWorkspace #board .board-heading {display:none!important;}
  html body #stormcoreApp #productionWorkspace .board-wrap {max-height:none!important;overflow:visible!important;border:0!important;box-shadow:none!important;background:transparent!important;}
  html body #stormcoreApp #productionWorkspace #board .job-row {
   display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
   grid-template-areas:'job job' 'customer customer' 'deposit final' 'materials dumpster' 'permit crew' 'status status' 'actions actions';
   border:1px solid #bbd2e5!important;border-radius:12px!important;overflow:hidden;margin:0 0 18px!important;
   box-shadow:0 4px 14px #153e5c0b;min-height:0!important;
  }
  html body #stormcoreApp #productionWorkspace #board .job-row>div {display:flex!important;min-height:80px!important;flex-direction:column;align-items:center;justify-content:center;gap:8px!important;padding:12px!important;}
  html body #stormcoreApp #productionWorkspace #board .job-row>div:not(.customer-cell):before {content:attr(data-label);position:static!important;inset:auto!important;transform:none!important;display:block!important;order:-2!important;font:600 11px/1.3 system-ui;color:#526e85;text-align:left;}
  html body #stormcoreApp #productionWorkspace #board .job-row>.dispatch-job-id {grid-area:job;min-height:34px!important;flex-direction:row!important;justify-content:flex-start!important;background:#eaf3fc!important;border-bottom:1px solid #caddec!important;padding:8px 14px!important;}
  html body #stormcoreApp #productionWorkspace #board .customer-cell {grid-area:customer;align-items:flex-start!important;min-height:90px!important;border-left:3px solid #1687f7!important;}
  html body #stormcoreApp #productionWorkspace #board .marker-cell[data-marker=deposit1] {grid-area:deposit;}
  html body #stormcoreApp #productionWorkspace #board .marker-cell[data-marker=deposit2] {grid-area:final;}
  html body #stormcoreApp #productionWorkspace #board .marker-cell[data-marker=materials] {grid-area:materials;}
  html body #stormcoreApp #productionWorkspace #board .marker-cell[data-marker=dumpster] {grid-area:dumpster;}
  html body #stormcoreApp #productionWorkspace #board .dispatch-permit-cell {grid-area:permit;}
  html body #stormcoreApp #productionWorkspace #board .contractor-cell {grid-area:crew;width:100%;box-sizing:border-box;}
  html body #stormcoreApp #productionWorkspace #board .status-cell {grid-area:status;align-items:stretch!important;}
  html body #stormcoreApp #productionWorkspace #board .dispatch-row-actions {grid-area:actions;min-height:68px!important;display:flex!important;flex-direction:row!important;}
  html body #stormcoreApp #productionWorkspace #board .dispatch-row-actions:before {display:none!important;}
  html body #stormcoreApp #productionWorkspace #board .dispatch-row-actions button {flex:1!important;}
  html body #stormcoreApp #productionWorkspace #board .customer-expand {min-height:44px!important;}
  html body #stormcoreApp #productionWorkspace .production-status-tabs {flex-basis:100%;}
  html body #stormcoreApp #productionWorkspace .production-search {flex:1 1 180px;}
 }
 @media(max-width:600px) {
  html body #stormcoreApp #productionWorkspace {padding-top:14px!important;}
  html body #stormcoreApp #productionWorkspace :is(.production-controls,.board-wrap,.job-view-toolbar,.dispatch-view-tools,.pagebar) {margin-left:14px!important;margin-right:14px!important;}
  html body #stormcoreApp #productionWorkspace>.production-heading {margin:0 14px 14px!important;padding:18px!important;}
  html body #stormcoreApp #productionWorkspace>.production-heading>div {flex:1 1 170px!important;}
  html body #stormcoreApp #productionWorkspace>.production-heading h1 {white-space:normal!important;overflow-wrap:normal!important;}
  html body #stormcoreApp #productionWorkspace>.production-heading time {display:none!important;}
  html body #stormcoreApp #productionWorkspace .production-controls {padding:12px!important;}
  html body #stormcoreApp #productionWorkspace .production-status-tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px!important;}
  html body #stormcoreApp #productionWorkspace .production-status-tabs button {min-width:0!important;padding:8px 5px!important;display:flex!important;flex-direction:column;gap:5px!important;}
  html body #stormcoreApp #productionWorkspace .production-status-tabs button>span:first-child {font-size:12px;}
  html body #stormcoreApp #productionWorkspace .production-search {flex-basis:100%;min-width:0;}
  html body #stormcoreApp #productionWorkspace .production-new {width:100%;}
  html body #stormcoreApp #productionWorkspace .job-view-actions {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  html body #stormcoreApp #productionWorkspace .job-view-actions>button {width:100%;min-width:0;}
 }
}