/* V146 — approved office presentation, applied to existing real page DOM.
   Screen-only and authenticated-office scoped. Page modules retain all data,
   actions, permissions, visibility and responsive layouts. Sidebar is separate. */
@media screen{
#managerApp.office146{--ink:#1b2433;--muted:#738096;--line:#e8ebf0;background:#e9edf2;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}
#managerApp.office146>.main{min-width:0;margin:14px 16px 14px 0;border-radius:30px;background:#f4f5f7;box-shadow:inset 0 1px 0 #ffffffb3;overflow:visible;min-height:calc(100dvh - 28px)}
#managerApp.office146>.main .topbar{position:relative;top:auto;display:flex;margin:22px 24px 0;min-height:60px;height:auto;padding:8px 13px 8px 20px;gap:12px;border:1px solid #fff;background:#ffffffeb;border-radius:32px;box-shadow:0 1px 1px #20314704;backdrop-filter:none}
#managerApp.office146>.main .topbar>.inline{flex:1 1 210px;gap:12px}
#managerApp.office146>.main .sd120-breadcrumb{font-size:12px;gap:10px;color:#758197}
#managerApp.office146>.main .sd120-breadcrumb strong{font-weight:550;color:#384c67}
#managerApp.office146>.main .sd120-breadcrumb>span[aria-hidden]{color:#aeb9ca;font-size:17px}
#managerApp.office146>.main .topbar .actions{gap:8px;flex:0 1 auto}
#managerApp.office146>.main .btn{min-height:40px;padding:9px 14px;border:1px solid #e7eaf0;border-radius:999px;background:#fff;color:#48576c;box-shadow:0 1px 1px #23314703;font-size:12px;font-weight:550;gap:7px;transition:background .16s,border-color .16s,box-shadow .16s;touch-action:manipulation}
#managerApp.office146>.main .btn:hover{background:#f5f7fb;border-color:#cdd9ec;box-shadow:0 3px 9px #23314708}
#managerApp.office146>.main .btn.primary{background:linear-gradient(135deg,#40baff,#5c70f7);border-color:transparent;color:#fff;box-shadow:0 4px 10px #5c70f71c}
#managerApp.office146>.main .btn .md-icon{width:17px;height:17px;flex-basis:17px}
#managerApp.office146>.main .sd120-hero{min-height:0;padding:33px 30px 22px;border:0;background:none}
#managerApp.office146>.main .sd120-hero-content{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px}
#managerApp.office146>.main .sd120-hero h1{font-size:38px;line-height:1.12;letter-spacing:-1.5px;color:#202a38;font-weight:500;margin:0 0 11px}
#managerApp.office146>.main .sd120-hero p{font-size:13px;color:#778193;line-height:1.6}
#managerApp.office146>.main .sd120-date{margin:0;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid #e3e7ef;background:white;gap:8px;font-size:11px;color:#667892;white-space:nowrap}
#managerApp.office146>.main .sd120-date>svg{color:#5a8bd5;width:17px;height:17px;flex-basis:17px}
#managerApp.office146>.main .sd120-date #dayFilter{font-size:12px;min-height:36px;width:125px;font-weight:500;color:#415674}
#managerApp.office146>.main .content{padding:0 30px 30px;max-width:none}
#managerApp.office146>.main #dashboard.active{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}
#managerApp.office146>.main .card{background:white;border:1px solid #e9ecf1;border-radius:22px;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main .sd120-rail{display:contents}
#managerApp.office146>.main .sd120-main{grid-column:1;grid-row:2 / span 3;min-width:0}
#managerApp.office146>.main .sd120-overview{grid-column:1 / -1;grid-row:1;padding:18px;border:1px solid #fff}
#managerApp.office146>.main .sd120-overview>h2{font-size:13px;font-weight:550;color:#66738a;margin:0 0 14px 3px;letter-spacing:0}
#managerApp.office146>.main #kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:0;margin:0}
#managerApp.office146>.main #kpis .kpi{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:142px;min-width:0;padding:16px 17px;background:#f3f5f7!important;border:0;border-radius:17px;overflow:hidden}
#managerApp.office146>.main #kpis .label{padding:0 28px 0 0;font-size:12px;color:#5f6d80;font-weight:500;line-height:1.5;min-height:22px}
#managerApp.office146>.main #kpis .value{font-size:32px;line-height:1;font-weight:550;letter-spacing:-1px;margin:20px 0 13px;color:#1f2c40;font-variant-numeric:tabular-nums}
#managerApp.office146>.main #kpis .trend,#managerApp.office146>.main #kpis .sub{font-size:10px;color:#7c899a;font-weight:400;line-height:1.5;padding:0;letter-spacing:0}
#managerApp.office146>.main #kpis .md-stat-icon{position:absolute;right:13px;top:13px;left:auto;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#e6ebf1;color:#6a7f9b}
#managerApp.office146>.main #kpis .md-stat-icon .md-icon{width:15px;height:15px;flex-basis:15px}
#managerApp.office146>.main #kpis .kpi:nth-child(3){background:linear-gradient(#10244280,#10244280),linear-gradient(135deg,#40baff,#5c70f7)!important;box-shadow:0 8px 18px -12px #517bfcaa}
#managerApp.office146>.main #kpis .kpi:nth-child(3) .label,#managerApp.office146>.main #kpis .kpi:nth-child(3) .value{color:#fff}
#managerApp.office146>.main #kpis .kpi:nth-child(3) .trend{color:#ffffffe0}
#managerApp.office146>.main #kpis .kpi:nth-child(3) .md-stat-icon{background:#ffffff2b;color:white}
#managerApp.office146>.main #kpis .kpi:nth-child(3) .md-stat-icon svg{color:white}
#managerApp.office146>.main #kpis .kpi:nth-child(4) .md-stat-icon{color:#d07379;background:#f9e8eb}
#managerApp.office146>.main .section-head h2{font-size:20px;font-weight:550;letter-spacing:-.6px;color:#28364a}
#managerApp.office146>.main .sd120-main>.section-head{margin:0 3px 13px;min-height:32px;gap:12px}
#managerApp.office146>.main .sd128-tour-controls{gap:5px}
#managerApp.office146>.main .sd128-tour-arrow{box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;max-height:44px;aspect-ratio:1;padding:0;border-radius:50%;background:white;color:#607c9e;border:1px solid #e1e6ed;box-shadow:none}
#managerApp.office146>.main .sd128-tour-arrow .md-icon{width:16px;height:16px}
#managerApp.office146>.main .sd120-tours{padding:10px;border:0;background:#eaeef3;border-radius:22px;margin-bottom:22px;box-shadow:none}
#managerApp.office146>.main .sd120-tours .table-wrap{border-radius:15px;scroll-padding:1px}
#managerApp.office146>.main #todayRows,#managerApp.office146>.main #todayRows:has(>tr:nth-child(3)){gap:10px;padding:1px;grid-auto-columns:minmax(220px,calc((100% - 10px) / 2));}
#managerApp.office146>.main #todayRows tr{padding:16px 16px 13px;border:1px solid transparent;background:white;border-radius:16px;box-shadow:none;min-height:180px;grid-template-columns:minmax(0,1fr) 49px;gap:8px}
#managerApp.office146>.main #todayRows tr.sd120-selected{border-color:#83a9fa;background:#fff;box-shadow:0 0 0 1px #6e9df622}
#managerApp.office146>.main #todayRows td:nth-child(1){font-size:20px;font-weight:550;color:#26384f}
#managerApp.office146>.main #todayRows .sd120-tour-open{font-size:inherit;font-weight:550;color:inherit;line-height:1.3;text-align:left}
#managerApp.office146>.main #todayRows td:nth-child(2){font-size:12px;font-weight:450;color:#73839a;margin:0 0 3px;gap:7px}
#managerApp.office146>.main .sd120-avatar{width:26px;height:26px;flex-basis:26px;border:0;background:#f0f4fa;color:#6c8ab0;font-size:10px}
#managerApp.office146>.main #todayRows td:nth-child(3){width:49px;height:49px;font-size:11px;background:conic-gradient(#64a7fc var(--sd-progress),#eef1f7 0);font-weight:550;color:#486487}
#managerApp.office146>.main #todayRows td:nth-child(3):before{inset:4px}
#managerApp.office146>.main #todayRows td:nth-child(5){border-top:2px solid #edf1f6;padding-top:10px;gap:6px;font-size:11px;color:#637b9b}
#managerApp.office146>.main #todayRows td:nth-child(5):before{font-size:10px;color:#9aa6b5}
#managerApp.office146>.main #todayRows .badge{font-size:10px;border:0;border-radius:999px;padding:4px 7px;font-weight:500;gap:5px}
#managerApp.office146>.main .badge.green{background:#e8f7ef;color:#248660}#managerApp.office146>.main .badge.blue{background:#eaf2ff;color:#6486be}#managerApp.office146>.main .badge.amber{background:#fcf3df;color:#a47921}
#managerApp.office146>.main .focus-card{padding:21px 20px 16px;border:1px solid #fff;border-radius:22px;background:#fff}
#managerApp.office146>.main .focus-head{padding:0 0 17px;gap:8px}
#managerApp.office146>.main .sd120-focus-label{color:#8591a2;font-size:11px;font-weight:400;margin-bottom:2px}
#managerApp.office146>.main #focusTour{font-size:17px;font-weight:550;letter-spacing:-.3px;border:0;background:#f7f8fa;border-radius:12px;padding:12px;min-width:0;width:100%;min-height:46px;color:#344967}
#managerApp.office146>.main .report-actions{gap:7px;padding-top:8px}
#managerApp.office146>.main .report-actions .btn{font-size:11px;min-height:36px;padding:7px 12px}
#managerApp.office146>.main #focusKpis{gap:9px;padding:0 0 18px}
#managerApp.office146>.main #focusKpis>div{padding:11px 13px;border:0;border-radius:12px;background:#f5f7f9;min-height:67px}
#managerApp.office146>.main #focusKpis b{font-size:23px;font-weight:550;color:#344967;letter-spacing:-.5px}
#managerApp.office146>.main #focusKpis span{font-size:10px;color:#8190a5}
#managerApp.office146>.main .focus-table{border:1px solid #edf0f4;border-radius:13px;max-height:420px;scrollbar-width:thin;scrollbar-color:#d1d9e5 transparent}
#managerApp.office146>.main .focus-table table{font-size:11px;color:#6b7c92;min-width:650px}
#managerApp.office146>.main .focus-table th{padding:12px 10px;background:#f4f6f9;border-color:#e9edf3;color:#8392a5;font-size:10px;font-weight:500;white-space:nowrap}
#managerApp.office146>.main .focus-table td{padding:13px 10px;border-color:#edf0f5;line-height:1.5}
#managerApp.office146>.main .focus-table tbody tr:nth-child(even){background:#fbfcfe}
#managerApp.office146>.main .focus-table tbody tr:hover{background:#f2f6fd}
#managerApp.office146>.main .focus-table .followup-place b{font-size:11px;font-weight:550;color:#425978}
#managerApp.office146>.main .focus-table td:nth-child(2)>b{font-size:11px;font-weight:450;color:#71849d}
#managerApp.office146>.main .followup-passage{font-size:10px;color:#6c849f}
#managerApp.office146>.main .followup-passage.completed{color:#399375}
#managerApp.office146>.main .followup-passage.has-problem{color:#d17b72}
#managerApp.office146>.main .passbtn{font-size:10px;font-weight:500;min-height:32px;padding:7px 8px;color:#6488bc;background:#f3f7fe;border:1px solid #e4edfb;border-radius:8px;white-space:nowrap}
#managerApp.office146>.main .focus-card>.btn{margin-top:13px;min-height:34px;font-size:11px;padding:7px 13px}
#managerApp.office146>.main #focusNotice{font-size:10px;line-height:1.6;color:#8b97a7;background:transparent;border:0;padding:11px 0 0}
#managerApp.office146>.main .sd120-alert-card{grid-column:2;grid-row:2;padding:20px 17px;border:1px solid #fff;border-radius:22px}
#managerApp.office146>.main .sd120-alert-card>h2,#managerApp.office146>.main .activity>.section-head h2{font-size:15px;font-weight:550;letter-spacing:-.4px;color:#3b4c66;line-height:1.4}
#managerApp.office146>.main .activity{grid-column:2;grid-row:3;padding:20px 17px;border:1px solid #fff;border-radius:22px}
#managerApp.office146>.main .activity-item{gap:10px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #eff1f5}
#managerApp.office146>.main .activity-item:last-child{border:0;padding-bottom:0}
#managerApp.office146>.main .activity-icon{width:29px;height:29px;flex:0 0 29px;border-radius:50%;background:#eaf6f0;color:#62aa8d;display:grid;place-items:center}
#managerApp.office146>.main .activity-icon[data-tone=alert]{background:#fff0e9;color:#c78e71}
#managerApp.office146>.main .activity-icon .md-icon{width:15px;height:15px;flex-basis:15px}
#managerApp.office146>.main .activity-item b{font-size:11px;font-weight:550;color:#526781}
#managerApp.office146>.main .activity-item p{font-size:10px;line-height:1.8;color:#9ba7b8;margin-top:4px}
#managerApp.office146>.main .activity-item p br{display:block}
}
@media screen and (max-width:1250px){
#managerApp.office146>.main #dashboard.active{grid-template-columns:minmax(0,1fr) 230px;gap:16px}
#managerApp.office146>.main .content{padding-left:23px;padding-right:23px}
#managerApp.office146>.main .sd120-hero{padding-left:23px;padding-right:23px}
#managerApp.office146>.main .sd120-hero h1{font-size:33px}
#managerApp.office146>.main .sd120-hero-content{grid-template-columns:1fr}
#managerApp.office146>.main .sd120-date{justify-self:start}
#managerApp.office146>.main #kpis{gap:9px}
#managerApp.office146>.main #kpis .kpi{padding:14px 12px}
}
@media screen and (max-width:1050px){
#managerApp.office146>.main #dashboard.active{grid-template-columns:minmax(0,1fr);gap:18px}
#managerApp.office146>.main .sd120-main{grid-column:1;grid-row:2}
#managerApp.office146>.main .sd120-alert-card{grid-column:1;grid-row:3}
#managerApp.office146>.main .activity{grid-column:1;grid-row:4}
#managerApp.office146>.main #kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
#managerApp.office146>.main .sd120-overview{padding:15px}
#managerApp.office146>.main .topbar{margin-left:20px;margin-right:20px;border-radius:24px}
}
@media screen and (max-width:760px){
#managerApp.office146>.main{margin:0 8px 10px;border-radius:25px;min-height:calc(100dvh - 10px)}
#managerApp.office146>.main .topbar{margin:0;padding:12px 15px;border-radius:25px 25px 0 0;background:#ffffffd9;gap:10px;border:0;border-bottom:1px solid #e9edf3;flex-wrap:nowrap}
#managerApp.office146>.main .topbar>.inline{flex:1 1 auto;min-width:0;gap:9px}
#managerApp.office146>.main .sd120-breadcrumb{font-size:10px;gap:4px}
#managerApp.office146>.main .sd120-breadcrumb strong{display:none}
#managerApp.office146>.main .sd120-breadcrumb>span[aria-hidden]{display:none}
#managerApp.office146>.main .topbar .actions{flex:0 0 auto;gap:6px}
#managerApp.office146>.main #newTourButton{min-width:44px;width:44px;min-height:44px;height:44px;font-size:0;padding:0;gap:0}
#managerApp.office146>.main #newTourButton .md-icon{width:18px;height:18px;flex-basis:18px}
#managerApp.office146>.main .mobile-menu{width:40px;min-height:44px;padding:0;justify-content:center;font-size:17px;border-radius:12px;background:#f2f6fc}
#managerApp.office146>.main .sd120-hero{padding:26px 18px 17px}
#managerApp.office146>.main .sd120-hero h1{font-size:31px;letter-spacing:-1.1px}
#managerApp.office146>.main .sd120-hero p{font-size:12px;line-height:1.7;max-width:290px}
#managerApp.office146>.main .sd120-hero-content{gap:16px}
#managerApp.office146>.main .content{padding:0 16px 20px}
#managerApp.office146>.main .sd120-overview{padding:12px;border-radius:20px}
#managerApp.office146>.main .sd120-overview>h2{font-size:12px;margin-bottom:10px}
#managerApp.office146>.main #kpis .kpi{min-height:132px;padding:13px 11px;border-radius:14px}
#managerApp.office146>.main #kpis .label{font-size:12px;padding-right:24px}
#managerApp.office146>.main #kpis .value{font-size:29px;margin:16px 0 10px}
#managerApp.office146>.main #kpis .trend,#managerApp.office146>.main #kpis .sub{font-size:11px}
#managerApp.office146>.main #kpis .md-stat-icon{width:24px;height:24px;top:9px;right:8px}
#managerApp.office146>.main #kpis .md-stat-icon .md-icon{width:13px;height:13px}
#managerApp.office146>.main .section-head h2{font-size:19px}
#managerApp.office146>.main #todayRows,#managerApp.office146>.main #todayRows:has(>tr:nth-child(3)){grid-auto-columns:minmax(220px,85%);padding:1px}
#managerApp.office146>.main .sd120-tours{padding:8px;border-radius:19px}
#managerApp.office146>.main .focus-card{padding:16px 12px;border-radius:20px}
#managerApp.office146>.main #focusTour{font-size:14px;padding:11px 9px}
#managerApp.office146>.main .report-actions{display:flex;flex-wrap:wrap;gap:6px}
#managerApp.office146>.main .report-actions .btn{font-size:10px;min-height:40px;padding:9px 10px;flex:none}
#managerApp.office146>.main .focus-table table{display:table;min-width:700px;font-size:12px}
#managerApp.office146>.main .focus-table thead{display:table-header-group;position:static;width:auto;height:auto;overflow:visible;clip-path:none}
#managerApp.office146>.main .focus-table tbody{display:table-row-group;padding:0}
#managerApp.office146>.main .focus-table tr{display:table-row;padding:0;margin:0;border-radius:0}
#managerApp.office146>.main .focus-table td{display:table-cell;padding:12px 10px;text-align:left;overflow-wrap:normal;font-size:12px}
#managerApp.office146>.main .focus-table td:first-child{min-width:170px;max-width:280px}
#managerApp.office146>.main .focus-table td:nth-child(2),#managerApp.office146>.main .focus-table td:nth-child(3){white-space:nowrap}
#managerApp.office146>.main .focus-table td:before{display:none}
#managerApp.office146>.main .focus-table th{font-size:10px;display:table-cell}
#managerApp.office146>.main .focus-table .followup-place b,#managerApp.office146>.main .focus-table td:nth-child(2)>b{font-size:12px}
#managerApp.office146>.main .focus-table .followup-passage{font-size:11px}
#managerApp.office146>.main .activity-item b{font-size:13px}
#managerApp.office146>.main .activity-item p{font-size:11px}
#managerApp.office146>.main .focus-table .followup-actions{display:table-cell}
#managerApp.office146>.main .passbtn{min-height:40px}
#managerApp.office146>.main #focusKpis>div{padding:10px 11px;min-height:63px}
#managerApp.office146>.main #focusKpis b{font-size:22px}
#managerApp.office146>.main #focusKpis span{font-size:10px}
}
@media screen{
#managerApp.office146>.main .sd120-breadcrumb,#managerApp.office146>.main .sd120-hero p{color:#5d6d83}
#managerApp.office146>.main #kpis .trend,#managerApp.office146>.main #kpis .sub{color:#5d6d83}
#managerApp.office146>.main #kpis .kpi:nth-child(3) .trend{color:#fff}
#managerApp.office146>.main #todayRows td:nth-child(2),#managerApp.office146>.main #todayRows td:nth-child(5):before{color:#60718a}
#managerApp.office146>.main .badge.blue{color:#3f6199}#managerApp.office146>.main .badge.green{color:#1f7554}
#managerApp.office146>.main .sd120-focus-label,#managerApp.office146>.main #focusKpis span{color:#607087}
#managerApp.office146>.main .focus-table th{color:#5d6d84}
#managerApp.office146>.main .focus-table td:nth-child(2)>b{color:#5e6e86}
#managerApp.office146>.main .followup-passage.completed{color:#237a5b}#managerApp.office146>.main .followup-passage.has-problem{color:#aa514b}
#managerApp.office146>.main .passbtn{color:#426b9f}
#managerApp.office146>.main #focusNotice,#managerApp.office146>.main .activity-item p{color:#607087}
}

