/* Mobile dashboard only: natural section heights, usable controls, contained text. */
.mobile-workspace-tabs{display:none}
@media(max-width:820px){
 html #appShell .topbar{grid-template-columns:auto 40px minmax(0,1fr)!important;gap:4px!important;padding-inline:4px!important;box-sizing:border-box!important}
 html #appShell .topbar-left{gap:4px!important;min-width:0!important}
 html #appShell .topbar-left>button{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}
 html #appShell .topbar-actions{gap:4px!important;min-width:0!important;justify-content:flex-end!important}
 html #appShell #topbarBotButton{width:78px!important;min-width:78px!important;gap:3px!important;padding:0!important}
 html #appShell #topbarBotButton>span{width:22px!important;height:28px!important}
 html #appShell .topbar-new-contract{display:inline-flex!important;width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;justify-content:center!important}
 html #appShell .topbar-new-contract span{display:none!important}
 html #appShell #notificationButton{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important}
 html #appShell #sidebarSearchWrap{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important}
 html #appShell #sidebarSearchWrap .mobile-search-toggle{width:40px!important;height:40px!important}
 html #appShell .topbar.is-mobile-search-open #sidebarSearchWrap{width:calc(100% - 16px)!important;max-width:none!important;min-width:0!important}
}
@media(max-width:820px),(max-width:1024px) and (max-height:600px){
 html #appShell #page-platform-dashboard{padding:12px 10px 32px!important;min-width:0!important}
 html #appShell #page-platform-dashboard .platform-dashboard-shell.platform-dashboard-shell{width:100%!important;height:auto!important;grid-template-rows:auto auto auto!important;overflow:visible!important;gap:14px!important}
 html #appShell #page-platform-dashboard .platform-welcome{height:auto!important;min-height:132px!important;padding:16px 14px 44px!important;overflow:hidden!important}
 html #appShell #page-platform-dashboard .platform-welcome h1{font-size:20px!important;line-height:1.25!important;overflow-wrap:anywhere}
 html #appShell #page-platform-dashboard .platform-welcome p{font-size:11px!important;line-height:1.5!important}
 html #appShell #page-platform-dashboard .greeting-photo-credit{max-width:calc(100% - 24px)!important;white-space:normal!important;line-height:1.3!important;font-size:9px!important;padding:5px 7px!important}
 html #appShell #page-platform-dashboard .platform-calendar-strip{display:grid!important;grid-template-columns:1fr 40px!important;grid-template-rows:40px 82px!important;height:auto!important;min-height:132px!important;padding:6px!important;gap:4px!important}
 html #appShell #page-platform-dashboard .platform-calendar-control{grid-column:1;grid-row:1;padding:0!important;gap:8px!important}
 html #appShell #page-platform-dashboard .platform-calendar-next{grid-column:2;grid-row:1}
 html #appShell #page-platform-dashboard .platform-date-strip{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(9,minmax(44px,1fr))!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;scrollbar-width:thin;touch-action:pan-x pan-y;contain:layout!important}
 html #appShell #page-platform-dashboard .platform-calendar-day{min-width:44px!important;margin:0!important;padding:7px 2px!important;height:72px!important}
 html #appShell #page-platform-dashboard .platform-calendar-day>span{font-size:9px!important;white-space:nowrap}
 html #appShell #page-platform-dashboard .platform-calendar-day>strong{font-size:18px!important}
 html #appShell #page-platform-dashboard .platform-operations-layout{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important;height:auto!important}
 html #appShell #page-platform-dashboard .platform-agenda-panel{width:100%!important;min-height:0!important;height:auto!important;order:0}
 html #appShell #page-platform-dashboard .platform-agenda-panel>header{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:14px!important}
 html #appShell #page-platform-dashboard .platform-agenda-filters{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:6px!important;overflow:visible!important}
 html #appShell #page-platform-dashboard .platform-agenda-filters button{flex:1 1 auto!important;min-height:38px!important;padding:6px 9px!important;font-size:11px!important}
 html #appShell #page-platform-dashboard .platform-agenda-empty{min-height:180px!important;padding:20px!important}
 html #appShell #page-platform-dashboard .platform-insights-column{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;width:100%!important;min-width:0!important;overflow:visible!important;order:1;gap:10px!important}
 html #appShell #page-platform-dashboard .staff-sales-panel{order:2;width:100%!important;min-width:0!important;height:auto!important}
 html #appShell #page-platform-dashboard .platform-insight-card{min-width:0!important;height:auto!important}
 html #appShell #page-platform-dashboard .platform-workload{grid-template-columns:1fr!important;justify-items:center!important;gap:10px!important}
 html #appShell #page-platform-dashboard .platform-workload-legend{width:100%!important;gap:7px!important}
 html #appShell #page-platform-dashboard .platform-workload-legend span{font-size:10px!important}
 html #appShell #page-platform-dashboard .platform-insight-card h2{font-size:12px!important;overflow-wrap:anywhere}
 html #appShell #page-platform-dashboard .platform-quick-access{grid-template-columns:1fr!important}
 html #appShell #page-platform-dashboard .platform-quick-access button{min-height:36px!important;font-size:10px!important}
 html #appShell #page-platform-dashboard .platform-upcoming>div button,
 html #appShell #page-platform-dashboard .platform-attention>div button{min-height:36px!important;height:auto!important;padding-block:7px!important}
 html #appShell #page-platform-dashboard .platform-attention>div button b{font-size:10px!important;line-height:1.4!important;overflow-wrap:anywhere}
 html #appShell #page-platform-dashboard .ss-header{flex-wrap:wrap!important;gap:8px!important}
 html #appShell #page-platform-dashboard .ss-owner-picker{min-width:0!important;max-width:calc(100% - 44px)!important}
 html #appShell #page-platform-dashboard .ss-metrics{gap:10px!important}
 html #appShell #page-platform-dashboard .ss-metrics>div{min-width:0!important}
 html #appShell #page-platform-dashboard .ss-money{overflow-wrap:anywhere}
 html #appShell #page-platform-dashboard .dashboard-workspace-split{display:flex!important;flex-direction:column!important;gap:14px!important;min-width:0!important}
 html #appShell #page-platform-dashboard .mobile-workspace-tabs{display:flex!important;position:sticky;top:48px;z-index:45;width:100%;padding:4px;gap:4px;border:1px solid #dce8e3;border-radius:10px;background:#edf6f3;box-sizing:border-box}
 html #appShell #page-platform-dashboard .mobile-workspace-tabs button{flex:1;min-height:40px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#486b62;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
 html #appShell #page-platform-dashboard .mobile-workspace-tabs button[aria-selected=true]{background:#168775;color:#fff}
 html #appShell #page-platform-dashboard .mobile-workspace-tabs button:focus-visible{outline:2px solid #168775;outline-offset:2px}
 html #appShell #page-platform-dashboard .dashboard-workspace-split[data-mobile-panel=notes]>.dashboard-followup{display:none!important}
 html #appShell #page-platform-dashboard .dashboard-workspace-split[data-mobile-panel=followup]>.w360-dashboard{display:none!important}
 html #appShell #page-platform-dashboard .dashboard-workspace-split>.w360-dashboard,
 html #appShell #page-platform-dashboard .dashboard-followup{position:static!important;width:100%!important;max-height:none!important;overflow:visible!important;scroll-margin-top:70px}
 html #appShell #page-platform-dashboard .w360-dashboard-heading{flex-wrap:wrap!important}
 html #appShell #page-platform-dashboard .w360-dashboard-heading>button{min-height:38px!important}
 html #appShell #page-platform-dashboard .w360-dashboard-filters{width:100%!important;flex-wrap:wrap!important}
 html #appShell #page-platform-dashboard .w360-dashboard-filters button{flex:1 1 auto!important;min-height:36px!important}
 html #appShell #page-platform-dashboard .w360-dashboard-toolbar>div{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
 html #appShell #page-platform-dashboard .w360-dashboard-toolbar select{min-height:38px!important;max-width:100%!important}
 html #appShell #page-platform-dashboard .w360-note-text{overflow-wrap:anywhere!important;word-break:normal!important;white-space:pre-wrap!important;max-width:100%!important}
 html #appShell #page-platform-dashboard .w360-chat-note .w360-note-body{font-size:12px!important;line-height:1.65!important;overflow-wrap:anywhere!important}
 html #appShell #page-platform-dashboard .w360-dashboard :is(.w360-note-actions,.w360-add-reply,.w360-note-share){min-width:36px!important;min-height:36px!important}
 html #appShell #page-platform-dashboard .w360-dashboard-pager{gap:8px!important;justify-content:center!important}
 html #appShell #page-platform-dashboard .df-card header>span{white-space:normal!important}
 html #appShell #page-platform-dashboard .df-card footer{flex-wrap:wrap!important}
 html #appShell #page-platform-dashboard .df-card footer button{min-height:36px!important}
 html #appShell #page-platform-dashboard .df-tabs button{min-height:38px!important}
 html #appShell #page-platform-dashboard .platform-agenda-row>button{min-width:0!important;grid-template-columns:30px minmax(0,1fr) auto!important;gap:8px!important}
 html #appShell #page-platform-dashboard .platform-agenda-copy{min-width:0!important}
 html #appShell #page-platform-dashboard .platform-agenda-copy b,
 html #appShell #page-platform-dashboard .platform-agenda-copy small{white-space:normal!important;overflow-wrap:anywhere!important}
 html #appShell #page-platform-dashboard .platform-agenda-owner{grid-column:2!important;max-width:100%!important;white-space:normal!important;font-size:10px!important}
 html #appShell #page-platform-dashboard .platform-agenda-status{display:inline-flex!important;grid-column:3!important;grid-row:1!important;font-size:9px!important;max-width:76px!important;white-space:normal!important}
 html #appShell #page-platform-dashboard .platform-agenda-arrow{display:none!important}
 html button#w360Edge.w360-edge{top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;right:10px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 3px 14px #0b806c26!important}
 html #w360Edge .w360-green-emblem{left:5px!important;top:5px!important;width:34px!important;height:34px!important}
}
@media(max-width:359px){
 html #appShell .topbar{grid-template-columns:auto 36px minmax(0,1fr)!important}
 html #appShell .topbar-left>button,
 html #appShell .topbar-new-contract,
 html #appShell #notificationButton{width:36px!important;min-width:36px!important;height:36px!important}
 html #appShell #sidebarSearchWrap{width:36px!important;min-width:36px!important;max-width:36px!important}
 html #appShell #sidebarSearchWrap .mobile-search-toggle{width:36px!important;height:36px!important}
 html #appShell #page-platform-dashboard .platform-insights-column{grid-template-columns:1fr!important}
}