/* v277: direct inputs first, with a shared blue work surface. */
:root {
 --work277-blue:#315bdc;
 --work277-soft:#edf3ff;
 --work277-line:#dfe7f4;
 --work277-ink:#1b2942;
 --work277-muted:#66748c;
}
#app#app#app#app:is([data-screen="myfocus"],[data-screen="today"]) {
 --green:var(--work277-blue)!important;
 --ink:var(--work277-ink)!important;
 --f263-accent:var(--work277-blue)!important;
 --f263-soft:var(--work277-soft)!important;
}
#app#app#app#app:is([data-screen="myfocus"],[data-screen="today"]) .workspace {background:#f4f7fc!important;}
#app#app#app#app:is([data-screen="myfocus"],[data-screen="today"]) :is(.header-calendar,.header-leave) {background:var(--work277-soft)!important;color:#31559a!important;}
#app#app#app#app .my-focus .mf277-heading {display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;margin-bottom:20px!important;}
#app#app#app#app .my-focus .mf277-identity {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important;min-width:0!important;}
#app#app#app#app .my-focus .mf277-identity .mf262-date {grid-area:1 / 1!important;font-size:13px!important;color:var(--work277-muted)!important;}
#app#app#app#app .my-focus .mf277-identity :is(h1,.screen-title-line) {grid-area:2 / 1!important;min-width:0!important;margin:0!important;white-space:nowrap!important;}
#app#app#app#app .my-focus .mf277-identity h1 {font-size:30px!important;line-height:1.3!important;color:var(--work277-ink)!important;}
#app#app#app#app .my-focus .mf277-identity .mf263-person {grid-area:3 / 1!important;font-size:12px!important;color:var(--work277-muted)!important;}
#app#app#app#app .my-focus .mf277-top-actions {display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important;}
#app#app#app#app .my-focus .mf277-top-actions>[data-action="capture265"] {min-height:44px!important;padding:10px 13px!important;border:1px solid #cbd9f7!important;border-radius:12px!important;background:#fff!important;color:var(--work277-blue)!important;font-size:13px!important;white-space:nowrap!important;}
#app#app#app#app .my-focus #my-focus-content {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0!important;}
#app#app#app#app .my-focus #my-focus-content>.mf262-quick {order:0!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;margin:0 0 20px!important;padding:0!important;}
#app#app#app#app .my-focus .mf262-quick>.btn {min-width:0!important;min-height:82px!important;padding:0 2px!important;gap:8px!important;border:0!important;background:transparent!important;border-radius:14px!important;color:var(--work277-ink)!important;}
#app#app#app#app .my-focus .mf262-quick-icon {width:50px!important;min-width:50px!important;height:50px!important;border-radius:16px!important;background:#e5edff!important;color:#315aa8!important;}
#app#app#app#app .my-focus .mf262-quick>.primary .mf262-quick-icon {background:var(--work277-blue)!important;color:#fff!important;box-shadow:0 5px 12px #315bdc20!important;}
#app#app#app#app .my-focus .mf262-quick-label {color:var(--work277-ink)!important;font-size:13px!important;}
#app#app#app#app .my-focus .mf262-quick>.btn:hover .mf262-quick-icon {background:#d7e4ff!important;}
#app#app#app#app .my-focus .mf262-quick>.primary:hover .mf262-quick-icon {background:#2449be!important;}
#app#app#app#app .my-focus .wd265 {order:1!important;width:100%!important;max-width:none!important;margin:0 0 16px!important;padding:20px!important;border-color:var(--work277-line)!important;border-top:3px solid var(--work277-blue)!important;border-radius:18px!important;box-shadow:0 4px 18px #28456a06!important;}
#app#app#app#app .my-focus .wd265-header p {color:#5873a5!important;font-size:10px!important;}
#app#app#app#app .my-focus .wd265 h2 {font-size:20px!important;color:var(--work277-ink)!important;}
#app#app#app#app .my-focus .wd265-copy {color:var(--work277-blue)!important;border-color:#d8e3fa!important;background:#f5f8ff!important;}
#app#app#app#app .my-focus .wd265-copy>span {color:inherit!important;}
#app#app#app#app .my-focus .wd265-decision {background:#fff!important;color:var(--work277-ink)!important;min-height:78px!important;}
#app#app#app#app .my-focus .wd265-decision-text strong {color:var(--work277-ink)!important;}
#app#app#app#app .my-focus .wd265-decision-text>span {color:var(--work277-muted)!important;}
#app#app#app#app .my-focus #my-focus-content>:not(.mf262-quick):not(.wd265) {order:2!important;}
#app#app#app#app .my-focus :is(.mf276-personal,.mf276-previous) {border-color:var(--work277-line)!important;border-radius:16px!important;}
#app#app#app#app .my-focus :is(.mf276-personal,.mf276-previous)>summary {color:var(--work277-blue)!important;font-size:14px!important;}
#app#app#app#app .my-focus .mf276-personal {margin:0 0 16px!important;}
#app#app#app#app .my-focus .mf262-timeline {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;}
#app#app#app#app .my-focus .mf262-timeline>.mf-section {width:100%!important;max-width:none!important;}
#app#app#app#app:is([data-screen="myfocus"],[data-screen="today"]) .preview-footer :is(span,small) {color:var(--work277-muted)!important;}

