.app{--cal-hour:6rem;--cal-gutter:3.5rem}a.tab[aria-current=page]{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-raised)}a.tab .count{background:var(--color-surface)}a.tab[aria-current=page] .count{background:var(--color-accent-container);color:var(--color-on-accent-container)}.toast:has(.toast-actions>:nth-child(3)){flex-wrap:wrap}.toast:has(.toast-actions>:nth-child(3)) .toast-body{flex:1;min-width:0}.toast:has(.toast-actions>:nth-child(3)) .toast-actions{flex-basis:100%}.banner-success{background:var(--color-success-container);color:var(--color-on-success-container)}.see{align-items:center;gap:var(--space-1);min-height:var(--size-control);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-accent-text);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);white-space:nowrap;justify-self:start;text-decoration:none;display:inline-flex}@media (hover:hover){.see:hover{background:var(--color-hover)}}.see:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.week-nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.week-label{font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);margin-left:var(--space-2)}.zone{align-items:center;gap:var(--space-1);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);color:var(--color-text-muted);display:inline-flex}.cal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);min-width:0;overflow:hidden}.cal-head,.cal-body{grid-template-columns:var(--cal-gutter) repeat(7, minmax(0, 1fr));display:grid}.cal-head{border-bottom:1px solid var(--color-border)}.cal-day-h{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);border-left:1px solid var(--color-border);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-align:center;flex-wrap:wrap;display:flex}.cal-num{padding:0 var(--space-2);border-radius:var(--radius-full);color:var(--color-text);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric)}.cal-day-h.is-today{color:var(--color-accent-text)}.cal-day-h.is-today .cal-num{background:var(--color-accent);color:var(--color-on-accent)}.cal-scroll{overscroll-behavior:contain;max-height:34rem;overflow-y:auto}.cal-scroll:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(-1 * var(--focus-ring-width))}.cal-body,.cal-hours{position:relative}.cal-hour{right:var(--space-2);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);color:var(--color-text-muted);font-variant-numeric:var(--font-numeric);position:absolute;transform:translateY(-50%)}.cal-hour.is-first{transform:none}.cal-col{border-left:1px solid var(--color-border);cursor:cell;position:relative}.cal-col:after{content:"";pointer-events:none;background-image:linear-gradient(to bottom, var(--color-border) 1px, transparent 1px);background-size:100% var(--cal-hour);position:absolute;inset:0}.cal-closed{background:var(--color-surface-sunken);position:absolute;left:0;right:0}.cal-now{z-index:2;background:var(--color-danger);pointer-events:none;height:2px;position:absolute;left:0;right:0}.cal-now:before{content:"";left:calc(-1 * var(--size-dot) / 2);top:calc(1px - var(--size-dot) / 2);width:var(--size-dot);height:var(--size-dot);border-radius:var(--radius-full);background:var(--color-danger);position:absolute}.cal-now-label{right:var(--space-1);z-index:2;padding:0 var(--space-0-5);background:var(--color-surface);color:var(--color-danger-text);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);position:absolute;transform:translateY(-50%)}.cal-help{font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);color:var(--color-text-muted)}.cal-wrap{gap:var(--space-3);min-width:0;display:grid}.appt{z-index:1;left:calc(var(--l) * 100% + var(--space-0-5));width:calc(var(--w) * 100% - var(--space-1));padding:var(--space-0-5) var(--space-2) var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent-container);color:var(--color-on-accent-container);font:inherit;font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);text-align:left;cursor:grab;touch-action:pan-y;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration-fast) var(--ease-out);border-left-width:3px;flex-direction:column;align-items:flex-start;display:flex;position:absolute;overflow:hidden}.appt>span:not(.appt-resize){text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:100%;overflow:hidden}.appt.is-short{padding:var(--space-0-5) var(--space-2) 0}.appt-line{align-items:center;gap:var(--space-1);width:100%;min-width:0;display:flex}.appt-line>span{flex-shrink:0}.appt-line>.appt-who{text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden}.appt-line .due-tag,.appt-line .st-tag{margin-top:0}.appt-line .due-tag{padding:0 var(--space-0-5)}@media (hover:hover){.appt:hover{box-shadow:var(--shadow-overlay)}}.appt:focus-visible{z-index:3;outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:1px}.appt-time{font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric)}.appt-kind{align-items:center;gap:var(--space-1);display:inline-flex}.appt-who{font-weight:var(--font-weight-semibold)}.appt-resize{height:var(--space-2);cursor:ns-resize;place-items:center;display:grid;position:absolute;bottom:0;left:0;right:0}.appt-resize .icon{opacity:0;width:.875rem;height:.875rem}@media (hover:hover){.appt:hover .appt-resize .icon{opacity:1}}.appt.is-due{border-color:var(--color-warning);background:var(--color-surface);color:var(--color-text)}.due-tag,.st-tag{align-items:center;gap:var(--space-1);margin-top:var(--space-0-5);font-weight:var(--font-weight-semibold);display:inline-flex}.due-tag{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-warning-container);color:var(--color-on-warning-container)}.due-tag .icon,.st-tag .icon{width:.875rem;height:.875rem}.appt.is-done,.appt.is-noshow{cursor:pointer;border-color:var(--color-border-strong);background:var(--color-surface-sunken);color:var(--color-text)}.appt.is-noshow{color:var(--color-text-muted);border-style:dashed}.appt.is-src{opacity:.5;border-style:dashed}.appt.is-lift{z-index:4;cursor:grabbing;box-shadow:var(--shadow-modal)}.appt.is-flash{outline:var(--focus-ring-width) solid var(--color-accent);outline-offset:1px}.is-drawn .st-tag .icon{stroke-dasharray:64;animation:st-draw var(--duration-base) var(--ease-out)}@keyframes st-draw{0%{stroke-dashoffset:64px}}.drag-label{z-index:5;left:var(--space-0-5);transform:translateY(calc(-100% - var(--space-1)));padding:var(--space-0-5) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-overlay);box-shadow:var(--shadow-overlay);color:var(--color-text);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric);white-space:nowrap;pointer-events:none;position:absolute}.drag-label.is-below{transform:translateY(var(--space-1))}.slot-hover{z-index:1;left:var(--space-0-5);right:var(--space-0-5);align-items:flex-start;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border:2px dashed var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-accent-text);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);font-weight:var(--font-weight-semibold);display:flex;position:absolute}.slot-hover .icon{width:.875rem;height:.875rem}.appt-skel{left:var(--space-1);right:var(--space-1);border-radius:var(--radius-sm);background:var(--color-pressed);position:absolute}.hours-failed{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){.is-drawn .st-tag .icon,.appt-card.is-held{animation:none}.appt-card-main:active{transform:none}}.day-view{gap:var(--space-3);display:grid}.day-nav{align-items:center;gap:var(--space-1);display:flex}.day-nav .week-label{text-align:center;flex:1;margin:0}.day-strip{gap:var(--space-1);scrollbar-width:none;padding:var(--space-0-5);display:flex;overflow-x:auto}.day-btn{min-height:3.5rem;padding:var(--space-1) 0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);flex:1 0 2.75rem;justify-items:center;display:grid;position:relative}.day-btn b{color:var(--color-text);font-size:var(--font-size-title-sm);line-height:var(--line-height-title-sm);font-variant-numeric:var(--font-numeric)}.day-btn[aria-current=date]{border:2px solid var(--color-accent)}.day-btn[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-on-accent)}.day-btn[aria-pressed=true] b{color:var(--color-on-accent)}.day-btn:active{transform:scale(.96)}.day-btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.day-dot{bottom:var(--space-1);border-radius:var(--radius-full);background:currentColor;width:.375rem;height:.375rem;position:absolute}.day-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.appt-card{gap:0;padding:0;overflow:hidden}.appt-card.is-due{border-color:var(--color-warning);border-left-width:3px}.appt-card-main{gap:var(--space-3);width:100%;min-height:var(--size-row);padding:var(--space-3) var(--space-4);color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out);background:0 0;border:0;grid-template-columns:4rem minmax(0,1fr);display:grid}.appt-card-main:active{transform:scale(.98)}.appt-card.is-held{animation:card-pop var(--duration-base) var(--ease-out)}@keyframes card-pop{50%{transform:scale(1.02)}}.appt-card-main:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:calc(-1 * var(--focus-ring-width))}@media (hover:hover){.appt-card-main:hover{background:var(--color-hover)}}.ac-time{align-content:start;display:grid}.ac-time b{font-size:var(--font-size-title-sm);line-height:var(--line-height-title-sm);font-variant-numeric:var(--font-numeric)}.ac-time span,.ac-car{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-muted)}.ac-body{gap:var(--space-0-5);justify-items:start;min-width:0;display:grid}.ac-body .appt-kind{font-size:var(--font-size-body-sm);color:var(--color-text-muted)}.ac-body b{overflow-wrap:anywhere}.appt-card.is-noshow .ac-body b,.appt-card.is-noshow .ac-time b{color:var(--color-text-muted)}.ac-actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-3);display:flex}.ac-actions .btn{flex:1}.day-sep{align-items:center;gap:var(--space-2);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-variant-numeric:var(--font-numeric);display:flex}.day-sep:after{content:"";background:var(--color-border);flex:1;height:1px}.day-sep.is-now{color:var(--color-danger-text)}.day-sep.is-now:after{background:var(--color-danger);height:2px}.overdue-line{align-items:center;gap:var(--space-2);max-width:none;min-height:var(--size-control);padding:0 var(--space-1) 0 var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-container);color:var(--color-on-warning-container);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);display:flex}.overdue-line a{min-height:var(--size-control);padding:0 var(--space-3);color:inherit;align-items:center;margin-left:auto;display:inline-flex}.sheet-form{gap:var(--space-4);display:grid}.pills-field{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.pills-field>legend{float:left;width:100%;margin-bottom:var(--space-2);padding:0}.pills{clear:both;gap:var(--space-2);flex-wrap:wrap;display:flex}.pill{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--size-control);min-width:var(--size-control);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);display:inline-flex;position:relative}.pill input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pill .icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.pill:has(input:checked){border-color:var(--color-accent);background:var(--color-accent-container);color:var(--color-on-accent-container);font-weight:var(--font-weight-semibold)}.pill:has(input:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media (hover:hover){.pill:hover{background:var(--color-hover)}.pill:has(input:checked):hover{background:var(--color-accent-container)}}.field-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.lead-fixed{align-items:center;gap:var(--space-2) var(--space-3);min-height:var(--size-control);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-sunken);flex-wrap:wrap;display:flex}.lead-fixed .btn,.lead-fixed a{margin-left:auto}.lead-results{padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-overlay);margin:0;list-style:none;display:grid}.lead-results .option{justify-content:space-between}.sheet-note{align-items:flex-start;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);display:flex}.sheet-note .icon{width:var(--size-icon-sm);height:var(--size-icon-sm);margin-top:var(--space-0-5)}.appt-sum{gap:var(--space-1);display:grid}.appt-sum b{font-size:var(--font-size-title-sm);line-height:var(--line-height-title-sm)}.outcome-btns{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.btn.outcome{gap:var(--space-2);min-height:5.5rem;font-size:var(--font-size-title-sm);font-weight:var(--font-weight-semibold);flex-direction:column}.btn.outcome .icon{width:1.75rem;height:1.75rem}.btn.outcome[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-container);color:var(--color-on-accent-container)}.page-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:none}.page-top .t-title-sm{text-align:center;flex:1}@container app (min-width:48rem){.scrim.is-dialog .sheet:has(.sheet-form){max-width:36rem}}@container app (max-width:47.99rem){.scrim.is-full .pg-hide{display:none}.scrim.is-full .sheet:has(.page-top) .sheet-handle{display:none}.scrim.is-full .page-top{display:flex}.field-row{grid-template-columns:minmax(0,1fr)}}.cal-busy{z-index:1;pointer-events:none;border-top:1px dashed var(--color-border-strong);border-bottom:1px dashed var(--color-border-strong);background-image:repeating-linear-gradient(135deg, var(--color-border-strong) 0 1px, transparent 1px 10px);position:absolute;left:0;right:0}.cal-busy.is-in,.day-busy.is-in{animation:busy-in var(--duration-base) ease-out}@keyframes busy-in{0%{opacity:0}}.cal-busy-label{z-index:1;top:2px;left:var(--space-0-5);max-width:calc(100% - var(--space-1));max-height:calc(100% - 4px);padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--font-size-label-sm);line-height:var(--line-height-label-sm);position:absolute;overflow:hidden}.busy-swatch{border:1px dashed var(--color-border-strong);border-radius:var(--radius-sm);background-image:repeating-linear-gradient(135deg, var(--color-border-strong) 0 1px, transparent 1px 6px);flex:none;width:1.5rem;height:1rem}.cal-help .busy-swatch{vertical-align:middle;margin-right:var(--space-1);display:inline-block}.day-busy{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);display:flex}.day-busy b{color:var(--color-text);font-weight:var(--font-weight-semibold);font-variant-numeric:var(--font-numeric)}.busy-note{align-items:flex-start;gap:var(--space-2);margin-top:calc(-1 * var(--space-2));color:var(--color-text-muted);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);display:flex}.busy-note .busy-swatch{margin-top:var(--space-0-5)}.busy-live:empty{position:absolute}@media (prefers-reduced-motion:reduce){.cal-busy.is-in,.day-busy.is-in{animation:none}}
