/* V206 — targeted compact Staff & Duty polish. Scoped to this page only. */
body.app-staff-duty .owner-page{gap:0!important}
body.app-staff-duty .staff-duty-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  margin:0 0 9px!important;
  padding:15px 18px!important;
  min-height:0!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,#fff 0%,#f6f9ff 100%)!important;
  box-shadow:0 8px 24px rgba(11,45,100,.055)!important;
}
body.app-staff-duty .staff-duty-hero .section-kicker{font-size:10px!important;letter-spacing:.09em!important}
body.app-staff-duty .staff-duty-hero h1{margin:1px 0 2px!important;font-size:clamp(24px,2.3vw,32px)!important;line-height:1.08!important}
body.app-staff-duty .staff-duty-hero p{margin:0!important;max-width:740px!important;font-size:12.5px!important;line-height:1.35!important;color:#62738b!important}
body.app-staff-duty .staff-duty-hero-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;margin:0!important}
body.app-staff-duty .staff-duty-hero-actions label{margin:0!important;font-size:10px!important}
body.app-staff-duty .staff-duty-hero-actions select{min-width:180px!important;height:38px!important;margin-top:2px!important;padding:7px 34px 7px 10px!important}
body.app-staff-duty .staff-duty-hero-actions .btn{min-height:38px!important;padding:9px 14px!important;border-radius:11px!important;white-space:nowrap!important}

body.app-staff-duty .staff-duty-tabs{display:flex!important;gap:6px!important;margin:0 0 9px!important;padding:0!important;overflow:auto!important;scrollbar-width:none}
body.app-staff-duty .staff-duty-tabs::-webkit-scrollbar{display:none}
body.app-staff-duty .staff-duty-tabs a{padding:8px 13px!important;border-radius:10px!important;font-size:12px!important;font-weight:750!important;white-space:nowrap!important;box-shadow:none!important}

body.app-staff-duty .staff-duty-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin:0 0 9px!important}
body.app-staff-duty .staff-duty-summary-grid article{
  min-height:58px!important;
  padding:8px 11px!important;
  border-radius:13px!important;
  box-shadow:0 5px 16px rgba(21,57,110,.04)!important;
}
body.app-staff-duty .staff-duty-summary-grid span{font-size:10.5px!important;line-height:1.15!important}
body.app-staff-duty .staff-duty-summary-grid strong{margin:1px 0!important;font-size:18px!important;line-height:1.05!important}
body.app-staff-duty .staff-duty-summary-grid small{font-size:9.5px!important;line-height:1.15!important}

