/* Payments Hub 24 — Planning ferie a ore, Personal v1.16 */
.va16{color:#e8f1fc}
.va16 *{box-sizing:border-box}
.va16 .va16-heading{margin-bottom:14px!important}
.va16-heading h2{font-size:23px;margin:6px 0 4px}
.va16-heading p{font-size:12px;color:#9cb1cc;line-height:1.5}
.va16-budget{padding:20px!important;margin-bottom:14px;min-width:0}
.va16-budget-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.va16-budget-title h3{font-size:18px;margin:5px 0 0}
.va16-save-indicator{font-size:11px;color:#80c2d5}
.va16-budget-fields{display:grid;grid-template-columns:minmax(160px,.8fr) minmax(310px,1.5fr);gap:14px;align-items:end;max-width:920px}
.va16-budget-fields label{display:flex;flex-direction:column;gap:7px;min-width:0}
.va16-budget-fields .field,.va16-budget-fields .select{width:100%;min-width:0;max-width:100%;font-size:13px;color-scheme:dark}
.va16-carry-controls{display:flex;gap:8px;min-width:0}
.va16-carry-controls select{flex:1;max-width:100%;min-width:0}
.va16-carry-controls input{flex:0 0 85px;max-width:85px}
.va16-carry-controls input.is-readonly{opacity:.66;cursor:not-allowed}
.va16-help{color:#8faac2;font-size:11px;line-height:1.55;margin:12px 0 0}
.va16-kpis{margin-top:17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.va16-kpi{border:1px solid #2a4258;background:linear-gradient(155deg,#182536,#0d1827);border-radius:13px;padding:13px;display:flex;flex-direction:column;gap:5px;min-width:0;border-top:3px solid #5ccdeb}
.va16-kpi span{font-size:11px;font-weight:800;color:#c0d1e4}.va16-kpi strong{font-size:clamp(17px,1.8vw,26px);font-weight:900;letter-spacing:-.4px;color:#f2f6ff;white-space:nowrap;font-variant-numeric:tabular-nums}
.va16-kpi small{font-size:10px;color:#91a9c0}
.va16-kpi.used{border-top-color:#e55f69}.va16-kpi.approved{border-top-color:#51a1f5}.va16-kpi.planned{border-top-color:#ffb85c}.va16-kpi.free{border-top-color:#5de0a6;background:linear-gradient(155deg,#13382f,#10221f)}.va16-kpi.free strong{color:#91f4cb}.va16-kpi .is-negative{color:#ff777e!important}
.va16-balance-bottom{margin-top:13px;border-top:1px solid #2b3b52;padding-top:12px;display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap;color:#a6bdd2;font-size:11px}
.va16-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(375px,.75fr);align-items:start;gap:14px}
.va16-calendar-panel{padding:18px!important;min-width:0}
.va16-side{display:grid;gap:14px;min-width:0}
.va16-side .panel{padding:19px!important}
.va16-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.va16-panel-top h3{font-size:18px;margin:7px 0 0}
.va16-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:10px;color:#9bb0c6}
.va16-legend>span{display:flex;align-items:center;gap:5px}
.va16-dot{display:inline-block;width:8px;height:8px;border-radius:50%}
.va16-dot.planned{background:#f8b967}.va16-dot.approved{background:#5b9ded}.va16-dot.taken{background:#6dda9f}
.va16 .vacation-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.va16 .vacation-month{padding:10px;overflow:hidden}
.va16 .vacation-days{gap:2px}
.va16 .vacation-day{min-height:29px;position:relative;font-size:11px;padding:3px;overflow:hidden}
.va16 .vacation-day.va16-planned{background:#503919;color:#ffcf90;border-color:#947040;font-weight:850}
.va16 .vacation-day.va16-approved{background:#173654;color:#9ec8ff;border-color:#376c9f;font-weight:850}
.va16 .vacation-day.va16-taken{background:#173e30;color:#94f9c2;border-color:#3c936b;font-weight:850}
.va16 .va16-hour-mark{position:absolute;bottom:0;right:1px;font-size:7px;opacity:.92}
.va16-form h3{font-size:18px;margin:7px 0 15px}
.va16-form>label:not(.va16-checkbox){display:block;margin-bottom:12px}
.va16-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 11px;min-width:0}
.va16-date-fields>label{min-width:0;display:flex;flex-direction:column;gap:6px}
.va16-form .label{font-size:11px;margin:0 0 6px;display:block}
.va16-date-fields .label{margin:0}
.va16-form .field,.va16-form .select{width:100%;max-width:100%;min-width:0;font-size:12px;color-scheme:dark}
.va16-form .textarea{min-height:68px;resize:vertical}
.va16-checkbox{display:flex;align-items:center;gap:9px;margin-bottom:14px;font-size:11px;color:#b6c6d8}
.va16-checkbox input{accent-color:#51cfe9}
.va16-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:10px}
.va16-total-days{font-size:11px;font-weight:800;border:1px solid #355568;color:#81dced;border-radius:11px;padding:7px 9px;background:#133042}
.va16-filter-line{display:flex;gap:10px;align-items:end;justify-content:space-between;margin-bottom:12px}
.va16-filter-label{display:flex;flex-direction:column;gap:5px;color:#97aeca;font-size:11px;min-width:0;flex:1}
.va16-filter-label select{max-width:200px;width:100%}
.va16-day-list{display:grid;gap:6px;max-height:580px;overflow:auto;scrollbar-color:#385268 #0c1724;scrollbar-width:thin;padding-right:3px}
.va16-day-row{display:grid;grid-template-columns:minmax(0,1.2fr) 55px minmax(95px,1fr) 26px 26px;gap:5px;align-items:center;padding:8px;border:1px solid #293b50;border-radius:10px;background:#0c1726;min-width:0}
.va16-day-row .va16-row-date{font-size:11px;color:#d2e3f4;font-weight:750;min-width:0}
.va16-day-row strong{font-variant-numeric:tabular-nums;font-size:11px;white-space:nowrap}
.va16-day-row .va16-status-select{width:100%;min-width:0;font-size:10px;padding:6px 5px;max-width:100%;height:32px}
.va16-edit,.va16-delete{height:26px;width:26px;display:grid;place-items:center;background:#18283a;border:1px solid #39516b;color:#a9ddef;border-radius:7px;cursor:pointer;font-size:16px}
.va16-delete{color:#f3a2ae}.va16-edit:hover,.va16-delete:hover{background:#264159}
.va16-day-row small{grid-column:1/-1;color:#9baec3;font-size:10px;overflow-wrap:anywhere}
.va16-disclaimer{color:#829bb0;font-size:11px;margin:13px 5px 0}
@media(max-width:1250px){.va16-grid{grid-template-columns:1fr}.va16 .vacation-months{grid-template-columns:repeat(4,minmax(0,1fr))}.va16-side{grid-template-columns:1fr 1fr}.va16-day-list{max-height:490px}}
@media(max-width:900px){.va16 .vacation-months{grid-template-columns:repeat(3,minmax(0,1fr))}.va16-side{grid-template-columns:1fr}.va16-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.va16-budget-fields{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.va16 .vacation-months{grid-template-columns:repeat(2,minmax(0,1fr))}.va16-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.va16-budget-fields{grid-template-columns:1fr}.va16 .vacation-header{display:flex}.va16-budget{padding:14px!important}.va16-calendar-panel{padding:12px!important}.va16-side .panel{padding:14px!important}.va16-budget-title{flex-wrap:wrap}.va16-balance-bottom{gap:6px}.va16-day-row{grid-template-columns:minmax(0,1fr) 55px minmax(85px,1fr) 24px 24px;padding:6px;gap:4px}.va16-day-row .va16-status-select{font-size:9px}.va16-day-row .va16-row-date{font-size:10px}}