/* Today uses the shared header and the existing hub's materials and wordmark. */
body[data-page="index"]{background:url('images/hub-bg.png') center center / cover fixed no-repeat,#efe4d2;color:#1a1714;--ink:#1a1714;--muted:#7a7068;--white:#fdfaf6;--line:#ddd5cb}
#managerHome .brandbar,#managerHome .manager-nav{display:none!important}
#managerHome .preview-ribbon{display:none}
#managerHome .page-head{padding-top:32px}
#managerHome .panel{background:rgba(253,250,246,.96);border-color:#ddd5cb;box-shadow:0 5px 16px rgba(61,34,20,.035)}
#managerHome .manager-log{background:#f5eee3;border-color:#d8cbb9;min-height:680px;align-self:stretch;display:flex;flex-direction:column}
#managerHome h1,#managerHome h2{color:#30261e}
#managerHome .radar-row{border-color:#e2d8ca}
#managerHome .footer{border-color:#d9cbb9;color:#7a7068}
.login-card .brand{font-family:ChapLogo,Georgia,serif;font-weight:400;letter-spacing:.01em;color:#a93963;font-size:24px}
/* Cream and sand from the existing Order Guide. */
#managerHome{--sage:#eae2d8;--green:#3d3733;--gold:#fbf3e0}
#managerHome .symbol{background:#eae2d8;color:#8b572e}
#managerHome .row-arrow{color:#94704e}
#managerHome .pill.neutral{background:#eee7de;color:#7a7068}
#managerHome .log-entry{border-color:#ded2c2;padding:23px 0}
#managerHome .log-entry p{font-size:14px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
#managerHome .manager-log h2{color:#30261e}
#managerHome .manager-log .log-meta strong{color:#66513b}
#managerHome .manager-log .btn.light{background:#fdfaf6;border-color:#d8cbb9;color:#66513b}
#managerHome .manager-log .btn.light:hover{background:#eee2d1;border-color:#bba487}
#managerHome .manager-log>.screen-note{margin-top:auto;padding-top:28px}
#managerNoteForm textarea{min-height:220px;line-height:1.7}
/* Mobile: give the message history substantially more room above the composer. */
@media(max-width:760px){#managerHome .manager-log{min-height:760px}}
#managerHome .btn{background:#3d3733;color:#fdfaf6}
#managerHome .btn.light{background:#f7f3ee;border-color:#ddd5cb;color:#3d3733}
#managerHome .btn:focus-visible,#managerHome a:focus-visible{outline-color:#b07a9e}
#managerHome input,#managerHome textarea,#managerHome select{border-color:#ddd5cb;color:#3d3733}
#managerHome .toast{background:#3d3733;border-color:#d4c5b0;color:#fdfaf6}
/* Capitalize Today headings and dynamic task titles without changing saved text. */
body[data-page="index"] .page-head h1,
body[data-page="index"] .panel-top h2,
body[data-page="index"] .panel-top .pill,
body[data-page="index"] .panel-top .tiny,
body[data-page="index"] .radar-row strong,
body[data-page="index"] #dialogTitle,
body[data-page="index"] #addLog,
body[data-page="index"] #previewDialog label,
body[data-page="index"] #previewDialog button,
body[data-page="index"] #loginScreen h1 { text-transform:capitalize; }
/* Readable supporting text throughout Today and its note dialog. */
#managerHome .muted,
#managerHome .subtitle,
#managerHome .small,
#managerHome .tiny,
#managerHome .screen-note,
#managerHome .footer,
#managerHome .radar-row p,
#managerHome .log-meta span,
#managerHome .pill.neutral,
#managerHome .manager-log .log-meta strong,
#managerHome #previewDialog p,
#managerHome #previewDialog label,
#loginScreen p { color:#30291f; font-weight:500; }
#managerHome .panel-top .pill,
#managerHome .panel-top .tiny { font-weight:600; }
#managerHome .log-entry p { color:#27221d; font-weight:500; }
#managerHome input::placeholder,
#managerHome textarea::placeholder { color:#51463b; opacity:1; }
/* Compact Today section headings and date groups. */
#managerHome .manager-columns>div .panel-top h2{font-size:24px;line-height:1.2}
#managerHome .ahead-day{font:600 13px 'Segoe UI',Arial,sans-serif;color:#30291f;margin:20px 0 4px}
#managerHome .ahead-week{font:600 14px 'Segoe UI',Arial,sans-serif;color:#30291f;border-top:1px solid #ded2c2;padding-top:20px;margin:24px 0 0}

#managerHome .manager-log .panel-top h2{font-size:24px;line-height:1.2}
#managerHome .catering-time{text-transform:none}
#managerHome .radar-source-title{font:600 12px 'Segoe UI',Arial,sans-serif;color:#30291f;margin:18px 0 3px}
#managerHome .radar-source{margin:0}
#managerHome .radar-task-check{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;flex-shrink:0}
#managerHome .radar-task-check input{appearance:auto;width:20px;height:20px;margin:0;padding:0;accent-color:#66513b;cursor:pointer}
#managerHome .radar-task-link{flex:1;min-width:0;color:inherit;text-decoration:none}
@media(hover:hover) and (pointer:fine){#managerHome .radar-task-link:hover strong{text-decoration:underline;text-underline-offset:3px}}

/* A quieter greeting above the daily summary. */
#managerHome .page-head #greeting{font-size:clamp(28px,3.2vw,40px)!important;line-height:1.2!important}
/* Distinguish upcoming date headings from task names. */
#managerHome .lookahead .ahead-day{font-size:15px;font-style:italic;font-weight:600;color:#51402e;margin-bottom:8px}
#managerHome .lookahead .ahead-week{font-size:16px;font-style:italic;font-weight:600;color:#51402e}
/* Clear period/date hierarchy and compact rows with full-size checkbox targets. */
#managerHome .lookahead .ahead-day{font-size:12px;font-style:normal;font-weight:500;color:#51402e;margin:12px 0 2px}
#managerHome .lookahead .ahead-week,
#managerHome .lookahead .ahead-tomorrow{font-size:15px;font-style:italic;font-weight:600;color:#30291f}
#managerHome .lookahead .ahead-week{margin-top:14px;padding-top:14px}
#managerHome .lookahead .ahead-tomorrow{margin-top:12px;margin-bottom:4px}
#managerHome .lookahead .radar-row{padding-top:4px;padding-bottom:4px;gap:10px}
/* Date labels replace the extra week heading. */
#managerHome .lookahead .ahead-day{font-weight:700;color:#30291f}
#managerHome .lookahead .ahead-tomorrow{font-size:14px;font-weight:600}
#managerHome .lookahead .ahead-date-divider{border-top:2px solid #c6b198;padding-top:12px;margin-top:12px}
/* Match Tomorrow and dated headings at the same compact size. */
#managerHome .lookahead .ahead-day,
#managerHome .lookahead .ahead-tomorrow{font-size:13px;font-style:italic;font-weight:600}
/* Slightly smaller task text and checkbox visuals; retain touch target size. */
#managerHome .radar-task .radar-task-link strong{font-size:13px}
#managerHome .radar-task-check input{width:19px;height:19px}
/* Radar categories and items use clear, warm dividers. */
#managerHome .radar-source-title{padding-bottom:8px;margin-bottom:4px;border-bottom:2px solid #c6b198}
#managerHome .radar-source .radar-row:not(:last-child),
#managerHome #radarChecklist .radar-task:not(:last-child){border-bottom:1px solid #c6b198;border-radius:0}
/* Keep only the bold divider where Look Ahead moves to another date. */
#managerHome .lookahead .radar-row:has(+ .ahead-date-divider){border-bottom:0}
#managerHome .lookahead .ahead-date-divider{margin-top:6px;padding-top:10px}
/* Compact the daily summary panels without changing their content or colors. */
#managerHome .manager-columns>div>.panel{padding:16px 22px}
#managerHome .manager-columns>div>.panel+.panel{margin-top:12px}
#managerHome .manager-columns>div .panel-top{margin-bottom:8px}
#managerHome .radar-source-title{margin-top:8px;padding-bottom:5px;margin-bottom:2px}
#managerHome .radar-source .radar-row{padding-top:8px;padding-bottom:6px}
#managerHome #radarChecklist .radar-task{padding-top:3px;padding-bottom:3px}
#managerHome .lookahead .ahead-day{margin-top:6px;margin-bottom:0}
#managerHome .lookahead .ahead-date-divider{margin-top:4px;padding-top:6px}
#managerHome .lookahead .radar-row{padding-top:1px;padding-bottom:1px}
@media(pointer:fine){#managerHome .radar-task-check{min-height:32px}}
@media(max-width:600px){#managerHome .manager-columns>div>.panel{padding:14px 16px}}
/* Bring Today's greeting closer to the shared navigation. */
body[data-page="index"] #managerHome .page-head{padding-top:12px}

#managerHome .radar-task-check input{width:17px;height:17px}

/* Give each Look Ahead date a little breathing room above its items. */
#managerHome .lookahead .ahead-day,#managerHome .lookahead .ahead-tomorrow{margin-bottom:6px}

.manager-log .log-pager{display:flex;gap:8px;margin:10px 0;justify-content:space-between}.log-editor{max-width:calc(100vw - 28px);width:460px}.log-editor label{display:grid;gap:8px;margin-top:14px}.log-editor textarea{width:100%;font-size:16px}.log-editor .log-pager{display:flex;gap:10px;margin-top:14px}.manager-log .log-entry .btn{margin-top:8px}

/* Compact schedule groups: clear dates without nested cards. */
#managerHome .ahead-group{margin-top:14px;padding:0;border:0;border-radius:0;background:transparent}
#managerHome .ahead-group+.ahead-group{border-top:1px solid #d9cbbb;padding-top:12px}
#managerHome .lookahead .ahead-group .ahead-day{margin:0 0 6px;padding:0;border:0;background:transparent;color:#30261e;font:700 14px/1.3 'DM Sans',sans-serif}
#managerHome .ahead-group .radar-source-title{font:600 12px/1.3 'DM Sans',sans-serif;color:#604b35;border:0;margin:6px 0 2px;padding:0}
#managerHome .ahead-group .radar-source{margin:0}
#managerHome .catering-row{display:flex;align-items:center;gap:10px;padding:6px 0!important;border:0;border-radius:0;text-decoration:none}
#managerHome .catering-info{flex:1;min-width:0}
#managerHome .catering-info strong{display:block;font-size:14px;line-height:1.35;overflow-wrap:anywhere}
#managerHome .catering-info p{margin:2px 0 0;font-size:12px;line-height:1.3}
#managerHome .catering-row .catering-time{flex-shrink:0;font:600 13px/1.3 'DM Sans',sans-serif;color:#30261e;max-width:35%;text-align:right}
#managerHome .catering-row .row-arrow{flex-shrink:0}
#managerHome #radarCatering>.radar-source,#managerHome #radarActivity>.radar-source{margin-top:10px;padding:0;border:0;background:transparent}
#managerHome #radarCatering .radar-source-title,#managerHome #radarActivity .radar-source-title{font:600 13px/1.3 'DM Sans',sans-serif;border:0;margin:0 0 3px;padding:0;color:#604b35}
#managerHome .ahead-group .radar-task{padding:3px 0}
@media(max-width:450px){#managerHome .catering-row{gap:8px}#managerHome .catering-row .row-arrow{display:none}}

/* Quiet hierarchy: dates, small category labels, and a single divider per day. */
#managerHome .ahead-group{margin-top:12px;padding:0;border:0}
#managerHome .ahead-group+.ahead-group{padding-top:10px;border-top:1px solid #cdbda8}
#managerHome .lookahead .ahead-group .ahead-day{margin:0 0 7px;padding:0;border:0;background:none;font:600 14px/1.35 'DM Sans',sans-serif;color:#30261e}
#managerHome .ahead-group .radar-source-title{font:500 12px/1.3 'DM Sans',sans-serif;color:#51463b;margin:7px 0 3px;padding:0;border:0;background:none;letter-spacing:0;text-transform:none}
#managerHome .ahead-group .radar-source{margin:6px 0 0}
#managerHome .ahead-group .radar-row{border-bottom:0}
#managerHome .ahead-group .radar-source .radar-row:not(:last-child){border-bottom:1px solid #e0d5c6}
#managerHome #radarChecklist:not(:empty),#managerHome #radarCatering>.radar-source,#managerHome #radarActivity>.radar-source{margin-top:10px;padding:0;border:0;background:none}
#managerHome #radarChecklist>.radar-source-title,#managerHome #radarCatering .radar-source-title,#managerHome #radarActivity .radar-source-title{margin:0 0 3px;padding:0;border:0;background:none;font:500 12px/1.3 'DM Sans',sans-serif;color:#51463b;letter-spacing:0;text-transform:none}

/* Compact timeline with item-level tags. */
#managerHome :is(.lookahead,.radar-timeline) .ahead-group{position:relative;display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;margin:0;padding:0 0 8px 18px;border:0}
#managerHome :is(.lookahead,.radar-timeline) .ahead-group:before{content:"";position:absolute;left:5px;top:18px;bottom:-18px;width:1px;background:#d5cfc2}
#managerHome :is(.lookahead,.radar-timeline) .ahead-group:last-child:before{display:none}
#managerHome :is(.lookahead,.radar-timeline) .ahead-group .ahead-day{position:relative;margin:0;padding:12px 0 0;border:0;font:500 13px/1.35 'DM Sans',sans-serif;background:none}
#managerHome :is(.lookahead,.radar-timeline) .ahead-group .ahead-day:before{content:"";position:absolute;left:-17px;top:16px;width:8px;height:8px;border-radius:50%;background:#a8afa1}
#managerHome .ahead-relative{display:block;font:500 10px/1.3 'DM Sans',sans-serif;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}
#managerHome .ahead-items{min-width:0;display:grid;gap:6px}
#managerHome .ahead-items>.radar-row,#managerHome #radarChecklist>.radar-row,#managerHome #radarCatering>.radar-row{margin:0;padding:7px 10px!important;border:1px solid #ede6dd;border-radius:8px;background:#ffffff70;gap:8px}
#managerHome .ahead-items>.catering-row,#managerHome #radarCatering>.catering-row{background:#e8e7dd99;border-color:#e3e0d4}
#managerHome .schedule-tag{display:block;margin-top:3px;font:400 12px/1.2 'DM Sans',sans-serif;color:#514c43;text-transform:none;letter-spacing:0}
#managerHome .ahead-items .radar-task-check{min-width:26px;min-height:32px}
#managerHome .ahead-items .radar-task-link strong{font-size:13px;line-height:1.3}
#managerHome #radarChecklist,#managerHome #radarCatering{display:grid;gap:6px;border:0;padding:0}
#managerHome .catering-row .row-arrow{display:none}
@media(max-width:600px){#managerHome :is(.lookahead,.radar-timeline) .ahead-group{grid-template-columns:82px minmax(0,1fr);gap:8px;padding-left:14px}#managerHome :is(.lookahead,.radar-timeline) .ahead-group .ahead-day{font-size:12px}#managerHome :is(.lookahead,.radar-timeline) .ahead-group .ahead-day:before{left:-13px}#managerHome :is(.lookahead,.radar-timeline) .ahead-group:before{left:5px}#managerHome .catering-row .catering-time{font-size:12px}}

/* Slightly more definition around individual schedule cards. */
#managerHome .ahead-items>.radar-row,#managerHome #radarChecklist>.radar-row,#managerHome #radarCatering>.radar-row{border:1px solid #d5c8b7;border-radius:8px}
#managerHome .ahead-items>.catering-row,#managerHome #radarCatering>.catering-row{border-color:#ccc7b7}

/* Today shares the timeline and rounded item treatment. */
#managerHome .radar-timeline .ahead-group:before{display:block;bottom:4px}
#managerHome .radar-timeline .ahead-items>#radarChecklist,#managerHome .radar-timeline .ahead-items>#radarCatering{margin:0;padding:0;border:0}
#managerHome .radar-timeline .ahead-items>div:empty{display:none}
#managerHome .radar-timeline #radarChecklist .radar-task,#managerHome .radar-timeline #radarChecklist .radar-task:not(:last-child){border:1px solid #d5c8b7;border-radius:8px}
#managerHome .radar-timeline .ahead-group:last-child:before{display:block;bottom:4px}
/* Connect the Today marker only when the list contains multiple items. */
#managerHome .radar-timeline .ahead-group:last-child:before{display:none}
#managerHome .radar-timeline .ahead-group:last-child:has(.radar-row ~ .radar-row):before,
#managerHome .radar-timeline .ahead-group:last-child:has(#radarChecklist .radar-row):has(#radarCatering .radar-row):before,
#managerHome .radar-timeline .ahead-group:last-child:has(#radarChecklist .radar-row):has(#radarActivity .radar-row):before,
#managerHome .radar-timeline .ahead-group:last-child:has(#radarCatering .radar-row):has(#radarActivity .radar-row):before{display:block}
/* Subtle warm peach distinguishes catering from task cards. */
#managerHome .ahead-items>.catering-row,#managerHome #radarCatering>.catering-row{background:#fbefe5;border-color:#dfcdbd}
/* Softer, consistent titles for task and catering cards. */
#managerHome .ahead-items .radar-task-link strong,
#managerHome .radar-timeline .radar-task-link strong,
#managerHome .catering-info strong{font-size:13px;font-weight:500;line-height:1.4;color:#3d342b;text-transform:none}

/* Today keeps quick completion on the right; future cards open To-Do. */
#managerHome .radar-timeline .radar-task-check{order:2;margin-left:auto;flex-shrink:0}
#managerHome .lookahead a.radar-task{color:inherit;text-decoration:none}
/* Quiet time labels match the softer schedule titles. */
#managerHome .catering-row .catering-time{font-size:12px;font-weight:500;line-height:1.4;color:#3d342b}

/* Compact context for replies, kept in the same chronological conversation. */
#managerHome .log-reply-context{margin:10px 0;padding:7px 10px;border-left:2px solid #cbb59e;background:rgba(227,211,190,.18);border-radius:0 6px 6px 0;font-size:12px;color:#786654}
#managerHome .log-reply-context strong{display:block;font-size:12px;font-weight:500;margin-bottom:3px}
#managerHome .log-reply-context span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
#managerHome .log-entry .btn + .btn{margin-left:8px}
.manager-log .log-pager[hidden]{display:none}

/* Clear names and dates, softer message text, compact reply icon. */
#managerHome .manager-log .log-entry>p{font-size:13px;line-height:1.65;font-weight:400;color:#443b33}
#managerHome .manager-log .log-meta strong{font-weight:500;color:#1a1714}
#managerHome .manager-log .log-meta span{font-weight:400;color:#1a1714}
#managerHome .manager-log .log-reply-action{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;padding:5px;width:30px;height:30px;border:0;border-radius:6px;background:transparent;box-shadow:none;color:#514439}
#managerHome .manager-log .log-reply-action svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#managerHome .manager-log .log-reply-action:hover{color:#1a1714;background:rgba(203,181,158,.2)}
#managerHome .manager-log .log-reply-context{background:rgba(227,211,190,.12);color:#514439}
#managerHome .manager-log .log-reply-context strong{color:#1a1714}
.log-editor textarea{color:#443b33;font-weight:400}

/* Keep reply with the timestamp and give the message a clear starting point. */
#managerHome .manager-log .log-meta{align-items:center;gap:8px 12px;padding-bottom:9px;margin-bottom:11px;border-bottom:1px solid #d8c7b4}
#managerHome .manager-log .log-meta-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
#managerHome .manager-log .log-meta-actions .log-reply-action{margin-top:0;flex-shrink:0}
/* Compact conversation: reply reference, author/time, then the message. */
#managerHome .manager-log .log-entry{padding:12px 10px;margin:3px -10px;border:0;border-radius:9px;transition:background .15s;scroll-margin-top:150px}
#managerHome .manager-log .log-entry+.log-entry{margin-top:8px}
#managerHome .manager-log .log-meta{display:flex;align-items:center;gap:8px;padding:0;margin:0 0 3px;border:0;min-height:27px}
#managerHome .manager-log .log-meta strong{font-size:12px;font-weight:600;color:#211c18}
#managerHome .manager-log .log-meta-actions{gap:7px;min-width:0}
#managerHome .manager-log .log-meta time{font-size:10px;font-weight:400;color:#625447;white-space:nowrap}
#managerHome .manager-log .log-entry>p{margin:0;font-size:13px;line-height:1.6;color:#443b33;font-weight:400}
#managerHome .manager-log .log-reply-action{width:28px;height:28px;margin:0;padding:5px;color:#786653;opacity:.7}
#managerHome .manager-log .log-entry:hover .log-reply-action,#managerHome .manager-log .log-entry:focus-within .log-reply-action{opacity:1}
#managerHome .manager-log .log-reply-preview{display:flex;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;margin:0 0 2px;padding:2px 0;border:0;border-radius:3px;background:transparent;box-shadow:none;color:#756251;text-align:left;font:400 11px/1.5 inherit;cursor:pointer}
#managerHome .manager-log .log-reply-preview strong{flex-shrink:0;font-size:11px;font-weight:500;color:#694952}
#managerHome .manager-log .log-reply-preview>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px}
#managerHome .manager-log .log-reply-connector{color:#ae9380;font-size:17px;line-height:1}
#managerHome .manager-log .log-reply-preview:hover{color:#392d25;background:#e9dccb55}
#managerHome .manager-log .log-entry.log-highlight{background:#e9d8bc88;outline:1px solid #c9b293}
#managerHome .manager-log .log-entry:focus-visible{outline:2px solid #a53e62;outline-offset:3px}
.log-compose-context{margin:12px 0 0;padding:9px 12px;border-left:2px solid #b38a95;border-radius:0 7px 7px 0;background:#eee3d755;color:#514439;font-size:12px;max-height:140px;overflow:auto}
.log-compose-context strong,.log-compose-context span{display:block}.log-compose-context strong{font-weight:500;color:#302720;margin-bottom:4px}.log-compose-context span,.log-original p{white-space:pre-wrap;overflow-wrap:anywhere}.log-original p{font-size:13px;line-height:1.6;font-weight:400}.log-original p:first-of-type{font-weight:500}
@media(max-width:480px){#managerHome .manager-log .log-meta{gap:5px}#managerHome .manager-log .log-meta-actions{gap:3px}#managerHome .manager-log .log-meta time{font-size:9px}}
@media(prefers-reduced-motion:reduce){#managerHome .manager-log .log-entry{transition:none}}
/* Keep reply context and response visibly inside the same message. */
#managerHome .manager-log #logEntries{display:flex;flex-direction:column;gap:12px;padding-top:12px}
#managerHome .manager-log .log-entry{margin:0;padding:12px 14px;border:1px solid #d7c4ac;border-radius:12px;background:rgba(255,253,249,.64);box-shadow:none}
#managerHome .manager-log .log-entry+.log-entry{margin-top:0}
#managerHome .manager-log .log-entry.log-is-reply{margin-left:16px;border-color:#ccb7a5}
#managerHome .manager-log .log-meta{margin:0 0 9px;min-height:24px}
#managerHome .manager-log .log-meta strong{font-weight:500;color:#211c18}
#managerHome .manager-log .log-meta time{color:#51483d}
#managerHome .manager-log .log-reply-preview{display:block;margin:0 0 10px;padding:8px 10px;border:0;border-left:3px solid #ad6e87;border-radius:0 6px 6px 0;background:#eee1d4;color:#55473b;font-family:inherit;font-size:11px;line-height:1.5}
#managerHome .manager-log .log-reply-preview strong{display:block;color:#6f3d53;font-weight:500;font-size:11px;margin:0 0 3px}
#managerHome .manager-log .log-reply-preview>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;overflow-wrap:anywhere;font-size:12px;color:#55473b}
#managerHome .manager-log .log-reply-preview:hover{background:#e8d9c9}
#managerHome .manager-log .log-entry>p{margin:0;color:#393129;font-size:13px;font-weight:400;line-height:1.55}
#managerHome .manager-log .log-reply-action{opacity:1;color:#655344}
@media(max-width:480px){#managerHome .manager-log .log-entry{padding:10px}.manager-log .log-meta{flex-wrap:wrap}#managerHome .manager-log .log-entry.log-is-reply{margin-left:10px}}
/* One chronological chat viewport; reply timestamps belong to the sender row. */
#managerHome .manager-log #logEntries{height:420px;max-height:55vh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;overflow-anchor:none;padding:10px 5px;scrollbar-width:thin}
#managerHome .manager-log .log-entry{flex-shrink:0}
#managerHome .manager-log .log-entry.log-is-reply{margin-left:0}
#managerHome .manager-log .log-meta time{font-size:10px;color:#51483d}
#managerHome .manager-log .log-jump{align-self:center;margin:8px auto 0;font-size:11px}
#managerHome .manager-log .log-jump[hidden]{display:none}
#managerHome .manager-log .log-pager{margin:6px 0;justify-content:center}
#managerHome #radarActivity{display:grid;gap:6px;margin:0;padding:0;border:0}
#managerHome #radarActivity .radar-activity-card{margin:0;padding:7px 10px!important;border:1px solid #d5c8b7;border-radius:8px;background:#ffffff70;display:flex;gap:8px}
#managerHome #radarActivity .radar-activity-card strong{font-size:13px;font-weight:500;line-height:1.4;color:#3d342b}
#managerHome #radarActivity .radar-activity-card:hover{background:#fffaf3}

/* Every schedule card uses the same emphasized item title. */
#managerHome :is(.radar-timeline,.lookahead) .radar-row strong{font-weight:500}
/* Fill the log panel instead of leaving unused space below a capped viewport. */
#managerHome .manager-log #logEntries{flex:1 1 0;min-height:0;height:0;max-height:none}
#managerHome .manager-log>.panel-top,#managerHome .manager-log>.log-pager,#managerHome .manager-log>.log-jump{flex-shrink:0}
#managerHome .manager-log>.small:empty{display:none}

/* Manager log: expandable conversations and inline replies. */
#managerHome .manager-log #logEntries{gap:8px;padding:4px 3px 8px}
#managerHome .manager-log .log-day{font:500 14px/1.4 'Segoe UI',Arial,sans-serif;color:#62564e;margin:6px 4px 0}
#managerHome .manager-log .log-thread-card{padding:0;margin:0;border:1px solid #d7c4ac;border-radius:13px;background:#fffdf9e8;overflow:hidden}
#managerHome .log-thread-toggle{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto 16px;gap:12px;align-items:center;border:0;border-radius:12px;padding:17px 15px;text-align:left;background:transparent;color:#30291f;font:inherit;cursor:pointer}
#managerHome .log-thread-toggle:hover{background:#f3e4e82e}
#managerHome .log-thread-toggle:focus-visible{outline:2px solid #a93963;outline-offset:-3px}
#managerHome .log-avatar{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--avatar-tone,#a7657e);color:#fffdf7;font:500 14px/1 'Segoe UI',Arial,sans-serif;flex-shrink:0}
#managerHome .log-note-content{min-width:0;display:block}
#managerHome .log-note-content>strong{display:block;font-size:14px;font-weight:600;line-height:1.4;color:#211c18}
#managerHome .log-note-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:4px;font-size:13px;line-height:1.55;color:#443b33}
#managerHome .log-thread-toggle[aria-expanded=true] .log-note-body{display:block}
#managerHome .log-thread-toggle time{font-size:10px;color:#62564e;white-space:nowrap;align-self:start;margin-top:3px}
#managerHome .log-chevron{display:block;width:16px;height:16px;font-size:0;line-height:1;background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 6.5 3.5 3 3.5-3' fill='none' stroke='%23857470' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transform-origin:center}
#managerHome .log-thread-toggle[aria-expanded=true] .log-chevron{transform:rotate(180deg)}
#managerHome .log-thread{padding:0 15px 16px 27px}
#managerHome .log-thread[hidden]{display:none}
#managerHome .log-thread-replies{border-left:2px solid #bb7d92;padding:8px 0 4px 17px;margin:0 0 15px 8px;display:grid;gap:18px}
#managerHome .log-thread-reply{display:flex;gap:11px;align-items:start;min-width:0}
#managerHome .log-thread-reply>.log-avatar{width:32px;height:32px;font-size:11px}
#managerHome .log-thread-reply>div{min-width:0;flex:1}
#managerHome .log-reply-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 10px}
#managerHome .log-reply-meta strong{font-size:13px;font-weight:600;color:#211c18}
#managerHome .log-reply-meta time{font-size:10px;color:#62564e}
#managerHome .log-thread-reply p{font-size:13px;line-height:1.55;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#443b33}
#managerHome .log-nested-context{font-size:10px;color:#86506a}
#managerHome .log-inline-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;padding:6px;border:1px solid #d7c4ac;border-radius:10px;background:#fffdf9}
#managerHome .log-inline-composer textarea{min-height:38px;max-height:180px;width:100%;resize:vertical;border:0;background:transparent;padding:8px;font:13px/1.5 'Segoe UI',Arial,sans-serif;color:#30291f}
#managerHome .log-inline-composer .log-send-reply{margin:0;padding:9px 14px;background:#a93963;color:#fffdf7;border-radius:7px;font-size:12px}
#managerHome .log-inline-composer .log-send-reply:hover{background:#8d2e52}
#managerHome .log-reply-feedback{grid-column:1/-1;margin:0;padding:0 8px;font-size:11px;color:#86506a}
#managerHome .log-reply-feedback:empty{display:none}
@media(max-width:480px){#managerHome .log-thread-toggle{grid-template-columns:34px minmax(0,1fr) 16px;gap:9px;padding:14px 11px}#managerHome .log-thread-toggle>.log-avatar{width:34px;height:34px;font-size:12px}#managerHome .log-thread-toggle>time{grid-column:2;grid-row:2;margin-top:-5px}#managerHome .log-thread-toggle>.log-chevron{grid-column:3;grid-row:1}#managerHome .log-thread{padding:0 11px 13px}#managerHome .log-thread-replies{padding-left:11px;margin-left:5px}}

/* Match the adjacent Today panels. Conversations with replies open by default. */
#managerHome .manager-log{background:#fff;border-color:#ddd5cb;padding:24px}
#managerHome .manager-log .panel-top h2{font-family:Timeless,Georgia,serif;font-size:24px;line-height:1.2;font-weight:400}
#managerHome .manager-log :is(.log-thread-toggle,.log-inline-composer textarea,.log-day){font-family:inherit}
#managerHome .manager-log .log-note-content>strong,#managerHome .manager-log .log-reply-meta strong{font-size:13px;font-weight:500}
#managerHome .manager-log .log-thread-reply p{font-size:13px;font-weight:400;line-height:1.55}

/* Shift notes remain readable in full, independently of reply expansion. */
#managerHome .log-note-body{display:block;-webkit-line-clamp:unset;overflow:visible;line-height:1.65}
#managerHome .log-thread-toggle{align-items:start}
.log-editor{width:620px}
.log-editor textarea{min-height:240px;max-height:55dvh;resize:vertical;line-height:1.6}

/* Separate notes, conversations, and editable fields within the white log panel. */
#managerHome .manager-log .log-thread-card{background:#faf4eb;border-color:#cbb498}
#managerHome .manager-log .log-thread-replies{background:#f2ece9;border-left-color:#bd98a3;border-radius:0 9px 9px 0;padding:13px 12px;margin-left:8px;gap:16px}
#managerHome .manager-log .log-inline-composer{background:#fff;border-color:#cbb498}
#managerHome .manager-log .log-note-body,
#managerHome .manager-log .log-thread-reply p{color:#211c18}
#managerHome .manager-log .log-note-content>strong,
#managerHome .manager-log .log-reply-meta strong{font-weight:600;color:#211c18}
#managerHome .manager-log .log-thread-toggle time,
#managerHome .manager-log .log-reply-meta time{color:#66513b}
@media(max-width:480px){#managerHome .manager-log .log-thread-replies{margin-left:0;padding:12px 10px}}

/* Keep separate shift notes visually distinct from their own reply threads. */
#managerHome .manager-log .log-thread-card + .log-thread-card{margin-top:0}


/* Fine dividers clarify dates and individual messages without adding more cards. */
#managerHome .manager-log .log-day{display:flex;align-items:center;gap:14px}
#managerHome .manager-log .log-day::after{content:"";height:1px;flex:1;background:#d7c9b9}
#managerHome .manager-log .log-thread-replies{border-top:1px solid #d9cdca;padding-top:14px}
#managerHome .manager-log .log-thread-reply + .log-thread-reply{border-top:1px solid #d9cdca;padding-top:14px}

/* One chronological log; legacy replies are ordinary messages in this view. */
#managerHome .manager-log .log-feed-message{display:flex;align-items:flex-start;gap:12px;padding:12px 16px}
#managerHome .log-feed-message .log-note-content{flex:1;min-width:0}
#managerHome .log-feed-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#managerHome .log-feed-meta strong{font-size:13px;font-weight:600;color:#211c18}
#managerHome .log-feed-meta time{font-size:10px;color:#66513b;white-space:nowrap}
#managerHome .manager-log .log-feed-message .log-note-body{font-size:13px;font-weight:400;line-height:1.65;margin:4px 0 0}
#managerHome .manager-log>.log-feed-composer{flex-shrink:0;margin-top:16px}
#managerHome .log-feed-composer textarea{min-height:72px;max-height:300px}
/* A lighter surface for the single-level conversation. */
#managerHome .manager-log .log-feed-message{background:#fdfaf5}
/* Locally hosted message font matches the selected preview face. */
@font-face{font-family:'Karla';font-style:normal;font-weight:200 800;font-display:swap;src:url('fonts/karla-variable.ttf') format('truetype')}
#managerHome .manager-log .log-feed-message .log-note-body{font-family:'Segoe UI',Arial,sans-serif;font-size:13px;font-weight:450;line-height:1.2;letter-spacing:-.1px;color:#27231f}
#managerHome .manager-log .log-feed-meta strong{font-weight:600;color:#1a1714}
#managerHome .manager-log .log-feed-meta time{font-weight:500;color:#514439}

/* Note moderation is visible only while Brandon has unlocked editing. */
.manager-log .log-note-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid #e9ded0}
.manager-log .log-note-actions .btn{font:500 11px 'DM Sans',Arial,sans-serif;padding:5px 10px;background:#fff;color:#30291f}
.manager-log .panel-top{flex-wrap:wrap;gap:8px}
.manager-log .log-deleted-toggle{font-size:11px}
.log-edit-dialog{width:min(520px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:26px;border:1px solid #d8c5ad;border-radius:18px;background:#fffdf9;color:#27231f}
.log-edit-dialog::backdrop{background:#211b1659}
.log-edit-dialog h2{margin:0 0 12px;font-size:25px}
.log-edit-dialog p{font:14px/1.5 'DM Sans',Arial,sans-serif}
.log-edit-dialog textarea{box-sizing:border-box;width:100%;padding:12px;border:1px solid #d8c5ad;border-radius:10px;font:450 13px/1.2 'Segoe UI',Arial,sans-serif;letter-spacing:-.1px;color:#27231f;resize:vertical}
.log-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}

/* Match the shared Inter typography, with a little more breathing room in log notes. */
#managerHome .manager-log .log-feed-message .log-note-body,
#managerHome .manager-log .log-inline-composer textarea,
.log-edit-dialog textarea{font-family:'Inter',Arial,sans-serif;font-weight:400;line-height:1.4;letter-spacing:.1px}
#managerHome .manager-log .log-feed-meta,#managerHome .manager-log .log-day{font-family:'Inter',Arial,sans-serif}
/* Past-due to-dos retain their own dates in the Radar timeline. */
#managerHome #radarOverdue{display:contents}
#managerHome .radar-timeline .radar-overdue-group{padding-bottom:16px}
#managerHome .radar-timeline .radar-overdue-group .ahead-day{color:#783e43}
#managerHome .radar-timeline .radar-overdue-group .ahead-day:before{background:#ad7177}
#managerHome .radar-timeline .radar-overdue-group:before{display:block;bottom:-12px;background:#dbc2c1}
#managerHome .radar-timeline .radar-overdue-group .radar-task{background:#f8eeec;border:1px solid #ddbebc;border-left:3px solid #b57c80}
#managerHome .radar-overdue-label{display:block;width:fit-content;margin-top:6px;padding:3px 7px;border-radius:5px;background:#ecd7d5;color:#713c41;font:600 10px/1.3 'DM Sans',sans-serif;letter-spacing:.02em}
#managerHome #radarTasksMore:empty{display:none}
#managerHome #radarTasksMore{margin:10px 0 0 18px;font-size:12px}

/* Temporarily paused log: keep Today's remaining content in one centered column. */
body[data-manager-log="paused"] #managerHome main{max-width:800px;margin-inline:auto}
body[data-manager-log="paused"] #managerHome .manager-columns{grid-template-columns:minmax(0,1fr)}
body[data-manager-log="paused"] #managerHome .manager-log{display:none!important}
body[data-manager-log="paused"] #managerHome .page-head{justify-content:center;text-align:center}