/* Canonical mobile visual contract. Desktop and business logic remain untouched. */
@media(max-width:720px){
 :root{}
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
 
 body{font-size:16px;line-height:1.5}
 
 
 
 
 
 
 
 body.field-mode:not(:has(.field-home)) #content .mobile-title-host{padding-top:0!important;margin-top:0!important}
 html body.field-mode #content#content .mobile-page-title{box-sizing:border-box!important;width:100vw!important;max-width:none!important;margin-top:0!important;margin-left:var(--mobile-title-margin,0px)!important;margin-right:0!important;margin-bottom:16px!important;padding:16px 18px!important;border:0!important;border-radius:0 0 16px 16px!important;background:var(--mobile-ink)!important;background-image:none!important;color:#fff!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important}
 html body.field-mode #content#content .mobile-page-title>:not(button){grid-column:1/-1}
 html body.field-mode #content#content .mobile-page-title h1{font-size:30px!important;line-height:1.18!important;letter-spacing:-.025em!important;margin:0!important;padding:0!important;color:#fff!important;-webkit-text-fill-color:#fff!important;overflow-wrap:anywhere}
 html body.field-mode #content#content .mobile-page-title p{font-size:18px!important;line-height:1.45!important;margin:0!important;color:#e2e9f0!important;-webkit-text-fill-color:#e2e9f0!important}
 html body.field-mode #content#content .mobile-page-title .eyebrow{font-size:18px!important;line-height:1.35!important;letter-spacing:.06em!important;color:#e9c97f!important;margin:0!important}html body.field-mode #content#content .mobile-page-title>span{font-size:18px!important;line-height:1.35!important;letter-spacing:.06em!important;color:#e9c97f!important;margin:0!important}html body.field-mode #content#content .mobile-page-title>div>span:first-child{font-size:18px!important;line-height:1.35!important;letter-spacing:.06em!important;color:#e9c97f!important;margin:0!important}
 html body.field-mode #content#content .mobile-page-title>button{margin:0!important;width:100%!important;min-width:0!important;min-height:44px!important;padding:9px 10px!important;font-size:17px!important;line-height:1.3!important;white-space:normal!important}
 html body.field-mode #content#content .mobile-page-title .page-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}html body.field-mode #content#content .mobile-page-title .ren-hero-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}html body.field-mode #content#content .mobile-page-title .drift-home-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
 html body.field-mode #content#content .mobile-page-title :is(.page-actions,.ren-hero-actions,.drift-home-actions)>button{flex:1 1 100px!important;min-height:44px!important;margin:0!important;padding:9px 10px!important;font-size:17px!important;line-height:1.3!important;white-space:normal!important}
 html body.field-mode #content#content .mobile-page-title .page-actions{display:contents!important}
 html body.field-mode #content#content .mobile-page-title .page-actions>button{width:100%!important;min-width:0!important}
 html body.field-mode #content#content .mobile-page-title .ren-back{grid-column:1/-1;width:auto!important;justify-self:start}
 html body.field-mode #content#content .mobile-page-title .lead-hero-shade{display:none!important}
 html body.field-mode #content#content .mobile-page-title .lead-hero-copy{padding:0!important}
 body.field-mode :is(#content,#modalContent,.premium-menu-panel) :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select,option){font-size:18px!important;line-height:1.4!important}
 body.field-mode :is(#content,#modalContent) :is(select,input:not([type=checkbox]):not([type=radio]):not([type=file]),button){min-height:44px!important}
 body.field-mode :is(#content,#modalContent) label{font-size:17px!important;line-height:1.4!important}
 body.field-mode :is(#content,#modalContent,.premium-menu-panel) .mobile-small-copy{font-size:16px!important;line-height:1.45!important}
 body.field-mode :is(#content,#modalContent) :is(.badge,.task-priority,.status-badge,.priority-badge){font-size:18px!important;line-height:1.35!important;font-weight:700!important;padding:6px 10px!important;white-space:nowrap}
 html body.field-mode :is(#content#content,#modalContent#modalContent) .mobile-small-copy{font-size:16px!important;line-height:1.45!important}
 html body.field-mode :is(#content#content,#modalContent#modalContent) small{font-size:16px!important;line-height:1.45!important}
 html body.field-mode #content#content p:not(.eyebrow){font-size:18px!important;line-height:1.45!important}
 body.field-mode .task-priority.urgent{background:#ffe7e7!important;color:#932222!important}
 body.field-mode .task-priority.high{background:#fff1d9!important;color:#754600!important}
 body.field-mode .task-tools{padding:10px!important}
 body.field-mode .task-focus-filters{display:flex!important;gap:4px!important;overflow-x:auto!important}
 body.field-mode .task-focus-filters button{flex:0 0 auto!important;min-width:44px!important;font-size:18px!important;padding:8px 5px!important;min-height:44px!important}
 body.field-mode .task-focus-filters select{flex:1 0 150px!important;width:150px!important;padding:8px 6px!important}
 body.field-mode #taskViewChoice{font-size:18px!important;min-width:150px!important}
 body.field-mode .task-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 body.field-mode .task-summary .task-summary-action{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;min-height:56px!important;text-align:left!important}
 body.field-mode .task-summary .task-summary-action strong{font-size:23px!important;line-height:1.1!important;flex:0 0 30px}
 body.field-mode .task-summary .task-summary-action span{font-size:18px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere}
 html body.field-mode #content#content .mobile-page-title>div:first-child{margin:0!important;padding:0!important}
 body.field-mode .task-focus-row{align-items:flex-start!important;flex-wrap:wrap!important}
 body.field-mode .task-focus-row-main{flex:1 1 160px!important}
 body.field-mode .task-focus-row-main strong{font-size:17px!important;line-height:1.35!important}
 body.field-mode .task-focus-row-main :is(small,span){font-size:17px!important;line-height:1.4!important}
 body.field-mode .task-focus-row .task-priority{margin-left:auto}
 body.field-mode :is(.task-tools,.tenant-crm-tabs,.viewings-tabs){overflow-x:auto;max-width:100%;scrollbar-width:thin}
 body.field-mode :is(.refine-task-tabs,.task-tools){flex-wrap:nowrap}
 body.field-mode .modal-backdrop{background:#07101bc9!important;padding-top:calc(var(--mobile-top-height) + 8px)!important;padding-bottom:calc(var(--mobile-safe-bottom) + 8px)!important;}
 
 body.field-mode #modalContent :is(p,.intro,.discussion-list p){font-size:18px!important;line-height:1.5!important}
 html body.field-mode :is(#content#content,#modalContent#modalContent) label:has(input[type=checkbox]){min-height:44px!important;display:flex;align-items:center;gap:8px}
 body.field-mode .modal-close{width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;font-size:33px!important;line-height:1;display:grid;place-items:center;padding:0}
 body.field-mode #modalContent :is(h2){font-size:25px!important;line-height:1.25!important}
 body.field-mode .premium-notices .drift-notice-card strong{font-size:17px!important;line-height:1.35!important}
 body.field-mode .premium-notices .drift-notice-card span{font-size:17px!important}
 
 
 
 html body.field-mode #content#content.pd-v2>.back-link{top:calc(var(--mobile-top-height) + 12px)!important;z-index:5!important}
 html body.field-mode .bottom-nav button:not(.create-fab){font-size:18px!important;line-height:1.3!important;}
 html body.field-mode .bottom-nav{}
 html body.field-mode .topbar .wf-notification-count{font-size:18px!important;min-width:23px!important;height:23px!important;line-height:23px!important}
 html body.field-mode #content#content .news-date{font-size:18px!important}
 
 body.field-mode .bottom-nav{background:var(--mobile-ink)!important;}
}

/* Mobile shell v2: only the content scrolls; status and navigation never rubber-band. */
@media(max-width:720px){
 html{width:100%!important;}html body{width:100%!important;}
 
 html body.field-mode #content#content{box-sizing:border-box!important;}
 
 
 
 html body.field-mode .topbar.topbar :is(#driftRefresh,#notificationBtn){place-items:center!important;}
 
 
 
 
 
 
 html body.field-mode #modalBackdrop:not([hidden]){position:fixed!important;padding:0!important;overflow:hidden!important;background:#101722!important;align-items:stretch!important}
 html body.field-mode #modalBackdrop:not([hidden]) .modal{width:100%!important;max-width:none!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important;overscroll-behavior:none!important;}
 html body.field-mode #modalContent#modalContent :is(p,.intro,.discussion-list p){font-size:18px!important}
 html body.field-mode :is(#content#content,#modalContent#modalContent) :is(.badge,.task-priority,.status-badge,.priority-badge,small){font-size:16px!important}
 html body.field-mode .bottom-nav button:not(.create-fab){font-size:16px!important;}
 html body.field-mode .task-summary .task-summary-action span{font-size:16px!important}
 html body.field-mode .task-focus-row-main :is(small,span){font-size:16px!important}
 html body.field-mode .task-focus-filters button{font-size:16px!important}
 html body.field-mode .topbar .wf-notification-count{font-size:16px!important}
}
@media(max-width:720px){
 
 html body.field-mode .premium-menu-panel{padding-top:calc(var(--mobile-safe-top) + 12px)!important;background:var(--mobile-ink)!important;}
 
}