/* Consistent work surfaces: renovation, outdoor rounds and edge-to-edge mobile banners. */
.content .outdoor-entry{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:19px 0;padding:25px 28px;border:1px solid #526071;border-radius:18px;background:radial-gradient(circle at 78% 16%,#435463,transparent 40%),linear-gradient(125deg,#142331,#263a4b);box-shadow:0 14px 29px #172c3e24;color:#fff}
.content .outdoor-entry span{color:#e3c58b!important;font-size:12px;font-weight:850;letter-spacing:.15em}
.content .outdoor-entry h2{margin:7px 0 5px;color:#fff!important;font:800 28px Manrope,sans-serif;letter-spacing:-.04em}
.content .outdoor-entry p{margin:0;color:#dfe8ed!important;font-size:15px;line-height:1.5;max-width:630px}
.content .outdoor-entry button{flex:none;background:#e5c78d!important;color:#192c3b!important;border:1px solid #e5c78d!important;border-radius:10px;min-height:48px;padding:12px 18px;font-weight:800}
.ren-share-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0;max-height:290px;overflow:auto}
.ren-share-people label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #d8e2e7;border-radius:10px;background:#f7f9fa;color:#1c3343;font-weight:750;cursor:pointer}
.ren-share-people input{width:20px;height:20px;accent-color:#1d4058}
@media(max-width:720px){
 
 body.field-mode .content>.outdoor-page>.page-head{box-sizing:border-box;width:auto!important;margin:0 -15px 17px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content>.work-calendar-page>.page-head{box-sizing:border-box;width:auto!important;margin:0 -15px 17px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content>.planning>.page-head{box-sizing:border-box;width:auto!important;margin:0 -15px 17px!important;border-radius:0!important;border-left:0!important;border-right:0!important}body.field-mode .content>.timehbu>.timehbu-hero{box-sizing:border-box;width:auto!important;margin:0 -15px 17px!important;border-radius:0!important;border-left:0!important;border-right:0!important}
 body.field-mode .content>.timehbu>.timehbu-hero{margin-bottom:14px!important}
 
 body.field-mode .topbar .top-actions #notificationBtn .wf-notification-count{background:#d63b3b!important;color:#fff!important;border:1px solid #142535!important}
 body.field-mode .content .outdoor-entry{display:grid;gap:16px;padding:21px 17px}
 body.field-mode .content .outdoor-entry button{width:100%}
 .ren-share-people{grid-template-columns:1fr}
}
/* Mobile renovation and exterior work: preserve readable text over the dark module card and calm list rows. */
@media(max-width:720px){
 body.field-mode .content .ren-entry{background:radial-gradient(circle at 82% 12%,#3b5060,transparent 39%),linear-gradient(125deg,#142330,#263a4b)!important;border:1px solid #526071!important;color:#fff!important}
 body.field-mode .content .ren-entry h2{color:#fff!important;font-size:27px!important;line-height:1.14!important}
 body.field-mode .content .ren-entry p{color:#e3ebef!important;font-size:16px!important;line-height:1.5!important}
 body.field-mode .content .ren-entry span{color:#e6c991!important;font-size:12px!important}
 body.field-mode .content .ren-entry button.primary{background:#e5c78d!important;border-color:#e5c78d!important;color:#192c3b!important;font-size:15px!important;box-shadow:none!important}
 body.field-mode .content:has(.operation-tabs) .operation-list{background:#fff!important;border:1px solid #dce4e8!important;box-shadow:0 7px 22px #14283912!important}
 body.field-mode .content:has(.operation-tabs) .operation-row{background:#fff!important;color:#1b2f3c!important;border-color:#e6ebee!important}
 body.field-mode .content:has(.operation-tabs) .operation-row strong{color:#1b2f3c!important}body.field-mode .content:has(.operation-tabs) .operation-row b{color:#1b2f3c!important}
 body.field-mode .content:has(.operation-tabs) .operation-row small{color:#536471!important;font-size:14px!important}
 body.field-mode .content:has(.operation-tabs) .operation-row .job-priority{font-weight:800!important}
 body.field-mode .content:has(.operation-tabs) .operation-row:hover{background:#faf8f3!important}
 body.field-mode .content:has(.operation-tabs) .operation-tools .secondary{background:#f8f5ef!important;color:#423724!important;border:1px solid #d8c7a5!important;box-shadow:none!important}
}
/* Restore the mobile notification bell to a clear, easy-to-see size. */
@media(max-width:720px){
 body.field-mode .topbar .top-actions #notificationBtn svg{width:29px!important;height:29px!important;stroke-width:1.9}
}
.team-invite-note{margin:14px 0 4px;padding:13px 15px;border:1px solid #d8e1e6;border-radius:11px;background:#f6f8f8;color:#283e4b;font-size:14px;line-height:1.55}