/* Build 431 — single authoritative sidebar stylesheet */
html{scrollbar-gutter:stable}
#sidebar,#sidebar .sidebar-bottom{background:#fff!important}
#sidebar{border-right:1px solid #dfe3df!important}
#sidebar .nav{background:transparent!important;color:#5e6864!important;pointer-events:auto!important;transition:background-color .12s ease,color .12s ease!important}
#sidebar-backdrop:not(.show):not(.open){pointer-events:none!important}
#modal[hidden],#alert-wrap[hidden]{display:none!important;pointer-events:none!important}

/* Persistent active section colours — one authoritative map */
#sidebar .nav[data-view="schedule"].active{background:#eef1f3!important;color:#4e5960!important}
#sidebar .nav[data-view="jobs"].active{background:#e9f8ee!important;color:#15733b!important}
#sidebar .nav[data-view="leads"].active{background:#ffe8e8!important;color:#bb2f2f!important}
#sidebar #guard-callouts-nav.active,
#sidebar .nav[data-view="callouts"].active,
#sidebar .nav[data-view="callOuts"].active,
#sidebar .nav[data-view="surveys"].active{background:#f3edff!important;color:#7042c1!important}
#sidebar .nav[data-view="coldCall"].active{background:#fff4d9!important;color:#966100!important}
#sidebar .nav[data-view="contracts"].active{background:#e8f0ff!important;color:#245fc7!important}
#sidebar .nav[data-view="customers"].active{background:#fff0df!important;color:#b25a00!important}
#sidebar .nav[data-view="invoices"].active,
#sidebar .nav[data-view="treatmentReport"].active,
#sidebar .nav[data-view="stockControl"].active,
#sidebar .nav[data-view="servicePriceList"].active,
#sidebar .nav[data-view="team"].active,
#sidebar .nav[data-view="templates"].active,
#sidebar .nav[data-view="documents"].active{background:#eef1f3!important;color:#4e5960!important}

/* Hover colours use the same map */
#sidebar .nav[data-view="schedule"]:hover{background:#eef1f3!important;color:#4e5960!important}
#sidebar .nav[data-view="jobs"]:hover{background:#e9f8ee!important;color:#15733b!important}
#sidebar .nav[data-view="leads"]:hover{background:#ffe8e8!important;color:#bb2f2f!important}
#sidebar #guard-callouts-nav:hover,
#sidebar .nav[data-view="callouts"]:hover,
#sidebar .nav[data-view="callOuts"]:hover,
#sidebar .nav[data-view="surveys"]:hover{background:#f3edff!important;color:#7042c1!important}
#sidebar .nav[data-view="coldCall"]:hover{background:#fff4d9!important;color:#966100!important}
#sidebar .nav[data-view="contracts"]:hover{background:#e8f0ff!important;color:#245fc7!important}
#sidebar .nav[data-view="customers"]:hover{background:#fff0df!important;color:#b25a00!important}
#sidebar .nav[data-view="invoices"]:hover,
#sidebar .nav[data-view="treatmentReport"]:hover,
#sidebar .nav[data-view="stockControl"]:hover,
#sidebar .nav[data-view="servicePriceList"]:hover,
#sidebar .nav[data-view="team"]:hover,
#sidebar .nav[data-view="templates"]:hover,
#sidebar .nav[data-view="documents"]:hover{background:#eef1f3!important;color:#4e5960!important}

/* Grey page canvas for Calendar, Templates and Compliance */
body:has(#sidebar .nav[data-view="schedule"].active) main,
body:has(#sidebar .nav[data-view="schedule"].active) #view,
body:has(#sidebar .nav[data-view="schedule"].active) .content,
body:has(#sidebar .nav[data-view="templates"].active) main,
body:has(#sidebar .nav[data-view="templates"].active) #view,
body:has(#sidebar .nav[data-view="templates"].active) .content,
body:has(#sidebar .nav[data-view="documents"].active) main,
body:has(#sidebar .nav[data-view="documents"].active) #view,
body:has(#sidebar .nav[data-view="documents"].active) .content{background:#f4f5f6!important}

#view[data-guard-page="coldcall"] .cc-table-head,
#view[data-guard-page="coldcall"] .cc-row{display:grid!important;grid-template-columns:minmax(250px,1.8fr) minmax(145px,.9fr) minmax(110px,.65fr) minmax(150px,.9fr) minmax(145px,.85fr) 110px 100px 36px!important;align-items:center!important;column-gap:0!important}
#view[data-guard-page="coldcall"] .cc-table-head>*,#view[data-guard-page="coldcall"] .cc-row>*{min-width:0!important;box-sizing:border-box!important;padding-left:14px!important;padding-right:14px!important}
#view[data-guard-page="coldcall"] .cc-table-head>*:nth-last-child(-n+3),#view[data-guard-page="coldcall"] .cc-row>*:nth-last-child(-n+3){text-align:center!important;justify-content:center!important}
#view[data-guard-page="coldcall"] .cc-row button{margin:0 auto!important}
@media(max-width:760px){#sidebar{background:#fff!important}}