/* Staff-side audit polish — 26 Sep 2026
   Shared layout/typography corrections for Diary & Availability, leave, learning and Manage. */

.working-hours-row,
.working-hours-row input,
.working-hours-row label,
.booking-mode-card,
.sick-client-card,
.sick-client-card input,
.sick-client-card select,
.learning-runner-card,
.learning-runner-card button,
.dashboard-manage-page,
.dashboard-manage-page button,
.dashboard-manage-page a{
  font-family:var(--sh-font-ui,"Style Hub UI",sans-serif)!important;
}

.working-hours-head,
.working-hours-row{
  grid-template-columns:minmax(70px,92px) minmax(60px,74px) repeat(4,minmax(0,116px))!important;
  gap:8px!important;
}

.working-hours-row{
  padding:10px 8px!important;
}

.working-hours-row .working-time-field{
  min-width:0!important;
  width:100%!important;
}

.working-hours-row .working-time-field input[type="time"]{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:116px!important;
  min-height:40px!important;
  height:40px!important;
  padding:6px 7px!important;
  border-radius:10px!important;
  font-size:13px!important;
  line-height:1!important;
}

.working-hours-row .working-time-field label{
  margin-bottom:4px!important;
  font-size:10px!important;
  line-height:1.2!important;
}

.booking-mode-card{
  min-width:0!important;
}

.dashboard-manage-page .back-dashboard{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  min-height:40px!important;
  margin:0!important;
  padding:8px 13px!important;
  border:1px solid var(--line)!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#171717!important;
  text-decoration:none!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
}

.learning-runner-card .serif,
.sick-client-card .serif,
.dashboard-manage-page h1,
.dashboard-manage-page h2{
  font-family:var(--sh-font-display,"Bodoni 72",Didot,Georgia,serif)!important;
}

@media(max-width:850px){
  .working-hours-head{display:none!important}
  .working-hours-row{
    grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) repeat(2,minmax(0,1fr))!important;
    align-items:end!important;
  }
  .working-hours-row>strong,
  .working-hours-row>.working-day-toggle{
    align-self:center!important;
  }
  .working-hours-row .field label{
    display:block!important;
  }
  .working-hours-row .working-time-field input[type="time"]{
    max-width:none!important;
  }
}

@media(max-width:620px){
  .working-hours-row{
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:10px 6px!important;
  }
  .working-hours-row>strong,
  .working-hours-row>.working-day-toggle{
    min-height:34px!important;
  }
  .working-hours-row .working-time-field{
    margin:0!important;
  }
  .working-hours-row .working-time-field input[type="time"]{
    height:42px!important;
    min-height:42px!important;
    padding:5px 7px!important;
    font-size:14px!important;
  }
}

.staff-notification-centre{max-width:760px;margin-left:auto!important;margin-right:auto!important}
.staff-notification-list{display:grid;gap:10px}
.staff-notification-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px;border:1px solid var(--line);border-radius:15px;background:#fff}
.staff-notification-card.is-unread{border-color:#aaa097;background:#fbfaf8}
.staff-notification-card h3{margin:3px 0 5px;font-family:var(--sh-font-ui,"Style Hub UI",sans-serif)!important;font-size:15px;font-weight:650!important}
.staff-notification-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
.dashboard-content-flow .dashboard-apps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dashboard-content-flow .dashboard-apps .dashboard-action-box{position:relative;display:flex!important;align-items:center;justify-content:center!important;width:100%!important;max-width:none!important;min-width:0;border:1px solid #cfc6bd!important;border-radius:17px!important;background:rgba(255,255,255,.32)!important;color:var(--sh-theme-ink,#29251e);text-align:center!important}
.dashboard-content-flow .dashboard-apps .dashboard-action-box strong{font-size:17px!important;font-weight:500!important}
.dashboard-content-flow .dashboard-apps .dashboard-action-box:hover{background:#fff!important;border-color:#aaa097!important}
@media(max-width:600px){.dashboard-content-flow .dashboard-apps{gap:10px}.dashboard-content-flow .dashboard-apps .dashboard-action-box strong{font-size:14px!important}}
.dashboard-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;margin-left:8px;padding:0 6px;border-radius:999px;background:#171717;color:#fff;font-size:11px;font-weight:700}
@media(max-width:600px){.staff-notification-card{align-items:flex-start;flex-direction:column}.staff-notification-card .btn{width:100%}.dashboard-notification-badge{min-width:20px;height:20px}}

/* Booking Intelligence modes and section labels are functional UI headings. */
.main:has(.learning-mode-card) .serif{
  font-family:var(--sh-font-ui,"Style Hub UI",sans-serif)!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}