/* ===== Bold Electric theme — Service Calls identity (Oct 11 2026). Loaded after styles.css. Same family as Inventory, but a deep TEAL header and a pale
   teal page so nobody mixes the two apps up. Amber for the main buttons. Light (default) + Dark. ===== */
html[data-theme="light"]{--bg:#EAF3F5;--card:#fff;--ink:#0F1F26;--mut:#587078;--line:#DCE8EC;--pri:#F5A400;--pri2:#9A6400;--dark:#0F4C5C;--open:#2563EB;--prog:#E08A00;--done:#1E9E3E;--red:#DC3545;--r:12px;
  --be-hero:radial-gradient(120% 95% at 100% 0%,rgba(245,164,0,.24) 0%,rgba(245,164,0,0) 46%),url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.5%27%3E%3Cpath%20d%3D%27M0%2040h60l20%2020h60l20-20h60%27%2F%3E%3Cpath%20d%3D%27M40%200v30l20%2020v60%27%2F%3E%3Cpath%20d%3D%27M180%20220v-50l-20-20h-40l-20%2020v50%27%2F%3E%3Cpath%20d%3D%27M0%20150h30l20-20h30%27%2F%3E%3Cpath%20d%3D%27M150%200v40l20%2020v40l20%2020h30%27%2F%3E%3Cpath%20d%3D%27M100%20110h40%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27white%27%20fill-opacity%3D%270.10%27%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%27110%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%2780%27%20cy%3D%27130%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%27140%27%20cy%3D%27110%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%27220%27%20cy%3D%27120%27%20r%3D%273%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27170%27%20r%3D%273.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(165deg,#15677A 0%,#0F4C5C 55%,#0B3B48 100%);
  --be-amber:#F5A400;--be-soft:#FFF4D6;--be-chip:#E1EEF1}
html[data-theme="dark"]{--bg:#07181D;--card:#10262D;--ink:#E6F1F3;--mut:#93AEB5;--line:#1F3B44;--pri:#F5B321;--pri2:#F5B321;--dark:#0A2F39;--open:#4F8EF7;--prog:#F0A020;--done:#3FC46A;--red:#F06A72;--r:12px;
  --be-hero:radial-gradient(120% 95% at 100% 0%,rgba(245,179,33,.16) 0%,rgba(245,179,33,0) 46%),url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%20viewBox%3D%270%200%20220%20220%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27white%27%20stroke-opacity%3D%270.07%27%20stroke-width%3D%271.5%27%3E%3Cpath%20d%3D%27M0%2040h60l20%2020h60l20-20h60%27%2F%3E%3Cpath%20d%3D%27M40%200v30l20%2020v60%27%2F%3E%3Cpath%20d%3D%27M180%20220v-50l-20-20h-40l-20%2020v50%27%2F%3E%3Cpath%20d%3D%27M0%20150h30l20-20h30%27%2F%3E%3Cpath%20d%3D%27M150%200v40l20%2020v40l20%2020h30%27%2F%3E%3Cpath%20d%3D%27M100%20110h40%27%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%27white%27%20fill-opacity%3D%270.10%27%3E%3Ccircle%20cx%3D%2760%27%20cy%3D%27110%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%2780%27%20cy%3D%27130%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%27140%27%20cy%3D%27110%27%20r%3D%273.5%27%2F%3E%3Ccircle%20cx%3D%27220%27%20cy%3D%27120%27%20r%3D%273%27%2F%3E%3Ccircle%20cx%3D%27100%27%20cy%3D%27170%27%20r%3D%273.5%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),linear-gradient(165deg,#0F4452 0%,#0A2F39 60%,#08242C 100%);
  --be-amber:#F5B321;--be-soft:#3A2E10;--be-chip:#173640}
html:is([data-theme="light"],[data-theme="dark"]) body{font-size:16px;letter-spacing:-.005em}

/* teal header with the faint circuit pattern */
html:is([data-theme="light"],[data-theme="dark"]) .top{background:var(--be-hero);background-size:auto,220px 220px,auto;color:#fff;border-bottom:0;box-shadow:0 6px 18px rgba(8,40,48,.18);border-radius:0 0 20px 20px;padding-bottom:14px}
html:is([data-theme="light"],[data-theme="dark"]) .top .brand-sm{color:#FFC94D;font-size:11px;letter-spacing:.12em}
html:is([data-theme="light"],[data-theme="dark"]) .top .tt h1{font-size:19px;font-weight:750;letter-spacing:-.01em}
html:is([data-theme="light"],[data-theme="dark"]) .top .iconbtn{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
html:is([data-theme="light"],[data-theme="dark"]) .top .lang{background:rgba(255,255,255,.12);color:#fff}
html:is([data-theme="light"],[data-theme="dark"]) .lang button.on{background:var(--be-amber);color:#0F1F26}
html:is([data-theme="light"],[data-theme="dark"]) .top .btn.ghost{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.25)}
html:is([data-theme="light"],[data-theme="dark"]) .top .searchbox{background:var(--card);color:var(--ink);border:0;height:46px;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
html:is([data-theme="light"],[data-theme="dark"]) .searchbox input{font-size:16px}
/* the four small number tiles */
html:is([data-theme="light"],[data-theme="dark"]) .top .tabs{gap:8px}
html:is([data-theme="light"],[data-theme="dark"]) .top .tab{background:rgba(255,255,255,.09);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);border-radius:12px;font-size:12px;font-weight:650;padding:7px 2px 6px}
html:is([data-theme="light"],[data-theme="dark"]) .top .tab .n{background:none;font-size:19px;font-weight:750;letter-spacing:-.02em;padding:0;min-width:0}
html:is([data-theme="light"],[data-theme="dark"]) .top .tab.on{background:#fff;color:#0F4C5C;box-shadow:0 2px 8px rgba(0,0,0,.15)}
html:is([data-theme="light"],[data-theme="dark"]) .top .tab.on .n{background:none;color:#0F4C5C}
html[data-theme="dark"] .top .tab.on{background:var(--be-amber);color:#0F1F26}
html[data-theme="dark"] .top .tab.on .n{color:#0F1F26}

/* call cards: tighter, small status pills */
html:is([data-theme="light"],[data-theme="dark"]) .list{padding:12px 12px}
html:is([data-theme="light"],[data-theme="dark"]) .card{border-radius:12px;padding:11px 12px 10px;margin-bottom:8px;border-left-width:4px;box-shadow:0 1px 2px rgba(15,31,38,.06),0 0 0 1px var(--line)}
html:is([data-theme="light"],[data-theme="dark"]) .num{font-size:12.5px}
html:is([data-theme="light"],[data-theme="dark"]) .pill{font-size:11.5px;font-weight:750;padding:2px 9px}
html:is([data-theme="light"],[data-theme="dark"]) .cust{font-size:16.5px;font-weight:750;margin-top:4px;letter-spacing:-.01em}
html:is([data-theme="light"],[data-theme="dark"]) .addr{font-size:14px}
html:is([data-theme="light"],[data-theme="dark"]) .addr svg{width:16px;height:16px}
html:is([data-theme="light"],[data-theme="dark"]) .prob{font-size:14.5px;margin-top:3px}
html:is([data-theme="light"],[data-theme="dark"]) .meta{font-size:13px;margin-top:6px}

/* amber main buttons with dark text */
html:is([data-theme="light"],[data-theme="dark"]) .fab{background:var(--be-amber);color:#0F1F26;font-size:16px;padding:14px 20px;box-shadow:0 8px 22px rgba(245,164,0,.42)}
html:is([data-theme="light"],[data-theme="dark"]) .btn{min-height:48px;font-size:16px;font-weight:750;border-radius:12px;border-width:1.5px}
html:is([data-theme="light"],[data-theme="dark"]) .btn.sm{min-height:38px;font-size:14.5px}
html:is([data-theme="light"],[data-theme="dark"]) .btn.primary{background:var(--be-amber);border-color:var(--be-amber);color:#0F1F26}
html:is([data-theme="light"],[data-theme="dark"]) .btn.primary:active{background:#D98E00}
html:is([data-theme="light"],[data-theme="dark"]) .btn.act,html:is([data-theme="light"],[data-theme="dark"]) .stp{background:var(--be-soft);border-color:#F3D48A;color:#7A5200}
html[data-theme="dark"] .btn.act,html[data-theme="dark"] .stp{border-color:#5A4614;color:#FFD27A}
html:is([data-theme="light"],[data-theme="dark"]) .av{background:#0F4C5C}
html:is([data-theme="light"],[data-theme="dark"]) .pdot{border-color:#0F4C5C}
html:is([data-theme="light"],[data-theme="dark"]) .pdot.on{background:#0F4C5C}
html[data-theme="dark"] .av,html[data-theme="dark"] .pdot.on{background:#1C7A8F}
html[data-theme="dark"] .pdot{border-color:#1C7A8F}
html:is([data-theme="light"],[data-theme="dark"]) .key:active{background:var(--be-soft)}
html:is([data-theme="light"],[data-theme="dark"]) .step:active{border-color:var(--be-amber)}

/* call detail */
html:is([data-theme="light"],[data-theme="dark"]) .segs{background:var(--be-chip);border-radius:12px;padding:4px}
html:is([data-theme="light"],[data-theme="dark"]) .seg{min-height:46px;font-size:15px}
html:is([data-theme="light"],[data-theme="dark"]) .panel{border-radius:12px;box-shadow:0 1px 2px rgba(15,31,38,.05),0 0 0 1px var(--line)}
html:is([data-theme="light"],[data-theme="dark"]) .sec{font-size:12.5px;font-weight:750;margin:18px 4px 0}
html:is([data-theme="light"],[data-theme="dark"]) .lbl{font-size:11.5px}
html:is([data-theme="light"],[data-theme="dark"]) .val{font-size:16px}
html:is([data-theme="light"],[data-theme="dark"]) .step{min-height:58px;border-radius:12px;border-width:1.5px;font-size:14px}
html:is([data-theme="light"],[data-theme="dark"]) .part,html:is([data-theme="light"],[data-theme="dark"]) .pick{min-height:60px;padding:8px 0}
html:is([data-theme="light"],[data-theme="dark"]) :is(.part img,.pick img,.noimg){width:48px;height:48px}
html:is([data-theme="light"],[data-theme="dark"]) .pq{font-size:17px}
html:is([data-theme="light"],[data-theme="dark"]) :is(.tag,.ph,.part img,.pick img,.noimg,.pk-item img,.sheet .iconbtn,.panel .lang,.login .lang,.themesw){background:var(--be-chip)}
html:is([data-theme="light"],[data-theme="dark"]) .login .lang,html:is([data-theme="light"],[data-theme="dark"]) .panel .lang{color:var(--ink)}
html:is([data-theme="light"],[data-theme="dark"]) .tag.ok{background:#DCFCE7;color:#166534}
html:is([data-theme="light"],[data-theme="dark"]) .tag.wait{background:#FEF3C7;color:#92400E}
html[data-theme="dark"] .tag.ok{background:#14361F;color:#86EFAC}
html[data-theme="dark"] .tag.wait{background:#3A2E0E;color:#FCD34D}
html:is([data-theme="light"],[data-theme="dark"]) .link-back{color:#0F6C80}
html[data-theme="dark"] .link-back{color:#7FD3E3}
html:is([data-theme="light"],[data-theme="dark"]) :focus-visible{outline-color:var(--be-amber)}
html:is([data-theme="light"],[data-theme="dark"]) .scrim{background:rgba(6,30,37,.5)}
html:is([data-theme="light"],[data-theme="dark"]) .alertcard{background:var(--be-soft);border-color:#F3D48A;color:#6B4700}
html:is([data-theme="light"],[data-theme="dark"]) .alertcard .btn.ghost{color:#6B4700;border-color:#F3D48A}
html[data-theme="dark"] .alertcard{border-color:#5A4614;color:#FFD27A}
html[data-theme="dark"] .alertcard .btn.ghost{color:#FFD27A;border-color:#5A4614}
html:is([data-theme="light"],[data-theme="dark"]) .mapbox{background:var(--be-chip);border-radius:12px}
html:is([data-theme="light"],[data-theme="dark"]) .leaflet-tile-pane{filter:saturate(.55) brightness(1.03)}
html[data-theme="dark"] .leaflet-tile-pane{filter:saturate(.5) brightness(.75) contrast(1.05)}
html:is([data-theme="light"],[data-theme="dark"]) .toast{background:#0B3B48}
html[data-theme="dark"] .toast{background:#1C5A6A}
html:is([data-theme="light"],[data-theme="dark"]) .banner.sync{background:var(--be-soft);color:#6B4700}

/* header row fits the app name: smaller language switch and buttons */
html:is([data-theme="light"],[data-theme="dark"]) .brandrow{gap:8px}
html:is([data-theme="light"],[data-theme="dark"]) .brandrow img{width:34px;height:34px;border-radius:9px;box-shadow:0 0 0 1px rgba(255,255,255,.18)}
html:is([data-theme="light"],[data-theme="dark"]) .top .tt .brand-sm{font-size:10px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:is([data-theme="light"],[data-theme="dark"]) .top .tt h1{font-size:18px;line-height:1.15}
html:is([data-theme="light"],[data-theme="dark"]):lang(es) .brandrow .tt h1{font-size:16px}
html:is([data-theme="light"],[data-theme="dark"]) .top .lang{padding:2px}
html:is([data-theme="light"],[data-theme="dark"]) .top .lang button{padding:7px 7px;min-width:34px;font-size:13px}
html:is([data-theme="light"],[data-theme="dark"]) .top .iconbtn{min-width:40px;height:40px;border-radius:11px}
html:is([data-theme="light"],[data-theme="dark"]) .login-head .brand-sm{color:#0F6C80;letter-spacing:.1em;font-size:11px}
html[data-theme="dark"] .login-head .brand-sm{color:#7FD3E3}
html:is([data-theme="light"],[data-theme="dark"]) .login-head h1{font-size:22px;line-height:1.15}
html:is([data-theme="light"],[data-theme="dark"]) .login-head img{border-radius:16px;box-shadow:0 4px 14px rgba(15,76,92,.25)}