/* Payments Hub 24 · Personal Edition v1.15 */
/* dashboard notes in independent full-width bands */
.home-notes-layout{grid-template-columns:minmax(0,1fr)!important;align-items:start!important;gap:16px!important}
.home-notes-layout>.panel{height:auto!important;min-height:0!important;overflow:visible!important;display:flex;flex-direction:column}
.home-daily-textarea{flex:initial!important;resize:vertical!important;min-height:180px!important;height:180px!important}
.home-quick-notes-panel .home-quick-notes-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;max-height:none!important;height:auto!important;min-height:0!important;flex:initial!important;padding-right:0!important;align-items:stretch!important}
.home-quick-note{height:100%}
.home-quick-note-content{max-height:none!important;overflow:visible!important}
.home-quick-notes-panel .home-quick-foot{margin-top:15px!important}
/* annual planner and tabs */
.shift-workspace-tabs{display:flex;align-items:center;gap:8px;margin:-4px 0 15px}
.shift-workspace-tab{border:1px solid #2d455b;border-radius:12px;background:#121e2b;color:#aabed4;padding:10px 16px;font-size:12px;font-weight:800;cursor:pointer}
.shift-workspace-tab.active{color:#70e3fa;border-color:#3f819c;background:#133449}
.shift-workspace-tab:hover{border-color:#68acc7}
.vacation-panel{min-width:0}
.vacation-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:18px 22px!important}
.vacation-header h2{margin:7px 0 5px;font-size:22px}.vacation-header p{font-size:12px;color:#9dafc4;margin:0}
.vacation-year-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.vacation-year-label{display:flex;align-items:center;gap:9px;color:#93a9bd;font-size:11px}
.vacation-year-label select{min-width:110px}
.vacation-content{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.8fr);align-items:start;gap:14px}
.vacation-calendar-panel{padding:20px!important}
.vacation-legend{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;margin-bottom:14px;color:#a8bfd0;font-size:11px}
.vacation-legend span{display:flex;align-items:center;gap:7px}
.vac-dot{display:inline-block;width:9px;height:9px;border-radius:50%}
.vacation-planned{background:#f7b963}.vacation-confirmed{background:#41d6a3}
.vacation-months{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vacation-month{background:#0c1725;border:1px solid #293c50;border-radius:13px;padding:12px;min-width:0}
.vacation-month h4{font-size:13px;font-weight:800;margin:0 0 9px;color:#e8f4ff}
.vacation-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.vacation-weekday{font-size:9px;color:#6d8da8;font-weight:800;text-align:center;padding-bottom:4px}
.vacation-blank{min-height:24px}
.vacation-day{min-width:0;min-height:25px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px;background:transparent;color:#bed0df;font-size:10px;cursor:pointer;padding:2px}
.vacation-day:hover{background:#254157;border-color:#4a7895}
.vacation-day.is-today{outline:1px solid #6ed6eb;outline-offset:1px}
.vacation-day.is-planned{background:#52371a;color:#ffcb83;border-color:#8e6432;font-weight:850}
.vacation-day.is-confirmed{background:#164b3c;color:#8ffbd1;border-color:#319d76;font-weight:850}
.vacation-aside{display:grid;gap:13px;min-width:0}
.vacation-aside>.panel{padding:20px!important}
.vacation-form h3,.vacation-periods-panel h3{margin:7px 0 14px;font-size:18px}
.vacation-form label{display:block;margin-bottom:12px}
.vacation-form .label{display:block;margin:0 0 6px}
.vacation-form-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.vacation-form .field,.vacation-form .select{width:100%;min-width:0;max-width:100%;color-scheme:dark}
.vacation-form .textarea{min-height:70px;resize:vertical}
.vacation-form-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:8px}
.vacation-periods{display:grid;gap:9px;max-height:480px;overflow-y:auto;scrollbar-color:#385671 transparent}
.vacation-period{border:1px solid #2b4055;background:#0c1726;border-radius:12px;padding:11px;min-width:0}
.vacation-period-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.vacation-period-badge{border-radius:6px;padding:4px 7px;font-size:9px;font-weight:800}
.vacation-period-badge.planned{background:#503818;color:#f8c989}
.vacation-period-badge.confirmed{background:#17483a;color:#86e5c2}
.vacation-period-buttons{display:flex;gap:4px}
.vacation-period-buttons button{background:#172638;color:#b1d2e3;border:1px solid #344b64;border-radius:7px;padding:6px;cursor:pointer;display:grid;place-items:center}
.vacation-period-buttons svg{height:14px;width:14px}
.vacation-period strong{font-size:12px;color:#e8f4ff;overflow-wrap:anywhere}
.vacation-period p,.vacation-empty{margin:7px 0 0;color:#9fb5cd;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.vacation-sheet-link{display:flex;align-items:center;gap:10px;border:1px solid #315a64;background:#0b242d;color:#8ceaf5;padding:11px 14px;border-radius:12px;font-size:12px;text-decoration:none;font-weight:800}
.vacation-sheet-link:hover{border-color:#60b7ca;background:#113340}
.vacation-sheet-link img{height:24px;width:24px;object-fit:contain}
.vacation-sheet-link svg{width:14px;height:14px;margin-left:auto}
.vacation-notice{margin:0 3px;font-size:11px;color:#869fb8;line-height:1.55}
/* footer integrated with native page background; no cards or grey panels */
.footer.footer-personal{display:grid!important;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:38px;padding:24px 0 30px!important;border-top:1px solid #263547;background:transparent!important;box-shadow:none!important;border-radius:0!important}
.footer-personal .footer-left{display:flex;flex-direction:column;gap:4px;color:#e9f2fc;font-size:12px}
.footer-personal .footer-left strong{color:#e9f2fc;font-size:13px}
.footer-personal .footer-left span{color:#9bb3ca;font-size:11px}
.footer-personal .footer-logo{width:165px;max-width:100%;height:auto;object-fit:contain}
.footer-personal .footer-right{justify-self:end;color:#91a8c1;font-size:12px;text-align:right}
.footer-personal .footer-right strong{color:#eaf3fa;font-weight:800}
@media(max-width:1150px){.vacation-content{grid-template-columns:1fr}.vacation-months{grid-template-columns:repeat(4,minmax(0,1fr))}.vacation-aside{grid-template-columns:1fr 1fr}.vacation-aside .vacation-sheet-link,.vacation-aside .vacation-notice{grid-column:1/-1}}
@media(max-width:800px){.home-quick-notes-panel .home-quick-notes-list{grid-template-columns:1fr!important}.vacation-months{grid-template-columns:repeat(2,minmax(0,1fr))}.vacation-aside{grid-template-columns:1fr}.vacation-header{flex-wrap:wrap}}
@media(max-width:530px){.vacation-months{grid-template-columns:1fr 1fr;gap:8px}.vacation-month{padding:8px}.vacation-days{gap:1px}.vacation-day{font-size:9px;min-height:23px}.vacation-form-dates{grid-template-columns:1fr}.footer.footer-personal{grid-template-columns:1fr 1fr;gap:13px}.footer-personal .footer-logo{grid-column:1/-1;grid-row:1;justify-self:center;width:150px}.footer-personal .footer-left{grid-column:1;grid-row:2}.footer-personal .footer-right{grid-column:2;grid-row:2}}