/* Batch 9 (October 2026): small presentation changes. Loaded last. */
/* Waiting and Blocked: the buttons drop onto their own line so the task name keeps the full width */
.wait-row.wait-row-actionable,.today-side-card .wait-row-actionable{grid-template-columns:32px minmax(0,1fr)!important;align-items:start!important}
.wait-row-actionable .wait-copy{grid-column:2!important}
.wait-row-actionable .wait-copy strong{font-size:12.5px!important;line-height:1.3;white-space:normal;overflow-wrap:anywhere}
.wait-row-actionable .wait-actions{grid-column:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;margin-top:6px}
/* Tasks page: select mode */
.select-toggle{display:inline-flex;gap:7px;align-items:center;margin-left:auto}.select-toggle svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.select-toggle.active{background:#16243c;color:#fff}
.task-toolbar .select-toggle+label{margin-left:10px}
.master-task-card.selecting{cursor:pointer}.master-task-card .select-box{width:20px;height:20px;border-radius:6px;border:2px solid #b8c4d0;background:#fff;display:inline-flex;align-items:center;justify-content:center;flex:none}.master-task-card .select-box svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.master-task-card .select-box.on{background:#13a98a;border-color:#13a98a}.master-task-card .select-box.on svg{opacity:1}.master-task-card .select-box.off{border-style:dashed;opacity:.35}
.master-task-card.is-selected{outline:2px solid #13a98a;background:rgba(19,169,138,.08)}.master-task-card.not-selectable{opacity:.6;cursor:default}
.select-bar{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:60;display:flex;gap:12px;align-items:center;background:#16243c;color:#fff;border-radius:16px;padding:10px 16px;min-width:480px;box-shadow:0 12px 34px rgba(0,0,0,.3)}.select-bar .sp{flex:1}.select-bar .ghost-btn{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
/* Project location card */
.project-information-section.loc-modern{border:1px solid rgba(60,100,130,.16);background:rgba(255,255,255,.85);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px rgba(20,60,90,.06)}
.loc-modern .location-field-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.loc-modern .loc-pin{width:34px;height:34px;flex:none;border-radius:11px;background:rgba(19,169,138,.12);color:#13a98a;display:inline-flex;align-items:center;justify-content:center}
.loc-modern .loc-pin svg,.loc-actions svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.loc-modern #infoLocation{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:0 4px!important;font-weight:700;font-size:13.5px}
.loc-modern .loc-name{flex:1;font-weight:700;font-size:13.5px}
.loc-modern .project-map-preview{border-radius:13px;overflow:hidden;margin:0 0 12px}.loc-modern .project-map-preview iframe{display:block;width:100%;min-height:230px;border:0}
.loc-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.loc-actions .ghost-btn{display:inline-flex;gap:7px;align-items:center}.loc-actions svg{width:15px;height:15px}
.loc-actions .loc-primary{background:linear-gradient(135deg,#13a98a,#2fd0a6);color:#fff;border-color:transparent}.loc-toast{font-size:12px;opacity:.75}
/* Team member's read-only Overview */
.emp-overview{display:grid;gap:12px}.emp-info .emp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.emp-info .fl label{display:block;font-size:10px;font-weight:800;margin:0 0 4px}
.emp-info .in.ro{min-height:34px;border:1px solid rgba(60,100,130,.16);background:rgba(120,150,170,.08);border-radius:9px;display:flex;align-items:center;padding:0 12px}
.emp-ro-tag{font-size:10px;font-weight:600;opacity:.5;margin-left:8px}
@media(max-width:700px){.emp-info .emp-info-grid{grid-template-columns:1fr}}
/* Team members: no dates, effort labels, assignee names or checkboxes anywhere in the simplified screens */
body[data-employee] .emp-task-done strong{text-decoration:line-through;opacity:.6}
body[data-employee] .project-next{color:var(--muted)}
body[data-employee] .project-header-completion{display:none}
/* Statistics period bar and the week-based attendance grid */
.stats-period-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 14px}
.stats-period-nav{display:flex;align-items:center;gap:8px}.stats-period-nav strong{min-width:150px;text-align:center;font-size:13px}
.wg{display:grid;grid-template-columns:44px repeat(var(--wg-cols),minmax(0,1fr));gap:3px;align-items:stretch}
.wg-head{font-size:10px;color:var(--muted);text-align:left;overflow:hidden;white-space:nowrap}.wg-rowname{font-size:11px;color:var(--muted);display:flex;align-items:center}
.wg-cell{border-radius:5px;border:1px solid var(--line);background:var(--panel,#fff);min-height:16px;display:flex;flex-direction:column;justify-content:center;padding:1px 3px}
.wg-small .wg-cell{aspect-ratio:1/1;min-height:0;padding:0}.wg-big .wg-cell{min-height:54px;padding:5px 7px}
.wg-cell b{font-size:11px}.wg-cell span{font-size:9px;font-weight:700;color:var(--att,var(--muted))}
.wg-cell[style*="--att"]{background:color-mix(in srgb,var(--att) 55%,var(--panel,#fff));border-color:var(--att)}.wg-big .wg-cell[style*="--att"]{background:color-mix(in srgb,var(--att) 18%,var(--panel,#fff))}
.wg-weekend{background:repeating-linear-gradient(135deg,rgba(120,130,150,.18) 0 4px,transparent 4px 8px)}.wg-holiday{background:color-mix(in srgb,#4f7cff 14%,var(--panel,#fff))}
.wg-out{border-color:transparent;background:none}.wg-future{opacity:.55}
.wg-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11px;color:var(--muted)}.wg-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.wg-lg-weekend{background:repeating-linear-gradient(135deg,rgba(120,130,150,.5) 0 3px,transparent 3px 6px);border:1px solid var(--line)}
.emp-absent-btn{background:#fff4e0!important;color:#9a5b00!important;border:1px solid #f0c27a!important}
.sick-countdown{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-radius:12px;background:#efeafd;margin-bottom:10px}.sick-countdown strong{font-size:22px}.sick-countdown.low{background:#fdecea}.sick-countdown.low strong{color:#c0392b}
.law-note{font-size:12px;color:var(--muted);line-height:1.5}.absence-reasons{display:grid;gap:6px}
.settings-sub{margin:14px 0 6px;font-size:13px}
/* Header: grouped edit controls, one New button, line icons */
.hdr-group{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff)}
.hdr-icon{display:inline-flex;align-items:center;justify-content:center;position:relative}.kk-line{display:block}
.hdr-group .hdr-icon{width:30px;height:30px;border:0;background:none;border-radius:8px;cursor:pointer;color:inherit}.hdr-group .hdr-icon:hover{background:rgba(120,140,160,.14)}
.hdr-status{font-size:11px;font-weight:700;color:var(--muted);padding:0 4px}.hdr-status.unsaved{color:#a56500}
.hdr-new-btn{display:inline-flex;align-items:center;gap:6px;background:#178566;color:#fff;border:0;border-radius:10px;padding:8px 14px;font-weight:700;cursor:pointer}.hdr-new-btn:hover{background:#126f55}
.hdr-avatar{padding:0!important;background:none!important;border:0!important;width:auto!important}.hdr-avatar-dot{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#178566;color:#fff;font-weight:700;font-size:13px}
.hdr-icon .notif-count:empty{display:none}
body[data-employee] .hdr-icon[data-action=settings]{display:none}
body[data-employee] [data-save-workspace]{display:none!important}
.hdr-icon[data-action=recalculate]{background:var(--panel,#fff)!important;color:#1f9d7a;width:34px;height:34px;border:1px solid var(--line);border-radius:10px}
/* New Project: the location block gets the same card look as the project Overview */
#modalRoot form#projectForm .project-location-description>.project-information-section:first-child{border:1px solid rgba(60,100,130,.16);background:rgba(255,255,255,.85);border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px rgba(20,60,90,.06)}
#modalRoot form#projectForm .project-location-description>.project-information-section:first-child h4{display:flex;align-items:center;gap:8px;margin:0 0 10px}
#modalRoot form#projectForm .project-location-description>.project-information-section:first-child .project-map-preview{border-radius:13px;overflow:hidden}
.v10-global-controls{align-items:center!important}
html body .v10-global-controls .hdr-icon{min-height:34px!important;height:34px!important;min-width:34px}
html body .v10-global-controls .hdr-avatar{display:inline-flex!important;min-height:34px!important;height:34px!important;width:34px!important;overflow:visible}
@media(max-width:700px){.hdr-status{display:none}.hdr-new-btn span,.v10-global-controls .header-menu>[data-menu-trigger] span{display:none}}
/* Waiting and Blocked Check In: same look as the Waiting rows (icon, name, then the buttons underneath) */
.v6-checkin{max-width:760px;width:calc(100% - 32px);padding:26px 28px}
.v6-checkin h2{font-size:24px;margin:2px 0 6px}.v6-checkin .checkin-top p{color:var(--muted);font-size:13.5px;margin:0}
.v6-checkin .checkin-list{display:grid;gap:10px;margin-top:16px;max-height:46vh;overflow:auto;padding:2px}
.v6-checkin .checkin-row{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--panel,#fff);box-shadow:0 1px 6px rgba(20,60,90,.05)}
.v6-checkin .checkin-row>:first-child{width:40px;height:40px;grid-row:1/3}
.v6-checkin .checkin-copy strong{display:block;font-size:14px}.v6-checkin .checkin-copy span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.v6-checkin .checkin-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
.v6-checkin .checkin-actions button{border-radius:999px;padding:6px 14px;font-size:12px;font-weight:650;border:1px solid var(--line);background:var(--panel,#fff);color:inherit;cursor:pointer}
.v6-checkin .checkin-actions button:hover{border-color:#1f9d7a;color:#127a5e;background:#edf9f6}
.v6-checkin .checkin-row.handled{border-color:#1f9d7a;background:color-mix(in srgb,#1f9d7a 7%,var(--panel,#fff))}
.v6-checkin .checkin-row.handled .checkin-actions{opacity:.55}
.v6-checkin .gate-count{display:inline-block;margin:14px auto 0;padding:4px 12px;border-radius:999px;background:rgba(120,140,160,.14);font-size:12px;font-weight:700}
.v6-checkin .checkin-enter{background:#178566;border-radius:12px;padding:12px}.v6-checkin .checkin-enter:disabled{background:#1f9d7a}
.v6-checkin .checkin-mark-all{border-radius:12px}
/* Weekly Priority prompt: same card, eyebrow and green button as the other pop-ups */
.weekly-gate{padding:26px 28px}.weekly-gate h2{font-size:24px;margin:2px 0 6px}.weekly-gate>p{color:var(--muted);font-size:13.5px;margin:0 0 16px}
.weekly-gate .planner-grid{gap:10px}
.weekly-gate .planner-day,.weekly-gate .planner-grid>*{border-radius:14px;box-shadow:0 1px 6px rgba(20,60,90,.06)}
.weekly-gate .planner-grid select{border-radius:10px;border:1px solid var(--line);font-size:12px}
.weekly-gate .checkin-enter{background:#178566;border-radius:12px;padding:12px;margin-top:18px}
.weekly-gate .planner-grid select{font-size:11px;padding:6px 22px 6px 8px;text-overflow:ellipsis}
html body .v10-global-controls .hdr-icon[data-action=recalculate]{color:#1f9d7a!important;background:var(--panel,#fff)!important}
/* Waiting and Blocked: project picture about 20% larger */
.wait-row.wait-row-actionable,.today-side-card .wait-row-actionable{grid-template-columns:38px minmax(0,1fr)!important}
.wait-row-actionable>:first-child{width:38px!important;height:38px!important;min-width:38px;border-radius:11px;font-size:26px}
.wait-row-actionable>:first-child img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Waiting and Blocked: larger picture, tighter spacing between the name and the buttons */
.wait-row.wait-row-actionable,.today-side-card .wait-row-actionable{grid-template-columns:44px minmax(0,1fr)!important;column-gap:10px!important;row-gap:0!important;padding:8px 4px!important}
.wait-row-actionable>:first-child{width:44px!important;height:44px!important;min-width:44px;grid-row:1/3;border-radius:12px}
.wait-row-actionable .wait-copy{margin:0!important;padding:0!important}
.wait-row-actionable .wait-copy .sub,.wait-row-actionable .wait-copy span:empty{display:none}
.wait-row-actionable .wait-actions{margin-top:4px!important;gap:6px!important}
.wait-row-actionable>:first-child{font-size:15px!important}
/* "Why this date" note under a project's Next line */
.project-why{display:flex;align-items:flex-start;gap:6px;margin-top:3px;font-size:11.5px;line-height:1.35;color:var(--muted);font-style:italic}
.project-why i{display:inline-flex;margin-top:1px;opacity:.75;font-style:normal;color:#1f9d7a}
html[data-theme="dark"] .project-why{color:#8fb0b2}
.project-why{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%}
.project-why>*{white-space:normal}
/* Projects: Table / Timeline switch */
.projects-view-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:rgba(120,140,160,.14);margin:0 0 14px}
.projects-view-tabs button{border:0;background:none;padding:7px 18px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted);cursor:pointer}
.projects-view-tabs button.active{background:var(--panel,#fff);color:var(--text);box-shadow:0 1px 4px rgba(20,60,90,.12)}
.weekend-pattern{position:absolute;inset:0;pointer-events:none;background-repeat:repeat-x}
.weekend-pattern{z-index:0}
/* Team stats: one sticky control bar */
.ts-bar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--panel,#fff);border:1px solid var(--line);border-radius:16px;padding:10px 14px;box-shadow:0 6px 20px rgba(20,60,90,.08);margin:0 0 16px}
.ts-seg{display:inline-flex;gap:2px;padding:3px;border-radius:11px;background:rgba(120,140,160,.14)}.ts-seg button{border:0;background:none;padding:7px 14px;border-radius:9px;font-weight:600;font-size:13px;color:var(--muted);cursor:pointer}.ts-seg button.active{background:var(--panel,#fff);color:var(--text);box-shadow:0 1px 3px rgba(20,60,90,.15)}
.ts-nav{display:flex;align-items:center;gap:8px;font-size:13px}.ts-nav button{border:1px solid var(--line);background:none;border-radius:8px;padding:3px 9px;color:var(--muted);cursor:pointer}.ts-nav button:disabled{opacity:.35;cursor:default}
.ts-spacer{flex:1}.ts-anchor{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.ts-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:16px}
.ts-tile{background:var(--panel,#fff);border:1px solid var(--line);border-radius:14px;padding:14px 16px}.ts-tile small{color:var(--muted);font-size:11.5px}.ts-tile strong{display:block;font-size:24px;margin:4px 0 2px}.ts-tile.pay strong{color:#0f7a62}.ts-tile span{font-size:11.5px;color:var(--muted)}
.ts-name{background:none;border:0;padding:0;cursor:pointer;color:inherit;text-align:left}.ts-name:hover strong{text-decoration:underline}.ts-total td{border-top:2px solid var(--line)}
.card+.card:not(.metric),.ts-tiles+.card,.pay-requests+.ts-tiles{margin-top:14px}
@media(max-width:900px){.ts-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
html[data-theme="dark"] .ts-bar,html[data-theme="dark"] .ts-tile{background:linear-gradient(180deg,#112a35,#0d212b)}
/* Schedule bars: a name that does not fit sits beside the bar as plain text, so the bar is only as long as the task really is */
.compound-bar.has-outside{border-radius:8px}
.compound-bar-outside{display:flex;align-items:center;height:calc(var(--sched-row,58px) * .5 - 4px);min-height:22px;padding:0 8px 0 6px;margin-left:2px;background:none;border:0;font-weight:650}
.detail-bar.label-out{overflow:visible!important;border-radius:8px!important}
.detail-bar.label-out>span{position:absolute;left:100%;top:-1px;bottom:-1px;display:flex;align-items:center;padding:0 8px 0 6px;margin-left:2px;white-space:nowrap;color:var(--text);font-weight:650;background:none!important;border:0!important;box-shadow:none!important;z-index:2;pointer-events:none}
/* Timeline: lighter bars, docked project column */
.compound-bar{background:color-mix(in srgb,var(--bar-c,#4fcdb7) 40%,#fff)!important;border:1px solid color-mix(in srgb,var(--bar-c,#4fcdb7) 62%,#fff);color:#132033!important;box-shadow:0 2px 8px rgba(20,60,90,.10)!important;font-weight:650}
.compound-bar.deadline-bar{border-color:#d9534f}
.detail-bar.business-colored-task{background:color-mix(in srgb,var(--bar-tint,#21b88d) 34%,#fff)!important;border:1px solid color-mix(in srgb,var(--bar-tint,#21b88d) 58%,#fff)!important;box-shadow:0 2px 8px rgba(20,60,90,.08)!important}
.detail-bar.business-colored-task.completed{background:color-mix(in srgb,var(--bar-tint,#21b88d) 16%,#fff)!important}
html[data-theme="dark"] .compound-bar{background:color-mix(in srgb,var(--bar-c,#4fcdb7) 42%,#0d212b)!important;border-color:color-mix(in srgb,var(--bar-c,#4fcdb7) 70%,#0d212b);color:#effaf8!important}
html[data-theme="dark"] .detail-bar.business-colored-task{background:color-mix(in srgb,var(--bar-tint,#21b88d) 40%,#0d212b)!important;color:#effaf8!important}
.compound-header,.compound-row{grid-template-columns:var(--label,300px) var(--track)!important}
.compound-timeline{min-width:calc(var(--label,300px) + var(--track))}
.proj-col-head{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-right:6px}.proj-col-head button{border:1px solid var(--line);background:none;border-radius:8px;width:22px;height:22px;line-height:1;cursor:pointer;color:var(--muted);flex:none}
.compound-timeline.col-collapsed .compound-label{padding:9px 4px;justify-content:center}
.compound-timeline.col-collapsed .compound-label>div,.compound-timeline.col-collapsed .compound-label>span,.compound-timeline.col-collapsed .compound-label>em,.compound-timeline.col-collapsed .proj-col-head span,.compound-timeline.col-collapsed .compound-label .biz-toggle+*{display:none}
.compound-timeline.col-collapsed .compound-group-label{flex-direction:column;gap:2px}
.compound-timeline.col-collapsed .proj-col-head{justify-content:center;padding:0}
/* A name that does not fit sits beside the bar as plain text (no tab, no box) */
.compound-bar-outside{height:32px!important;min-height:0!important;margin-left:2px!important;padding:0 8px 0 6px!important;border-radius:0!important;background:none!important;border:0!important;box-shadow:none!important}
html[data-theme="dark"] .compound-bar-outside{background:none!important;border:0!important;color:#effaf8!important}
.compound-bar.has-outside{border-right:1px solid color-mix(in srgb,var(--bar-c,#4fcdb7) 62%,#fff)!important}
.detail-bar.label-out>span{background:none!important;border:0!important;box-shadow:none!important;height:auto;top:-1px;bottom:-1px;margin-left:2px;padding:0 8px 0 6px}
/* Project names always start at the left edge of the bar; long names run on past the bar end in the same colour */
.compound-bar{overflow:visible}
.compound-bar>span{position:relative;display:flex;align-items:center;justify-content:flex-start;text-align:left;min-width:100%;height:100%;box-sizing:border-box;padding:0 12px 0 8px;margin:0;white-space:nowrap;border-radius:inherit;background:inherit;pointer-events:none;z-index:2}
.compound-bar.has-outside>span{border:1px solid color-mix(in srgb,var(--bar-c,#4fcdb7) 62%,#fff);border-left:0;margin:-1px -1px -1px 0;width:max-content;border-radius:0 9px 9px 0}
html[data-theme="dark"] .compound-bar.has-outside>span{border-color:color-mix(in srgb,var(--bar-c,#4fcdb7) 70%,#0d212b)}
/* Absence pop-up: radio buttons sit next to their words, not stretched across the row */
.absence-reasons{display:grid;gap:6px}
.absence-reasons .check-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:0;padding:8px 10px;font-size:14px;color:var(--text);cursor:pointer}
.absence-reasons input[type=radio]{width:18px;height:18px;min-width:18px;flex:0 0 18px;margin:0;padding:0}
/* Employee task cards on Today: title and project line stay dark on the white card */
.emp-task .emp-task-main strong{color:var(--text,#132033)!important}
.emp-task .emp-task-main span{color:var(--muted,#64748b)!important}
/* Employee task rows: the project picture sits at the left, then the name */
.emp-task{justify-content:flex-start}
.emp-task .emp-task-img{flex:0 0 auto;display:flex;align-items:center}
.emp-task .emp-task-img:empty{display:none}
.emp-task .emp-task-main{flex:1 1 auto;min-width:0}
.emp-task .emp-task-actions{margin-left:auto}
/* Team members cannot change a project's picture */
body[data-employee] .project-icon-button{pointer-events:none;cursor:default}
body[data-employee] .project-icon-button .project-image-edit,body[data-employee] .project-icon-button .project-image-edit-badge{display:none!important}
/* Employee task picture: 48px, fully inside its own box so it never overlaps the title */
.emp-task .emp-task-img .project-image-shell{position:relative;width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;border-radius:10px!important;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0}
.emp-task .emp-task-img .project-image-shell img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0}
.emp-task .emp-task-img .project-image-shell>span{font-size:14px;font-weight:700}
/* Drawing markup: second required upload next to the final drawing */
.markup-block{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.markup-block h4{margin:0 0 6px;font-size:14px}
.markup-need{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:99px;background:#fdecc8;color:#8a5a00;font-size:11px;font-weight:700}
.doc-role-tag{font-style:normal;margin-left:6px;padding:1px 7px;border-radius:99px;background:#e3eefc;color:#2a5aa7;font-size:10px;font-weight:700;vertical-align:1px}
.markup-note{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit;font-size:13px;background:var(--panel,#fff);color:var(--text)}
.markup-note-view{display:grid;gap:2px;padding:8px 10px;margin:6px 0;border-radius:10px;background:color-mix(in srgb,#2fb59b 10%,var(--panel,#fff));font-size:13px}
#taskFinalSection h4{margin:8px 0 4px;font-size:14px}
.markup-block .modern-check{margin-top:8px}
/* Work Frequency grid (weeks as columns, like attendance) */
.wf-scroll{overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.wg-activity{min-width:calc(44px + var(--wg-cols)*15px);padding-right:4px;box-sizing:border-box}.wg-activity .wg-head{overflow:visible;position:relative}
.wg-act{cursor:pointer;padding:0;transition:transform .1s ease}.wg-act:hover{transform:scale(1.18);position:relative;z-index:1}
.wg-act.wg-has{border-color:transparent}
.wg-today{outline:2px solid color-mix(in srgb,var(--text,#132033) 55%,transparent);outline-offset:1px}
.wg-lg-none{background:var(--panel,#fff);border:1px solid var(--line)}
.wf-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.wf-controls .activity-filters{margin:0}
.wf-range{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel2,var(--panel,#fff))}
.wf-range button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:6px 11px;font-size:12px;font-weight:700;cursor:pointer}.wf-range button.active{background:var(--panel,#fff);color:var(--text);box-shadow:0 1px 4px rgba(20,60,90,.12)}

/* Days inside a task's bar where no work happens on it (higher priority work came first) are faded, so only the working days look solid. */
.detail-bar .bar-gap{position:absolute;top:0;bottom:0;pointer-events:none;border-radius:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.88) 0 4px,rgba(255,255,255,.62) 4px 8px);z-index:0}
.detail-bar>span{position:relative;z-index:1}
.detail-bar:not(.label-out):not(.milestone){justify-content:flex-start!important;text-align:left}
.detail-bar:not(.label-out):not(.milestone)>span{margin-left:0;padding-left:8px;text-align:left}

/* A payment is drawn as a dashed marker on the day the work before it finishes; work assigned to someone no longer on the team is dashed too */
.detail-bar.payment-marker{border-style:dashed!important;opacity:.85}
.detail-bar.orphan-assignee{border-style:dashed!important}

/* Waiting and Blocked: the project picture is the same size as on the Active Projects list, because the picture is how the project is recognised here */
.wait-row.wait-row-actionable,.today-side-card .wait-row-actionable{grid-template-columns:74px minmax(0,1fr)!important;column-gap:14px!important;row-gap:6px!important;align-items:center!important;padding:10px 4px!important}
.wait-row-actionable>:first-child{width:74px!important;height:74px!important;min-width:74px!important;border-radius:14px!important;overflow:hidden!important;grid-row:1/3;grid-column:1;box-shadow:0 8px 18px rgba(31,58,76,.12)}
.wait-row-actionable .wait-copy{grid-column:2!important;grid-row:1;align-self:end}
.wait-row-actionable .wait-copy strong{font-size:14px!important}
.wait-row-actionable>.wait-actions{grid-column:2!important;grid-row:2;align-self:start;justify-content:flex-start}
@media(max-width:700px){.wait-row.wait-row-actionable,.today-side-card .wait-row-actionable{grid-template-columns:56px minmax(0,1fr)!important}.wait-row-actionable>:first-child{width:56px!important;height:56px!important;min-width:56px!important}}

/* Task window: Archive / Delete at the left of the save bar; Repeating tag on task cards */
.task-save-bar .task-remove-actions{display:inline-flex;gap:8px;margin-right:auto}
.task-save-bar .task-remove-actions+[data-task-save-status]{margin-right:0}
.task-repeat-tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#eef2ff;color:#3b4fb8;border:1px solid #d6defa;white-space:nowrap}

/* Settings: system tasks table; task window description */
.system-tasks>summary{cursor:pointer;font-weight:700;padding:6px 0}.system-tasks-body{display:grid;gap:10px;margin-top:8px}
.system-tasks #stSearch{max-width:320px}.st-scroll{overflow:auto;max-height:55vh;border:1px solid var(--line);border-radius:12px}
.system-tasks-table{border-collapse:collapse;width:100%;min-width:860px;font-size:12.5px}.system-tasks-table th{position:sticky;top:0;background:var(--panel,#fff);text-align:left;padding:8px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted,#5d6d65);z-index:1}
.system-tasks-table td{padding:5px 6px;border-bottom:1px solid var(--line);vertical-align:top}.system-tasks-table td.st-area,.system-tasks-table td.st-role{color:var(--muted,#5d6d65);white-space:nowrap;padding-top:12px}
.system-tasks-table input,.system-tasks-table textarea,.system-tasks-table select{width:100%;box-sizing:border-box;font-size:12.5px}.system-tasks-table td:nth-child(5) input,.system-tasks-table td:nth-child(6) input{width:72px}.system-tasks-table td:nth-child(3) select{min-width:150px}.system-tasks-table td:nth-child(4) select{min-width:170px}
.system-tasks-table textarea{min-height:34px;resize:vertical}.st-added-meta{display:grid;gap:4px}
.system-task-description{margin:0 0 12px;color:var(--muted,#5d6d65);font-size:13px;line-height:1.45}

/* Settings window tabs */
.settings-tabs{margin:0 0 4px;overflow-x:auto;max-width:100%}.settings-tabs button{white-space:nowrap}
.settings-tab-panel{display:grid;gap:14px}.settings-tab-panel[hidden]{display:none}
.settings-sections .settings-block{box-shadow:0 1px 0 rgba(0,0,0,.02)}
/* Revision 125: System tasks editor pop-up. */
.modal.system-editor{width:min(1500px,98vw);height:94vh;max-height:94vh;display:flex;flex-direction:column}
.modal.system-editor .st-editor{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}
.st-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.st-bar label{display:flex;gap:6px;align-items:center;font-weight:600}.st-bar #stSearch{max-width:260px}
.system-editor .st-scroll{flex:1;min-height:0;max-height:none;overflow:auto;border:1px solid var(--line);border-radius:12px}
.system-editor .system-tasks-table{min-width:760px}.system-editor .system-tasks-table td.st-builtin{color:var(--muted);font-size:12px}
.system-editor .system-tasks-table th:nth-child(1){width:38%}.system-editor .system-tasks-table th:nth-child(3){width:90px}
.st-multi{position:relative}.st-multi summary{cursor:pointer;padding:6px 8px;border:1px solid var(--line);border-radius:8px;list-style:none}
.st-multi-list{position:absolute;z-index:5;left:0;min-width:280px;max-height:260px;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:6px;display:grid;gap:2px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.st-multi-list label{display:flex;gap:6px;align-items:flex-start;font-weight:400;font-size:12.5px}
/* Revision 133: priority task for a team member's day, same look on Kurt's Today and on the team member's own Today. */
.today-team-group .today-team-name{font-weight:700;font-size:12px;color:var(--muted);margin:10px 4px 2px}
.today-team-group>.today-task.current-focus-task,.emp-day-list>.emp-task.emp-priority{position:relative}
.today-team-group>.today-task.current-focus-task::before,.emp-day-list>.emp-task.emp-priority::before{content:'Priority for the day';position:absolute;top:-9px;left:18px;font-size:10px;font-weight:700;letter-spacing:.03em;background:#1ba58b;color:#fff;border-radius:999px;padding:2px 10px;z-index:1}
.emp-day-list{display:grid;gap:10px;padding-top:8px}
.emp-day-list>.emp-task.emp-priority{padding:20px 18px;box-shadow:0 12px 28px rgba(0,78,58,.22);border:1px solid rgba(40,198,156,.35)}
.emp-day-list>.emp-task.emp-priority .emp-task-main strong{font-size:18px}
/* Revision 134: bigger Clock in / Clock out buttons. */
body[data-employee] .emp-clock-btn{min-height:44px;padding:0 20px;font-size:15px;font-weight:700;border-radius:12px}
body[data-employee] .emp-clock-btn.out.on{background:#d6455d;color:#fff}
body[data-employee] .emp-clock-btn.done,body[data-employee] .emp-clock-btn:disabled{opacity:.75}
body[data-employee] .emp-clock-btn.out:disabled:not(.done){opacity:.45}
/* Revision 134: bigger Clock in / Clock out buttons. */
body[data-employee] .emp-clock-btn{min-height:44px;padding:0 20px;font-size:15px;font-weight:700;border-radius:12px}
body[data-employee] .emp-clock-btn.out.on{background:#d6455d;color:#fff}
body[data-employee] .emp-clock-btn.done,body[data-employee] .emp-clock-btn:disabled{opacity:.75}
body[data-employee] .emp-clock-btn.out:disabled:not(.done){opacity:.45}