/* Work: a compact summary, clear scope, and readable individual task cards. */
#app#app#app#app[data-screen="today"] .page-heading {align-items:center!important;margin-bottom:18px!important;}
#app#app#app#app[data-screen="today"] .page-heading h1 {color:var(--work277-ink)!important;white-space:nowrap!important;}
#app#app#app#app[data-screen="today"] .page-heading .eyebrow {font-size:10px!important;letter-spacing:1.4px!important;color:#6883b2!important;}
#app#app#app#app[data-screen="today"] .heading-actions {display:flex!important;align-items:center!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important;}
#app#app#app#app[data-screen="today"] .heading-actions .btn.primary {min-height:44px!important;padding:10px 14px!important;background:var(--work277-blue)!important;border-color:var(--work277-blue)!important;color:#fff!important;border-radius:12px!important;white-space:nowrap!important;}
#app#app#app#app[data-screen="today"] .daily-work-main {padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
#app#app#app#app[data-screen="today"] .work-overview277 {display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 16px!important;padding:19px 20px!important;border:1px solid #d7e3fc!important;border-radius:18px!important;background:#edf3ff!important;}
#app#app#app#app[data-screen="today"] .work-overview277>div {display:grid!important;gap:5px!important;min-width:0!important;}
#app#app#app#app[data-screen="today"] .work-overview277 p {margin:0!important;font-size:12px!important;color:#4c68a1!important;}
#app#app#app#app[data-screen="today"] .work-overview277 strong {font-size:23px!important;line-height:1.4!important;color:#234dbe!important;letter-spacing:-.5px!important;}
#app#app#app#app[data-screen="today"] .work-overview277 strong small {font-size:14px!important;margin-left:3px!important;}
#app#app#app#app[data-screen="today"] .work-overview277 span {font-size:12px!important;line-height:1.5!important;color:#597099!important;}
#app#app#app#app[data-screen="today"] .work-overview277 dl {display:flex!important;gap:18px!important;flex-shrink:0!important;margin:0!important;text-align:center!important;}
#app#app#app#app[data-screen="today"] .work-overview277 dl>div {display:grid!important;gap:4px!important;}
#app#app#app#app[data-screen="today"] .work-overview277 dt {font-size:11px!important;color:#5a6e94!important;}
#app#app#app#app[data-screen="today"] .work-overview277 dd {margin:0!important;font-size:23px!important;font-weight:700!important;color:#284d9e!important;}
#app#app#app#app[data-screen="today"] .daily-scope-switch {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:none!important;gap:5px!important;margin:0 0 14px!important;padding:5px!important;background:#e8eef8!important;border:0!important;border-radius:14px!important;}
#app#app#app#app[data-screen="today"] .daily-scope-switch button {display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:44px!important;padding:9px 8px!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#5f6f87!important;font-size:14px!important;font-weight:600!important;}
#app#app#app#app[data-screen="today"] .daily-scope-switch button[aria-pressed="true"] {background:#fff!important;color:var(--work277-blue)!important;box-shadow:0 2px 6px #2d4f8e0b!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;margin:0 0 14px!important;padding:0!important;border:0!important;border-bottom:1px solid var(--work277-line)!important;border-radius:0!important;background:transparent!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs button {display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:48px!important;padding:10px 6px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:#66748b!important;font-size:14px!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs button[aria-pressed="true"] {border-bottom-color:var(--work277-blue)!important;color:var(--work277-blue)!important;font-weight:700!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs button>span {color:inherit!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs small {min-width:22px!important;padding:2px 6px!important;border-radius:7px!important;background:#e8edf6!important;color:#617087!important;font-size:11px!important;line-height:1.5!important;}
#app#app#app#app[data-screen="today"] .daily-task-tabs button[aria-pressed="true"] small {background:#dfe9ff!important;color:var(--work277-blue)!important;}
#app#app#app#app[data-screen="today"] .daily-controls-fold {margin:0 0 12px!important;padding:0!important;border:1px solid var(--work277-line)!important;border-radius:12px!important;background:#fff!important;}
#app#app#app#app[data-screen="today"] .daily-controls-fold>summary {display:flex!important;align-items:center!important;gap:8px!important;min-height:46px!important;padding:10px 14px!important;color:#3b5792!important;font-size:13px!important;}
#app#app#app#app[data-screen="today"] .daily-controls-fold>summary small {margin-left:auto!important;color:var(--work277-muted)!important;font-size:11px!important;}
#app#app#app#app[data-screen="today"] .daily-controls-content {padding:12px!important;border-top:1px solid var(--work277-line)!important;}
#app#app#app#app[data-screen="today"] .daily-work-main>details:not(.daily-controls-fold) {border:1px solid var(--work277-line)!important;border-radius:12px!important;background:#fff!important;}
#app#app#app#app[data-screen="today"] .daily-work-main>details:not(.daily-controls-fold)>summary {min-height:46px!important;padding:12px 14px!important;color:#4c6183!important;font-size:13px!important;}
#app#app#app#app[data-screen="today"] .quick262-fab {display:none!important;}
#app#app#app#app[data-screen="today"] #today-list .task-list {display:grid!important;gap:10px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;}
#app#app#app#app[data-screen="today"] #today-list .list-caption {padding:6px 3px!important;border:0!important;background:transparent!important;color:var(--work277-muted)!important;font-size:11px!important;}
#app#app#app#app[data-screen="today"] #today-list .task {display:grid!important;grid-template-columns:34px minmax(0,1fr) 74px!important;align-items:start!important;gap:8px!important;margin:0!important;padding:16px 12px!important;min-width:0!important;border:1px solid var(--work277-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px #28456a04!important;}
#app#app#app#app[data-screen="today"] #today-list .task .check {display:grid!important;place-items:center!important;width:34px!important;height:40px!important;min-width:34px!important;min-height:40px!important;padding:5px!important;border:0!important;background:transparent!important;}
#app#app#app#app[data-screen="today"] #today-list .task .check>span {display:grid!important;place-items:center!important;width:23px!important;height:23px!important;border:1.5px solid #bacbef!important;border-radius:8px!important;background:#fff!important;}
#app#app#app#app[data-screen="today"] #today-list .task .task-main {display:grid!important;align-content:start!important;gap:8px!important;min-width:0!important;min-height:44px!important;padding:0!important;color:var(--work277-ink)!important;text-align:left!important;}
#app#app#app#app[data-screen="today"] #today-list .task .task-title {font-size:15px!important;font-weight:650!important;line-height:1.5!important;color:var(--work277-ink)!important;overflow-wrap:anywhere!important;word-break:normal!important;}
#app#app#app#app[data-screen="today"] #today-list .task .task-meta {display:flex!important;flex-wrap:wrap!important;gap:5px!important;line-height:1.6!important;font-size:10px!important;color:var(--work277-muted)!important;}
#app#app#app#app[data-screen="today"] #today-list .task .badge:not(.quadrant-tag):not(.warn) {padding:2px 6px!important;border-radius:5px!important;background:#edf3ff!important;color:#4b69a4!important;font-size:10px!important;}
#app#app#app#app[data-screen="today"] #today-list .task .task-end {display:grid!important;justify-items:end!important;gap:5px!important;min-width:0!important;padding:0!important;text-align:right!important;font-size:11px!important;color:var(--work277-muted)!important;}
#app#app#app#app[data-screen="today"] #today-list .task .task-owner-name {color:#425779!important;font-size:12px!important;line-height:1.5!important;overflow-wrap:anywhere!important;}
#app#app#app#app[data-screen="today"] #today-list .task.done {border-color:#e3e7ee!important;background:#f0f2f6!important;box-shadow:none!important;}
#app#app#app#app[data-screen="today"] #today-list .task.done :is(.task-title,.task-owner-name) {color:#8992a3!important;text-decoration:none!important;}
#app#app#app#app[data-screen="today"] #today-list .task.done .check>span {border-color:#9aa8bd!important;background:#9aa8bd!important;color:#fff!important;}
#app#app#app#app[data-screen="today"] .quick-add {display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:100%!important;min-height:48px!important;margin:14px 0!important;padding:12px!important;border:1px dashed #b9cdf3!important;border-radius:13px!important;background:#f8faff!important;color:var(--work277-blue)!important;font-size:13px!important;}
#app#app#app#app[data-screen="today"] :is(.daily-range-main,.daily-extra) {margin-top:14px!important;}
#app#app#app#app[data-screen="today"] .daily-range-main>.panel {border:1px solid var(--work277-line)!important;border-radius:16px!important;background:#fff!important;padding:16px!important;}
@media(min-width:981px) {
 #app#app#app#app .my-focus #my-focus-content>.mf262-quick {max-width:620px!important;align-self:flex-start!important;width:100%!important;}
 #app#app#app#app .my-focus .mf276-personal[open] {padding:0 20px 20px!important;}
 #app#app#app#app[data-screen="today"] .daily-work-main {max-width:1000px!important;}
}
@media(max-width:600px) {
 #app#app#app#app .my-focus .mf277-heading {gap:8px!important;margin-bottom:18px!important;}
 #app#app#app#app .my-focus .mf277-identity h1 {font-size:28px!important;}
 #app#app#app#app .my-focus .mf277-identity .mf262-date {font-size:12px!important;}
 #app#app#app#app .my-focus .mf277-identity .mf263-person {font-size:11px!important;}
 #app#app#app#app .my-focus .mf277-top-actions>[data-action="capture265"] {padding:9px 11px!important;font-size:12px!important;}
 #app#app#app#app .my-focus .wd265 {padding:17px 16px!important;}
 #app#app#app#app .my-focus .wd265 h2 {font-size:18px!important;}
 #app#app#app#app[data-screen="today"] .heading-actions>.date-label {display:none!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 {padding:16px!important;gap:12px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 strong {font-size:21px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 dl {gap:14px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 dd {font-size:22px!important;}
}
@media(max-width:350px) {
 #app#app#app#app .my-focus .mf277-identity h1 {font-size:25px!important;}
 #app#app#app#app .my-focus .mf277-identity .screen-excel {width:34px!important;flex-basis:34px!important;}
 #app#app#app#app .my-focus .mf262-quick-label {font-size:12px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 {padding:14px 12px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 strong {font-size:19px!important;}
 #app#app#app#app[data-screen="today"] .work-overview277 dl {gap:10px!important;}
 #app#app#app#app[data-screen="today"] #today-list .task {grid-template-columns:30px minmax(0,1fr) 64px!important;padding:13px 9px!important;gap:6px!important;}
}
