.host-calendar{--cal-room-width:200px;--cal-hour-width:48px;--cal-day-width:168px;--cal-plot-width:calc(24 * var(--cal-hour-width));--cal-axis-height:44px;--cal-row-height:64px;--cal-card-height:42px;--cal-drawer-width:560px;--cal-grid-radius:calc(var(--radius-lg) + var(--space-2));color:var(--ink);min-width:0}.calendar-drawer button,.host-calendar button{cursor:pointer}.calendar-drawer button:disabled,.host-calendar button:disabled{cursor:not-allowed;opacity:.5}.calendar-drawer :is(button,input,select,textarea):focus-visible,.host-calendar :is(button,input,select,a):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.calendar-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-6)}.calendar-heading h1{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;line-height:var(--leading-tight)}.calendar-heading>div>p{color:var(--ink-muted);margin-top:var(--space-2);font-size:var(--text-base)}.calendar-metrics{display:flex;gap:var(--space-6);padding-top:var(--space-1)}.calendar-metrics>div{min-width:106px;padding-left:var(--space-6);border-left:1px solid var(--line)}.calendar-metrics>div:first-child{padding-left:0;border-left:0;min-width:120px}.calendar-metrics span{display:block;color:var(--ink-muted);font-size:var(--text-sm);white-space:nowrap}.calendar-metrics strong{display:block;font-size:var(--text-xl);font-weight:800;line-height:1.6;font-variant-numeric:tabular-nums}.calendar-metrics small{font-size:var(--text-xs);font-weight:500;color:var(--ink-muted)}.calendar-meter{height:var(--space-1);border-radius:var(--radius-full);background:var(--line);overflow:hidden}.calendar-meter i{display:block;height:100%;background:var(--primary);border-radius:inherit;transition:width var(--dur-fast)}.calendar-controls{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.calendar-date-controls{display:flex;gap:var(--space-2);align-items:center}.calendar-button,.calendar-icon-button{min-height:var(--control-h-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:600;font-size:var(--text-base);white-space:nowrap;transition:background var(--dur-fast),border-color var(--dur-fast)}.calendar-icon-button{width:var(--control-h-lg);padding:0;border-radius:var(--radius-full);border-color:var(--line);flex-shrink:0}.calendar-button:hover:not(:disabled),.calendar-icon-button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--ink-subtle)}.calendar-date-label{position:relative;display:inline-flex;min-height:var(--control-h-lg);align-items:center;font-weight:700;white-space:nowrap;font-size:var(--text-md);cursor:pointer;flex:0 0 136px;min-width:0;justify-content:center;font-variant-numeric:tabular-nums}.calendar-date-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.calendar-date-native>span{visibility:hidden}.calendar-date-native input{opacity:1;background:var(--surface);color:var(--ink);font:inherit;font-size:var(--text-base)}.calendar-mode{display:inline-flex;padding:var(--space-1);border-radius:var(--radius-lg);background:var(--surface-sunken)}.calendar-mode button{min-height:var(--control-h-lg);min-width:64px;padding-inline:var(--space-4);border-radius:var(--radius-md);color:var(--ink-muted);font-weight:600;font-size:var(--text-base)}.calendar-mode button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 14%,transparent)}.calendar-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);border-left:1px solid var(--line);padding-left:var(--space-4)}.calendar-filters button{border:1px solid var(--line);border-radius:var(--radius-full);min-height:var(--control-h-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);white-space:nowrap}.calendar-filters button[aria-pressed=true]{border-color:var(--primary);background:#eaf2fe;color:#1557c0}.calendar-filters button:hover{border-color:var(--primary)}.calendar-lock-button{margin-left:auto}.calendar-lock-button[aria-disabled=true]{cursor:not-allowed}.calendar-viewport{overflow:auto;max-height:68dvh;min-width:0;border:1px solid var(--line);border-radius:var(--cal-grid-radius);scrollbar-width:thin;background:var(--surface)}.calendar-viewport:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.calendar-grid{position:relative;width:calc(var(--cal-room-width) + var(--cal-plot-width));min-width:100%}.calendar-axis,.calendar-row{display:grid;grid-template-columns:var(--cal-room-width) minmax(0,1fr)}.calendar-axis{position:sticky;top:0;z-index:15;min-height:var(--cal-axis-height);background:#fafbfc;border-bottom:1px solid var(--line)}.calendar-axis-room{position:sticky;left:0;z-index:16;background:#fafbfc;display:flex;align-items:center;padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:700;color:var(--ink-muted)}.calendar-axis-time{position:relative;font-variant-numeric:tabular-nums}.calendar-axis-time>.calendar-hour{position:absolute;top:50%;transform:translate(-50%,-50%);color:var(--ink-muted);font-size:var(--text-sm);font-weight:600;white-space:nowrap}.calendar-axis-time>.calendar-hour-start{transform:translateY(-50%);padding-left:var(--space-2)}.calendar-axis-time>.calendar-hour-end{transform:translate(-100%,-50%);padding-right:var(--space-2)}.calendar-row{min-height:var(--cal-row-height);border-bottom:1px solid var(--line)}.calendar-row:last-of-type{border-bottom:0}.calendar-room{position:sticky;left:0;z-index:12;border-right:1px solid var(--line);background:var(--surface);display:flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3)}.calendar-room-photo{width:var(--control-h);height:var(--control-h);object-fit:cover;flex-shrink:0;border-radius:var(--radius-lg);background-color:var(--surface-sunken)}.calendar-room-placeholder{background-image:repeating-linear-gradient(135deg,transparent,transparent 10px,var(--line) 10px,var(--line) 11px)}.calendar-room-text{min-width:0}.calendar-room-text strong{display:block;font-size:var(--text-base);font-weight:700}.calendar-room-text p,.calendar-room-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-room-text p{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted)}.calendar-state-dot{display:inline-block;width:7px;height:7px;border-radius:var(--radius-full);margin-right:var(--space-1);background:var(--ink-subtle)}.calendar-state-dot.state-occupied{background:var(--success)}.calendar-state-dot.state-overdue{background:var(--danger)}.calendar-state-dot.state-inspect{background:var(--warning)}.calendar-state-dot.state-free{background:var(--primary)}.calendar-plot{position:relative;isolation:isolate;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to right,color-mix(in srgb,var(--line) 40%,transparent) 1px,transparent 1px),linear-gradient(to right,#fafbfc 0 var(--cal-elapsed,0),transparent var(--cal-elapsed,0) 100%);background-size:var(--cal-hour-width) 100%,calc(var(--cal-hour-width) / 2) 100%,100% 100%}.calendar-position{position:absolute;padding-right:1px;height:var(--cal-card-height);z-index:2}.calendar-booking{position:relative;width:100%;min-height:var(--cal-card-height);height:100%;display:flex;text-align:left;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);overflow:clip;border:1px solid color-mix(in srgb,currentColor 12%,transparent);box-shadow:0 4px 12px #15191e0d;font-size:var(--text-xs);line-height:1.35;transition:filter var(--dur-fast),box-shadow var(--dur-fast)}.calendar-booking:hover{filter:brightness(.97);box-shadow:0 2px 6px color-mix(in srgb,var(--ink) 10%,transparent)}.calendar-booking-label{position:sticky;left:calc(var(--cal-room-width) + var(--space-2));display:block;min-width:0;max-width:100%}.calendar-booking strong,.calendar-booking-label>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-booking strong{font-weight:700}.tone-staying{background:#d6efe1;color:#0a5c32}.tone-upcoming{background:#dce8fd;color:#103f8f}.tone-arriving{background:var(--warning-soft);color:var(--warning)}.tone-missed{background:var(--danger-soft);color:var(--danger)}.tone-pending{background:var(--pending-soft);color:var(--pending);border-style:dashed}.tone-overdue{background:#fbd9d4;color:#8f2312}.tone-inspect{background:#fbe8c4;color:#6d4000}.tone-done{background:#eceff3;color:#5a6370}.tone-closed{color:var(--ink-muted);background-color:var(--surface-sunken);background-image:repeating-linear-gradient(135deg,transparent,transparent 6px,var(--line) 6px,var(--line) 11px)}.calendar-now{position:absolute;top:0;bottom:0;left:var(--cal-room-width);width:calc(100% - var(--cal-room-width));z-index:10;pointer-events:none}.calendar-now:after{content:"";position:absolute;top:var(--space-4);bottom:0;left:var(--now-position);border-left:1px solid #e5484d}.calendar-axis-time>.calendar-now-label{position:absolute;top:0;transform:translateX(-50%);pointer-events:none;padding:2px var(--space-1);border-radius:var(--radius-sm);background:#c9343a;color:var(--on-accent);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.calendar-week{--cal-plot-width:calc(7 * var(--cal-day-width))}.calendar-week-columns{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week .calendar-axis{min-height:var(--control-h-lg)}.calendar-week .calendar-axis-time button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2);min-height:var(--control-h-lg);font-size:var(--text-xs);border-left:1px solid var(--line);color:var(--ink-muted)}.calendar-week .calendar-axis-time strong{font-size:var(--text-base);color:var(--ink)}.calendar-week-plot{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-week-cell{position:relative;min-width:0;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);border-left:1px solid var(--line)}.calendar-week-cell .calendar-booking{height:var(--cal-card-height);flex-shrink:0}.calendar-week-plot.has-multiple .calendar-week-cell{padding-top:var(--control-h-lg)}.calendar-week-more{position:absolute;top:0;right:0;width:var(--control-h-lg);height:var(--control-h-lg);display:flex;align-items:center;justify-content:center;color:var(--ink-muted);border-radius:var(--radius-md)}.calendar-week-more:hover{color:var(--primary);background:var(--primary-soft)}.calendar-week-bookings{gap:var(--space-3)}.calendar-week-bookings .calendar-booking{flex:none;min-width:0;min-height:var(--control-h-lg);height:auto;padding:var(--space-3);border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:var(--radius-lg);font-size:var(--text-base)}.calendar-week-bookings .calendar-booking-label{position:static}.calendar-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--space-3);padding-block:var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--ink-muted)}.calendar-legend>span{display:inline-flex;align-items:center;gap:var(--space-1)}.calendar-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.calendar-message{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;border:1px solid var(--line);border-radius:var(--cal-grid-radius)}.calendar-message h2{font-size:var(--text-lg);font-weight:700}.calendar-message p{color:var(--ink-muted);max-width:48ch}.calendar-loading{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--cal-grid-radius)}.calendar-loading span{color:var(--ink-muted);font-size:var(--text-base)}.calendar-loading>i{display:block;height:var(--cal-row-height);background:var(--surface-sunken);border-radius:var(--radius-lg)}.calendar-notice{color:var(--success);background:var(--success-soft);border-radius:var(--radius-lg);padding:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-base)}.calendar-drawer{--cal-drawer-width:560px;position:fixed;inset:var(--calendar-host-header-height,0) 0 0 auto;margin:0;padding:0;width:min(100%,var(--cal-drawer-width));height:calc(100dvh - var(--calendar-host-header-height, 0px));max-width:100%;max-height:calc(100dvh - var(--calendar-host-header-height, 0px));background:var(--surface);color:var(--ink);border:0;box-shadow:var(--shadow-overlay)}.calendar-drawer[open]{display:flex;flex-direction:column;animation:calendar-drawer-enter var(--dur) var(--ease-out)}.calendar-drawer::backdrop{top:var(--calendar-host-header-height,0);background:var(--scrim)}.calendar-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--line);padding:var(--space-6);flex-shrink:0}.calendar-drawer-header>div{min-width:0;overflow-wrap:anywhere}.calendar-drawer-header h2{font-size:var(--text-xl);font-weight:800}.calendar-drawer-header p{color:var(--ink-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.calendar-drawer-header .calendar-icon-button{border-color:transparent;background:var(--surface-sunken)}.calendar-closure-form{display:flex;flex-direction:column;flex:1;min-height:0}.calendar-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.calendar-field{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}.calendar-field input,.calendar-field select,.calendar-field textarea{width:100%;min-width:0;min-height:48px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-3);color:var(--ink);background:var(--surface);font-size:var(--text-md);font-weight:400}.calendar-field textarea{min-height:100px;resize:vertical}.calendar-field input:focus,.calendar-field select:focus,.calendar-field textarea:focus{border-color:var(--primary)}.calendar-field input:disabled,.calendar-field textarea:disabled{opacity:.65}.calendar-time-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.calendar-reasons{min-width:0}.calendar-reasons legend{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted);margin-bottom:var(--space-2)}.calendar-reasons>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.calendar-reasons label{position:relative;display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);min-height:var(--control-h-lg);border:1px solid var(--line);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-base);font-weight:600}.calendar-reasons label.selected{border-color:var(--primary);color:var(--primary-dark);background:var(--primary-soft)}.calendar-reasons input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.calendar-reasons label:focus-within{outline:2px solid var(--primary);outline-offset:3px}.calendar-drawer-footer{display:flex;justify-content:flex-end;flex-shrink:0;gap:var(--space-2);border-top:1px solid var(--line);padding:var(--space-4) var(--space-6);padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.calendar-primary{background:var(--primary);color:var(--on-accent);border-color:var(--primary)}.calendar-primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.calendar-form-error{font-size:var(--text-base);color:var(--danger);border:1px solid var(--danger);background:var(--danger-soft);padding:var(--space-3);border-radius:var(--radius-lg)}.calendar-form-success{font-size:var(--text-base);color:var(--success)}.calendar-booking-details{gap:var(--space-5)}.calendar-booking-details>section{flex-shrink:0}.calendar-booking-details h3{font-size:var(--text-lg);font-weight:700;overflow-wrap:anywhere}.calendar-booking-details h4{font-size:var(--text-sm);color:var(--ink-muted);font-weight:500;margin-bottom:var(--space-2)}.calendar-detail-room{display:flex;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--line)}.calendar-detail-photo{display:block;flex:0 0 auto;width:auto;height:auto;max-width:calc(var(--space-9) * 2);max-height:calc(var(--space-9) * 2);border-radius:var(--radius-lg)}.calendar-detail-photo-empty{display:flex;flex:0 0 calc(var(--space-9) + var(--space-4));align-items:center;justify-content:center;width:calc(var(--space-9) + var(--space-4));height:calc(var(--space-9) + var(--space-4));text-align:center;padding:var(--space-2);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--ink-muted);font-size:var(--text-xs)}.calendar-detail-room-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.calendar-detail-room-copy p{font-size:var(--text-sm);color:var(--ink-muted);overflow-wrap:anywhere}.calendar-detail-room-meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.calendar-detail-reservation{display:flex;flex-direction:column;gap:var(--space-4)}.calendar-detail-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.calendar-detail-summary>div{min-width:0}.calendar-detail-status{flex-shrink:0;align-self:flex-start;border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600}.calendar-detail-code>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);font-size:var(--text-base)}.calendar-detail-code dt{color:var(--ink-muted);flex-shrink:0}.calendar-detail-code dd{font-weight:600;text-align:right;overflow-wrap:anywhere;min-width:0}.calendar-detail-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-sunken);padding:var(--space-4);gap:var(--space-4)}.calendar-detail-period>div+div{border-left:1px solid var(--line);padding-left:var(--space-4)}.calendar-detail-period time{display:flex;flex-direction:column;gap:var(--space-1);font-variant-numeric:tabular-nums}.calendar-detail-period strong{font-size:var(--text-2xl);line-height:var(--leading-tight);font-weight:700}.calendar-detail-period time span{font-size:var(--text-sm);color:var(--ink-muted)}.calendar-detail-note{border-top:1px solid var(--line);padding-top:var(--space-5)}.calendar-detail-note p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-base);line-height:var(--leading-normal)}@keyframes calendar-drawer-enter{0%{transform:translateX(24px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:1023px){.calendar-heading{align-items:stretch}.calendar-metrics{gap:var(--space-4)}.calendar-metrics>div{padding-left:var(--space-4);min-width:auto}.calendar-filters{order:4;width:100%;border-left:0;padding-left:0}}@media (max-width:639px){.host-calendar{--cal-room-width:128px}.calendar-heading{flex-direction:column;gap:var(--space-4)}.calendar-metrics{justify-content:space-between;gap:var(--space-3)}.calendar-metrics>div{flex:1;padding-left:var(--space-3)}.calendar-metrics>div:first-child{min-width:0}.calendar-metrics span{font-size:var(--text-xs)}.calendar-metrics strong{font-size:var(--text-lg)}.calendar-controls{gap:var(--space-3)}.calendar-date-controls{width:100%;gap:var(--space-1);justify-content:space-between}.calendar-date-label{font-size:var(--text-base);flex-basis:120px}.calendar-date-controls>.calendar-button{padding-inline:var(--space-3)}.calendar-room{padding-inline:var(--space-2)}.calendar-room-photo{display:none}.calendar-room-text strong{font-size:var(--text-sm)}.calendar-legend{justify-content:flex-start}.calendar-time-fields{grid-template-columns:minmax(0,1fr)}.calendar-drawer-body,.calendar-drawer-header{padding:var(--space-5)}.calendar-drawer-footer{padding-inline:var(--space-5)}.calendar-detail-room{gap:var(--space-3)}.calendar-detail-photo{max-width:calc(var(--space-8) * 2);max-height:calc(var(--space-8) * 2 + var(--space-4))}}@media (prefers-reduced-motion:reduce){.calendar-drawer[open]{animation:none}.calendar-booking,.calendar-button,.calendar-meter i{transition:none}}.calendar-stage{position:relative}.calendar-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding-top:var(--space-3)}.calendar-footer .calendar-legend{padding-block:0}.calendar-datetime{position:relative;display:flex;align-items:center;min-height:48px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--ink);font-size:var(--text-base);font-weight:400;padding:var(--space-3);padding-right:var(--space-6);white-space:nowrap}.calendar-datetime:after{content:"";position:absolute;right:14px;width:6px;height:6px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg);pointer-events:none}.calendar-datetime:focus-within{border-color:var(--primary);outline:2px solid var(--primary-soft);outline-offset:2px}@media (min-width:1200px){.calendar-host-header>div{height:70px;min-height:70px}}@media (min-width:640px){.calendar-controls .calendar-icon-button{width:36px;min-height:36px}.calendar-controls .calendar-button,.calendar-date-label{min-height:40px}.calendar-mode{padding:3px}.calendar-mode button{min-height:32px}.calendar-filters button{min-height:34px}}@media (min-width:1200px){.calendar-host-header+main{padding-inline:48px}}.calendar-datetime{width:100%;text-align:left;cursor:pointer}.calendar-time-picker{grid-column:1/-1;min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-3)}.calendar-picker-title{color:var(--ink-muted);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-2)}.calendar-picker-month{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.calendar-picker-month strong{font-size:var(--text-base);font-weight:700;text-transform:capitalize}.calendar-picker-grid>[role=row]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.calendar-picker-grid [role=columnheader]{text-align:center;padding-block:var(--space-2);color:var(--ink-muted);font-size:var(--text-xs)}.calendar-picker-grid button{min-width:0;min-height:44px;border-radius:var(--radius-md);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.calendar-picker-grid button:hover:not(:disabled){background:var(--primary-soft)}.calendar-picker-grid button[data-other-month]{color:var(--ink-muted)}.calendar-picker-grid button[aria-selected=true]{background:var(--primary);color:var(--on-accent);font-weight:700}.calendar-picker-time{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-3);align-items:end;margin-top:var(--space-3)}.calendar-picker-error{margin-top:var(--space-2);color:var(--danger);font-size:var(--text-sm)}@media (max-width:639px){.calendar-time-picker{margin-inline:calc(-1 * var(--space-4));padding:var(--space-1)}}@media (min-width:640px){.calendar-picker-content{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:var(--space-3);align-items:start}.calendar-picker-time{grid-template-columns:minmax(0,1fr);margin-top:var(--space-2)}}