/* ===== CHAMP OS 7.8 — interaction + visual consistency ===== */
:root{--f78-bg:#070907;--f78-panel:#0d100d;--f78-panel2:#111511;--f78-line:#252b25;--f78-gold:#ddb34f;--f78-gold2:#f0cb70;--f78-text:#f1efe8;--f78-muted:#858d85}
/* Never allow decorative layers to eat clicks. */
button::before,button::after,.card::before,.card::after,.cos-row::before,.cos-row::after,.st-card::before,.st-card::after{pointer-events:none!important}
button,[role="button"],[data-click],[data-open-client],[data-open-path],[data-open-session],[data-cos-open-lead],[data-sc-open]{pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:rgba(221,179,79,.12)}
button:not(:disabled){cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.42}
/* Unified dark controls — fixes old white month arrows/selectors. */
.cos-monthbar>button,.fo-cal-top button,.cos-pager button,.calendar-nav button,[data-calendar-nav],.st-pagination button,
.cos-entry-filters button,.st-segments button,.sales-tabs button,.lpe350-nav button{
  appearance:none!important;-webkit-appearance:none!important;background:#0d100d!important;color:#d7d8d3!important;border:1px solid #2a302a!important;box-shadow:none!important
}
.cos-monthbar>button:hover,.fo-cal-top button:hover,.cos-pager button:hover,.calendar-nav button:hover,[data-calendar-nav]:hover,.st-pagination button:hover{border-color:rgba(221,179,79,.72)!important;color:var(--f78-gold2)!important;background:#141711!important}
.cos-monthbar>button{display:grid!important;place-items:center!important;border-radius:11px!important;width:40px!important;height:40px!important;padding:0!important;font-size:16px!important}
.fo-cal-top button{border-radius:9px!important;min-height:38px!important;padding:0 12px!important}
/* Clean form hierarchy everywhere. */
input,select,textarea{box-sizing:border-box;max-width:100%;background:#0b0e0b!important;color:#ecebe6!important;border-color:#2b302b!important}
select{color-scheme:dark}
.modal{background:#0a0d0a!important;border-color:#303630!important}.modal-head,.form-actions{background:#0a0d0a!important}.modal-bg.open{z-index:20000!important}
/* Rows must feel clickable and never sit below accidental overlays. */
.cos-row,.sales365-row,.st-list-row,[data-sc-open]{position:relative;z-index:1}
.cos-row:hover,.sales365-row:hover,.st-list-row:hover,[data-sc-open]:hover{background:#121612!important}
/* Layout/text hardening. */
.workspace,.view,.cos-shell,.st-shell,.lpe350-lead-shell{min-width:0!important}
.cos-row>*,.st-list-row>*,.sales365-row>*{min-width:0}
.cos-row b,.cos-row small,.st-list-row b,.st-list-row small,.sales365-row b,.sales365-row small{overflow-wrap:anywhere}
.page-head h1,.st-page-head h1,.cos-head h1{max-width:100%;overflow-wrap:anywhere}
/* Minimum tap targets on mobile. */
@media(max-width:900px){
 button,.btn{min-height:42px}.cos-row{min-height:58px}.cos-monthbar{grid-template-columns:44px minmax(0,1fr) 44px!important}.cos-monthbar>button{width:42px!important;height:42px!important}.fo-cal-top{gap:8px!important}.fo-cal-top>div:last-child{flex-wrap:nowrap}.modal{max-height:calc(100dvh - 28px)!important}.modal form{min-height:0;overflow:auto}
}