.staff-head{border:0;border-top:4px solid var(--staff-color);border-radius:0;background:linear-gradient(180deg,color-mix(in srgb,var(--staff-color) 12%,white),white);text-align:left;cursor:pointer;color:var(--ink)}.staff-head:hover{filter:brightness(.96)}.staff-head b{font-size:20px}.staff-head small{font-size:10px}.staff-head:focus-visible{outline:3px solid var(--staff-color);outline-offset:-4px}.appointment.completed,.appointment.arrived{background:var(--tint);color:#302345}.appointment.completed{border-bottom:3px solid #00a47a}.appointment.arrived{border-bottom:3px solid #168be8}.blocked-time{position:absolute;left:2px;right:2px;z-index:2;border:1px dashed #9d94ad;border-radius:6px;background:repeating-linear-gradient(135deg,#ece8f2 0px,#ece8f2 8px,#f5f2f8 8px,#f5f2f8 16px);color:#6b607a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 3px;overflow:hidden;font-size:12px}.blocked-time small{font-size:10px;overflow-wrap:anywhere}.block-entry{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.continuation-panel{background:#faf0ff;border:1px solid #e8c8f4;border-radius:12px;padding:16px;margin:16px 0}.continuation-panel h3{margin:0 0 10px;color:#8a25aa}.continuation-panel[hidden]{display:none}.followup-tools{display:flex;gap:12px;margin-top:22px}.followup-tools input{flex:1}.followup-tools select{max-width:260px}.followup-card{border:1px solid var(--line);background:white;border-radius:16px;padding:20px;margin:14px 0}.followup-card h3{margin:0;font-size:18px}.followup-card p{font-size:13px}.followup-reason{background:#fbf5ff;padding:12px;border-radius:8px;white-space:pre-wrap}.followup-due{color:#d32c5d;font-weight:700}#calendar-density{width:auto;font-size:11px;padding:7px;min-height:32px}.calendar-toolbar{gap:10px;flex-wrap:wrap}.calendar-head{height:64px}.calendar-scroll{height:calc(100dvh - 345px);max-height:none;min-height:280px}.calendar-shell{border-radius:16px}.staff-lane{background-color:#fff}.compact-calendar .short-slot{padding:2px 5px}.compact-calendar .short-slot strong{font-size:11px;line-height:12px}.compact-calendar .short-slot .app-service{font-size:10px;line-height:11px;margin-top:1px}.compact-calendar .short-slot .status-label{font-size:8px;line-height:9px;margin-top:1px}.compact-calendar .short-slot .resize{height:6px;line-height:6px}.compact-calendar .short-slot .app-session{display:none}
@media(max-width:750px){.sidebar{padding:6px 8px;flex-wrap:wrap;gap:4px}.sidebar .brand b{font-size:18px}.sidebar nav button{padding:7px}.sidebar nav button>span{font-size:19px}.topbar{height:32px;padding:0 10px}.page{padding:10px 8px}.page-heading .eyebrow,.page-heading .heading-row p{display:none}.page-heading h1{font-size:22px;margin:0}.heading-row>.primary{padding:8px;font-size:10px}.stats{margin:9px 0;gap:5px}.stat{padding:5px 7px}.stat-number{font-size:18px}.stat-label{font-size:8px}.calendar-toolbar{padding:7px;gap:6px}.calendar-toolbar .legend{display:none}.date-nav{gap:4px}.date-nav h2{font-size:11px}.date-nav .icon-btn{width:26px;height:26px}.calendar-head{height:45px}.staff-head{padding:3px;justify-content:center;text-align:center}.staff-head b{font-size:16px}.staff-head small{font-size:8px}.calendar-scroll{height:calc(100dvh - 310px);min-height:260px}.calendar-footer{font-size:9px;padding:7px}.compact-calendar .short-slot strong{font-size:10px;line-height:11px;-webkit-line-clamp:2}.compact-calendar .short-slot .app-service{font-size:9px;line-height:10px;-webkit-line-clamp:2;margin:0}.compact-calendar .short-slot:not(.cancelled):not(.no_show) .status-label{display:none}.compact-calendar .short-slot.cancelled .app-service,.compact-calendar .short-slot.no_show .app-service{-webkit-line-clamp:1}.compact-calendar .short-slot .status-label{font-size:8px;line-height:9px}.followup-tools{flex-direction:column;gap:7px}.followup-tools select{max-width:none}.followup-card{padding:13px}.continuation-panel{padding:12px}.sidebar nav{flex-shrink:0}.calendar-toolbar #calendar-density{font-size:10px;padding:3px;min-height:26px}}