/* Rostify — "Supervisor dashboard". Builds on sick-leave, monthly, shift-requests, leave, positionplan, patterns, optimal, ops. */
.sd .rl-split{grid-template-columns:repeat(3,minmax(0,1fr))}
.sd-steps5{grid-template-columns:repeat(3,minmax(0,1fr))}
.sd-steps3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* B */
.sd-alert{border-top:1px solid var(--rule)}
.sd-alert-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;margin-bottom:clamp(32px,4vw,56px)}
.sd-points{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sd-point{display:flex;gap:14px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid var(--rule2);background:var(--paper);
  font-size:16px;line-height:1.4;color:var(--ink2)}
.sd-point strong{color:var(--ink);font-weight:600}
.sd-swatch{flex:none;width:34px;height:26px;border-radius:6px;border:1px solid var(--rule2);background:var(--paper)}
.sd-point--1 .sd-swatch{background:#F6E3EA;border-color:#E3A6BA}
.sd-point--2 .sd-swatch{background:#E4EDF8;border-color:#9DB9DD}
.sd-point--3 .sd-swatch{box-shadow:inset 0 -4px 0 #C0353F}

/* C */
.sd-details{border-top:1px solid var(--rule)}
.sd-details-text{margin:18px 0 0;max-width:64ch}
.sd-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,2.4vw,32px)}
.sd-card--tt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:center}
.sd-card--tt h3{margin-top:0}
.sd-shot{display:grid;place-items:center;padding:clamp(14px,2vw,24px);border-radius:14px;background:light-dark(#EEF2F3,#0C1517);border:1px solid var(--rule)}
.sd-shot img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 30px 60px -40px rgba(14,32,35,.5)}
.sd-shot--tt img{width:min(100%,300px)}
.sd-card{justify-content:flex-start}
.sd-link{margin-top:14px;font-size:14.5px;font-weight:500;color:var(--teal);text-decoration:none}
.sd-link:hover{text-decoration:underline;text-underline-offset:3px}
.sd-note{margin:14px 0 0;font-family:var(--mono);font-size:11px;color:var(--mute)}
.sd-details .mr-related{margin-top:clamp(40px,5vw,72px)}

/* final band: tiles */
.sd-final-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:min(100%,300px)}
.sd-final-grid i{display:grid;grid-template-rows:22px 16px;border-radius:5px;overflow:hidden;font-style:normal;background:rgba(159,211,210,.12)}
.sd-final-grid b{display:grid;place-items:center;font-family:var(--mono);font-size:10px;font-weight:600;color:#E6EFEE}
.sd-final-grid s{display:block;margin:4px 10px 6px;border-radius:2px;background:rgba(230,239,238,.28)}
.sd-final-grid i.multi{background:rgba(143,178,222,.34)}
.sd-final-grid i.open{background:rgba(227,166,186,.34)}
.sd-final-grid i.br{box-shadow:inset 0 -3px 0 #D5484F}

@media (max-width:1000px){
  .sd-steps5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sd-alert-head{grid-template-columns:minmax(0,1fr)}
  .sd-card--tt{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  .sd .rl-split{grid-template-columns:minmax(0,1fr)}
  .sd .rl-split a + a{padding-left:0;border-left:0;border-top:1px solid var(--rule2)}
  .sd-steps5,.sd-steps3{grid-template-columns:minmax(0,1fr)}
  .sd .sr-wide .sl-marker{display:none}
}