/* STAFF-REDESIGN-5N · Abarbeiten kompakter + Kartenkopf lesbarer
   Nur Optik/Markup-Nachschliff. Keine API-/Statuslogik. */

/* Abarbeiten-Intro wieder näher an V23: nicht so fett und nicht so hoch */
#screenWork .screen-title,
#screenWork .staff-screen-title,
#screenWork .section-title{
  margin-top: 18px !important;
  margin-bottom: 14px !important;
}
#screenWork .screen-title h2,
#screenWork .staff-screen-title h2,
#screenWork h1,
#screenWork h2:first-child{
  font-size: clamp(30px, 8vw, 42px) !important;
  line-height: .98 !important;
  letter-spacing: -0.055em !important;
  margin-bottom: 8px !important;
}
#screenWork .screen-title p,
#screenWork .staff-screen-title p,
#screenWork .section-title p{
  font-size: clamp(16px, 4.2vw, 21px) !important;
  line-height: 1.25 !important;
  max-width: 420px !important;
}

/* Tabs etwas ruhiger */
#screenWork .work-tabs{ margin-top: 12px !important; gap: 9px !important; }
#screenWork .work-tab{ min-height: 54px !important; border-radius: 17px !important; font-size: 12.5px !important; }
#screenWork .work-tab .badge,
#screenWork .work-tab-badge{ transform: scale(.86) !important; transform-origin:center !important; }

/* Kartenkopf: Betrieb sieht zuerst Kino/Reihe, Kennzeichen sauber darunter */
#screenWork .work-order-title{ min-width:0 !important; }
#screenWork .work-place-main{
  display:block !important;
  margin:0 0 2px !important;
  font-weight:900 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  color:var(--text) !important;
}
#screenWork .work-place-main .work-place-primary{
  display:block !important;
  font-size: clamp(17px, 4.8vw, 22px) !important;
  white-space: nowrap !important;
  overflow:hidden !important;
  text-overflow: ellipsis !important;
}
#screenWork .work-place-main .work-place-plate{
  display:block !important;
  margin-top:2px !important;
  font-size: clamp(14px, 4.1vw, 18px) !important;
  line-height:1.08 !important;
  color:rgba(238,242,247,.88) !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}
#screenWork .work-order-title .work-order-number{
  font-size: 11px !important;
  opacity:.78 !important;
  margin-top: 4px !important;
}

/* Karte insgesamt nicht aufblasen */
#screenWork .work-order{ padding: 12px !important; border-radius: 19px !important; }
#screenWork .work-order-top{ gap: 8px !important; }
#screenWork .work-status{ font-size:10.5px !important; padding:6px 9px !important; }
#screenWork .work-order-meta{ margin-top: 8px !important; }
#screenWork .work-order-meta b{ font-size: 17px !important; }
#screenWork .work-note{ margin-top: 8px !important; padding: 8px 9px !important; font-size: 11.5px !important; }
#screenWork .takeover-actions{ gap: 8px !important; margin-top: 10px !important; }
#screenWork .takeover-actions .btn{ min-height: 42px !important; border-radius: 14px !important; font-size: 12.5px !important; padding: 0 12px !important; }

@media (max-width:430px){
  #screenWork .screen-title h2,
  #screenWork .staff-screen-title h2,
  #screenWork h1,
  #screenWork h2:first-child{ font-size: clamp(28px, 8.5vw, 38px) !important; }
  #screenWork .screen-title p,
  #screenWork .staff-screen-title p,
  #screenWork .section-title p{ font-size: clamp(15px, 4.2vw, 18px) !important; }
  #screenWork .work-place-main .work-place-primary{ font-size: clamp(16px, 4.7vw, 19px) !important; }
  #screenWork .work-place-main .work-place-plate{ font-size: clamp(13px, 4vw, 16px) !important; }
}