.vacation-year-actions{display:flex;align-items:end;gap:10px}.vacation-year-actions label{display:grid;gap:5px;color:var(--muted);font-size:9px;font-weight:700;text-transform:uppercase}.vacation-year-actions select{height:38px;min-width:90px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
.vacation-plan-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.vacation-plan-stats article{display:grid;gap:7px;padding:17px 19px}.vacation-plan-stats span{color:var(--muted);font-size:10px}.vacation-plan-stats b{font:800 25px Manrope}
.vacation-planner{padding:0;overflow:hidden;margin-bottom:18px}.vacation-planner-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.vacation-planner-heading>div>span{color:#a45c3d;font-size:8px;font-weight:800;letter-spacing:1px}.vacation-planner-heading h3{margin:4px 0;font:700 16px Manrope}.vacation-planner-heading p{margin:0;color:var(--muted);font-size:10px}
.vacation-plan-search{width:min(260px,100%);display:flex;align-items:center;gap:8px;height:38px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.vacation-plan-search svg{width:14px}.vacation-plan-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:11px}.vacation-plan-table{min-width:1150px}.vacation-cell-note{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.vacation-state{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f0ece8;color:#765c4e;font-size:9px;font-weight:800}.vacation-state.is-priority{background:#f8e4df;color:#ad4f3f}.vacation-state.is-complete,.vacation-state.status-aprobada,.vacation-state.status-disfrutada{background:#e2f2e9;color:#3d8661}.vacation-state.status-propuesta{background:#e8eef9;color:#5274aa}.vacation-state.status-cancelada{background:#eee;color:#777}.vacation-missing-row{background:#fffaf7}.vacation-records{margin-top:18px}.vacation-records .users-toolbar>div{display:grid;gap:3px}.vacation-records .users-toolbar small{color:var(--muted);font-size:9px}
.app-shell[data-theme="dark"] :is(.vacation-year-actions select,.vacation-plan-search){background:#212121;border-color:#4a4a4a;color:#eee}.app-shell[data-theme="dark"] .vacation-missing-row{background:#332b27}.app-shell[data-theme="dark"] .vacation-state{background:#3a3532;color:#ddd}.app-shell[data-theme="dark"] .vacation-state.is-priority{background:#472d2c;color:#f0aaa0}.app-shell[data-theme="dark"] :is(.vacation-state.is-complete,.vacation-state.status-aprobada,.vacation-state.status-disfrutada){background:#173b32;color:#71d7bc}
@media(max-width:900px){.vacation-plan-stats{grid-template-columns:repeat(2,1fr)}.vacation-planner-heading{align-items:stretch;flex-direction:column}.vacation-plan-search{width:100%}}@media(max-width:560px){.vacation-year-actions{align-items:stretch;flex-direction:column}.vacation-year-actions .mini-button{width:100%}.vacation-plan-stats{grid-template-columns:1fr 1fr}}

.vacation-tabs{display:flex;align-items:center;gap:4px;margin:-10px 0 14px;padding:4px;border:1px solid var(--line);border-radius:9px;background:#efeae6;width:max-content}.vacation-tabs button{height:34px;padding:0 15px;border:0;border-radius:6px;background:transparent;color:#806f66;font-size:10px;font-weight:800;cursor:pointer}.vacation-tabs button.active{background:#fff;color:#6d3f2c;box-shadow:0 1px 4px #3d261f1c}.vacation-summary-strip{display:flex;align-items:stretch;margin-bottom:14px;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden}.vacation-summary-strip>div{display:flex;align-items:center;gap:9px;min-width:0;padding:11px 17px;border-right:1px solid var(--line)}.vacation-summary-strip>div:last-child{border-right:0}.vacation-summary-strip span{color:var(--muted);font-size:9px;white-space:nowrap}.vacation-summary-strip b{font:800 15px Manrope}.vacation-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:0 2px}.vacation-context>div{display:flex;align-items:baseline;gap:8px}.vacation-context b{font-size:10px}.vacation-context span{color:var(--muted);font-size:9px}.vacation-tab-panel>.vacation-planner,.vacation-tab-panel>.vacation-records{margin:0}.vacation-planner.data-table-card,.vacation-records.data-table-card{overflow:hidden}.app-shell[data-theme="dark"] .vacation-tabs{background:#252525;border-color:#424242}.app-shell[data-theme="dark"] .vacation-tabs button{color:#aaa}.app-shell[data-theme="dark"] .vacation-tabs button.active{background:#3a3a3a;color:#71d7bc;box-shadow:none}.app-shell[data-theme="dark"] .vacation-summary-strip{background:#2f2f2f;border-color:#424242}.app-shell[data-theme="dark"] .vacation-summary-strip>div{border-color:#424242}@media(max-width:720px){.vacation-summary-strip{display:grid;grid-template-columns:1fr 1fr}.vacation-summary-strip>div:nth-child(2){border-right:0}.vacation-summary-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.vacation-context>div{align-items:flex-start;flex-direction:column;gap:2px}}@media(max-width:460px){.vacation-tabs{width:100%}.vacation-tabs button{flex:1;padding:0 8px}.vacation-summary-strip>div{padding:10px}.vacation-summary-strip>div{align-items:flex-start;flex-direction:column;gap:3px}}