#workday-nav { display:flex; gap:6px; flex-wrap:wrap; margin:18px 0 10px; }
#workday-nav [aria-pressed=true] { background:var(--wine); color:white; }
#workday-status { color:var(--wine); margin-bottom:10px; }
#workday-status:empty { display:none; }
#workday-panel { display:grid; gap:12px; }
#workday-panel > label, .work-date label { display:grid; gap:5px; font-weight:650; }
#workday-panel :is(input,select), .work-date input { max-width:100%; min-width:0; padding:9px; border:1px solid var(--line); border-radius:8px; background:var(--paper); color:var(--ink); }
.work-card { min-width:0; padding:14px; border:1px solid var(--line); border-radius:12px; background:var(--paper); overflow-wrap:anywhere; }
.work-card h3 { font-family:inherit; font-size:1.05rem; font-weight:750; letter-spacing:0; }
.work-card p { margin-block:4px; }
.work-card .work-actions { margin-top:10px; }
.work-actions, .slot-buttons, .work-date { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.slot-buttons:empty { display:none; }
.work-date { justify-content:space-between; }
.work-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.work-metrics strong { display:block; font-size:1.7rem; color:var(--wine); line-height:1.2; }
.work-metrics span { font-size:.78rem; }
.next-visit { border-color:var(--wine); background:var(--rose); }
.next-visit > .visit-card { margin-top:10px; }
.visit-time { font-variant-numeric:tabular-nums; font-weight:750; color:var(--wine); }
.visit-state { display:inline-block; font-size:.78rem; margin-top:5px; padding:3px 8px; border-radius:20px; background:#eee8e3; }
[data-status=arrived] .visit-state { background:#fff1b7; color:#5e4800; }
[data-status=in_progress] .visit-state { background:#e2e9fc; color:#254576; }
[data-status=completed] .visit-state { background:#dcefdc; color:#28502b; }
[data-status=no_show] .visit-state { background:#f8dada; color:#7a2525; }
.event[data-status=completed] { border-left:5px solid #63916a; }
.event[data-status=in_progress] { border-left:5px solid #5b80b1; }
.event[data-status=arrived] { border-left:5px solid #c59d35; }
.event[data-status=no_show] { border-left:5px solid #a44343; }
.work-team-grid { display:flex; gap:12px; overflow-x:auto; padding:3px 3px 12px; }
.work-team-column { flex:1 0 260px; min-width:0; display:flex; flex-direction:column; gap:10px; border:1px solid var(--line); padding:10px; border-radius:12px; }
.work-team-column > h3 { font-size:1.1rem; font-weight:750; }
.work-team-column .work-actions { align-items:stretch; }
.work-team-column .pill { white-space:normal; }
.history-note { white-space:pre-wrap; }
.team-page dialog { max-height:calc(100dvh - 32px); overflow-y:auto; }
.team-page dialog summary { cursor:pointer; font-weight:700; padding-block:10px; }
#client-error, #absence-error, #waitlist-error { color:var(--wine); }
#client-history:empty { display:none; }
@media(max-width:700px) {
 #workday-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
 #workday-nav .pill { white-space:normal; padding-inline:5px; }
 #workday-panel .pill { white-space:normal; }
 #workday-panel input, #workday-panel select, .work-date input { min-height:44px; font-size:16px; }
 .work-metrics .work-card { padding:10px 8px; }
 .work-actions > .pill { flex:1 1 auto; }
 .work-team-column { flex-basis:calc(100vw - 70px); }
 .work-team-column .work-actions .pill { width:100%; }
 .team-page #editor .controls { flex-wrap:wrap; }
 .team-page dialog .form-pair:has(input[type=email]) { grid-template-columns:1fr; }
}
.account-menu { position:relative; }
.account-menu summary { cursor:pointer; font-weight:700; padding:10px 14px; border:1px solid var(--line); border-radius:8px; list-style-position:inside; }
.account-menu > .controls { position:absolute; right:0; top:calc(100% + 6px); z-index:4; display:grid; min-width:190px; padding:10px; background:var(--paper); border:1px solid var(--line); border-radius:10px; box-shadow:0 6px 18px #30221e18; }
@media(max-width:700px) {
 .team #calendar > .cal-head { flex-wrap:nowrap; }
 .team #calendar > .cal-head h2 { font-size:1.7rem; margin:0; }
 .team #calendar > .cal-head .eyebrow { display:none; }
 .account-menu summary { min-height:44px; }
 .work-metrics strong { font-size:1.45rem; }
}

.visit-management .pill { white-space:normal; }
.visit-management .panel { max-width:100%; }
.visit-management h2 { margin-bottom:20px; }