.datepicker{display:flex;flex-direction:column;gap:var(--space-8)}.datepicker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.datepicker__month{flex:1 1 auto;text-align:center;font-size:var(--text-body-size);line-height:var(--text-body-lh);font-weight:var(--weight-medium);color:var(--text-primary)}.datepicker__grid{display:flex;flex-direction:column;gap:var(--space-2)}.datepicker__row{display:grid;grid-template-columns:repeat(7,var(--control-md));gap:var(--space-2)}.datepicker__weekday{display:flex;align-items:center;justify-content:center;height:var(--control-sm);font-size:var(--text-caption-size);line-height:var(--text-caption-lh);font-weight:var(--weight-medium);color:var(--text-secondary)}.datepicker__day{position:relative;display:flex;align-items:center;justify-content:center;width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.datepicker__day:hover{background:var(--surface-hover)}.datepicker__date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);color:var(--text-primary)}.datepicker__day--outside .datepicker__date{color:var(--text-tertiary)}.datepicker__day--today:after{content:"";position:absolute;bottom:var(--space-4);width:var(--space-4);height:var(--space-4);border-radius:var(--radius-full);background:var(--brand-mark)}.datepicker__day--selected{background:var(--brand-fill);font-weight:var(--weight-medium)}.datepicker__day--selected:hover{background:var(--brand-fill-hover)}.datepicker__day--selected .datepicker__date{color:var(--text-inverse)}.datepicker__day--selected.datepicker__day--today:after{background:var(--text-inverse)}.datepicker__day--blocked{cursor:not-allowed;text-decoration:line-through}.datepicker__day--blocked:hover{background:transparent}.datepicker__day--blocked .datepicker__date{color:var(--text-disabled)}.datetime{display:flex;align-items:flex-start;gap:var(--space-8)}.datetime__part{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-8)}.datetime__well{display:flex;align-items:center;gap:var(--space-4);height:var(--control-md);padding:0 var(--space-4) 0 var(--space-16);border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--border-input);background:var(--field-fill);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.datetime__well:hover{background:var(--field-fill-hover)}.datetime__well:has(.datetime__input:focus){background:var(--surface-default)}.datetime__well:has(.datetime__input:focus-visible){outline:var(--border-width-strong) solid var(--border-focus);outline-offset:var(--space-2)}.datetime__well--invalid{border-color:var(--danger-500)}.datetime__well--disabled{background:var(--field-fill-disabled);border-color:var(--border-default)}.datetime__input{flex:1 1 auto;min-width:0;height:100%;padding:0;border:0;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-size);line-height:var(--text-body-lh);-moz-appearance:none;appearance:none;-webkit-appearance:none}.datetime__input:disabled{color:var(--text-disabled);cursor:not-allowed}.datetime__input:focus,.datetime__input:focus-visible{outline:none}.datetime__trigger{flex:none;color:var(--icon-default)}.datetime__trigger[data-state=open]{background:var(--surface-pressed)}.datetime__well--disabled .datetime__trigger{color:var(--text-disabled)}.surface-float.datetime__panel{padding:var(--space-8)}.datetime__tz{flex:none;align-self:flex-start;display:inline-flex;align-items:center;height:var(--control-md);margin-top:calc(var(--text-body-lh) + var(--space-8));padding:0 var(--space-12);border-radius:var(--radius-lg);border:var(--border-width-default) solid var(--border-subtle);background:var(--field-fill);font-family:var(--font-mono);font-size:var(--text-body-sm-size);line-height:var(--text-body-sm-lh);letter-spacing:var(--text-micro-ls);color:var(--text-secondary)}.timepicker{display:flex;flex-direction:column;gap:var(--space-2);min-width:var(--menu-min-width);max-height:calc(var(--control-md) * 8);overflow-y:auto}.timepicker__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);height:var(--control-md);padding:0 var(--space-8);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.timepicker__label{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-body-size);line-height:var(--text-body-lh)}.timepicker__option:hover{background:var(--surface-hover)}.timepicker__option--active{outline:var(--border-width-strong) solid var(--border-focus);outline-offset:calc(-1 * var(--border-width-strong))}.timepicker__option--selected{background:var(--brand-fill);color:var(--text-inverse);font-weight:var(--weight-medium)}.timepicker__option--selected:hover{background:var(--brand-fill-hover)}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--space-128);border-radius:var(--radius-xl);border:var(--border-width-default) dashed var(--border-input);background:var(--field-fill);transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.dropzone--rest:hover{background:var(--field-fill-hover)}.dropzone--drag-over{background:var(--surface-selected);border-color:var(--border-focus)}.dropzone:has(.dropzone__input:focus-visible){border-color:var(--border-focus);outline:var(--border-width-strong) solid var(--border-focus);outline-offset:var(--space-2)}.dropzone--complete{border-style:solid;border-color:var(--border-input);background:var(--surface-default)}.dropzone--error{border-style:solid;border-color:var(--danger-500);background:var(--surface-default)}.dropzone--uploading{border-style:solid;border-color:var(--border-input);background:var(--surface-default);cursor:default}.dropzone--disabled{background:var(--field-fill-disabled);border-color:var(--border-default)}.dropzone--disabled .dropzone__icon,.dropzone--disabled .dropzone__title{color:var(--text-disabled)}.dropzone__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone__input:disabled{cursor:default}.dropzone__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-24);text-align:center;pointer-events:none}.dropzone__icon{color:var(--icon-default)}.dropzone__icon--success{color:var(--text-success)}.dropzone__icon--error{color:var(--text-danger)}.dropzone__title{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-primary)}.dropzone__title--mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.dropzone__title--error{color:var(--text-danger)}.dropzone__progress-track{width:100%;max-width:calc(var(--space-24) * 10);height:var(--space-8);border-radius:var(--radius-full);background:var(--field-fill-hover);overflow:hidden}.dropzone__progress-fill{width:100%;height:100%;background:var(--brand-fill);transform-origin:left;transition:transform var(--duration-base) var(--ease-standard)}.dropzone__remove-slot{min-height:var(--control-sm)}.dropzone__remove{align-self:flex-start}.dropzone__remove--hidden{visibility:hidden}
