/* v289: compact work-label editor. Keep every label visible without hiding data. */
#modal-root .modal.production-label-modal{
  width:min(1080px,calc(100vw - 20px))!important;
  max-width:calc(100vw - 20px)!important;
  max-height:calc(100dvh - 16px)!important;
  padding:14px!important;
  overflow:hidden;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  gap:0;
}

#production-label-edit-form .modal-head{
  align-items:flex-start;
  gap:14px;
  margin-bottom:8px!important;
  padding-bottom:8px!important;
}

#production-label-edit-form .modal-head .eyebrow{
  display:none;
}

#production-label-edit-form .modal-head h2{
  margin:0 0 3px;
  font-size:clamp(18px,2vw,24px);
  line-height:1.18;
}

#production-label-edit-form .modal-head p{
  max-width:860px;
  margin:0;
  font-size:12px;
  line-height:1.4;
}

#production-label-edit-form .modal-head [data-close]{
  flex:0 0 auto;
  width:38px;
  min-height:38px;
}

#production-label-edit-form>.production-label-picker{
  min-height:0;
  margin:0;
  padding:9px;
  overflow:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:7px 10px;
  scrollbar-gutter:stable;
}

#production-label-edit-form>.production-label-picker>legend{
  padding:0 4px;
  font-size:13px;
}

#production-label-edit-form>.production-label-picker>p{
  grid-column:1/-1;
  margin:0;
  font-size:10px;
  line-height:1.35;
}

#production-label-edit-form .production-label-group{
  min-width:0;
  margin-top:0;
  padding:8px;
  border-radius:11px;
}

#production-label-edit-form .production-label-group.is-score-group{
  grid-column:1;
  grid-row:2;
}

#production-label-edit-form .production-label-group.is-detail-group{
  grid-column:2;
  grid-row:2;
}

#production-label-edit-form .production-label-group>b{
  margin-bottom:5px;
  font-size:11px;
}

#production-label-edit-form .production-label-options{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
}

#production-label-edit-form .production-label-option{
  gap:6px;
  min-height:34px;
  padding:5px 7px;
  border-radius:8px;
  font-size:11px;
  line-height:1.15;
}

#production-label-edit-form .production-label-option input{
  flex:0 0 auto;
  width:16px;
  height:16px;
}

#production-label-edit-form .production-label-option small{
  font-size:9px;
}

#production-label-edit-form .production-label-custom{
  margin-top:0;
  padding:8px;
  gap:5px;
  font-size:11px;
}

#production-label-edit-form .production-label-admin-other{
  grid-column:1;
}

#production-label-edit-form .production-label-graphic-other{
  grid-column:2;
}

#production-label-edit-form .production-label-custom input{
  min-height:36px;
}

#production-label-edit-form .production-label-legacy,
#production-label-edit-form .production-label-score{
  grid-column:1/-1;
  margin-top:0;
}

#production-label-edit-form .production-label-selection:empty{
  display:none;
}

#production-label-edit-form .production-label-score{
  padding:7px 10px;
}

#production-label-edit-form .production-label-score strong{
  font-size:15px;
}

#production-label-edit-form #production-label-error{
  min-height:0;
  margin:4px 0 0;
}

#production-label-edit-form #production-label-error:empty{
  display:none;
}

#production-label-edit-form .modal-actions{
  margin-top:8px!important;
  padding-top:8px!important;
  background:#fff;
}

#production-label-edit-form .modal-actions button{
  min-height:38px!important;
  padding:7px 14px!important;
}

@media(max-width:820px){
  #modal-root .modal.production-label-modal{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 10px)!important;
    padding:10px!important;
  }

  #production-label-edit-form .production-label-options{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  #production-label-edit-form>.production-label-picker{
    grid-template-columns:1fr;
  }

  #production-label-edit-form .production-label-group.is-score-group,
  #production-label-edit-form .production-label-group.is-detail-group,
  #production-label-edit-form .production-label-admin-other,
  #production-label-edit-form .production-label-graphic-other{
    grid-column:1;
    grid-row:auto;
  }

  #production-label-edit-form .production-label-option{
    min-height:38px;
  }

  #production-label-edit-form .modal-head p{
    font-size:11px;
  }
}

/* The parked path fills the former last grid slot and stays visually neutral. */
@media(min-width:600px){
  #modal-root .status-picker-modal .status-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
#modal-root .status-choice.status-parked{
  border-color:#94a3b8!important;
  background:#f1f5f9!important;
  color:#334155!important;
}

#modal-root .status-choice.status-parked>i{
  background:#fff!important;
  color:#64748b!important;
}

#modal-root .status-choice.status-parked:disabled:not(.is-current){
  opacity:.58;
}

#graphic-app .parked-history-nav{
  border-color:#cbd5e1;
  color:#475569;
}

#graphic-app .parked-history-nav.active{
  background:#f1f5f9;
  border-color:#94a3b8;
  color:#334155;
}

#graphic-app .parked-nav-count{
  background:#64748b;
  color:#fff;
}

.parked-work-panel{
  border-color:#cbd5e1!important;
  background:#f8fafc!important;
}

.parked-work-panel .wait-queue-details.wait-queue-page{
  margin:0;
  border:0;
  background:transparent;
}

.parked-work-panel .wait-queue-page>summary{
  display:none;
}

/* Keep the full desktop navigation inside one viewport without removing items. */
@media(min-width:761px){
  html body #graphic-app>.sidebar{
    padding:12px 10px!important;
  }

  html body #graphic-app .sidebar>.brand{
    gap:8px!important;
    margin-bottom:7px!important;
    padding:0 2px 8px!important;
  }

  html body #graphic-app .sidebar>.brand>span{
    width:32px!important;
    height:32px!important;
  }

  html body #graphic-app .sidebar .brand b{
    font-size:16px!important;
  }

  html body #graphic-app #nav{
    gap:3px!important;
    margin:0!important;
  }

  html body #graphic-app #nav .department-nav-heading{
    min-height:0!important;
    padding:2px 7px 1px!important;
    line-height:1.2!important;
  }

  html body #graphic-app #nav .department-nav-heading>span{
    font-size:10px!important;
  }

  html body #graphic-app #nav button[data-view],
  html body #graphic-app #nav .department-nav-graphic>.analysis-nav-priority{
    min-height:32px!important;
    margin:1px 0!important;
    padding:4px 7px!important;
    gap:7px!important;
    border-radius:8px!important;
    font-size:12px!important;
    line-height:1.2!important;
  }

  html body #graphic-app #nav button[data-view]>i{
    width:22px!important;
    min-width:22px!important;
    height:22px!important;
    border-radius:7px!important;
    font-size:12px!important;
  }

  html body #graphic-app #nav .analysis-nav-copy>strong{
    font-size:12px!important;
  }

  html body #graphic-app #nav .nav-count{
    min-width:18px!important;
    min-height:18px!important;
    padding:2px 5px!important;
    font-size:9px!important;
  }

  html body #graphic-app #nav .department-roster-toggle{
    flex-basis:24px!important;
    width:24px!important;
    height:24px!important;
  }

  html body #graphic-app .sidebar .back-link{
    min-height:30px!important;
    margin:5px 0 0!important;
    padding:5px 8px!important;
    font-size:11px!important;
  }

  html body #graphic-app .sidebar .online-note{
    min-height:26px!important;
    margin:3px 0 0!important;
    padding:4px 7px!important;
    font-size:10px!important;
  }
}