/* My Requests uses the same shared workspace and palette as Approvals. */
html body[data-view="vacations"] #view { padding:20px 18px !important; background:#f3f6f9 !important; }
html body[data-view="vacations"] #view .employee-request-header { overflow:visible !important; }
html body[data-view="vacations"] #view .employee-request-dropdown { position:relative !important; flex:0 0 auto; }
html body[data-view="vacations"] #view .employee-request-dropdown > summary { display:flex !important; align-items:center; justify-content:space-between; gap:16px; width:auto !important; min-height:35px !important; padding:0 14px !important; border:1px solid var(--approval-ref-blue-line) !important; border-radius:999px !important; background:var(--approval-ref-blue-soft) !important; color:var(--approval-ref-blue) !important; font:650 12px Inter,Arial,sans-serif !important; list-style:none !important; cursor:pointer; box-shadow:none !important; }
html body[data-view="vacations"] #view summary::-webkit-details-marker { display:none; }
html body[data-view="vacations"] #view summary::marker { content:""; }
html body[data-view="vacations"] #view .employee-request-dropdown:not([open]) > .employee-request-options { display:none !important; }
html body[data-view="vacations"] #view .employee-request-options { position:absolute; top:calc(100% + 8px); right:0; z-index:100; display:flex; flex-direction:column; width:310px; max-width:calc(100vw - 48px); max-height:400px; overflow:auto; padding:6px; border:1px solid var(--approval-ref-line); border-radius:12px; background:#fff; box-shadow:0 12px 32px #18283d26; }
html body[data-view="vacations"] #view .employee-request-options > button { width:100% !important; flex-shrink:0; padding:11px 12px !important; border:0 !important; border-radius:6px !important; background:#fff !important; color:var(--approval-ref-ink) !important; text-align:left; white-space:normal; font:500 13px Inter,Arial,sans-serif !important; cursor:pointer; }
html body[data-view="vacations"] #view .employee-request-options > button:hover { background:var(--approval-ref-blue-soft) !important; color:var(--approval-ref-blue) !important; }
html body[data-view="vacations"] #view .my-requests-head { display:flex !important; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--approval-ref-line-soft); }
html body[data-view="vacations"] #view .my-requests-head h3 { margin:0 !important; }
html body[data-view="vacations"] #view .my-requests-head > span { display:grid; place-items:center; width:28px; padding:0; border-radius:50%; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td) { min-width:0 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(1) { width:12% !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(2) { width:17% !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(3) { width:28% !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(4) { width:11% !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(5) { width:12% !important; text-align:left !important; }
html body[data-view="vacations"] #view .my-requests-table :is(th,td):nth-child(6) { width:20% !important; text-align:right !important; }
html body[data-view="vacations"] #view .my-requests-table .table-actions { display:flex !important; flex-wrap:wrap !important; justify-content:flex-end; gap:6px; }
html body[data-view="vacations"] #view .my-requests-table :is(.button,.ghost-button) { width:auto !important; min-width:0 !important; min-height:0 !important; height:32px !important; padding:0 10px !important; border:1px solid var(--approval-ref-blue-line) !important; border-radius:7px !important; background:var(--approval-ref-blue-soft) !important; color:var(--approval-ref-blue) !important; font:650 11px Inter,Arial,sans-serif !important; }
html body[data-view="vacations"] #view .my-requests-table .danger-button { border-color:var(--approval-ref-red-line) !important; background:var(--approval-ref-red-soft) !important; color:var(--approval-ref-red) !important; }
html body[data-view="vacations"] #view .my-requests-table .status { padding:4px 9px !important; border:1px solid var(--approval-ref-green-line); border-radius:7px !important; font-size:11px !important; font-weight:650 !important; }
html body[data-view="vacations"] #view :is(summary,button):focus-visible { outline:3px solid var(--approval-ref-blue-line); outline-offset:2px; }
@media(max-width:700px) { html body[data-view="vacations"] #view .employee-request-dropdown { width:100%; } html body[data-view="vacations"] #view .employee-request-dropdown > summary { width:100% !important; } html body[data-view="vacations"] #view .employee-request-options { width:100%; } }
/* Compact request rows while retaining comfortable action targets. */
html body[data-view="vacations"] #view .my-requests-table { border-collapse:collapse !important; border-spacing:0 !important; }
html body[data-view="vacations"] #view .my-requests-table tr { height:auto !important; min-height:0 !important; }
html body[data-view="vacations"] #view .my-requests-table th { height:32px !important; min-height:0 !important; padding:6px 12px !important; line-height:18px !important; box-sizing:border-box !important; }
html body[data-view="vacations"] #view .my-requests-table td { height:38px !important; min-height:0 !important; padding:4px 12px !important; line-height:18px !important; vertical-align:middle !important; box-sizing:border-box !important; }
html body[data-view="vacations"] #view .my-requests-table .table-actions { min-height:0 !important; height:auto !important; margin:0 !important; padding:0 !important; align-items:center !important; }
html body[data-view="vacations"] #view .my-requests-table :is(.button,.ghost-button) { height:28px !important; line-height:26px !important; }
html body[data-view="vacations"] #view .my-requests-table .status { min-height:0 !important; padding:2px 9px !important; line-height:18px !important; }
html body[data-view="vacations"] #view .employee-request-header-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
html body[data-view="vacations"] #view .request-pending-strip { border-color:var(--approval-ref-amber-line) !important; background:var(--approval-ref-amber-soft) !important; }
html body[data-view="vacations"] #view .request-pending-strip > i { color:var(--approval-ref-amber) !important; background:var(--approval-ref-amber-soft) !important; box-shadow:inset 0 0 0 1px var(--approval-ref-amber-line) !important; }
html body[data-view="vacations"] #view .request-pending-strip b { color:var(--approval-ref-amber) !important; }
@media(max-width:700px) { html body[data-view="vacations"] #view .employee-request-header-actions { width:100%; } }
/* Completed requests mirror Recent decisions without an empty action column. */
html body[data-view="vacations"] #view .my-requests-table:not(.has-request-actions) :is(th,td):nth-child(1) { width:14% !important; }
html body[data-view="vacations"] #view .my-requests-table:not(.has-request-actions) :is(th,td):nth-child(2) { width:21% !important; }
html body[data-view="vacations"] #view .my-requests-table:not(.has-request-actions) :is(th,td):nth-child(3) { width:37% !important; }
html body[data-view="vacations"] #view .my-requests-table:not(.has-request-actions) :is(th,td):nth-child(4) { width:13% !important; }
html body[data-view="vacations"] #view .my-requests-table:not(.has-request-actions) :is(th,td):nth-child(5) { width:15% !important; text-align:right !important; padding-right:24px !important; font-variant-numeric:tabular-nums; }
html body[data-view="vacations"] #view .my-requests-head > span { border-radius:50% !important; }
/* Keep export controls inset from the card border. */
html body[data-view="vacations"] #view .my-requests-card .global-data-export-tools { width:100% !important; max-width:100% !important; box-sizing:border-box !important; padding:8px 16px !important; gap:8px !important; }
html body[data-view="vacations"] #view .my-requests-card .global-data-export-tools button { margin:0 !important; flex-shrink:0; }