/* Floating filters, compact actions and the supplied Motion tabs design. */
/* Employee entry uses the same tab strip and motion controller as CTO. */
form[data-employee-edit-tabs] .employee-edit-motion-tabs {
    /* Match Add Position's panel (14px) and form-control (12px) corners. */
    --coc-tabs-radius: 14px;
    --coc-tab-radius: 12px;
    margin: 16px 16px 0;
    max-width: calc(100% - 32px);
}
.employee-edit-motion-tabs .employee-motion-tab {
    display: inline-flex;
    align-items: center;
    border: 0;
    background: transparent;
    font-family: inherit;
    line-height: 1.5;
    white-space: nowrap;
}
.employee-edit-motion-tabs .employee-motion-tab.has-validation-error::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ef4444;
}
.employee-edit-motion-tabs [hidden] { display: none !important; }
/* Inherit Leave's shared content-panel spacing, border, radius and shadow. */
.coc-monitor-shell [data-coc-view-panel][hidden] { display:none !important; }
.coc-monitor-shell [hidden] { display:none !important; }
.coc-monitor-shell:has(.coc-table-filter-panel.is-open) { overflow:visible; }
.coc-table-filter-panel.is-open { margin-bottom:18px; }
.coc-table-filter-panel .dashboard-filter-panel { max-height:240px; overflow-y:auto; overscroll-behavior:contain; }
.coc-monitor-shell[data-coc-active-view="certificates"] .coc-filter-form,
.coc-monitor-shell[data-coc-active-view="applications"] .coc-filter-form { position:relative; flex:0 1 auto; width:356px; max-width:100%; height:38px; margin-left:auto; }
.coc-monitor-shell:not([data-coc-active-view="balances"]) .coc-filter-form > .search-composer { position:absolute; right:46px; top:0; }
.coc-monitor-shell:not([data-coc-active-view="balances"]) .coc-filter-form > .search-composer.is-open { width:calc(100% - 46px) !important; max-width:none !important; }
.coc-monitor-shell .coc-filter-form > [data-coc-table-filter-toggle] { position:absolute; right:0; top:0; width:38px; min-width:38px; height:38px; }
.coc-monitor-shell .coc-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:0; margin:0 0 18px; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs { --coc-tabs-text:#48616c; position:relative; isolation:isolate; flex:0 1 auto; width:max-content; max-width:100%; min-width:0; border:1px solid #cfdddd; border-radius:var(--coc-tabs-radius,999px); background:#eaf4f3; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-tabs-viewport { width:100%; min-width:0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; border-radius:inherit; }
.coc-tabs-viewport::-webkit-scrollbar { display:none; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs { position:relative; display:flex; width:max-content; min-width:100%; max-width:none; overflow:visible; gap:4px; padding:4px; border:0; border-radius:inherit; background:transparent; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"] { position:relative; z-index:1; flex:0 0 auto; justify-content:center; min-height:44px; padding:8px 16px; border-radius:var(--coc-tab-radius,999px); font-size:.875rem; font-weight:600; color:var(--coc-tabs-text); }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"].is-active { color:#fff; background:#0f766e; box-shadow:none; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"]:not(.is-active):hover { background:#dcecea; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"]:focus-visible { outline:2px solid #0f766e; outline-offset:-3px; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"][aria-selected="true"]:focus-visible { outline-color:#fff; }
.coc-tabs-indicator { position:absolute; z-index:0; top:0; left:0; border-radius:var(--coc-tab-radius,999px); background:#0f766e; pointer-events:none; visibility:hidden; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs.is-ready .coc-tabs-indicator { visibility:visible; }
.coc-view-tabs [data-motion-tabs-label] { position:absolute; inset:0; display:inline-flex; align-items:center; justify-content:center; padding:inherit; color:#fff; clip-path:inset(0 100% 0 0); pointer-events:none; }
.coc-view-tabs [role="tab"][aria-selected="true"] [data-motion-tabs-label] { clip-path:inset(0); }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs .coc-tabs-scroll { position:absolute; z-index:2; inset-block:0; width:36px; display:grid; place-items:center; padding:0; border:0; border-radius:inherit; color:var(--coc-tabs-text); background:transparent; }
.coc-tabs-scroll.is-left { left:0; }
.coc-tabs-scroll.is-right { right:0; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs .coc-tabs-scroll:disabled { opacity:0 !important; visibility:hidden; pointer-events:none; }
.coc-tabs-scroll:hover:not(:disabled) { color:#0f766e; }
.coc-tabs-scroll:focus-visible { outline:2px solid #0f766e; outline-offset:-4px; }
.coc-motion-tabs.is-overflowing .coc-tabs-viewport { -webkit-mask-image:linear-gradient(to right,var(--coc-tabs-fade-left,black),black 36px,black calc(100% - 36px),var(--coc-tabs-fade-right,black)); mask-image:linear-gradient(to right,var(--coc-tabs-fade-left,black),black 36px,black calc(100% - 36px),var(--coc-tabs-fade-right,black)); }
.coc-motion-tabs.has-left { --coc-tabs-fade-left:transparent; }
.coc-motion-tabs.has-right { --coc-tabs-fade-right:transparent; }
.coc-monitor-shell .coc-filter-form { display:flex; justify-content:flex-end; align-items:center; gap:10px; margin:0; min-width:0; flex:0 1 540px; }
.coc-monitor-shell .coc-year-field { position:relative; flex:0 0 100px; margin:0; }
.coc-monitor-shell .coc-year-field > span:first-child { position:absolute; z-index:2; top:-8px; left:10px; padding:0 4px; background:var(--panel-bg,#fff); color:#0f766e; font-size:.7rem; }
.coc-monitor-shell .coc-year-field select { width:100%; height:38px; border-radius:10px; font-size:.875rem; }
.coc-monitor-shell:has(.coc-year-field .is-open),.leave-ledger-coc-panel:has(.coc-year-field .is-open) { overflow:visible; }
.coc-monitor-shell .coc-year-field:has(.is-open) { z-index:50; }
.coc-monitor-shell .coc-year-field .smooth-select-button { min-height:38px; height:38px; padding:7px 11px; border-radius:10px; font-size:.875rem; }
.coc-monitor-shell .coc-year-field .smooth-select-button:focus-visible,.coc-monitor-shell .coc-year-field .is-open .smooth-select-button { border-color:#0f766e; box-shadow:0 0 0 3px #0f766e18; }
/* Five 36px rows, plus the menu's padding and border. */
.coc-monitor-shell .coc-year-field .smooth-select-menu { display:block; max-height:190px; padding:4px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#a6c6c1 transparent; border-radius:12px; border-color:#c6d7d5; box-shadow:0 12px 28px #14283826; }
.coc-monitor-shell .coc-year-field .smooth-select-option { display:block; width:100%; height:36px; min-height:36px; padding:8px 10px; border-radius:7px; font-size:.8125rem; line-height:20px; }
.coc-monitor-shell .coc-year-field .smooth-select-option[aria-selected="true"] { color:#0f766e; background:#e5f3f1; font-weight:600; }
.coc-monitor-shell .coc-year-field .smooth-select-option:hover,.coc-monitor-shell .coc-year-field .smooth-select-option:focus-visible { color:#0f766e; background:#edf6f5; }
/* Reuse Employees' animated search; only constrain its width to this toolbar. */
.coc-monitor-shell .coc-toolbar .search-composer.animated-search.is-open { width:310px !important; min-width:0 !important; max-width:calc(100% - 110px) !important; flex-shrink:1; }
.coc-monitor-shell .coc-icon-print-link svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.coc-monitor-shell .coc-filter-form > .btn { white-space:nowrap; font-size:.8125rem; }
.coc-monitor-shell .coc-table { margin:0; min-width:1040px; }
.coc-monitor-shell .coc-table th { padding:11px 14px; background:var(--surface-soft,#f7f9fb); color:var(--muted,#526174); font-weight:600; }
.coc-monitor-shell .coc-table td { padding:12px 14px; }
.coc-monitor-shell .coc-table tbody tr:last-child td { border-bottom:0; }
.coc-monitor-shell .coc-employee-cell { gap:3px; font-weight:600; }
.coc-monitor-shell .coc-employee-cell small { font-weight:400; }
.coc-monitor-shell .coc-icon-print-link { width:36px; height:36px; padding:0; }
.coc-monitor-shell .status-pill { font-weight:600; padding:4px 10px; }
:is(body.dark-mode,html[data-theme="dark"]) :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs { --coc-tabs-text:#d7e4e8; background:#1d3039; border-color:#38505d; }
:is(body.dark-mode,html[data-theme="dark"]) :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"] { color:#d7e4e8; }
:is(body.dark-mode,html[data-theme="dark"]) :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"].is-active { color:#fff; background:#0f766e; }
:is(body.dark-mode,html[data-theme="dark"]) :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"]:not(.is-active):hover { background:#294550; }
:is(body.dark-mode,html[data-theme="dark"]) .coc-monitor-shell .coc-year-field > span:first-child { background:#0f222a; color:#79e0d4; }
:is(body.dark-mode,html[data-theme="dark"]) .coc-monitor-shell .coc-year-field :is(.smooth-select-button,.smooth-select-menu) { background:#0f222a; color:#d7e4e8; border-color:#38505d; }
:is(body.dark-mode,html[data-theme="dark"]) .coc-monitor-shell .coc-year-field .smooth-select-option { color:#d7e4e8; }
:is(body.dark-mode,html[data-theme="dark"]) .coc-monitor-shell .coc-year-field .smooth-select-option:is(:hover,:focus-visible,[aria-selected="true"]) { background:#1d403e; color:#79e0d4; }
:is(body.dark-mode,html[data-theme="dark"]) .coc-monitor-shell .coc-table th { background:#162f39; color:#c3d5de; }
@media(max-width:900px) {
    .coc-monitor-shell .coc-toolbar { align-items:stretch; flex-direction:column; }
    :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs { align-self:flex-start; }
    .coc-monitor-shell .coc-filter-form { flex:0 1 auto; width:100%; flex-wrap:nowrap; }
}
@media(max-width:480px) {
    :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs { width:100%; }
    :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-view-tabs [role="tab"] { flex:1 0 auto; padding:8px 14px; font-size:.8125rem; }
    .coc-monitor-shell .coc-year-field { flex-basis:90px; }
    .coc-monitor-shell .coc-filter-form { flex-wrap:wrap; }
    .coc-monitor-shell .coc-toolbar .search-composer.animated-search.is-open { max-width:calc(100% - 100px) !important; }
}
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs.is-ready .coc-view-tabs [role="tab"],
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs.is-ready .coc-view-tabs [role="tab"].is-active { background:transparent; color:var(--coc-tabs-text); box-shadow:none; }
:is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs.is-ready .coc-view-tabs [role="tab"]:not(.is-active):hover { background:transparent; color:#0f766e; }
:is(body.dark-mode,html[data-theme="dark"]) :is(.coc-monitor-shell, .employee-edit-tabs-shell) .coc-motion-tabs.is-ready .coc-view-tabs [role="tab"]:not(.is-active):hover { color:#83e1d6; }
@media(prefers-reduced-motion:reduce) {
    .coc-motion-tabs *, :is(.coc-monitor-shell, .employee-edit-tabs-shell) [data-coc-view-panel] { scroll-behavior:auto !important; transition:none !important; }
}
/* Use the shared edit/delete design; align all three actions as one group. */
.coc-record-actions.row-actions { display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:6px; width:max-content; margin:0 auto; }
.coc-record-actions .inline-action-form { display:flex; margin:0; padding:0; }
.coc-record-actions :is(.action-button,.report-print-button) { flex:0 0 32px; width:32px; min-width:32px; height:32px; min-height:32px; margin:0; padding:0; }
.coc-record-actions .action-button:disabled { opacity:.4; cursor:not-allowed; }
.coc-table td:has(.coc-record-actions) { white-space:nowrap; vertical-align:middle; }
.coc-table th.center-cell:last-child { text-align:center; }
.employee-edit-modal-panel.coc-maintenance-modal {
    height: auto;
    max-height: calc(100dvh - 32px);
}
.coc-maintenance-modal .employee-edit-form {
    min-height: 0;
    height: auto;
}
.coc-maintenance-modal .employee-edit-modal-body {
    flex: 0 1 auto;
    padding: 18px 20px;
}
.coc-maintenance-modal .employee-edit-modal-footer {
    flex: 0 0 auto;
}