/* Lotes 38W.9.12, 38X.2, 38X.2.1 e 38X.2.2 — Painel compacto e faixa operacional. */
#cf-operational-strip{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 52px;position:sticky;top:74px;z-index:99;box-shadow:0 4px 14px rgba(0,0,0,.28);overflow:visible;gap:4px;background:var(--bg);padding:0 4px 4px;}
#cf-operational-strip .sync-btn{width:100%!important;max-width:none!important;min-width:0!important;min-height:42px!important;height:42px!important;margin:0!important;padding:0 10px!important;border:0!important;border-radius:0 0 8px 8px!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;justify-self:stretch!important;gap:7px!important;font-family:'Barlow Condensed',sans-serif!important;font-size:16px!important;font-weight:900!important;letter-spacing:1px!important;line-height:1!important;text-transform:uppercase!important;white-space:nowrap!important;overflow:hidden!important;cursor:pointer!important;color:#fff!important;}
#cf-operational-strip .sync-btn::before{content:none!important;display:none!important;}
#cf-operational-strip .shutdown-strip-working{background:linear-gradient(135deg,#0b4ea2 0%,#0D6EFD 100%)!important;color:#fff!important;}
#cf-operational-strip .shutdown-strip-ok{background:linear-gradient(135deg,#16803a 0%,#34A853 100%)!important;color:#fff!important;}
#cf-operational-strip .shutdown-strip-offline{background:linear-gradient(135deg,#8a4b08 0%,#f59e0b 100%)!important;color:#fff!important;}
#cf-operational-strip .shutdown-strip-pending{background:linear-gradient(135deg,#9f1c14 0%,#f85149 100%)!important;color:#fff!important;}
#cf-operational-strip .sync-btn.err{background:linear-gradient(135deg,#9f1c14 0%,#f85149 100%)!important;color:#fff!important;border-color:transparent!important;}
#cf-operational-strip .sync-btn:hover,#cf-operational-strip .cf-operational-exit:hover{filter:brightness(1.06)!important;}
#cf-operational-strip .shutdown-strip-icon{flex:0 0 auto!important;font-size:17px!important;line-height:1!important;visibility:visible!important;opacity:1!important;}
#cf-operational-strip .sync-btn[data-cf-sync-state="off"] .shutdown-strip-icon,#cf-operational-strip .sync-btn[data-cf-sync-state="offline-pending"] .shutdown-strip-icon{font-size:0!important;font-family:'Material Symbols Rounded'!important;font-weight:normal!important;letter-spacing:normal!important;text-transform:none!important;}
#cf-operational-strip .sync-btn[data-cf-sync-state="off"] .shutdown-strip-icon::before,#cf-operational-strip .sync-btn[data-cf-sync-state="offline-pending"] .shutdown-strip-icon::before{content:'cloud_off';display:block;font-family:'Material Symbols Rounded'!important;font-size:21px!important;font-style:normal;font-weight:500;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:'liga';font-feature-settings:'liga';-webkit-font-smoothing:antialiased;}
#cf-operational-strip #shutdown-strip-label{display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1!important;color:inherit!important;visibility:visible!important;opacity:1!important;}
#cf-operational-strip .cf-operational-exit{width:52px!important;min-width:52px!important;min-height:42px!important;height:42px!important;margin:0!important;padding:0!important;border:2px solid #ff8a80!important;border-radius:0 0 10px 10px!important;box-shadow:0 2px 8px rgba(126,20,15,.35)!important;background:linear-gradient(135deg,#7f1d1d 0%,#c62828 100%)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;}
#cf-operational-strip .cf-operational-exit .mi{font-size:21px!important;line-height:1!important;}
.header-user .user-pill{cursor:pointer;transition:filter .16s ease,transform .16s ease;}
.header-user .user-pill:hover{filter:brightness(1.08);}
.header-user .user-pill:focus-visible{outline:2px solid var(--ac);outline-offset:3px;}
#page-dashboard .cf-card-action{width:100%;border:1px solid var(--bd);cursor:pointer;color:inherit;font:inherit;}
#page-dashboard .cf-card-action:hover{filter:brightness(1.03);}

/* Compactação exclusivamente vertical do Painel. A largura e as colunas são preservadas. */
#page-dashboard{padding-top:10px!important;}
#page-dashboard > div:first-child{margin-bottom:7px!important;}
#page-dashboard > div:first-child select{min-height:38px!important;height:38px!important;padding-top:4px!important;padding-bottom:4px!important;}
#page-dashboard .db-hero{gap:8px!important;margin-bottom:8px!important;}
#page-dashboard .kpi-card{min-height:86px!important;padding:7px 9px!important;gap:2px!important;}
#page-dashboard .dc-head{min-height:15px;display:flex;align-items:center;gap:5px;overflow:hidden;}
#page-dashboard .dc-head .dc-icon{flex:0 0 auto;font-size:14px!important;line-height:1!important;}
#page-dashboard .dc-head .dc-lbl{min-width:0;margin:0!important;font-size:9px!important;line-height:1!important;letter-spacing:1px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#page-dashboard .kpi-card .dc-val{margin-top:1px!important;font-size:clamp(20px,5.7vw,25px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#page-dashboard .kpi-card .dc-sub{font-size:9px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#page-dashboard .dc-progress{height:3px!important;margin-top:1px!important;}
#page-dashboard .cf-section-title{margin-top:2px!important;margin-bottom:6px!important;line-height:1!important;}
#page-dashboard .cf-grid{gap:7px!important;margin-bottom:8px!important;}
#page-dashboard .cf-card{padding:9px 10px!important;gap:3px!important;}
#page-dashboard .cf-label{font-size:9px!important;line-height:1!important;letter-spacing:1.2px!important;}
#page-dashboard .cf-value{font-size:clamp(21px,5.6vw,27px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
#page-dashboard .cf-detail{font-size:9px!important;line-height:1.08!important;}
#page-dashboard .cf-bar-wrap{margin-top:1px!important;}
#page-dashboard .db-mini{gap:6px!important;margin-bottom:9px!important;}
#page-dashboard .db-mini-item{padding:6px 7px!important;}
#page-dashboard .db-mini-item .dm-lbl{margin-bottom:2px!important;font-size:8px!important;line-height:1!important;letter-spacing:.9px!important;}
#page-dashboard .db-mini-item .dm-val{font-size:14px!important;line-height:1!important;}
#page-dashboard .db-section-title{margin-bottom:6px!important;line-height:1!important;}

@media(max-width:640px){
  #cf-operational-strip{grid-template-columns:minmax(0,1fr) 46px;top:72px;gap:3px;padding:0 3px 3px;}
  #cf-operational-strip .sync-btn{width:100%!important;max-width:none!important;min-height:40px!important;height:40px!important;font-size:clamp(11px,3.3vw,14px)!important;letter-spacing:.45px!important;gap:5px!important;padding:0 7px!important;}
  #cf-operational-strip .cf-operational-exit{width:46px!important;min-width:46px!important;min-height:40px!important;height:40px!important;}
  #page-dashboard{padding-top:8px!important;}
  #page-dashboard .kpi-card{min-height:82px!important;}
}
