/* v0171: consultant calendar as the primary workspace. */
.app-shell .calendar-hours-reset{margin-left:6px;border-left:1px solid var(--line);padding-left:12px}
.app-shell .personal-track{position:relative;overflow:visible}
.app-shell .outside-hours-indicator{position:absolute;top:50%;z-index:18;display:grid;place-items:center;width:24px;height:24px;margin-top:-12px;border:1px solid #a7b8ad;border-radius:999px;background:#fff;color:#123f31;font-size:15px;font-weight:900;text-decoration:none;box-shadow:0 2px 7px rgba(18,63,49,.12)}
.app-shell .outside-hours-indicator:hover,.app-shell .outside-hours-indicator:focus-visible{background:#eef5f0;outline:2px solid rgba(18,63,49,.18);outline-offset:1px}
.app-shell .outside-hours-before{left:4px}
.app-shell .outside-hours-after{right:4px}
.app-shell .personal-now-line,.app-shell .calendar-now-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#d92d20;z-index:16;pointer-events:none;display:none}
@media(max-width:900px){
  .app-shell .calendar-head{align-items:flex-start}
  .app-shell .calendar-head-actions{width:100%;display:flex;flex-wrap:wrap;gap:7px}
  .app-shell .calendar-head-actions .button{min-height:42px;justify-content:center}
  .app-shell .personal-axis>div,.app-shell .personal-track{min-width:720px}
  .app-shell .personal-week{overflow-x:auto}
}