@import "../ui.css";@layer components{.input{flex-direction:column;width:150px;display:flex}.input__field{width:100%;height:var(--erp-input-height-sm,26px);box-sizing:border-box;border:var(--erp-border-width,1px) var(--erp-border-style,solid) var(--erp-border-color,#dadada);border-radius:var(--erp-border-radius-md,4px);padding:0 var(--erp-spacing-md,8px);font-size:var(--erp-font-size-md,13px);color:var(--erp-text-primary,#333);background-color:var(--erp-bg-input,#fff);transition:border-color var(--erp-transition-fast,.15s ease);outline:none;font-family:inherit}.input__field:hover:not(:disabled):not([readonly]):not(:focus){border-color:var(--erp-border-color-dark,#ccc)}.input__field:focus{border-color:var(--erp-border-color-focus,#1c3b7b)}.input__field:disabled{background-color:var(--erp-bg-input-disabled,#f5f6f8);color:var(--erp-text-disabled,#ccc);border-color:var(--erp-border-color-light,#e0e0e0);cursor:not-allowed}.input__field--readonly{background-color:var(--erp-bg-input-disabled,#f5f6f8);color:var(--erp-text-secondary,#666);border-color:var(--erp-border-color-light,#e0e0e0);cursor:default}.input__field--readonly:focus{border-color:var(--erp-border-color-light,#e0e0e0)}.input__field--number{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em}.input__field--date{cursor:pointer;padding-right:2px}.input__field--date::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.45;filter:invert(17%)sepia(55%)saturate(700%)hue-rotate(200deg);transition:opacity var(--erp-transition-fast,.15s ease)}.input__field--date:hover:not(:disabled)::-webkit-calendar-picker-indicator{opacity:.85}.input__field--date:disabled::-webkit-calendar-picker-indicator{cursor:not-allowed;opacity:.2}.input-range{flex-direction:column;display:flex}.input-range__row{align-items:center;display:flex}.input-range__sep{color:var(--erp-text-secondary,#666);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 4px;font-size:12px}.input-range__row .input{flex:none}.textarea{flex-direction:column;width:150px;display:flex}.textarea__field{box-sizing:border-box;border:var(--erp-border-width,1px) var(--erp-border-style,solid) var(--erp-border-color,#dadada);border-radius:var(--erp-border-radius-md,4px);width:100%;padding:var(--erp-spacing-xs,4px) var(--erp-spacing-md,8px);font-size:var(--erp-font-size-md,13px);color:var(--erp-text-primary,#333);background-color:var(--erp-bg-input,#fff);resize:vertical;min-height:60px;font-family:inherit;line-height:var(--erp-line-height-normal,1.5);transition:border-color var(--erp-transition-fast,.15s ease);outline:none}.textarea__field:hover:not(:disabled):not([readonly]):not(:focus){border-color:var(--erp-border-color-dark,#ccc)}.textarea__field:focus{border-color:var(--erp-border-color-focus,#1c3b7b)}.textarea__field:disabled{background-color:var(--erp-bg-input-disabled,#f5f6f8);color:var(--erp-text-disabled,#ccc);border-color:var(--erp-border-color-light,#e0e0e0);cursor:not-allowed}.textarea__field--readonly{background-color:var(--erp-bg-input-disabled,#f5f6f8);color:var(--erp-text-secondary,#666);border-color:var(--erp-border-color-light,#e0e0e0);cursor:default}.textarea__field--readonly:focus{border-color:var(--erp-border-color-light,#e0e0e0)}.dark .input__field{background-color:var(--erp-bg-input);color:var(--erp-text-primary);border-color:var(--erp-border-color)}.dark .input__field:focus{border-color:var(--erp-border-color-focus)}.dark .input__field:disabled{background-color:var(--erp-bg-input-disabled);color:var(--erp-text-disabled);border-color:var(--erp-border-color-light)}.dark .input__field--readonly{background-color:var(--erp-bg-input-disabled);color:var(--erp-text-secondary)}.dark .input__field--date::-webkit-calendar-picker-indicator{filter:invert(75%)}.datepicker-nav-btn{border-radius:var(--erp-border-radius-sm);width:22px;height:22px;color:var(--erp-text-secondary);cursor:pointer;transition:color var(--erp-transition-fast), background var(--erp-transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.datepicker-nav-btn:hover{color:var(--erp-color-primary);background:var(--erp-color-primary-light)}.datepicker-header-title{text-align:center;font-size:var(--erp-font-size-sm);font-weight:var(--erp-font-weight-semibold);color:var(--erp-text-primary);cursor:pointer;border-radius:var(--erp-border-radius-sm);transition:color var(--erp-transition-fast);background:0 0;border:none;flex:1;padding:2px 4px;line-height:1.4}.datepicker-header-title:hover{color:var(--erp-color-primary)}.datepicker-header-title--static{cursor:default}.datepicker-header-title--static:hover{color:var(--erp-text-primary)}.datepicker-weekday{height:20px;font-size:var(--erp-font-size-xs);font-weight:var(--erp-font-weight-medium);color:var(--erp-text-muted);justify-content:center;align-items:center;display:flex}.datepicker-day{width:24px;height:24px;font-size:var(--erp-font-size-xs);color:var(--erp-text-primary);cursor:pointer;transition:background var(--erp-transition-fast), color var(--erp-transition-fast);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.datepicker-day:hover:not(.datepicker-day--selected){background:var(--erp-color-primary-light);color:var(--erp-color-primary)}.datepicker-day--selected{background:var(--erp-color-primary);color:var(--erp-color-primary-text);font-weight:var(--erp-font-weight-semibold)}.datepicker-day--today:not(.datepicker-day--selected){border:1px solid var(--erp-color-primary);color:var(--erp-color-primary);font-weight:var(--erp-font-weight-semibold)}.datepicker-day--other{color:var(--erp-text-muted)}.datepicker-cell{border-radius:var(--erp-border-radius-sm);height:28px;font-size:var(--erp-font-size-xs);color:var(--erp-text-primary);cursor:pointer;transition:background var(--erp-transition-fast), color var(--erp-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex}.datepicker-cell:hover:not(.datepicker-cell--selected){background:var(--erp-color-primary-light);color:var(--erp-color-primary)}.datepicker-cell--selected{background:var(--erp-color-primary);color:var(--erp-color-primary-text);font-weight:var(--erp-font-weight-semibold)}.datepicker-cell--today:not(.datepicker-cell--selected){border:1px solid var(--erp-color-primary);color:var(--erp-color-primary);font-weight:var(--erp-font-weight-semibold)}.dark .datepicker-day--selected,.dark .datepicker-cell--selected{background:var(--erp-color-primary);color:var(--erp-color-primary-text)}.password-input{width:100%;position:relative}.password-input__field{padding-right:40px}.password-input__toggle{cursor:pointer;color:var(--erp-text-secondary,#999);background:0 0;border:none;align-items:center;padding:0;line-height:1;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-input__toggle:hover:not(:disabled){color:var(--erp-text-primary,#333)}.password-input__toggle:disabled{cursor:not-allowed;opacity:.4}.file-input{align-items:center;display:flex}.file-input-label{text-align:center;white-space:pre-wrap;min-width:60px;font-size:12px;font-weight:700}.file-input-native{cursor:pointer;width:100%;padding:0 10px;font-size:12px}.file-input-native:disabled{cursor:not-allowed;opacity:.5}}