/* Shared project day overview, scoped to its dialog. No planning styles override. */
.sheet.project-day-sheet{max-width:min(1180px,calc(100vw - 32px));width:calc(100vw - 32px);overflow:hidden;--pd-label:196px;--pd-health-bg:#f9e5eb;--pd-health-ink:#a3354c;--pd-health-line:#da9eac;--pd-away-bg:#fff2d9;--pd-away-ink:#866016;--pd-ot-bg:#ffe0ad;--pd-ot-ink:#633000}
.sheet.project-day-sheet{--card:var(--ui-card);--board:var(--ui-board);--soft:var(--ui-soft);--line:var(--ui-line);--ink:var(--ui-ink);--ink2:var(--ui-ink2);--ink3:var(--ui-ink3);--red:var(--ui-red);--hivis:var(--ui-accent);background:var(--card);color:var(--ink);color-scheme:var(--ui-color-scheme);border:1px solid var(--line)}
.project-day-sheet .sh{background:var(--board);border-bottom:1px solid var(--line)}
.project-day-sheet .sh .s{margin:5px 0 12px}
.project-day-sheet .hour-day-nav{flex-wrap:wrap;gap:6px}
.project-day-sheet .hour-day-nav input{width:145px}
.project-day-sheet .sf{background:var(--board)}
.pd-summary{display:flex;gap:8px 22px;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--line);font-size:12px;color:var(--ink2)}
.pd-summary b{color:var(--ink);font-weight:700}
.project-day-sheet .hint{font-size:12px;color:var(--ink2);margin:12px 0}
.pd-scroll{overflow:auto;max-height:54vh;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.pd-grid{width:calc(var(--pd-label) + var(--pd-width));min-width:100%}
.pd-head,.pd-person-row{display:grid;grid-template-columns:var(--pd-label) var(--pd-width)}
.pd-head{position:sticky;top:0;z-index:4;background:var(--board);border-bottom:1px solid var(--line);height:42px}
.pd-person{position:sticky;left:0;z-index:2;background:var(--board);border-right:1px solid var(--line);padding:12px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.pd-head .pd-person{font-size:10px;font-weight:700;letter-spacing:.05em;display:flex;align-items:center}
.pd-person>div{display:flex;align-items:center;gap:7px}
.pd-person small,.pd-person strong,.pd-person .pd-warning{display:block;margin-top:6px}
.pd-person small{font-size:10px;color:var(--ink2)}
.pd-person strong{font-size:11px}
.pd-person .rowbtn{margin-top:8px;font-size:10px;white-space:normal;text-align:left}
.pd-person-row{border-bottom:2px solid var(--line)}
.pd-person-row:last-child{border-bottom:0}
.pd-warning{color:var(--red);font-size:11px;font-weight:650}
.pd-scale{position:relative;align-self:stretch;color:var(--ink2);font-size:9px;font-weight:650}
.pd-scale>span{position:absolute;top:14px;transform:translateX(-50%);white-space:nowrap}
.pd-scale>span:first-child{transform:none;padding-left:4px}.pd-scale>span:last-child{transform:translateX(-100%);padding-right:4px}
.pd-track{position:relative;min-height:100%;background-image:repeating-linear-gradient(to right,transparent 0 11px,color-mix(in srgb,var(--line) 60%,transparent) 11px 12px),repeating-linear-gradient(to right,transparent 0 47px,var(--line) 47px 48px)}
.pd-lane{position:absolute;left:0;right:0;height:42px}
.pd-block{position:absolute;top:0;height:40px;box-sizing:border-box;border:1px solid var(--pd-border);border-left:3px solid var(--pd-accent);background:var(--pd-fill,var(--pd-light));color:var(--ink);border-radius:6px;padding:4px 7px;text-align:left;line-height:1.3;overflow:hidden;font:inherit;font-style:normal;white-space:nowrap;cursor:default;min-width:0}
button.pd-block{cursor:pointer}
.pd-block b,.pd-block small{position:relative;z-index:1;display:block;overflow:hidden;text-overflow:ellipsis;font-size:11px}
.pd-block small{font-size:10px;margin-top:3px}
.pd-block.inferred{border-style:dashed}
.pd-block.overtime{background:var(--pd-ot-bg);color:var(--pd-ot-ink);border:2px solid #b25b13}
.pd-block.absence{background:repeating-linear-gradient(135deg,var(--pd-away-bg) 0 7px,color-mix(in srgb,var(--pd-away-ink) 14%,var(--pd-away-bg)) 7px 9px);color:var(--pd-away-ink);border:1px solid color-mix(in srgb,var(--pd-away-ink) 55%,var(--line))}
.pd-block.absence.health{background:repeating-linear-gradient(135deg,var(--pd-health-bg) 0 7px,color-mix(in srgb,var(--pd-health-line) 28%,var(--pd-health-bg)) 7px 9px);color:var(--pd-health-ink);border-color:var(--pd-health-line)}
.pd-block.private{background:var(--soft);border:1px dashed var(--ink3);color:var(--ink2)}
.pd-block.conflict{outline:2px solid var(--red);outline-offset:1px}
.pd-pause{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,transparent 0 3px,#64748b44 3px 5px);border-inline:1px dashed #64748b;pointer-events:none}
.pd-block:focus-visible,.pd-scroll:focus-visible{outline:2px solid var(--hivis);outline-offset:-2px}
button.pd-block:hover{filter:brightness(.97);box-shadow:0 0 0 1px var(--pd-accent)}
.pd-empty{padding:24px;margin:0;color:var(--ink2);font-size:13px;max-width:75vw}
.pd-legend{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:10px;color:var(--ink2);padding-top:12px}
.pd-legend-ot{color:var(--pd-ot-ink)}.pd-legend-absence{color:var(--pd-health-ink)}.pd-legend-away{color:var(--pd-away-ink)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .project-day-sheet{--pd-fill:var(--pd-dark);--pd-health-bg:#442f3f;--pd-health-ink:#ffc1d1;--pd-health-line:#a87689;--pd-away-bg:#403722;--pd-away-ink:#f2d391;--pd-ot-bg:#704314;--pd-ot-ink:#fff0d3}}
:root[data-theme=dark] .project-day-sheet{--pd-fill:var(--pd-dark);--pd-health-bg:#442f3f;--pd-health-ink:#ffc1d1;--pd-health-line:#a87689;--pd-away-bg:#403722;--pd-away-ink:#f2d391;--pd-ot-bg:#704314;--pd-ot-ink:#fff0d3}
@media(max-width:600px){.sheet.project-day-sheet{--pd-label:150px}.project-day-sheet .sh,.project-day-sheet>.f{padding:14px}.pd-person{padding:9px}.pd-person>div{gap:5px}.pd-person .tw-avatar{width:23px;height:23px;font-size:8px}.pd-summary{gap:7px 12px}.pd-scroll{max-height:50vh}}

.pd-block.person-colored{--pd-fill:var(--pd-light)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .pd-block.person-colored{--pd-fill:var(--pd-dark)}}
:root[data-theme=dark] .pd-block.person-colored{--pd-fill:var(--pd-dark)}
