.tremac-patch-toast{position:fixed;right:22px;bottom:22px;z-index:12000;background:#172033;color:#fff;padding:12px 16px;border-radius:10px;box-shadow:0 12px 35px rgba(0,0,0,.25);opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.tremac-patch-toast.show{opacity:1;transform:none}.tremac-patch-toast.bad{background:#9b1c1c}
.tremac-comms-ready{margin-top:18px}.tremac-comms-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.tremac-comms-summary>div{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.tremac-comms-summary strong{font-size:16px}.tremac-comms-summary span{font-size:12px;color:#667085}
.tremac-comms-modal,.tremac-preview{position:fixed;inset:0;z-index:11000;display:flex;align-items:center;justify-content:center;padding:20px}.tremac-comms-backdrop,.tremac-preview-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px)}.tremac-comms-card{position:relative;width:min(1120px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 28px 80px rgba(0,0,0,.28)}.tremac-comms-card>header,.tremac-preview-card>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid #eaecf0}.tremac-comms-card header h2{margin:2px 0 4px}.tremac-comms-card header p{margin:0;color:#667085}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:#946c13}
.tremac-job-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid #eaecf0;background:#fafbfc}.tremac-job-facts>div{padding:12px 18px;border-right:1px solid #eaecf0}.tremac-job-facts>div:last-child{border-right:0}.tremac-job-facts span{display:block;font-size:11px;color:#667085;text-transform:uppercase;letter-spacing:.05em}.tremac-job-facts strong{font-size:13px;display:block;margin-top:3px}
.tremac-comms-tabs{display:flex;gap:4px;padding:14px 18px 0;border-bottom:1px solid #eaecf0}.tremac-comms-tabs button{border:0;background:transparent;padding:10px 16px;font-weight:700;color:#667085;border-bottom:2px solid transparent;cursor:pointer}.tremac-comms-tabs button.active{color:#172033;border-bottom-color:#b88b2b}
#tremacCommsBody{padding:18px 22px 22px}.tremac-compose-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:22px}.tremac-compose-grid section,.tremac-sms-compose{display:flex;flex-direction:column;gap:13px}.tremac-compose-grid label,.tremac-sms-compose label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#344054}.tremac-compose-grid input,.tremac-compose-grid textarea,.tremac-sms-compose input,.tremac-sms-compose textarea{font:inherit;font-size:14px;border:1px solid #d0d5dd;border-radius:8px;padding:10px 12px;color:#101828;background:#fff}.tremac-compose-grid textarea,.tremac-sms-compose textarea{resize:vertical;line-height:1.45}.tremac-send-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}.tremac-send-row button:disabled{opacity:.5;cursor:not-allowed}
.tremac-attachment-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px}.tremac-attachment-head strong,.tremac-attachment-head small{display:block}.tremac-attachment-head small{color:#667085;margin-top:3px}.link-button{background:transparent;border:0;color:#70530e;font-weight:700;font-size:12px;cursor:pointer;padding:3px 5px}.tremac-attachments{border:1px solid #eaecf0;border-radius:10px;max-height:390px;overflow:auto}.tremac-file{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-bottom:1px solid #f0f2f5;cursor:pointer}.tremac-file:last-child{border-bottom:0}.tremac-file input{margin-top:3px}.tremac-file span{min-width:0}.tremac-file strong,.tremac-file small{display:block}.tremac-file strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.tremac-file small{font-size:11px;color:#667085;margin-top:2px}.tremac-note{font-size:11px;color:#667085;line-height:1.45;margin-top:10px;padding:10px;background:#f8fafc;border-radius:8px}
.tremac-sms-compose{max-width:720px;margin:0 auto}.tremac-sender-banner{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;background:#f8fafc;border:1px solid #e7eaf0;padding:12px 14px;border-radius:10px}.tremac-sender-banner span{font-size:11px;color:#667085;text-transform:uppercase}.tremac-sender-banner strong{font-size:14px}.tremac-sender-banner small{grid-column:1/-1;color:#667085;margin-top:4px}.tremac-history{overflow:auto}.tremac-history-loading{padding:30px;text-align:center;color:#667085}
.tremac-preview-card{position:relative;width:min(680px,94vw);max-height:88vh;overflow:auto;background:#fff;border-radius:14px;padding-bottom:18px;box-shadow:0 28px 80px rgba(0,0,0,.3)}.tremac-preview-card>strong{display:block;padding:18px 20px 0}.tremac-preview-card pre{white-space:pre-wrap;font-family:inherit;line-height:1.55;margin:10px 20px;padding:15px;background:#f8fafc;border-radius:9px}.tremac-preview-card>.button{margin-left:20px}.tremac-preview-files{display:flex;flex-direction:column;gap:5px;margin:0 20px 15px;font-size:12px}.tremac-preview-files strong{margin-bottom:3px}
@media(max-width:900px){.tremac-comms-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.tremac-compose-grid{grid-template-columns:1fr}.tremac-job-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.tremac-job-facts>div:nth-child(2){border-right:0}.tremac-job-facts>div:nth-child(-n+2){border-bottom:1px solid #eaecf0}}
@media(max-width:600px){.tremac-comms-modal{padding:0;align-items:stretch}.tremac-comms-card{width:100vw;max-height:100vh;border-radius:0}.tremac-comms-summary{grid-template-columns:1fr 1fr}.tremac-comms-card>header{padding:15px}.tremac-job-facts{grid-template-columns:1fr 1fr}.tremac-comms-tabs{overflow-x:auto;padding-left:10px}#tremacCommsBody{padding:14px}.tremac-send-row{display:grid;grid-template-columns:1fr}.tremac-send-row .button{width:100%}.tremac-attachment-head{flex-direction:column}.tremac-preview{padding:10px}.tremac-preview-card{width:100%}}

/* V3.2.12 — desktop sidebar viewport containment hotfix.
   Keep the complete navigation inside the dark sidebar on shorter laptop displays.
   The navigation scrolls independently; the main page keeps its existing scroll behavior. */
@media (min-width:761px){
  .sidebar{
    height:100vh;
    max-height:100vh;
    min-height:0;
    overflow:hidden;
  }
  .sidebar .brand{flex:0 0 auto}
  .sidebar nav{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    padding-right:4px;
    padding-bottom:10px;
  }
  .sidebar-foot{
    flex:0 0 auto;
    margin-top:12px;
  }
  .sidebar nav::-webkit-scrollbar{width:6px}
  .sidebar nav::-webkit-scrollbar-track{background:transparent}
  .sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.22);border-radius:999px}
  .sidebar nav::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.34)}
}
@media (max-width:760px){
  .sidebar{height:auto;max-height:none;min-height:0;overflow:visible}
  .sidebar nav{min-height:0;overflow:visible;padding-right:0;scrollbar-gutter:auto}
}

/* V3.2.13 — region, asset map site finder and installer daily route planner. */
.patch-region-field select{width:100%}
.patch-site-finder{position:relative;display:flex;align-items:flex-end;gap:14px;padding:14px 16px;margin-bottom:10px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;z-index:25}
.patch-site-finder>div:first-child{min-width:180px}.patch-site-finder strong,.patch-site-finder small{display:block}.patch-site-finder small{margin-top:3px;color:#667085;font-size:11px}.patch-site-search-row{display:flex;gap:8px;flex:1;min-width:260px}.patch-site-search-row .search{width:100%;min-width:0}.patch-site-results{position:absolute;left:210px;right:16px;top:66px;max-height:310px;overflow:auto;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 16px 38px rgba(16,24,40,.18);z-index:70}.patch-site-results.hidden{display:none}.patch-site-results button{width:100%;display:grid;grid-template-columns:minmax(170px,.8fr) minmax(150px,.7fr) minmax(220px,1.3fr);gap:12px;text-align:left;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:11px 13px;cursor:pointer;color:#101828}.patch-site-results button:last-child{border-bottom:0}.patch-site-results button:hover,.patch-site-results button:focus{background:#f8fafc}.patch-site-results button span,.patch-site-results button small{color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-no-site{padding:14px;color:#667085}
.tremac-today-panel{margin-top:18px}.patch-today-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:0 18px 18px}.patch-today-strip>div:not(.empty){display:grid;grid-template-columns:30px 1fr;gap:2px 8px;align-items:center;padding:10px;border:1px solid #e7eaf0;border-radius:10px;background:#fafbfc;min-width:0}.patch-today-strip>div>span{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#071b38;color:#fff;font-weight:800}.patch-today-strip strong,.patch-today-strip small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.patch-today-strip small{color:#667085}
.tremac-route-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.tremac-route-summary>div{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.tremac-route-summary strong{font-size:18px}.tremac-route-summary span{font-size:12px;color:#667085}.patch-route-actions{display:flex;gap:8px;flex-wrap:wrap}.patch-route-layout{display:grid;grid-template-columns:minmax(330px,.8fr) minmax(420px,1.2fr);gap:18px;padding:0 18px 18px}.patch-route-list{display:flex;flex-direction:column;gap:9px;max-height:620px;overflow:auto;padding-right:4px}.patch-route-job{display:grid;grid-template-columns:40px 1fr;gap:11px;border:1px solid #e4e8ee;border-radius:12px;padding:12px;background:#fff}.patch-route-number{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:#071b38;color:#fff;font-size:15px;font-weight:800}.patch-route-copy{min-width:0}.patch-route-copy>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.patch-route-copy h3{font-size:14px;margin:5px 0 3px}.patch-route-copy p{font-size:12px;margin:0;color:#475467}.patch-route-copy>small{display:block;color:#667085;margin-top:5px;line-height:1.35}.patch-route-job-actions{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.patch-route-map{height:560px;border:1px solid #e4e8ee;border-radius:12px;overflow:hidden;background:#eef2f6}.patch-map-unavailable{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:24px;color:#667085}.patch-map-unavailable strong{color:#101828}.patch-route-marker{width:34px;height:34px;border-radius:999px;border:3px solid #fff;background:#071b38;color:#fff;font:800 14px/1 Arial;box-shadow:0 5px 14px rgba(0,0,0,.3);cursor:pointer;display:grid;place-items:center}.patch-route-marker:hover{transform:scale(1.08)}
@media(max-width:1100px){.patch-today-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.patch-route-layout{grid-template-columns:minmax(300px,.9fr) minmax(360px,1.1fr)}}
@media(max-width:900px){.patch-site-finder{align-items:stretch;flex-direction:column}.patch-site-finder>div:first-child{min-width:0}.patch-site-search-row{min-width:0}.patch-site-results{left:16px;top:104px}.patch-today-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.tremac-route-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.patch-route-layout{grid-template-columns:1fr}.patch-route-list{max-height:none}.patch-route-map{height:450px}}
@media(max-width:600px){.patch-site-search-row{display:grid;grid-template-columns:1fr auto}.patch-site-results{left:8px;right:8px;top:112px}.patch-site-results button{grid-template-columns:1fr;gap:3px}.patch-site-results button span,.patch-site-results button small{white-space:normal}.patch-today-strip{grid-template-columns:1fr;padding:0 14px 14px}.tremac-route-summary{grid-template-columns:1fr 1fr}.patch-route-actions{width:100%}.patch-route-actions .button{flex:1}.patch-route-layout{padding:0 12px 12px}.patch-route-map{height:360px}.patch-route-job{grid-template-columns:36px 1fr;padding:10px}.patch-route-copy>div:first-child{align-items:flex-start;flex-direction:column}.patch-route-job-actions{display:grid;grid-template-columns:1fr 44px 44px}.patch-route-job-actions .button{width:100%}}

/* V3.3.3 — client-first browsing hierarchy. */
.client-browser-toolbar{align-items:center}.client-browser-count{font-size:12px;color:#667085;margin:0 2px 10px}.client-browser-panel{padding:16px}.client-browser-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-browser-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;border:1px solid #e5e9f0;border-radius:14px;padding:15px 16px;background:#fff;min-width:0}.client-browser-card:hover{border-color:#cfd6e1;box-shadow:0 6px 20px rgba(16,24,40,.06)}.client-browser-card-main{display:flex;align-items:center;gap:12px;min-width:0}.client-browser-icon{flex:0 0 auto;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#071b38;color:#fff;font-weight:800;font-size:17px}.client-browser-copy{min-width:0}.client-browser-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.client-browser-title h3{margin:0;font-size:15px;color:#101828}.client-browser-copy p{margin:4px 0 3px;font-size:12px;color:#475467;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-browser-copy small{display:block;color:#667085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-browser-stats{display:flex;gap:8px}.client-browser-stats>div{min-width:64px;padding:8px 10px;border-radius:10px;background:#f8fafc;text-align:center}.client-browser-stats strong,.client-browser-stats span{display:block}.client-browser-stats strong{font-size:15px;color:#101828}.client-browser-stats span{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.client-browser-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.client-detail-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.client-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:10px;flex:1}.client-detail-summary>div{background:#fff;border:1px solid #e5e9f0;border-radius:11px;padding:10px 12px}.client-detail-summary span,.client-detail-summary strong{display:block}.client-detail-summary span{font-size:10px;color:#667085;text-transform:uppercase;letter-spacing:.05em}.client-detail-summary strong{font-size:13px;margin-top:3px;color:#101828}.client-detail-filters{margin-bottom:16px}.client-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:10px;padding:0 18px 18px}.client-filter-grid label{display:flex;flex-direction:column;gap:5px;min-width:0}.client-filter-grid label>span{font-size:11px;color:#475467;font-weight:700}.client-filter-grid .search,.client-filter-grid .filter{width:100%;min-width:0}.client-sites-panel{margin-bottom:16px}.client-sites-panel .panel-head,.client-assets-panel .panel-head{padding-bottom:10px}.client-sites-panel .panel-head p,.client-assets-panel .panel-head p{margin-top:3px}.client-sites-panel table,.client-assets-panel table{min-width:760px}
@media(max-width:1180px){.client-browser-cards{grid-template-columns:1fr}.client-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.client-browser-panel{padding:10px}.client-browser-card{grid-template-columns:1fr;gap:11px}.client-browser-stats{justify-content:flex-start}.client-browser-actions{justify-content:stretch}.client-browser-actions .button{flex:1}.client-detail-top{align-items:stretch;flex-direction:column}.client-detail-top>[data-client-browser-back]{align-self:flex-start}.client-detail-summary{width:100%;grid-template-columns:1fr 1fr}.client-filter-grid{grid-template-columns:1fr;padding:0 12px 12px}.client-detail-filters .panel-head{align-items:flex-start;flex-direction:column}.client-detail-filters .panel-head .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.client-detail-filters .panel-head .actions .button{width:100%}.client-browser-toolbar{align-items:stretch}.client-browser-toolbar .toolbar-left{width:100%;display:grid;grid-template-columns:1fr}.client-browser-toolbar .toolbar-left .search,.client-browser-toolbar .toolbar-left .filter{width:100%}.client-browser-toolbar .toolbar-right{width:100%;display:grid;grid-template-columns:1fr 1fr}.client-browser-toolbar .toolbar-right .button{width:100%}}
@media(max-width:430px){.client-detail-summary{grid-template-columns:1fr}.client-browser-toolbar .toolbar-right{grid-template-columns:1fr}.client-detail-filters .panel-head .actions{grid-template-columns:1fr}.client-browser-copy p,.client-browser-copy small{white-space:normal}.client-browser-stats>div{flex:1}}

/* V3.3.3 consolidated navigation/version affordances */
#nav .nav-item[data-patch-comms] small{display:none!important}
#tremacBuildVersion{display:block;font-size:10px;opacity:.68;margin-top:2px;letter-spacing:.03em}

/* V3.3.6+ — Add/Edit Site address autocomplete. */
.patch-address-field{position:relative;z-index:80}.patch-address-status{display:block;margin-top:5px;color:#667085;font-size:11px;font-weight:500}.patch-address-status.bad{color:#b42318}.patch-address-suggestions{position:absolute;left:0;right:0;top:100%;margin-top:3px;max-height:300px;overflow:auto;background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-shadow:0 16px 38px rgba(16,24,40,.18);z-index:500}.patch-address-suggestions.hidden{display:none}.patch-address-suggestions button{display:block;width:100%;border:0;border-bottom:1px solid #eef1f5;background:#fff;padding:11px 12px;text-align:left;cursor:pointer;color:#101828}.patch-address-suggestions button:last-child{border-bottom:0}.patch-address-suggestions button:hover,.patch-address-suggestions button:focus,.patch-address-suggestions button.active{background:#f8fafc;outline:none}.patch-address-suggestions strong{display:block;font-size:13px;line-height:1.35;font-weight:600}
@media(max-width:600px){.patch-address-suggestions{position:fixed;left:10px;right:10px;top:auto;max-height:min(42vh,320px);width:auto}.patch-address-suggestions button{padding:12px;font-size:14px}}

/* V3.3.8 UI regression correction — Communications is a normal full page, not a floating composer. */
.tremac-comms-page{width:100%;max-width:none;margin:0;overflow:visible}
.tremac-comms-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;border-bottom:1px solid #eaecf0}
.tremac-comms-page-head h2{margin:2px 0 4px;color:#071b38;font-size:20px}
.tremac-comms-page-head p{margin:0;color:#667085}
.tremac-comms-page #tremacCommsBody{padding:20px 22px 24px}
.tremac-comms-page .tremac-sms-compose{max-width:none;margin:0}
.tremac-comms-page .tremac-compose-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)}
@media(max-width:900px){.tremac-comms-page .tremac-compose-grid{grid-template-columns:1fr}}
@media(max-width:600px){.tremac-comms-page-head{padding:15px;flex-direction:column}.tremac-comms-page-head .button{width:100%}.tremac-comms-page #tremacCommsBody{padding:14px}}

/* V3.3.8 final sidebar cleanup — prevent clipped helper text beside Communications. */
#nav .nav-item[data-patch-comms]{width:100%;min-width:0;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#nav .nav-item[data-patch-comms] small{display:none!important}


/* V3.3.8 mobile communications polish. */
@media(max-width:760px){
  .tremac-comms-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
  .tremac-comms-summary>div{padding:11px 12px;border-radius:10px}
  .tremac-comms-summary strong{font-size:14px;overflow-wrap:anywhere}
  .tremac-comms-summary span{font-size:11px}
  .tremac-comms-page-head{padding:13px 14px;gap:10px}
  .tremac-comms-page-head h2{font-size:18px}
  .tremac-comms-page-head .button{width:100%;min-height:44px}
  .tremac-comms-page #tremacCommsBody{padding:12px}
  .tremac-job-facts{grid-template-columns:1fr 1fr}
  .tremac-job-facts>div{padding:10px 12px}
  .tremac-comms-tabs{position:sticky;top:64px;z-index:4;background:#fff;padding:8px 8px 0;overflow-x:auto;scrollbar-width:none}
  .tremac-comms-tabs::-webkit-scrollbar{display:none}
  .tremac-comms-tabs button{flex:1 0 auto;min-height:42px;padding:9px 14px}
  .tremac-compose-grid{gap:14px}
  .tremac-compose-grid input,.tremac-compose-grid textarea,.tremac-sms-compose input,.tremac-sms-compose textarea{font-size:16px}
  .tremac-attachments{max-height:300px}
  .tremac-send-row{display:grid;grid-template-columns:1fr}
  .tremac-send-row .button{width:100%;min-height:44px}
}
@media(max-width:430px){
  .tremac-comms-summary{grid-template-columns:1fr 1fr}
  .tremac-job-facts{grid-template-columns:1fr}
  .tremac-job-facts>div{border-right:0!important;border-bottom:1px solid #eaecf0!important}
  .tremac-job-facts>div:last-child{border-bottom:0!important}
}

/* Coordinated full-page communications presentation. Brand colours inherit from styles.css. */
.tremac-comms-summary{gap:10px;margin-bottom:15px}
.tremac-comms-summary>div{border-color:var(--line);border-radius:9px;padding:12px 14px;box-shadow:0 2px 8px rgba(7,27,56,.035)}
.tremac-comms-summary strong{font-size:15px;color:var(--navy)}
.tremac-comms-card,.tremac-preview-card{border-radius:12px}
.tremac-comms-page-head{padding:15px 18px}.tremac-comms-page-head h2{font-size:18px;color:var(--navy)}
.tremac-comms-page #tremacCommsBody{padding:16px 18px 20px}
.tremac-comms-tabs{padding:10px 14px 0}.tremac-comms-tabs button{padding:9px 13px;font-size:13px}.tremac-comms-tabs button.active{color:var(--navy);border-bottom-color:var(--gold)}
.tremac-compose-grid{gap:16px}.tremac-compose-grid input,.tremac-compose-grid textarea,.tremac-sms-compose input,.tremac-sms-compose textarea{border-radius:7px;border-color:var(--line)}
.tremac-compose-grid input:focus,.tremac-compose-grid textarea:focus,.tremac-sms-compose input:focus,.tremac-sms-compose textarea:focus{outline:0;border-color:var(--gold);box-shadow:0 0 0 3px rgba(199,154,74,.14)}
.tremac-attachments,.tremac-sender-banner{border-radius:9px}.tremac-job-facts>div{padding:10px 14px}
@media(max-width:760px){.tremac-comms-page-head{padding:12px 13px}.tremac-comms-page #tremacCommsBody{padding:12px}.tremac-comms-summary>div{padding:10px 11px}.tremac-comms-tabs{top:64px}}

/* V3.3.8 mobile cascade guard. communications.css loads after styles.css, so keep the established phone touch targets and safe-area modal behavior authoritative. */
@media(max-width:760px){
  .button{min-height:44px;padding:10px 12px}
  .button.small{min-height:40px;padding:8px 10px;font-size:13px}
  .modal-card{border-radius:0}
  .modal-foot{padding:10px 14px max(10px,env(safe-area-inset-bottom))}
}