/* CGElectrical | restrained brand refresh shared by all workspaces */
:root{color-scheme:dark;--cge-surface:#171b2a;--cge-elevated:#202538;--cge-border:#353c50;--cge-purple:#8b5cf6;--cge-text:#edf0f7;--cge-muted:#b6bed0}
html{scroll-behavior:smooth}body{background-color:#0e111b!important;color:var(--cge-text);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
h1,h2,h3{font-weight:700!important;letter-spacing:-.025em!important}h1{line-height:1.17!important}h2,h3{line-height:1.28!important}
header.top,header.head,body>header{border-bottom:1px solid #363c50}section,.panel,.card,.stat,.upgrade-panel,.owner-job-card,.tech-dispatch-card{border-color:var(--cge-border);box-shadow:0 3px 14px #0000001a!important}
button,.btn,.action{border-radius:9px!important;font-weight:600!important;letter-spacing:0!important;box-shadow:none!important}
button:not(.secondary):not(.danger):not(.ghost):not([class*=outline]):hover,.btn.pri:hover{filter:brightness(1.08)}
input,select,textarea{border-radius:9px!important;border-color:#46506a!important;background-color:#111827;color:#f1f3f9}
input::placeholder,textarea::placeholder{color:#a6b0c4}a{color:#cbb9ff}
.muted,small{color:var(--cge-muted)}
.notice{border-radius:10px!important}table{width:100%}td,th{max-width:42vw}
#offline-banner{font-size:13px;line-height:1.45;box-shadow:0 3px 12px #0004}
@media(max-width:720px){
  header.top,header.head,body>header{gap:12px}
  section,.panel,.card,.upgrade-panel{border-radius:12px!important}
  .scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
  table{min-width:540px}td,th{white-space:normal!important;overflow-wrap:anywhere}
  .toolbar{align-items:stretch!important}.toolbar>button{min-height:44px}
  .message-bubble{max-width:94%!important}
  .support-drawer{width:min(100vw,440px)!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important}
  .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important}
}
@media(max-width:420px){main{padding-left:12px!important;padding-right:12px!important}.stat{padding:14px!important}label{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}