/* v229: keep the established green workspace; reveal only useful inputs. */
#app[data-workspace-design="ultra"]>.mobile-nav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
#app[data-workspace-design="ultra"] .top-utility-nav>button{white-space:nowrap!important}
#app .my-focus{max-width:1080px;margin:0 auto;color:#214438}
#app .mf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 20px}
#app .mf-heading p{font-size:10px;letter-spacing:.18em;margin:0 0 5px;color:#526d60;font-weight:650}
#app .mf-heading h1{font-size:27px;line-height:1.3;letter-spacing:-.04em;margin:0 0 5px;font-weight:750}
#app .mf-heading>div>span{font-size:12px;color:#526d60}
#app .mf-heading>.btn{min-height:44px;font-size:12px;border:1px solid #cbd8cf;border-radius:8px;padding:8px 12px;background:#fff}
#app .mf-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
#app .mf-metric{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:134px;padding:17px;text-align:left;border:1px solid #dce5de;border-radius:12px;background:#f5f8f5;color:#214438}
#app .mf-metric>span{font-size:12px;font-weight:600;line-height:1.5}
#app .mf-metric>strong{font-size:29px;font-weight:750;letter-spacing:-.04em;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#app .mf-metric>strong>em{font-size:15px;font-style:normal;margin-left:3px}
#app .mf-metric>small{font-size:11px;line-height:1.5;color:#526d60;word-break:keep-all;overflow-wrap:anywhere}
#app .mf-metric:focus-visible,#app .my-focus button:focus-visible,#modal .mf-task-popup button:focus-visible{outline:2px solid #214438;outline-offset:3px}
#app .mf-metric:hover{border-color:#8aa795;background:#edf4ef}
#app .mf-sales-pace{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:11px;padding:0 2px 16px;color:#526d60}
#app .mf-sales-pace b{font-weight:600;color:#214438;margin-left:4px}
#app .mf-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
#app .mf-section{border:1px solid #d7e1d9;background:#fff;border-radius:12px;min-width:0;overflow:hidden}
#app .mf-section>header{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 14px;border-bottom:1px solid #e3eae5}
#app .mf-section h2{font-size:15px;font-weight:700;margin:0;letter-spacing:-.03em}
#app .mf-section>header>span{font-size:12px}
#app .mf-section .text-btn{font-size:12px;min-height:36px;padding:6px 0;white-space:nowrap}
:is(#app,#modal) .mf-task-row{display:flex;align-items:center;gap:5px;border-bottom:1px solid #e6ece7;padding:6px 8px;min-width:0;background:#fff}
:is(#app,#modal) .mf-task-row:last-child{border-bottom:0}
:is(#app,#modal) .mf-task-row.mf-overdue{border-left:3px solid #b15b4d;padding-left:5px}
:is(#app,#modal) .mf-check{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:44px;border:0;padding:0;background:transparent;color:#214438}
:is(#app,#modal) .mf-check>span{display:block;width:22px;height:22px;border:1.5px solid #a5b9aa;border-radius:50%;background:#fff}
:is(#app,#modal) .mf-check:disabled{opacity:.5;cursor:wait}
:is(#app,#modal) .mf-task-detail{flex:1;display:grid;gap:5px;min-width:0;min-height:58px;padding:8px 5px;text-align:left;background:none;border:0;color:#214438}
:is(#app,#modal) .mf-task-detail>strong{font-size:14px;font-weight:650;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
:is(#app,#modal) .mf-task-detail>span{font-size:11px;line-height:1.5;color:#526d60}
:is(#app,#modal) .mf-overdue-label{font-size:10px;font-weight:600;color:#9c4538;margin-right:4px}
#app .mf-empty{font-size:13px;line-height:1.7;padding:18px 14px;margin:0;color:#526d60}
#app .mf-appointment{width:100%;min-height:70px;display:flex;align-items:flex-start;gap:13px;padding:14px;text-align:left;background:#fff;border:0;border-bottom:1px solid #e6ece7;color:#214438}
#app .mf-appointment:last-child{border-bottom:0}
#app .mf-appointment>time{font-size:12px;min-width:52px;padding-top:2px;font-variant-numeric:tabular-nums}
#app .mf-appointment>span{display:grid;gap:5px;min-width:0}
#app .mf-appointment strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#app .mf-appointment small{font-size:11px;color:#526d60;line-height:1.5}
#app .mf-followup{display:grid;width:100%;gap:5px;text-align:left;padding:14px;min-height:60px;border:0;border-bottom:1px solid #e6ece7;background:#fff;color:#214438}
#app .mf-followup strong{font-size:13px;overflow-wrap:anywhere}
#app .mf-followup span{font-size:11px;color:#526d60}
#app .mf-quick{display:flex;gap:9px;margin:16px 0 10px}
#app .mf-quick>.btn{flex:1;min-height:46px;border:1px solid #cbd8cf;border-radius:9px;font-size:13px}
#app .mf-basis{font-size:10px;line-height:1.5;color:#526d60;margin:0}
#app .mf-previous{margin-top:18px}
#app .mf-previous-group+ .mf-previous-group,#app .mf-previous-journal{border-top:1px solid #dce5de}
#app .mf-previous-group h3{font-size:12px;line-height:1.5;font-weight:650;padding:11px 14px;margin:0;background:#f5f8f5;color:#526d60}
#app .mf-previous>header>span{font-variant-numeric:tabular-nums;white-space:nowrap}
#app .mf-load-error{font-size:12px;line-height:1.6;padding:10px 12px;background:#fff5f1;border:1px solid #edd3c8;border-radius:8px;margin:0 0 12px;color:#914434}
#app .mf-load-error button{min-height:36px;font-size:12px;color:inherit;text-decoration:underline}
#app .daily-scope-switch{display:flex;gap:0;border:1px solid #d1ded5;border-radius:8px;overflow:hidden;width:fit-content;margin:0 0 12px}
#app .daily-scope-switch button{min-height:42px;padding:7px 17px;background:#fff;border:0;color:#526d60;font-size:12px}
#app .daily-scope-switch button[aria-pressed=true]{background:#214438;color:#fff;font-weight:650}
#modal .wr-hbg-editor .hbg-best-add,#modal .wr-hbg-editor .wr-photo-add-more{display:block;min-height:44px;width:100%;font-size:13px;margin-top:10px;border:1px dashed #9ab49f;border-radius:8px;background:#f5f9f5;color:#214438;padding:9px}
#modal .wr-hbg-editor .hbg-best-add[hidden],#modal .wr-hbg-editor .wr-photo-add-more[hidden]{display:none!important}
#modal .wr-hbg-editor .hbg-best-card>header .hbg-remove{margin-left:auto}
#modal .wr-hbg-editor [data-wr=best-remove][hidden]{display:none!important}
#modal .wr-hbg-editor [data-hbg-best-list]:has(>[data-best-row]:only-child){grid-template-columns:minmax(0,1fr)!important}
#modal .wr-hbg-reader .hbg-best-empty{font-size:13px;color:#526d60;margin:0}
@media(max-width:700px){
 #app[data-workspace-design="ultra"] .top-utility-nav>button[data-page=myfocus]>svg{display:none!important}
 #app .mf-heading{margin-bottom:16px}
 #app .mf-heading h1{font-size:25px}
 #app .mf-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 #app .mf-metric{min-height:132px;padding:14px;gap:7px}
 #app .mf-metric>strong{font-size:28px}
 #app .mf-body{grid-template-columns:minmax(0,1fr);gap:12px}
 #app .mf-sales-pace{gap:6px 12px;padding-bottom:14px}
 #app .mf-section>header{padding:9px 12px}
 #app[data-workspace-design="ultra"]>.mobile-nav>button{font-size:10px!important;min-width:0!important}
}
@media(max-width:359px){
 #app[data-workspace-design="ultra"] .top-utility-nav>button{font-size:11px!important}
 #app .mf-metric{padding:12px;min-height:125px}
 #app .mf-metric>strong{font-size:25px}
}