/* Shared real portal shell and controls. */
@media screen{
#managerApp.office146>.main{--office146-muted:#5d6d83;--office146-line:#e8ebf0;--office146-ink:#1b2433;--office146-soft:#f4f6f9;--bc-gradient:linear-gradient(135deg,#40baff,#5c70f7);color:var(--office146-ink)}
#managerApp.office146>.main :is(.pd121-breadcrumb,.sd120-breadcrumb){font-size:12px;gap:10px;color:var(--office146-muted)}
#managerApp.office146>.main :is(.pd121-breadcrumb,.sd120-breadcrumb) strong{font-weight:550;color:#384c67}
#managerApp.office146>.main :is(.pd121-breadcrumb,.sd120-breadcrumb)>span[aria-hidden]{font-size:17px;color:#78869a}
#managerApp.office146>.main .topbar{flex-wrap:wrap}
#managerApp.office146>.main .topbar>.inline{min-width:0}
#managerApp.office146>.main .topbar .actions{flex-wrap:wrap}
#managerApp.office146>.main .pd121-hero{min-height:0;padding:33px 30px 22px;border:0;background:none;gap:20px;align-items:center}
#managerApp.office146>.main .pd121-hero-content{max-width:none;min-width:0}
#managerApp.office146>.main .pd121-hero h1{font-size:38px;line-height:1.12;letter-spacing:-1.5px;color:#202a38;font-weight:500;margin:0 0 11px}
#managerApp.office146>.main .pd121-hero p{font-size:13px;line-height:1.6;color:var(--office146-muted)}
#managerApp.office146>.main .pd121-hero[data-page]{background:none}
#managerApp.office146>.main .pd121-hero[data-page] :is(h1,p){color:var(--office146-ink)}
#managerApp.office146>.main .pd121-hero[data-page] p{color:var(--office146-muted)}
#managerApp.office146>.main .pd121-date{min-height:40px;padding:0 12px;border-radius:999px;border:1px solid #e3e7ef;background:#fff;font-size:12px;color:var(--office146-muted)}
#managerApp.office146>.main .content{padding-top:0}
#managerApp.office146>.main .content>:has(>#syncStatus){margin:0 0 22px;padding:8px 2px 12px;min-height:42px;background:none;border:0;border-bottom:1px solid #e4e7ec;border-radius:0;gap:9px;font-size:12px;color:var(--office146-muted)}
#managerApp.office146>.main .pd121-hero>:has(>#syncStatus){min-width:0;margin:0;padding:12px 14px;border:1px solid #e8ebf0;border-radius:16px;background:#fff;box-shadow:none;backdrop-filter:none}
#managerApp.office146>.main :has(>#syncStatus)>b{font-size:12px;font-weight:500;color:#526a80}
#managerApp.office146>.main :has(>#syncStatus)>b:before{background:currentColor}
#managerApp.office146>.main #syncStatus{font-size:12px;line-height:1.6;color:var(--office146-muted);overflow-wrap:anywhere}
#managerApp.office146>.main :has(>#syncStatus) .btn{font-size:12px;min-height:36px;padding:7px 11px}
#managerApp.office146>.main :is(.hint,.small,.empty){color:var(--office146-muted)}
#managerApp.office146>.main :is(.toolbar,.section-head){gap:12px}
#managerApp.office146>.main :is(h2,h3){color:#28364a;font-weight:550}
#managerApp.office146>.main :is(.input,.select,.field input,.field select,.field textarea){border-color:#dfe4ec;border-radius:12px;background:#fff;color:#344967;min-height:40px;font-size:14px}
#managerApp.office146>.main :is(button,input,select,textarea,a):focus-visible{outline:3px solid #6e9de8;outline-offset:3px}
#managerApp.office146>.main .btn.danger{color:#b33e4e;border-color:#f0d7dc;background:#fffafb}
#managerApp.office146>.main .btn:disabled{opacity:.55;cursor:default}
#managerApp.office146>.main .badge{border-radius:999px}
#managerApp.office146>.main .badge.red{background:#fcecee;color:#aa3848}
#managerApp.office146>.main :is(.table-wrap,.ma-table-wrap,.ms-table-wrap,.fl-table-wrap){scrollbar-width:thin;scrollbar-color:#cbd4e0 transparent}
#managerApp.office146>.main .page:not(#dashboard) :is(table.ma-table,table.ms-table,table.fl-table,.table-card table){color:#435772}
#managerApp.office146>.main .page:not(#dashboard) :is(table.ma-table,table.ms-table,table.fl-table,.table-card table) th{background:#f4f6f9;color:#5d6d84;border-color:var(--office146-line);font-weight:500}
#managerApp.office146>.main .page:not(#dashboard) :is(table.ma-table,table.ms-table,table.fl-table,.table-card table) td{border-color:#edf0f5}
#managerApp.office146>.main .page:not(#dashboard) :is(table.ma-table,table.ms-table,table.fl-table,.table-card table) tbody tr:hover{background:#f2f6fd}
/* Real follow-up alerts, including genuine empty and warning states. */
#managerApp.office146>.main .management-alert-preview{border-radius:14px;padding:14px 11px;gap:8px 10px}
#managerApp.office146>.main .management-alert-copy b{color:#3b4c66;font-size:13px;font-weight:550}
#managerApp.office146>.main .management-alert-copy>span{color:#5d6d83;font-size:12px;line-height:1.6}
#managerApp.office146>.main :is(.sd120-alert-empty,.sd120-activity-empty,.sd120-tour-empty){border-radius:13px;background:#f5f7fa;color:#607087;font-size:12px;line-height:1.6}
#managerApp.office146>.main #todayRows tr.tour-has-alert{border-color:#e6a9a5;background:#fff8f6}
#managerApp.office146>.main #focusKpis{border:0;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 13px}
#managerApp.office146>.main #focusKpis>div{flex-wrap:wrap;gap:5px 7px;border:0;min-width:0}
#managerApp.office146>.main #focusKpis .md-stat-icon{margin:0;background:#e9eef5;border-radius:8px}
#managerApp.office146>.main #focusKpis span:not(.md-stat-icon):not(.md-completion-ring){font-size:12px;color:#607087}
#managerApp.office146>.main .focus-table{overflow:auto}
#managerApp.office146>.main .focus-table table{min-width:740px;font-size:12px}
#managerApp.office146>.main .focus-table td{font-size:12px;color:#52647c}
#managerApp.office146>.main .focus-table .followup-passage{font-size:12px}
#managerApp.office146>.main .focus-table .followup-passage.completed{color:#237a5b}
#managerApp.office146>.main .focus-table .followup-passage.has-problem{color:#aa514b}
#managerApp.office146>.main .focus-table .passbtn{min-height:40px;font-size:12px;border-radius:9px}
/* Tour and user cards keep their existing actions and grouping. */
#managerApp.office146>.main :is(.mc-tour-card,.mc-user-card){padding:18px;border:1px solid #e9ecf1;border-radius:22px;background:#fff;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main :is(.mc-tour-card,.mc-user-card) h3{color:#28364a;font-weight:550}
#managerApp.office146>.main :is(.mc-tour-card .meta,.mc-user-card .mc-user-role,.mc-user-details p,.mc-page-intro p){color:#607087}
#managerApp.office146>.main .mc-tour-card .mini{border-radius:13px;background:#f4f6f9}
#managerApp.office146>.main .mc-tour-card .mini span{color:#607087}
#managerApp.office146>.main :is(.mc-tour-card .foot>.btn,.mc-user-actions .btn){border-radius:999px}
#managerApp.office146>.main .mc-user-group-count{border-radius:999px;background:#eaf2ff;color:#3f6199}
/* Directory uses the existing container-driven rows and complete schedules. */
#managerApp.office146>.main #directory .dir95-card{background:#fff;border-color:#e9ecf1;border-radius:22px;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main #directory .directory-card-head h3{font-weight:550;color:#28364a}
#managerApp.office146>.main #directory :is(.dir95-address,.directory-note,.dir95-kind,.dir95-filter-note,#directoryCount,#directoryArchivedField){color:#607087}
#managerApp.office146>.main #directory .directory-note{background:#f4f6f9;border-radius:12px}
#managerApp.office146>.main #directory .dir95-schedules{border-color:#e8ebf0}
#managerApp.office146>.main #directory .dir95-schedule{background:#f5f7fa;border-radius:11px;color:#344967}
#managerApp.office146>.main #directory .dir95-days{background:#e9eef5;color:#526784;border-radius:8px}
#managerApp.office146>.main #directory :is(.dir95-toolbar input,.dir95-toolbar select,.dir95-controls select){border-color:#dfe4ec;border-radius:12px;color:#344967}
#managerApp.office146>.main #directory .dir95-toolbar .field label{color:#5d6d83}
#managerApp.office146>.main #directory .dir95-actions .btn{border-radius:12px}
#managerApp.office146>.main #directory .dir95-view{border-color:#dfe4ec;border-radius:999px}
/* Editor127 renders into the existing editor, without changes to forms or order. */
#managerApp.office146>.main #editor :is(.me-tourbar,.editor-side,.me-editor-foot){background:#fff;border-color:#e9ecf1;border-radius:20px;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main #editor .stop-list{background:#f0f3f7;border-color:#e8ebf0;border-radius:18px}
#managerApp.office146>.main #editor .stop{background:#fff;border-color:#e8ebf0;border-radius:14px}
#managerApp.office146>.main #editor .stop .place b{color:#344967;font-weight:550}
#managerApp.office146>.main #editor :is(.stop .place span,.me-days94,.me-settings-note,.me-editor-foot>.small){color:#607087}
#managerApp.office146>.main #editor .field :is(input,select,textarea){border-color:#dfe4ec;border-radius:12px;color:#344967}
#managerApp.office146>.main #editor :is(.me-settings-note,.editor-period126){background:#f4f6f9;border-color:#e8ebf0;border-radius:12px}
#managerApp.office146>.main #editor :is(.recall-folder126,.recall-picker126){border-color:#e8ebf0;border-radius:16px}
#managerApp.office146>.main #editor .btn{border-radius:999px}
/* Archives and statistics keep all original totals, columns, filters and charts. */
#managerApp.office146>.main #archives :is(.ma-stat,.ma-panel.card),#managerApp.office146>.main #statistics :is(.ms-kpi,.ms-panel){border-color:#e9ecf1;border-radius:22px;background:#fff;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main #archives .ma-filters{background:#f9fafc;border-color:#e8ebf0}
#managerApp.office146>.main #archives :is(.ma-stat-label,.ma-stat-note,.ma-pagination-info,.ma-archive-note){color:#607087}
#managerApp.office146>.main #archives :is(.ma-filters input,.ma-filters select){border-color:#dfe4ec;border-radius:12px;color:#344967}
#managerApp.office146>.main #archives :is(.ma-tab-count,.ma-page-buttons button,.ma-view){border-radius:999px}
#managerApp.office146>.main #statistics :is(.ms-kpi h3,.ms-panel h3){font-family:inherit;color:#344967;font-weight:550}
#managerApp.office146>.main #statistics :is(.ms-kpi small,.ms-panel header p,.ms-method){color:#607087}
#managerApp.office146>.main #statistics .ms-index{border-radius:8px;background:#f0f3f8;color:#526784}
/* Reminder cards keep the semantic status, note and timeline colours. */
#managerApp.office146>.main .v31-reminder{border-color:#e9ecf1;border-radius:22px;background:#fff;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main .v31-reminder-head h3{color:#344967;font-weight:550}
#managerApp.office146>.main :is(.v31-reminder-head p,.v31-reminder-head time,.v31-assignment,.v31-last-event){color:#607087}
#managerApp.office146>.main .v31-kpis .kpi{border-radius:18px;border-color:#e8ebf0}
#managerApp.office146>.main .v31-reminder .v31-actions .btn{border-radius:999px}
/* Fleet140 side panel position, state colours and table geometry are retained. */
#managerApp.office146>.main #fleet .fl-layout140 :is(.fl-metric,.fl-main140>.fl-panel,.fl-vehicle-panel140){border-color:#e9ecf1;border-radius:22px;background:#fff;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main #fleet .fl-layout140 :is(.fl-metric>div>span,.fl-head p,.fl-fact140 dt,.fl-document140 small,.fl-history small){color:#607087}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table-wrap{border-color:#e8ebf0;border-radius:14px}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table th{background:#f4f6f9;color:#5d6d84}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table td{border-color:#edf0f5}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table tbody tr:hover td{background:#f2f6fd}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table tbody .fl-selected td{background:#eaf2ff}
#managerApp.office146>.main #fleet .fl-layout140 :is(.fl-tile,.fl-document140){border-color:#e8ebf0;border-radius:14px}
#managerApp.office146>.main #fleet .fl-layout140 .fl-filters :is(input,select){border-color:#dfe4ec;border-radius:12px;color:#344967}
#managerApp.office146>.main #fleet .fl-layout140 .fl-panel-footer140{background:#fafbfd;border-color:#e8ebf0}
/* Notifications133 real React center retains counts, tabs, actions and severity. */
#managerApp.office146>.main #notifications{--on143-ink:#28364a;--on143-muted:#607087;--on143-line:#e8ebf0;color:var(--on143-ink)}
#managerApp.office146>.main #notifications .on143-center{max-width:none}
#managerApp.office146>.main #notifications .on143-surface{border-radius:22px;border-color:#e9ecf1;box-shadow:0 1px 0 #142b4803}
#managerApp.office146>.main #notifications .on143-head h2{font-weight:550;color:#28364a}
#managerApp.office146>.main #notifications .on143-filters{background:#f9fafc}
#managerApp.office146>.main #notifications .on143-filters :is(input,select){border-color:#dfe4ec;border-radius:12px;color:#344967}
#managerApp.office146>.main #notifications :is(.on143-meta,.on143-place,.on143-row-side time,.on143-foot p,.on143-foot nav,.on143-empty p,.on143-read-hint){color:#607087}
#managerApp.office146>.main #notifications :is(.on143-mark,.on143-foot .btn){border-radius:999px}
#managerApp.office146>.main #notifications .on143-row-title strong{font-weight:550}
#managerApp.office146>.main #notifications .on143-row:hover{background:#f5f7fb}
#managerApp.office146>.main #notifications .on143-row.unread{background:linear-gradient(90deg,#f0f5ff,#fff 45%)}
}
/* Restore the full six-column follow-up table where the source stacks at 900px.
   Every header and cell participates in native table layout; scroll stays local. */