body.app-staff-duty .staff-duty-rules-card{
  display:grid!important;
  grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr)!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 9px!important;
  padding:10px 13px!important;
  border-radius:14px!important;
  box-shadow:none!important;
  background:#fbfdff!important;
}
body.app-staff-duty .staff-duty-rules-card .section-kicker{font-size:9px!important}
body.app-staff-duty .staff-duty-rules-card h2{margin:1px 0!important;font-size:14px!important;line-height:1.15!important}
body.app-staff-duty .staff-duty-rules-card p{display:none!important}
body.app-staff-duty .staff-duty-rules-card form{display:grid!important;grid-template-columns:minmax(220px,1fr) 145px auto!important;align-items:end!important;gap:8px!important;margin:0!important}
body.app-staff-duty .staff-duty-rules-card label{gap:3px!important;font-size:10px!important}
body.app-staff-duty .staff-duty-rules-card label.check{max-width:none!important;min-height:38px!important;padding:7px 10px!important;border:1px solid #dce7f5!important;border-radius:10px!important;background:#fff!important;font-size:10.5px!important}
body.app-staff-duty .staff-duty-rules-card select{height:38px!important;padding:7px 30px 7px 9px!important}
body.app-staff-duty .staff-duty-rules-card .btn{height:38px!important;padding:8px 12px!important;border-radius:10px!important;white-space:nowrap!important}

body.app-staff-duty .staff-duty-my-card{
  margin:0 0 9px!important;
  padding:11px 14px!important;
  border-radius:15px!important;
  box-shadow:0 7px 20px rgba(15,49,99,.045)!important;
}
body.app-staff-duty .staff-duty-card-heading h2{margin:1px 0 3px!important;font-size:16px!important}
body.app-staff-duty .staff-duty-card-heading .section-kicker{font-size:9px!important}
body.app-staff-duty .staff-duty-my-card>p{margin:2px 0 7px!important;font-size:11.5px!important;line-height:1.35!important}
body.app-staff-duty .staff-duty-start-form,
body.app-staff-duty .staff-duty-end-form{display:grid!important;grid-template-columns:190px minmax(260px,1fr) auto!important;align-items:end!important;gap:8px!important;margin-top:7px!important}
body.app-staff-duty .staff-duty-start-form label,
body.app-staff-duty .staff-duty-end-form label{gap:3px!important;font-size:10.5px!important}
body.app-staff-duty .staff-duty-start-form input,
body.app-staff-duty .staff-duty-end-form input{height:40px!important}
body.app-staff-duty .staff-duty-start-form textarea,
body.app-staff-duty .staff-duty-end-form textarea{height:40px!important;min-height:40px!important;padding:9px 11px!important;resize:vertical!important}
body.app-staff-duty .staff-duty-start-form .btn,
body.app-staff-duty .staff-duty-end-form .btn{height:40px!important;min-height:40px!important;padding:8px 14px!important;border-radius:11px!important;white-space:nowrap!important}
body.app-staff-duty .staff-duty-active-detail{gap:7px!important;margin:7px 0!important}
body.app-staff-duty .staff-duty-active-detail>div{padding:8px 10px!important;border-radius:10px!important}

body.app-staff-duty .section-title{margin:8px 0 6px!important;padding:0!important;min-height:0!important;align-items:end!important}
body.app-staff-duty .section-title .section-kicker{font-size:9px!important}
body.app-staff-duty .section-title h2{margin:1px 0!important;font-size:16px!important;line-height:1.15!important}
body.app-staff-duty .section-title p{margin:1px 0 0!important;font-size:10.5px!important;line-height:1.3!important;color:#708097!important}
body.app-staff-duty .section-title .btn{min-height:36px!important;padding:8px 12px!important;border-radius:10px!important}

body.app-staff-duty .empty{min-height:62px!important;padding:13px 16px!important;border-radius:13px!important;margin:0 0 8px!important}
body.app-staff-duty .empty h3{margin:0 0 2px!important;font-size:14px!important}
body.app-staff-duty .empty p{margin:0!important;font-size:11px!important}
body.app-staff-duty .staff-duty-live-grid,
body.app-staff-duty .staff-duty-directory-grid{gap:8px!important;margin-bottom:8px!important}
body.app-staff-duty .staff-duty-live-card{padding:12px!important;border-radius:14px!important;box-shadow:0 6px 18px rgba(17,51,100,.045)!important}
body.app-staff-duty .staff-duty-person>span{width:34px!important;height:34px!important;font-size:13px!important}
body.app-staff-duty .staff-duty-person b{font-size:13px!important}
body.app-staff-duty .staff-duty-person small{font-size:10px!important}
body.app-staff-duty .staff-duty-times{gap:6px!important;margin:8px 0!important}
body.app-staff-duty .staff-duty-times span{padding:7px 9px!important;border-radius:9px!important;font-size:10px!important}
body.app-staff-duty .staff-duty-live-actions{gap:6px!important}

body.app-staff-duty .table-wrap{margin:0 0 8px!important;border-radius:13px!important}
body.app-staff-duty .staff-duty-table th{padding:8px 9px!important;font-size:9.5px!important}
body.app-staff-duty .staff-duty-table td{padding:8px 9px!important;font-size:10.5px!important;line-height:1.25!important}
body.app-staff-duty .staff-duty-table td small{display:block!important;font-size:9px!important;margin-top:1px!important}
body.app-staff-duty .staff-duty-directory-grid article{padding:10px 12px!important;border-radius:13px!important}
body.app-staff-duty .staff-duty-directory-grid article>div:first-child>span{width:34px!important;height:34px!important}
body.app-staff-duty .staff-duty-directory-grid b{font-size:12.5px!important}
body.app-staff-duty .staff-duty-directory-grid small,
body.app-staff-duty .staff-duty-directory-grid a{font-size:10.5px!important}

@media(max-width:1100px){
  body.app-staff-duty .staff-duty-rules-card{grid-template-columns:1fr!important}
  body.app-staff-duty .staff-duty-rules-card form{grid-template-columns:minmax(220px,1fr) 145px auto!important}
  body.app-staff-duty .staff-duty-start-form,
  body.app-staff-duty .staff-duty-end-form{grid-template-columns:170px minmax(230px,1fr) auto!important}
}
@media(max-width:820px){
  body.app-staff-duty .staff-duty-hero{grid-template-columns:1fr!important}
  body.app-staff-duty .staff-duty-hero-actions{justify-content:flex-start!important}
  body.app-staff-duty .staff-duty-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-staff-duty .staff-duty-rules-card form,
  body.app-staff-duty .staff-duty-start-form,
  body.app-staff-duty .staff-duty-end-form{grid-template-columns:1fr!important}
  body.app-staff-duty .staff-duty-start-form .btn,
  body.app-staff-duty .staff-duty-end-form .btn,
  body.app-staff-duty .staff-duty-rules-card .btn{width:100%!important}
}
@media(max-width:520px){
  body.app-staff-duty .staff-duty-hero{padding:13px!important}
  body.app-staff-duty .staff-duty-summary-grid{grid-template-columns:1fr 1fr!important}
  body.app-staff-duty .staff-duty-summary-grid article{min-height:54px!important;padding:8px 9px!important}
  body.app-staff-duty .staff-duty-hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  body.app-staff-duty .staff-duty-hero-actions label,
  body.app-staff-duty .staff-duty-hero-actions select,
  body.app-staff-duty .staff-duty-hero-actions .btn{width:100%!important;min-width:0!important}
}