@layer components{.comp-form{padding:0 0 var(--spacing-4);border-bottom:1px solid var(--border-subtle)}.comp-form:last-child{border-bottom:none}.comp-form__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3,.75rem);flex-wrap:wrap;display:flex}.comp-form__header-left{gap:var(--spacing-1,4px);flex-direction:column;min-width:0;display:flex}.comp-form__title{align-items:center;gap:var(--spacing-2,8px);font-weight:var(--font-weight-semibold);display:inline-flex}.comp-form__status-dot{background:var(--border-default);width:7px;height:7px;transition:background var(--transition-fast);border-radius:50%;flex-shrink:0;display:inline-block}.comp-form__status-dot--complete{background:var(--color-success)}.comp-form__subtitle{font-size:var(--font-size-xs,.75rem);color:var(--color-text-secondary,#666);line-height:1.4}.comp-form__nominal-warning{gap:var(--spacing-1);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid color-mix(in srgb, var(--color-warning,#f59e0b) 35%, transparent);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-warning,#f59e0b) 10%, transparent);color:var(--text-primary);font-size:var(--font-size-xs);flex-direction:column;line-height:1.4;display:flex}.comp-form__nominal-warning strong{font-weight:var(--font-weight-semibold)}.comp-form__nominal-warning span{color:var(--text-secondary)}.comp-form__meta{align-items:center;gap:var(--spacing-2);flex-shrink:0;display:flex}.comp-form__meta-select--contract{width:fit-content;min-width:120px}.comp-form__meta-select--currency{max-width:90px}.comp-form__meta-native{padding:var(--spacing-1) var(--spacing-2);height:var(--control-height-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family-base);background:var(--surface);color:var(--text-muted)}.comp-form__meta-native:hover{border-color:var(--border-default)}.comp-form__meta-native:focus{border-color:var(--accent);outline:none}.comp-form__body{gap:var(--spacing-3);flex-direction:column;display:flex}.comp-form__body--two-col{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.comp-form__col{gap:var(--spacing-3);flex-direction:column;display:flex}.comp-form__col--ending{border-left:1px dashed var(--border-subtle);padding-left:var(--spacing-4);animation:comp-form-fadein var(--transition-fast) ease-out}.comp-form__col-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold,700);color:var(--text-primary);text-transform:uppercase;letter-spacing:.04em}.comp-form__primary{gap:var(--spacing-1);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.comp-form__label{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.comp-form__salary-input,.comp-form__number-input{padding:var(--spacing-2);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family-base);background:var(--surface);color:var(--text-primary);width:100%;max-width:360px}.comp-form__salary-input:hover,.comp-form__number-input:hover{border-color:var(--accent-hover)}.comp-form__salary-input:focus,.comp-form__number-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg-subtle);outline:none}.comp-form__salary-input::placeholder,.comp-form__number-input::placeholder{color:var(--text-muted)}.comp-form__number-input--missing{border-color:var(--text-danger,#dc2626);background:#dc26260a}.comp-form__add-btns{gap:var(--spacing-2);margin-top:var(--spacing-3);flex-wrap:wrap;display:flex}.comp-form__add-btn{justify-content:center;align-items:center;gap:var(--spacing-2);border:2px dashed var(--border-default);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--text-muted);transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);background:0 0;display:inline-flex}.comp-form__add-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 4%, transparent)}.comp-form__add-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.comp-form__add-btn svg{font-size:10px}.comp-form__add-btns--progression{margin-top:var(--spacing-2)}.comp-form__add-btn--wide{width:100%}.comp-form__sharing{margin-top:var(--spacing-3,.75rem)}.comp-form .tooltip-icon{color:var(--text-muted);cursor:help;font-style:normal;font-weight:var(--font-weight-normal,400);text-transform:none;letter-spacing:normal;transition:color var(--transition-fast);margin-left:5px}.comp-form .tooltip-icon:hover{color:var(--text-secondary)}.comp-form__expand-header{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.comp-form__input-row{align-items:center;gap:var(--spacing-2);display:flex}.comp-form__dismiss{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-xs);transition:color var(--transition-fast);background:0 0;border:none;padding:2px 4px;line-height:1}.comp-form__dismiss:hover{color:var(--text-danger,#dc2626)}.comp-form__toggle{border-radius:var(--radius-md,6px);margin-left:var(--spacing-2);vertical-align:middle;background:var(--surface-inset,#e8e8e8);gap:2px;padding:2px;display:inline-flex;position:relative}.comp-form__toggle-btn{appearance:none;font-size:var(--font-size-xxs,.65rem);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);color:var(--text-muted,#999);cursor:pointer;border-radius:calc(var(--radius-md,6px) - 2px);z-index:1;background:0 0;border:none;padding:2px 10px;line-height:1.6;transition:background .15s,color .15s,box-shadow .15s;position:relative}.comp-form__toggle-btn:not(:last-child){border-right:none}.comp-form__toggle-btn--active{background:var(--surface,#fff);color:var(--text-primary,#1a1a1a);font-weight:var(--font-weight-semibold);box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000a}.comp-form__toggle-btn:hover:not(.comp-form__toggle-btn--active){color:var(--text-secondary,#666)}.comp-form__pct-input{padding:var(--spacing-2);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-family:var(--font-family-base);background:var(--surface);color:var(--text-primary);width:100%;max-width:120px}.comp-form__pct-input:hover{border-color:var(--accent-hover)}.comp-form__pct-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg-subtle);outline:none}.comp-form__pct-suffix{font-size:var(--font-size-sm);color:var(--text-muted);margin-left:var(--spacing-1)}.comp-form__basis-label{font-size:var(--font-size-xxs,.65rem);color:var(--text-muted);margin-top:2px}.comp-form__expand-field{gap:var(--spacing-1);animation:comp-form-fadein var(--transition-fast) ease-out;flex-direction:column;display:flex}@keyframes comp-form-fadein{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.comp-form__meta{gap:var(--spacing-2);flex-wrap:wrap;width:100%}.comp-form__meta-select{flex:auto;min-width:0;max-width:100%}.comp-form__meta-select--currency{min-width:0;max-width:100%}.comp-form__salary-input,.comp-form__number-input{max-width:none}.comp-form__body--two-col{grid-template-columns:1fr}.comp-form__col--ending{border-left:none;border-top:1px dashed var(--border-subtle);padding-left:0;padding-top:var(--spacing-3)}}.comp-form__meta-select{font-size:var(--font-size-xs)}.comp-form__meta-select--contract .react-select__single-value{max-width:none;text-overflow:unset;position:static;overflow:visible}.comp-form__meta-select .react-select__control{min-height:var(--control-height-xs);max-height:var(--control-height-xs);border-color:var(--border-subtle);background:var(--surface);box-shadow:none}.comp-form__meta-select .react-select__control:hover{border-color:var(--accent)}.comp-form__meta-select .react-select__value-container{padding:0 var(--spacing-1) 0 var(--spacing-2)}.comp-form__meta-select .react-select__single-value{font-size:var(--font-size-xs);color:var(--text-muted);font-weight:var(--font-weight-normal)}.comp-form__meta-select .react-select__placeholder{font-size:var(--font-size-xs);color:var(--text-muted)}.comp-form__meta-select .react-select__indicator{color:var(--text-muted);padding:0 2px}.comp-form__meta-select .react-select__indicator-separator{display:none}.comp-form__meta-select .react-select__menu{font-size:var(--font-size-xs)}.comp-form__meta-select .react-select__option{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);color:var(--text-secondary)}.comp-form__meta-select .react-select__option--is-selected{background-color:var(--brand-gold-muted);color:var(--text-primary);font-weight:var(--font-weight-medium)}.comp-form__meta-select .react-select__option--is-focused{background-color:var(--brand-gold-muted);color:var(--text-primary)}}