@media screen and (max-width:900px){
#managerApp.office146>.main .focus-table{border:1px solid #edf0f4;border-radius:13px;background:#fff;overflow:auto;max-width:100%}
#managerApp.office146>.main .focus-table table{display:table;table-layout:auto;width:100%;min-width:740px}
#managerApp.office146>.main .focus-table thead{display:table-header-group;position:static;inset:auto;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal}
#managerApp.office146>.main .focus-table tbody{display:table-row-group;position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible}
#managerApp.office146>.main .focus-table :is(thead,tbody) tr{display:table-row;grid-template-columns:none;grid-template-areas:none;gap:0;padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
#managerApp.office146>.main .focus-table :is(th,td){display:table-cell;position:static;grid-column:auto;grid-row:auto;padding:12px 10px;border:0;border-bottom:1px solid #edf0f5;min-width:0;max-width:none;text-align:left;overflow-wrap:normal;font-size:12px;line-height:1.5}
#managerApp.office146>.main .focus-table th{background:#f4f6f9;font-size:11px;white-space:nowrap}
#managerApp.office146>.main .focus-table td:first-child{min-width:170px;max-width:280px;white-space:normal}
#managerApp.office146>.main .focus-table :is(.followup-place,.followup-actions,.empty){display:table-cell;grid-column:auto;max-width:none;border-top:0;padding:12px 10px}
#managerApp.office146>.main .focus-table td:before{display:none;content:none}
#managerApp.office146>.main .focus-table .followup-passage{white-space:nowrap;flex-wrap:nowrap}
#managerApp.office146>.main .focus-table .passbtn{min-height:44px}
}
@media screen and (max-width:1250px){
#managerApp.office146>.main .pd121-hero{padding-inline:23px}
#managerApp.office146>.main .pd121-hero h1{font-size:33px}
}
@media screen and (max-width:760px){
#managerApp.office146>.main .topbar{flex-wrap:wrap;min-height:68px}
#managerApp.office146>.main .topbar>.inline{flex:1 1 150px;min-width:0}
#managerApp.office146>.main .topbar .actions{flex:0 1 auto;min-width:0;gap:6px}
#managerApp.office146>.main :is(.pd121-breadcrumb,.sd120-breadcrumb){font-size:11px;gap:5px}
#managerApp.office146>.main :is(.pd121-breadcrumb,.sd120-breadcrumb) strong{font-size:11px}
#managerApp.office146>.main .pd121-hero{padding:26px 18px 17px;gap:16px;flex-wrap:wrap}
#managerApp.office146>.main .pd121-hero h1{font-size:31px;letter-spacing:-1.1px}
#managerApp.office146>.main .pd121-hero p{font-size:12px;line-height:1.7}
#managerApp.office146>.main .pd121-hero>:has(>#syncStatus){flex-basis:100%;padding:10px 12px}
#managerApp.office146>.main .content>:has(>#syncStatus){display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:17px}
#managerApp.office146>.main #syncStatus{min-width:0;font-size:11px;max-width:100%}
#managerApp.office146>.main :has(>#syncStatus) .btn{min-height:44px}
#managerApp.office146>.main :is(.btn,.passbtn){min-height:44px}
#managerApp.office146>.main :is(.input,.select,.field input,.field select,.field textarea){font-size:16px;min-height:44px}
#managerApp.office146>.main #editor .field :is(input,select,textarea){font-size:16px;min-height:44px}
#managerApp.office146>.main :is(.mc-tour-card,.mc-user-card,.v31-reminder){border-radius:20px}
#managerApp.office146>.main #editor .stop-list{background:none;border-radius:0}
#managerApp.office146>.main #editor .stop{border:1px solid #e8ebf0;border-radius:14px}
#managerApp.office146>.main #focusKpis>div{padding:11px 7px}
#managerApp.office146>.main #focusKpis span:not(.md-stat-icon):not(.md-completion-ring){font-size:11px}
#managerApp.office146>.main #notifications .on143-surface{border-radius:20px}
#managerApp.office146>.main #notifications .on143-filters :is(input,select){font-size:16px;min-height:44px}
#managerApp.office146>.main #fleet .fl-layout140 .fl-metrics .fl-metric{border-radius:17px}
#managerApp.office146>.main #fleet .fl-layout140 .fl-table .btn{min-width:44px;min-height:44px}
}
@media screen and (prefers-reduced-motion:reduce){
#managerApp.office146>.main *,#managerApp.office146>.main *:before,#managerApp.office146>.main *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
@media screen and (max-width:430px){
#managerApp.office146>.main :is(.content,.pd121-hero)>:has(>#syncStatus){display:flex;flex-wrap:wrap;gap:6px;align-items:center}
#managerApp.office146>.main :has(>#syncStatus)>b{order:1;flex:0 0 auto}
#managerApp.office146>.main :has(>#syncStatus)>.btn{order:2;margin-left:auto}
#managerApp.office146>.main #syncStatus{order:3;flex:1 0 100%;width:100%;max-width:none;line-height:1.6}
}
/* V147 — restore the existing page photographs inside the approved rounded shell. */
@media screen{
#managerApp.office146>.main :is(.sd120-hero,.pd121-hero){margin:24px 30px 18px;padding:26px 24px;min-height:160px;border:1px solid #e2eaf4;border-radius:20px;background-color:#edf5fc;background-repeat:no-repeat;background-size:cover,auto 230%;background-position:center,right center}
#managerApp.office146>.main .sd120-hero{background-image:linear-gradient(90deg,#f5faff 0%,#f5fafff5 32%,#f5faffba 53%,#f5faff14 85%),url('laboratoire-suivi120.67b5b08540573f739e30.webp')}
#managerApp.office146>.main .pd121-hero[data-page]{background-image:linear-gradient(90deg,#f5faff 0%,#f5fafff5 32%,#f5faffba 53%,#f5faff14 85%),var(--pd-hero,url('laboratoire-suivi120.67b5b08540573f739e30.webp'))}
#managerApp.office146>.main .pd121-hero[data-page=notifications]{--pd-hero:url('bandeau-notifications121.caaa835b91d56c04ce50.webp')}
}
@media screen and (max-width:1250px){
#managerApp.office146>.main :is(.sd120-hero,.pd121-hero){margin-inline:23px}
}
@media screen and (max-width:760px){
#managerApp.office146>.main :is(.sd120-hero,.pd121-hero){margin:18px 16px 16px;padding:22px 18px;min-height:160px;border-radius:18px;background-size:cover,auto 190%;background-position:center,75% center}
#managerApp.office146>.main .sd120-hero{background-image:linear-gradient(90deg,#f5fafff7 0%,#f5faffe8 45%,#f5faff9c 75%,#f5faff4d),url('laboratoire-suivi120.67b5b08540573f739e30.webp')}
#managerApp.office146>.main .pd121-hero[data-page]{background-image:linear-gradient(90deg,#f5fafff7 0%,#f5faffe8 45%,#f5faff9c 75%,#f5faff4d),var(--pd-hero,url('laboratoire-suivi120.67b5b08540573f739e30.webp'))}
}