/* Shared Buzz date navigation: admin and field use the same native controls/calendar. */
.conversation-dates{flex:none;border-bottom:1px solid var(--buzz-line);background:var(--buzz-bg);padding:9px 14px;color:var(--buzz-text)}
.conversation-date-row{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.conversation-date-row button{min-height:40px;font-size:12px;padding:7px 10px;white-space:nowrap}.conversation-date-field{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--buzz-muted)}.conversation-date-field input{width:150px;min-height:40px;font-size:13px;padding:7px}.conversation-date-label{font-size:11px;color:var(--buzz-muted);margin:7px 0 0;line-height:1.4}.conversation-history-note{font-size:12px;color:var(--buzz-warning);margin:7px 0 0;line-height:1.5}.conversation-month{margin-left:auto}
:is(.admin-buzz,.technician-buzz) .conversation-calendar{width:min(430px,calc(100vw - 24px));max-height:90dvh;padding:0;margin:auto;overflow:auto;border-radius:14px;background:var(--buzz-surface);color:var(--buzz-text);border:1px solid var(--buzz-line-strong)}
.conversation-calendar::backdrop{background:#0009}.conversation-calendar-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:var(--buzz-surface);border-bottom:1px solid var(--buzz-line)}.conversation-calendar h2{margin:0;font-size:15px}.conversation-calendar button{min-height:44px;font-size:12px;cursor:pointer}.conversation-calendar-body{padding:14px}.conversation-month-row{display:flex;align-items:end;justify-content:space-between;gap:10px}.conversation-month-row label{flex:1;font-size:12px;color:var(--buzz-muted)}.conversation-month-row input{display:block;width:100%;min-height:44px;font-size:16px;margin-top:5px}.conversation-month-row>button{min-width:44px}.conversation-calendar-state{min-height:42px;font-size:12px;color:var(--buzz-muted);line-height:1.5}.conversation-calendar-week,.conversation-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.conversation-calendar-week{font-size:10px;text-align:center;color:var(--buzz-muted);margin-bottom:7px}.conversation-calendar-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;gap:3px;min-width:0;min-height:48px;background:var(--buzz-bg);border:1px solid var(--buzz-line);color:var(--buzz-text);border-radius:7px}.conversation-calendar-grid button small{font-size:9px;color:var(--buzz-muted)}.conversation-calendar-grid button.has-messages{border-color:var(--buzz-success);background:var(--buzz-success-bg)}.conversation-calendar-grid button[aria-pressed=true]{outline:2px solid var(--buzz-text);outline-offset:0}.conversation-calendar-grid button:hover{background:var(--buzz-hover);border-color:var(--buzz-line-strong)}.conversation-calendar-grid button[aria-current=date]{text-decoration:underline;text-underline-offset:3px}.conversation-calendar-hint{font-size:11px;color:var(--buzz-muted);line-height:1.5;margin-bottom:0}
.conversation-plan-note{font-size:11px;color:var(--buzz-link);line-height:1.5;margin:5px 0 0}.conversation-divider{display:flex;align-items:center;gap:10px;width:100%;color:var(--buzz-muted);font-size:11px;margin:6px 0 15px}.conversation-divider::before,.conversation-divider::after{content:'';height:1px;background:var(--buzz-line);flex:1}.conversation-divider span{text-align:center}.communications .day-divider.current-day{display:flex}.employee-embedded .conversation-dates{display:none!important}.technician-buzz #messageList{display:flex;flex-direction:column;gap:8px;width:100%}.technician-buzz #conversationEarlier{align-self:center;min-height:44px;font-size:12px;margin-bottom:8px}.technician-buzz #conversationMessageState{font-size:12px;color:var(--buzz-muted);white-space:pre-wrap;line-height:1.5}.technician-buzz .conversation-plan-note{position:static!important;text-align:left}.technician-buzz .conversation-date-label{margin-top:5px}
@media(max-width:760px){.conversation-dates{padding:7px 10px}.conversation-date-row{gap:5px}.conversation-date-field{font-size:0;gap:0}.conversation-date-field input{width:140px;font-size:16px;min-height:44px}.conversation-date-row button{min-height:44px;padding:7px 8px;font-size:11px}.conversation-month{margin-left:0;flex:1}.conversation-date-label{font-size:10px}.conversation-calendar-body{padding:12px}.conversation-calendar-head{padding:12px}.conversation-calendar h2{font-size:13px}}
@media(forced-colors:active){.conversation-calendar-grid button.has-messages{border-style:double}.conversation-calendar-grid button[aria-pressed=true]{outline:2px solid Highlight}}