@layer components{.date-input-wrapper{position:relative;display:inline-flex;flex:1;min-width:14ch}.date-input-inner{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:14ch;transition:border-color var(--transition-fast)}.date-input-inner:hover{border-color:var(--color-border-medium)}.date-input-inner:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.date-input-field{flex:1;min-width:10ch;border:none;background:transparent;font-size:var(--text-sm);color:var(--color-text);padding:0}.date-input-field::placeholder{color:var(--color-text-tertiary)}.date-input-field:focus,.date-input-field:focus-visible{outline:none;box-shadow:none}.date-input-wrapper .date-input-inner .date-input-field{border:none!important;background:transparent!important;box-shadow:none!important}.date-input-trigger{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.date-input-trigger svg{width:.875rem;height:.875rem}.date-input-trigger:hover{color:var(--color-text)}.date-input-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.date-input-inner-native{padding:var(--space-2) var(--space-3)}.date-input-native{width:100%;min-width:0;font-size:var(--text-sm);color:var(--color-text);background:transparent;border:none;padding:0}.date-input-native:focus{outline:none;box-shadow:none}.date-input-native:focus-visible{outline:none;box-shadow:none}.date-picker{position:fixed;z-index:var(--z-modal);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--space-3);min-width:16rem}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.date-picker-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.date-picker-nav{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-xs);color:var(--color-text-muted);transition:background-color var(--transition-fast),color var(--transition-fast)}.date-picker-nav svg{width:1rem;height:1rem;transform:rotate(90deg)}.date-picker-nav:hover{background:var(--color-surface-hover);color:var(--color-text)}.date-picker-nav-next svg{transform:rotate(-90deg)}.date-picker-grid{width:100%;border-collapse:collapse}.date-picker-grid th{padding:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted);text-align:center}.date-picker-grid td{padding:1px;text-align:center}.date-picker-day{width:2rem;height:2rem;border-radius:var(--radius-xs);font-size:var(--text-sm);color:var(--color-text);transition:background-color var(--transition-fast),color var(--transition-fast)}.date-picker-day:hover{background:var(--color-surface-hover)}.date-picker-day.today{font-weight:var(--font-bold);color:var(--color-primary)}.date-picker-day.selected{background:var(--color-primary);color:var(--color-text-inverse);font-weight:var(--font-semibold)}.date-picker-day.selected:hover{background:var(--color-primary-hover)}.date-picker-footer{display:flex;justify-content:space-between;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.date-picker-action{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);transition:background-color var(--transition-fast)}.date-picker-action:hover{background:var(--color-primary-light)}}