.agenda-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.date-nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.date-picker{align-items:center;gap:8px;display:flex}.date-picker input{min-width:180px}.agenda-list{gap:14px;display:grid}.timeline-row{border:1px solid var(--line);background:#fff;border-radius:18px;gap:10px;padding:14px;display:grid}.time-label{background:var(--sand);width:fit-content;min-height:34px;color:var(--green);border-radius:999px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.appointment-stack{gap:10px;display:grid}.appointment-card{border:1px solid var(--line);background:#faf8f5b8;border-radius:16px;gap:10px;padding:14px;display:grid}.appointment-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.appointment-title{font-weight:950}.appointment-meta{flex-wrap:wrap;gap:8px;display:flex}.staff-filter-bar,.staff-focus-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.staff-filter-bar select{min-width:210px}.staff-focus-card{background:#d6338412;border:1px solid #d633842e;border-radius:16px;gap:4px;min-width:min(100%,230px);padding:12px 14px;display:grid}.staff-focus-card strong{color:var(--plum)}.staff-badge{align-items:center;gap:6px;display:inline-flex}.staff-badge-empty{color:#8a5b0c;background:#d4af3724;border-color:#d4af3752}.staff-badge-mine{color:#15803d;background:#16a34a1f}.staff-assignment-list{gap:10px;display:grid}.staff-option{border:1px solid var(--line);cursor:pointer;background:#faf8f5b8;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.staff-option.is-selected{background:#d6338414;border-color:#d6338461}.staff-option.has-warning{background:#d4af371a;border-color:#d4af375c}.staff-option input{width:18px;height:18px;min-height:18px}.staff-option-copy{gap:2px;display:grid}.staff-option-copy small{color:var(--muted);font-weight:750}.staff-assignment-actions{justify-content:flex-end;margin-top:0}.status-confirmed{color:#15803d;background:#16a34a1a}.status-completed{color:#15803d;background:#16a34a24}.status-cancelled,.status-no_show{color:#9d2525;background:#9d25251f}.status-late{color:#8a5b0c;background:#d4af3726}.status-needs_reschedule,.status-change_requested{color:#9b3b20;background:#b3523621}.appointment-actions{flex-wrap:wrap;gap:8px;display:flex}.appointment-actions .button{min-height:38px;padding:0 13px;font-size:13px}.action-dialog{border:1px solid var(--line);width:min(100% - 28px,560px);max-height:calc(100dvh - 32px);color:var(--ink);box-shadow:var(--shadow);overscroll-behavior:contain;background:#fff;border-radius:22px;padding:0;overflow:auto}.action-dialog::backdrop{background:#2b0d2261}.action-dialog .panel-head,.action-dialog .panel-body{padding:18px}.direct-phone-fields{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:10px;display:grid}.direct-phone-fields #direct-country-code{text-align:center;color:var(--plum);background:#faf8f5d1;font-weight:950}.direct-customer-card{border:1px solid var(--line);background:#faf8f5bd;border-radius:16px;gap:8px;padding:12px 14px;display:grid}.direct-customer-card[hidden]{display:none}.direct-customer-card.is-found{background:#16a34a14;border-color:#16a34a38}.direct-customer-card.is-new{background:#d4af371a;border-color:#d4af3747}.direct-customer-card.is-multiple{background:#d6338412;border-color:#d6338433}.direct-customer-status{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:900}.direct-customer-name{color:var(--plum);font-weight:950}.direct-customer-phone{color:var(--muted);font-size:13px;font-weight:800}.direct-customer-results{gap:8px;display:grid}.direct-customer-result{min-height:42px;color:var(--plum);font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #2b0d2214;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:13px;font-weight:900;display:flex}.direct-customer-result span{color:var(--muted);font-weight:800}.direct-customer-result:hover{color:var(--magenta);border-color:#d633843d}.direct-customer-fields{gap:16px;display:grid}.direct-customer-fields[hidden]{display:none}.direct-appointment-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.empty-slot{border:1px dashed var(--line);color:var(--muted);background:#ffffff9e;border-radius:16px;padding:14px;font-weight:750}.actual-duration-preview{border:1px solid var(--line);color:var(--muted);background:#faf8f5bd;border-radius:14px;padding:12px 14px;font-size:13px;font-weight:800}.actual-duration-preview.is-ready{color:#15803d;background:#16a34a14;border-color:#16a34a2e}.actual-duration-preview.is-error{color:#b91c1c;background:#dc262614;border-color:#dc26262e}.follow-up-scheduler{gap:12px;display:grid}.follow-up-toggle{opacity:0;width:1px;height:1px;min-height:1px;position:absolute}.follow-up-toggle-card{border:1px solid var(--line);color:var(--plum);cursor:pointer;background:#faf8f5bd;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.follow-up-toggle-copy{gap:3px;display:grid}.follow-up-toggle-copy strong{color:var(--plum);font-size:14px;font-weight:950}.follow-up-toggle-copy span{color:var(--muted);font-size:13px;font-weight:700}.follow-up-toggle-icon{width:38px;height:38px;color:var(--magenta);background:#d633841a;border-radius:14px;flex:none;place-items:center;display:grid}.follow-up-options{gap:16px;display:none}.follow-up-toggle:checked+.follow-up-toggle-card{background:#d6338414;border-color:#d633846b}.follow-up-toggle:checked+.follow-up-toggle-card .follow-up-toggle-icon{background:var(--magenta);color:#fff}.follow-up-toggle:checked~.follow-up-options{display:grid}.appointment-photo-reveal,.no-show-preview{background:#faf8f5a3;border:1px dashed #d633843d;border-radius:18px;gap:12px;padding:14px;display:grid}.appointment-photo-reveal[hidden]{display:none}.no-show-preview{background:#d4af371a;border-style:solid;border-color:#d4af3747}.no-show-preview pre{white-space:pre-wrap;color:var(--plum);font:inherit;margin:0;font-size:13px;font-weight:750;line-height:1.5}@media (width>=760px){.timeline-row{grid-template-columns:110px 1fr;align-items:start}.appointment-card{grid-template-columns:1fr auto;align-items:center}.direct-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
