/* Maher Track v15.4 — leave and two-hour permission center */
.timeoff-workspace{display:grid;gap:15px}
.timeoff-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 27px;border-radius:24px;color:#fff;background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.18),transparent 28%),linear-gradient(125deg,#312e81,#6d28d9 58%,#9333ea);box-shadow:0 20px 45px rgba(109,40,217,.24)}
.timeoff-hero>div:first-child>span{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;color:#4c1d95;background:#f5f3ff;font-size:9px;font-weight:950}
.timeoff-hero h2{margin:10px 0 5px;font-size:27px}.timeoff-hero p{max-width:820px;margin:0;color:#ede9fe;font-size:11px;line-height:1.85}
.timeoff-hero-icon{width:82px;height:82px;display:grid;place-items:center;flex:none;border-radius:23px;color:#6d28d9;background:#fff;font-size:36px;box-shadow:0 13px 28px rgba(0,0,0,.18)}
.timeoff-toolbar{display:grid;grid-template-columns:1fr 1.2fr 1fr 1fr auto;gap:11px;align-items:end;padding:16px;border:1px solid var(--line);border-radius:21px;background:var(--panel);box-shadow:var(--shadow)}
.timeoff-toolbar .field{margin:0}.timeoff-toolbar label{display:flex!important;align-items:center;gap:6px}.timeoff-toolbar label i{color:#7c3aed}.timeoff-toolbar input,.timeoff-toolbar select{min-height:49px;border-radius:13px!important;font-weight:850}.timeoff-refresh{min-height:49px!important;padding:0 18px!important;border-radius:13px!important;background:#6d28d9!important;border-color:#6d28d9!important}
.timeoff-branch-lock{min-height:49px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #c4b5fd;border-radius:13px;color:#4c1d95;background:#f5f3ff}.timeoff-branch-lock>i{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;color:#fff;background:#7c3aed}.timeoff-branch-lock span{display:grid;min-width:0}.timeoff-branch-lock small{font-size:7.5px;font-weight:850;color:#7c3aed}.timeoff-branch-lock b{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}
.timeoff-loading{min-height:220px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--muted)}.timeoff-loading i{font-size:28px;color:#7c3aed}
.timeoff-stats{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-bottom:15px}.timeoff-stats article{min-width:0;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 8px 20px rgba(15,23,42,.055)}.timeoff-stats article>i{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:12px;color:#fff;background:#334155}.timeoff-stats article span{min-width:0}.timeoff-stats article b{display:block;color:var(--text);font-size:20px;line-height:1}.timeoff-stats article small{display:block;margin-top:5px;color:var(--muted);font-size:8.5px;font-weight:850;white-space:nowrap}.timeoff-stats .leave-approved>i,.timeoff-stats .permission-approved>i{background:#059669}.timeoff-stats .leave-rejected>i,.timeoff-stats .permission-rejected>i{background:#dc2626}.timeoff-stats .leave>i{background:#0284c7}.timeoff-stats .permission>i{background:#7c3aed}.timeoff-stats .all>i{background:#334155}

.timeoff-view-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 15px;padding:7px;border:1px solid var(--line);border-radius:18px;background:var(--panel2)}.timeoff-view-switch button{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:9px 13px;border:1px solid transparent;border-radius:13px;background:transparent;color:var(--muted);font-family:inherit;font-weight:950;cursor:pointer;text-align:right;transition:.18s ease}.timeoff-view-switch button>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:#e2e8f0;color:#475569}.timeoff-view-switch button span{font-size:11px}.timeoff-view-switch button small{padding:5px 8px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:8px;white-space:nowrap}.timeoff-view-switch button.active{border-color:#7c3aed;background:#fff;color:#4c1d95;box-shadow:0 7px 18px rgba(76,29,149,.12)}.timeoff-view-switch button.active>i{background:#7c3aed;color:#fff}.timeoff-view-switch button.active small{background:#ede9fe;color:#5b21b6}
html[data-theme="dark"] .timeoff-view-switch{background:#0f172a;border-color:#334155}html[data-theme="dark"] .timeoff-view-switch button{color:#cbd5e1}html[data-theme="dark"] .timeoff-view-switch button>i,html[data-theme="dark"] .timeoff-view-switch button small{background:#334155;color:#e2e8f0}html[data-theme="dark"] .timeoff-view-switch button.active{background:#1e1b4b;border-color:#8b5cf6;color:#ede9fe}html[data-theme="dark"] .timeoff-view-switch button.active>i{background:#7c3aed;color:#fff}html[data-theme="dark"] .timeoff-view-switch button.active small{background:#4c1d95;color:#ede9fe}
.timeoff-panel{margin-bottom:15px;padding:17px;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow)}.timeoff-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.timeoff-panel-head h3{margin:0;color:var(--text);font-size:16px}.timeoff-panel-head h3 i{margin-left:7px;color:#7c3aed}.timeoff-panel-head p{margin:4px 0 0;color:var(--muted);font-size:9px}.timeoff-panel-head>span{padding:7px 10px;border-radius:999px;color:#5b21b6;background:#ede9fe;font-size:9px;font-weight:950}
.timeoff-request-list{display:grid;gap:11px}.timeoff-request-card{position:relative;overflow:hidden;padding:14px;border:1px solid #dbe4f0;border-right:5px solid #d97706;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfdff);box-shadow:0 7px 19px rgba(15,23,42,.05)}.timeoff-request-card.approved{border-right-color:#059669}.timeoff-request-card.rejected{border-right-color:#dc2626}.timeoff-request-card.cancelled{border-right-color:#64748b}
.timeoff-card-head{display:grid;grid-template-columns:auto minmax(190px,1fr) auto auto;gap:10px;align-items:center}.timeoff-request-id{min-width:38px;padding:7px 8px;border-radius:10px;color:#4338ca;background:#eef2ff;text-align:center;font-size:10px;font-weight:950}.timeoff-type,.timeoff-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:950;white-space:nowrap}.timeoff-type.leave{color:#075985;background:#e0f2fe}.timeoff-type.permission{color:#5b21b6;background:#ede9fe}.timeoff-status.pending{color:#92400e;background:#fef3c7}.timeoff-status.approved{color:#065f46;background:#d1fae5}.timeoff-status.rejected{color:#991b1b;background:#fee2e2}.timeoff-status.cancelled{color:#475569;background:#e2e8f0}
.timeoff-driver-meta{display:flex;flex-wrap:wrap;gap:7px;margin:11px 0}.timeoff-driver-meta span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #e2e8f0;border-radius:10px;color:#475569;background:#f8fafc;font-size:8.5px;font-weight:800}.timeoff-driver-meta i{color:#7c3aed}
.timeoff-timing{display:grid;grid-template-columns:1fr 1fr auto;gap:9px;align-items:center}.timeoff-timing>span,.timeoff-leave-date{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.timeoff-timing>span>i,.timeoff-leave-date>i{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;color:#fff;background:#7c3aed}.timeoff-timing small,.timeoff-leave-date small,.timeoff-reason small,.timeoff-decision small{display:block;color:#64748b;font-size:8px}.timeoff-timing b,.timeoff-leave-date b{display:block;margin-top:2px;color:#0f172a;font-size:9px}.timeoff-timing>em{padding:8px 10px;border-radius:10px;color:#475569;background:#e2e8f0;font-size:8.5px;font-style:normal;font-weight:950}.timeoff-timing>em.active{color:#fff;background:#059669}.timeoff-timing>em.upcoming{color:#fff;background:#2563eb}.timeoff-timing>em.completed{color:#fff;background:#64748b}
.timeoff-reason{display:flex;align-items:flex-start;gap:9px;margin-top:10px;padding:10px 12px;border-radius:13px;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0}.timeoff-reason>i{margin-top:2px;color:#7c3aed}.timeoff-reason b{display:block;margin-top:3px;font-size:10px;line-height:1.65}
.timeoff-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid #e2e8f0}.timeoff-actions button{min-height:37px;padding:0 16px;border:0;border-radius:11px;color:#fff;font-family:inherit;font-size:9px;font-weight:950;cursor:pointer}.timeoff-actions .approve{background:#059669;box-shadow:0 7px 15px rgba(5,150,105,.22)}.timeoff-actions .reject{background:#dc2626;box-shadow:0 7px 15px rgba(220,38,38,.2)}.timeoff-decision{display:flex;align-items:flex-start;gap:9px;margin-top:11px;padding-top:11px;border-top:1px solid #e2e8f0}.timeoff-decision>i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#64748b}.timeoff-request-card.approved .timeoff-decision>i{background:#059669}.timeoff-request-card.rejected .timeoff-decision>i{background:#dc2626}.timeoff-decision b{display:block;color:#0f172a;font-size:9.5px}.timeoff-decision em{display:block;margin-top:3px;color:#64748b;font-size:8.5px;font-style:normal}
.timeoff-driver-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timeoff-driver-summary{padding:13px;border:1px solid #dbe4f0;border-radius:16px;background:linear-gradient(145deg,#fff,#f8fbff)}.timeoff-driver-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.timeoff-driver-title>span{color:#64748b;font-size:8.5px;font-weight:800}.timeoff-driver-numbers{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:10px}.timeoff-driver-numbers span{min-width:0;padding:9px 6px;border-radius:11px;text-align:center;background:#f8fafc}.timeoff-driver-numbers b{display:block;font-size:14px}.timeoff-driver-numbers small{display:block;margin-top:4px;color:#64748b;font-size:7px;font-weight:800}.timeoff-driver-numbers .green b{color:#059669}.timeoff-driver-numbers .red b{color:#dc2626}.timeoff-driver-numbers .blue b{color:#2563eb}.timeoff-driver-numbers .violet b{color:#7c3aed}.timeoff-driver-numbers .amber b{color:#d97706}
.timeoff-decision-modal{max-width:570px}.timeoff-final-warning{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #facc15;border-radius:14px;color:#713f12;background:#fefce8}.timeoff-final-warning>i{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:10px;color:#fff;background:#d97706}.timeoff-final-warning span{display:grid}.timeoff-final-warning b{font-size:11px}.timeoff-final-warning small{margin-top:3px;font-size:8.5px;line-height:1.6}.timeoff-modal-person{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0;padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.timeoff-modal-person>b{font-size:9px;color:#7c3aed}
html[data-theme="dark"] .timeoff-toolbar,html[data-theme="dark"] .timeoff-panel{background:#111827;border-color:#334155}html[data-theme="dark"] .timeoff-branch-lock{color:#ede9fe;background:#312e81;border-color:#6d28d9}html[data-theme="dark"] .timeoff-branch-lock small{color:#c4b5fd}html[data-theme="dark"] .timeoff-stats article{background:#151d29;border-color:#334155}html[data-theme="dark"] .timeoff-request-card,html[data-theme="dark"] .timeoff-driver-summary{background:linear-gradient(145deg,#151d29,#111827);border-color:#334155}html[data-theme="dark"] .timeoff-driver-meta span,html[data-theme="dark"] .timeoff-timing>span,html[data-theme="dark"] .timeoff-leave-date,html[data-theme="dark"] .timeoff-reason,html[data-theme="dark"] .timeoff-driver-numbers span{background:#182231;border-color:#334155;color:#e2e8f0}html[data-theme="dark"] .timeoff-timing b,html[data-theme="dark"] .timeoff-leave-date b,html[data-theme="dark"] .timeoff-reason b,html[data-theme="dark"] .timeoff-decision b{color:#f8fafc}html[data-theme="dark"] .timeoff-actions,html[data-theme="dark"] .timeoff-decision,html[data-theme="dark"] .timeoff-driver-title{border-color:#334155}html[data-theme="dark"] .timeoff-panel-head>span{color:#ddd6fe;background:#4c1d95}
@media(max-width:1300px){.timeoff-toolbar{grid-template-columns:repeat(2,1fr)}.timeoff-refresh{grid-column:1/-1}.timeoff-stats{grid-template-columns:repeat(4,1fr)}.timeoff-driver-numbers{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.timeoff-hero{align-items:flex-start;padding:19px}.timeoff-hero-icon{width:62px;height:62px;font-size:28px}.timeoff-card-head{grid-template-columns:auto 1fr}.timeoff-type,.timeoff-status{justify-content:center}.timeoff-timing{grid-template-columns:1fr}.timeoff-driver-grid{grid-template-columns:1fr}.timeoff-driver-numbers{grid-template-columns:repeat(2,1fr)}.timeoff-driver-numbers span:last-child{grid-column:1/-1}}
@media(max-width:600px){.timeoff-toolbar{grid-template-columns:1fr}.timeoff-refresh{grid-column:auto}.timeoff-stats{grid-template-columns:repeat(2,1fr)}.timeoff-view-switch{grid-template-columns:1fr}.timeoff-hero p{font-size:9px}.timeoff-hero-icon{display:none}.timeoff-card-head{grid-template-columns:1fr}.timeoff-request-id{width:max-content}.timeoff-actions{display:grid;grid-template-columns:1fr 1fr}.timeoff-panel{padding:11px}.timeoff-driver-meta{display:grid}.timeoff-panel-head{align-items:flex-start}}

.timeoff-view-switch button.pending-tab>i{background:#fef3c7;color:#b45309}.timeoff-view-switch button.pending-tab small{background:#fff7ed;color:#c2410c}.timeoff-view-switch button.pending-tab.active{border-color:#f59e0b;color:#92400e}.timeoff-view-switch button.pending-tab.active>i{background:#f59e0b;color:#fff}.timeoff-view-switch button.pending-tab.active small{background:#ffedd5;color:#9a3412}html[data-theme="dark"] .timeoff-view-switch button.pending-tab>i,html[data-theme="dark"] .timeoff-view-switch button.pending-tab small{background:#451a03;color:#fdba74}html[data-theme="dark"] .timeoff-view-switch button.pending-tab.active{background:#431407;border-color:#f59e0b;color:#fed7aa}html[data-theme="dark"] .timeoff-view-switch button.pending-tab.active>i{background:#f59e0b;color:#111827}.pending-only-panel{border-color:#f59e0b33}