:root{--green:#bd4b00;--dark:#080445;--ink:#18153d;--muted:#77788d;--line:#e5e6ef;--bg:#f5f6fa}.postoflow-logo{display:block;line-height:0;letter-spacing:0}.postoflow-logo img{display:block;width:100%;height:auto;object-fit:contain}.brand-panel{background:#080445}.brand-panel:after{border-color:#ff6b0020;box-shadow:0 0 0 70px #ff6b0005,0 0 0 140px #ff6b0004}.brand-panel .postoflow-logo{width:320px;max-width:90%;background:white;border-radius:10px;padding:10px 15px}.brand-panel small{color:#ffae75}.brand-panel p,.brand-panel footer{color:#bcbdd8}.road b{color:#ff6b00}.brand-panel .road{border-bottom-color:#ffffff25}.primary{background:#ff6b00;color:#080445;font-weight:700}.primary:hover{background:#f57b24}.status-dot{background:#ff6b00}aside .postoflow-logo{background:white;width:185px;max-width:100%;padding:5px;border-radius:6px;margin:0 auto 43px}nav button.active,.tabs button.selected{background:#fff0e5;color:#aa4400}.stat-icon,.initials,.profile>b,.avatar{background:#eeedf9;color:#211565}.side-card,.bottom-note,.notice{background:#f0f0f8;border-color:#e2e0f0}.pill{background:#e2def2;color:#61557f}.kind-work,.legend-work,.record-state{background:#eaeaf7;color:#34266d}.kind-off,.legend-off{background:#f0f0f4;color:#7a798c}.kind-vacation,.legend-vac{background:#e5effa;color:#446b95}.kind-away,.legend-away{background:#fff0df;color:#a26220}.today-head{box-shadow:inset 0 3px #ff6b00;color:#aa4400}.schedule .week-groups th,.schedule .week-groups th:first-child{background:#eeeef7;color:#78738e}.schedule .week-start,.schedule .week-groups th:not(:first-child){border-left-color:#d2cfe3}.timeline-bar{background:#e6e8f5;color:#16104e;border-left-color:#4e428e}.timeline-bar:hover{box-shadow:0 0 0 2px #a99aca}.timeline-break{border-color:#d68c51;background:repeating-linear-gradient(135deg,#ffead7,#ffead7 4px,#fff5ed 4px,#fff5ed 8px)}.summary-work{color:#34266d}.summary-break{background:#fff0e2;color:#a65315}.timeline-axis{background:#efeff8}.summary,.timeline-person>span{color:#5d5185}.timeline-shift-summary{color:#817c90}.day-heading:hover{background:#fff0e5;color:#aa4400}.theme-toggle:hover{border-color:#ff6b00}.login-panel .eyebrow{color:#b74800}.timeline-person .interval-edit{color:#b74800}.bottom-note>span:first-child{color:#a66a3c}.login-box h2{color:#151043}@media screen{html[data-theme=dark]{--green:#ff9a55;--dark:#080445;--ink:#e8eaf6;--muted:#a9b1cc;--line:#303952;--bg:#0d1226}html[data-theme=dark] :is(aside,header,.stat,.workspace,dialog){background:#171d34;color:var(--ink)}html[data-theme=dark] :is(input,select,.password,.secondary){background:#10172b;border-color:#3b4561;color:#e8eaf6}html[data-theme=dark] .primary{background:#ff7a1a;color:#0b073e}html[data-theme=dark] .primary:hover{background:#ff9142}html[data-theme=dark] .brand-panel{background:#080445}html[data-theme=dark] .login-box h2{color:#f1f1fb}html[data-theme=dark] :is(nav button.active,.tabs button.selected){background:#3b2a25;color:#ffac70}html[data-theme=dark] :is(.stat-icon,.initials,.profile>b,.avatar){background:#292647;color:#c4b5ff}html[data-theme=dark] :is(.side-card,.bottom-note,.notice){background:#20263e;border-color:#383b58;color:#bbc0d9}html[data-theme=dark] :is(th,.schedule th:first-child){background:#202740;color:#adb5d0}html[data-theme=dark] .schedule td:first-child{background:#171d34;border-color:#3b4561}html[data-theme=dark] :is(td,.schedule th,.schedule td){border-color:#2d3650}html[data-theme=dark] .schedule .weekend{background:#131b30}html[data-theme=dark] :is(.kind-work,.legend-work,.record-state){background:#302c51;color:#d1c7ff}html[data-theme=dark] :is(.kind-off,.legend-off){background:#303749;color:#c2c7d9}html[data-theme=dark] :is(.kind-vacation,.legend-vac){background:#253b56;color:#bad6fa}html[data-theme=dark] :is(.kind-away,.legend-away){background:#483426;color:#efc198}html[data-theme=dark] .schedule .week-groups th{background:#292943;color:#c4bfdc;border-color:#4e4b69}html[data-theme=dark] .schedule .week-start{border-left-color:#4e4b69}html[data-theme=dark] .timeline-axis{background:#232a43}html[data-theme=dark] .timeline-track{background:repeating-linear-gradient(to right,transparent 0,transparent calc(8.333333% - 1px),#343c55 calc(8.333333% - 1px),#343c55 8.333333%)}html[data-theme=dark] .timeline-bar{background:#373056;color:#f0eaff;border-color:#a991eb}html[data-theme=dark] .timeline-bar.carry{background:#283d5c;color:#d5e6ff;border-color:#80a7de}html[data-theme=dark] .timeline-break{background:repeating-linear-gradient(135deg,#51351f,#51351f 4px,#392a21 4px,#392a21 8px);border-color:#b97b49}html[data-theme=dark] .summary-work{color:#d4c8ff}html[data-theme=dark] .summary-break{background:#49301f;color:#ffbd8a}html[data-theme=dark] :is(.summary,.today-head,.timeline-person>span){color:#c6bae9}html[data-theme=dark] .day-heading:hover{background:#3b2a25;color:#ffb27c}html[data-theme=dark] #toast{background:#ffdcc3;color:#27154b}html[data-theme=dark] :is(.table-footer,#legend,nav button,.stat-top,td small){color:#aeb7ce}}@media(max-width:760px){aside .postoflow-logo{width:49px;padding:3px;margin-bottom:25px}.brand-panel .postoflow-logo{width:230px}.brand-panel{padding-top:75px}}@media print{body.printing-day .timeline-bar{background:#e6e8f5;color:#16104e}body.printing-day .timeline-break{background:#ffead7}}

/* Focused day: raised date tile and a soft column highlight. */
.schedule .today-head{box-shadow:none}
.schedule :is(th,td).day-selected{background:#fff0e5;box-shadow:inset 1px 0 #ff9b55,inset -1px 0 #ff9b55}
.schedule th.day-selected .day-heading{width:calc(100% - 6px);height:calc(100% - 8px);margin:4px 3px;border-radius:9px;background:linear-gradient(145deg,#ff9b45,#ff6b00);color:#170d35;font-size:20px;font-weight:800;box-shadow:0 3px 9px #ff6b0045;transform:translateY(-2px)}
.schedule th.day-selected .day-heading small{font-size:10px;color:#3d2344;margin-top:2px}
.schedule .day-heading{transition:background .16s,box-shadow .16s,transform .16s}
.schedule :is(th,td).day-hovered{background:#fff5ed;box-shadow:inset 0 0 0 1px #ff9b55}
.schedule th.day-hovered .day-heading{background:#ffceaa;color:#713000;transform:translateY(-2px);box-shadow:0 3px 8px #ff6b0030}
.schedule th.day-selected.day-hovered .day-heading{background:linear-gradient(145deg,#ffae64,#ff7a1a);color:#170d35}
.schedule .day-heading:active{transform:translateY(0) scale(.96)}
.schedule .day-heading:focus-visible{outline:2px solid #ff8b38;outline-offset:-2px}
@media screen{html[data-theme=dark] .schedule :is(th,td).day-selected{background:#3b2b2c}html[data-theme=dark] .schedule :is(th,td).day-hovered{background:#43312d}html[data-theme=dark] .schedule th.day-selected .day-heading{color:#170d35}}
@media(prefers-reduced-motion:reduce){.schedule .day-heading{transition:none}}
@media print{.schedule th.day-selected .day-heading{font-size:10px;transform:none;box-shadow:none}.schedule th.day-selected .day-heading small{font-size:7px}}

/* Today remains identifiable independently of the selected day. */
.schedule th.today-head:not(.day-selected){box-shadow:inset 0 3px #ff8a38}
.schedule th.today-head:not(.day-selected) .day-heading{background:#fff0e5;color:#a94300;border-radius:8px;box-shadow:inset 0 0 0 1px #ffae75}
.schedule td.today-column:not(.day-selected){background:#fff8f2;box-shadow:inset 1px 0 #ffc99f,inset -1px 0 #ffc99f}
@media screen{html[data-theme=dark] .schedule th.today-head:not(.day-selected) .day-heading{background:#3b2a25;color:#ffb47e}html[data-theme=dark] .schedule td.today-column:not(.day-selected){background:#252332;box-shadow:inset 1px 0 #765039,inset -1px 0 #765039}}

/* White outlines and a subtle white hover around the highlighted day. */
.schedule :is(th,td).day-selected{box-shadow:inset 1px 0 #fff,inset -1px 0 #fff}
.schedule th.day-selected{box-shadow:inset 1px 0 #fff,inset -1px 0 #fff,inset 0 1px #fff}
.schedule tbody tr:last-child td.day-selected{box-shadow:inset 1px 0 #fff,inset -1px 0 #fff,inset 0 -1px #fff}
.schedule :is(th,td).day-hovered{background:#ffffff80;box-shadow:inset 0 0 0 1px #ffffffb3}
.schedule th.day-hovered:not(.day-selected) .day-heading{background:#ffffffb3;color:var(--ink);box-shadow:0 3px 8px #ffffff26}
.schedule th.today-head:not(.day-selected){box-shadow:inset 0 3px #ffffffb3}
.schedule th.today-head:not(.day-selected) .day-heading{box-shadow:inset 0 0 0 1px #ffffffb3}
.schedule td.today-column:not(.day-selected){box-shadow:inset 1px 0 #ffffff66,inset -1px 0 #ffffff66}
@media screen{html[data-theme=dark] .schedule :is(th,td).day-hovered{background:#ffffff0d}html[data-theme=dark] .schedule td.today-column:not(.day-selected){box-shadow:inset 1px 0 #ffffff66,inset -1px 0 #ffffff66}}

/* Neutral white selection, including the date tile. */
.schedule :is(th,td).day-selected{background:#fff}
.schedule th.day-selected .day-heading,.schedule th.day-selected.day-hovered .day-heading{background:#fff;color:#18153d;box-shadow:0 3px 9px #00000018}
.schedule th.day-selected .day-heading small{color:#66657b}
@media screen{
html[data-theme=dark] .schedule :is(th,td).day-selected{background:#ffffff12}
html[data-theme=dark] .schedule th.day-selected .day-heading,html[data-theme=dark] .schedule th.day-selected.day-hovered .day-heading{background:#ffffff24;color:#fff;box-shadow:0 3px 9px #00000020}
html[data-theme=dark] .schedule th.day-selected .day-heading small{color:#e8eaf6}
html[data-theme=dark] .schedule :is(th,td).day-selected.day-hovered{background:#ffffff1c}
}

/* Today keeps a larger date and more room, independently of selection. */
.schedule th.today-head{width:58px}
.schedule th.today-head .day-heading{font-size:22px;font-weight:800;line-height:1.15}
.schedule th.today-head .day-heading small{font-size:11px;margin-top:4px}
.schedule td.today-column .day-button{font-size:12px}
.schedule td.today-column .day-button small{font-size:9px}
@media print{.schedule th.today-head{width:32px}.schedule th.today-head .day-heading{font-size:12px}.schedule th.today-head .day-heading small{font-size:8px}.schedule td.today-column .day-button{font-size:8px}.schedule td.today-column .day-button small{font-size:6px}}