/* Shared inset floating labels for employee and position entry fields. Field-state colors come from app.css. */
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) {
    --hr-control-bg:#fff;--hr-control-line:#e3e9f2;--hr-control-ink:#1d1d1f;
    --hr-label:#86868b;--hr-accent:#0a6cff;--hr-label-active:#0050c8;--hr-focus-ring:#e7f0ff;
    --hr-label-spring:linear(0, .0941 5.6%, .2736 11.1%, .4548 16.7%, .6076 22.2%, .7255 27.8%, .8119 33.3%, .8732 38.9%, .9156 44.4%, .9444 50%, .9636 55.6%, .9764 61.1%, .9848 66.7%, .9902 72.2%, .9938 77.8%, .996 83.3%, .9975 88.9%, .9984 94.4%, 1 100%);
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field {height:54px;padding-top:0}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field>span:first-child {
    position:absolute;display:block;top:16px;left:15px;padding:0;margin-bottom:0;white-space:nowrap;max-width:calc(100% - 55px);font-size:15px;font-weight:500;
    line-height:1.35;background:transparent!important;
    transform-origin:left top;transform:none!important;
    transition:transform 587ms var(--hr-label-spring),color 260ms ease;
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:is(:focus-within,.has-floating-label,:has(input[type=file]))>span:first-child {
    transform:translateY(-10px) scale(.74)!important;
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field :is(.form-control,.form-select,.smooth-select-button,.modern-date-control) {
    height:54px;min-height:54px;border:1.5px solid var(--hr-control-line);border-radius:12px;
    background:var(--hr-control-bg);color:var(--hr-control-ink);box-shadow:none;
    font-size:15px;font-weight:500;line-height:20px;transition:border-color 260ms ease,box-shadow 260ms ease;
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field :is(.form-control,.form-select,.smooth-select-button) {padding:21px 14px 6px}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field .smooth-select-button {padding-right:36px}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field :is(.form-control,.smooth-select-button):focus-visible,
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field .modern-date-control:focus-within {
    outline:none;border-color:var(--hr-accent);box-shadow:0 0 0 4px var(--hr-focus-ring);
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field .modern-date-display.form-control {
    height:51px;min-height:51px;background:transparent;box-shadow:none;
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .modern-date-trigger {background:var(--hr-focus-ring);border-left-color:var(--hr-control-line);color:var(--hr-label-active)}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field :is(.form-control,.smooth-select-button):disabled,
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field .modern-date-control.is-disabled {
    background:var(--pds-disabled,#f0f3f5);color:var(--text-muted,#7b8996);box-shadow:none;
}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field.is-required-invalid>span:first-child {color:#bc3030!important}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field.is-required-invalid :is(.form-control,.smooth-select-button,.modern-date-control) {border-color:#bc3030}
/* Disabled dates have no actionable field state, even if an empty/dirty class remains. */
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(input[type="date"]:disabled)>span:first-child {color:var(--hr-label)!important}
.pds-workspace :is([data-pds-section="Voluntary"],[data-pds-section="Training"]) label.pds-field:has(input:disabled)>span:first-child {color:var(--hr-label)!important}
.pds-workspace .pds-appointment-fields label.pds-field:has(>input:disabled,>select:disabled)>span:first-child {color:var(--hr-label)!important}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-appointment-fields :is(select:disabled,.smooth-select-button[aria-disabled="true"]) {background:var(--pds-disabled,#f0f3f5);color:var(--text-muted,#7b8996);box-shadow:none}
html[data-theme=dark] :is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) {
    --hr-control-bg:#182b39;--hr-control-line:#38505e;--hr-control-ink:#d6e3e9;
    --hr-label:#a1afbd;--hr-accent:#68a6ff;--hr-label-active:#8abbff;--hr-focus-ring:#213e60;
}
/* Keep switches and row actions centered against the new control height. */
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-optional-name .pds-name-switch{top:27px!important}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-optional-name>span:first-child{max-width:calc(100% - 65px)}
.pds-workspace .pds-child-actions{height:54px;margin-top:0}
/* Empty dependent address labels stay inside their disabled control. */
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(>select[data-pds-place]:disabled:is([name$="City"],[name$="Barangay"])>option[value=""]:checked)>span:first-child{transform:none!important}
/* Declaration questions wrap in full above their answer; their detail fields use inset labels. */
/* Inactive citizenship details show their gray labels inside the disabled controls. */
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field.is-empty:has(>[data-pds-dependent="Pds.Citizenship"]:enabled)>span:first-child{transform:none!important;color:#dc2626!important}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(>[data-pds-dependent="Pds.Citizenship"]:disabled)>span:first-child{transform:none!important;color:var(--hr-label)!important}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(>[data-pds-dependent="Pds.Citizenship"]:disabled) :is(.form-control,.form-select,.smooth-select-button){background:var(--pds-disabled,#f0f3f5);color:transparent!important;box-shadow:none;cursor:not-allowed}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(>[data-pds-dependent="Pds.Citizenship"]:disabled) .smooth-select-value{visibility:hidden}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field:has(>[data-pds-dependent="Pds.Citizenship"]:disabled) .smooth-select-chevron{color:var(--hr-label)}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-declarations label.pds-field:has(>select){height:auto}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-declarations label.pds-field:has(>select)>span:first-child{position:static;white-space:normal;max-width:none;line-height:1.5;margin-bottom:7px;transform:none!important;font-size:12px}
:is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-declarations label.pds-field:has(>select) :is(.form-select,.smooth-select-button){padding-top:13px;padding-bottom:13px}
@media(prefers-reduced-motion:reduce) {
    :is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) label.pds-field>span:first-child,
    :is(.pds-workspace .pds-2026-form, #positionReferenceEditForm) .pds-field :is(.form-control,.form-select,.smooth-select-button,.modern-date-control) {transition:none}
}