/* assets/css/tommy-grounding.css — Build 9.194, recoloured Build 9226 §Grounding
   ══════════════════════════════════════════════════════════════════
   GENERATED FROM grounding/styles.css. DO NOT EDIT BY HAND (color
   values excepted — see the Build 9226 note below; both files are
   kept in sync manually until this is a real build step).

   The grounding module used to run inside an iframe, so its stylesheet
   was free to style `html`, `body`, `*`, `label`, `input` and to define
   its own `:root` variables. It is now rendered directly inside Tommy,
   where all of that would be a collision — and three of its variables
   (`--line`, `--panel`, `--muted`) are names Tommy uses for entirely
   different colours.

   So every selector is scoped under `.tg-root`:

       :root  html  body   ->  .tg-root
       *                   ->  .tg-root *
       .card                ->  .tg-root .card

   Nothing else changed. Same declarations, same order, same media
   queries. `@page` is left alone because it has no selector to scope.

   The actual scoping guard lives in `tests/embedded-modules.test.js`
   (asserts every selector here is `.tg-root`-prefixed and that no
   unscoped `:root` survives) — this comment's own reference to
   `tests/grounding-native.test.js` predates that file's current name
   and was left as found; not touched here since it is not part of
   this build's presentation-only scope.

   Build 9226 §Grounding — stale brand-color correction (presentation
   only, same precedent as `modules/ev-panel/app/tommy-brand-override.css`):
   this module still carried its original standalone brand draft — a
   cyan/electric-blue accent (#00E5F2) and a near-black navy
   (#05080D/#0C1420/#111923/#17384d) — from before it was embedded
   directly in Tommy, while every other real Tommy screen uses the
   real dark tokens in `assets/css/app.css` (Build 9.168, "Lovable
   Visual Source of Truth"). Every general-chrome color below (page
   background, header/card/input/button fills, borders, focus rings,
   muted/body text, the danger "מחק" button, the warning callout) was
   retargeted to Tommy's real equivalents — background/border/text
   roles copied verbatim from `--tommy-bg/-surface/-panel/-border/
   -text/-text-muted/-primary/-danger/-warning` (never invented), and
   `.btn.primary` now matches Tommy's own `.btn.primary{background:
   var(--green);color:var(--tommy-bg)}` formula exactly (green fill,
   dark contrast text, ~8:1). Only the color values changed — no
   selector, no structure, no class added or removed, same as the
   scoping pass above.

   Left untouched, deliberately, because it is print/document or
   engineering-diagram content rather than general app chrome (same
   boundary already established for EV Panel's print pages): `.sheet`/
   `.sheet-header`/`.sheet-footer` (the printed A4 page itself, white
   paper by design), both `.output-table` rule blocks (the second one
   copied 1:1 from EV Panel's own print-table convention, Build 9.36),
   `.panel-box`/`.pe-bar`/`.meb-bar`/`.node-box`/`.legend`/
   `.photo-output` and the rest of the single-line-diagram boxes
   (white background, dark ink, meant to look like a printed drawing),
   the `--blue`/`--green`/`--brown`/`--purple` diagram-legend markers
   and everything that reads them (`.new-equip`, `.pit-box`,
   `.pit-symbol`, `.target-note`, `.meb-wire`, `.body-label`, `.sample.*`,
   the earthing-network tree/graph colors), and `.qa-item.ok`/`.warn`'s
   border colors (already plain green/amber semantic tones, not part
   of the stale-cyan/navy bug this pass corrects).
   ══════════════════════════════════════════════════════════════════ */
.tg-root{--navy:#0e141c;--navy2:#151c24;--line:rgba(255,255,255,.09);--cyan:#37c080;--blue:#1767d9;--green:#178b4d;--brown:#a95212;--purple:#7040aa;--ink:#122235;--muted:#607489;--paper:#fff;--panel:#0d1c29;--border:#d5e0ea;--soft:#f3f7fb}.tg-root *{box-sizing:border-box}.tg-root{scroll-behavior:smooth}.tg-root{margin:0;background:#0e141c;color:#eceff2;font-family:Arial,"Noto Sans Hebrew",sans-serif}.tg-root .app-header{position:sticky;top:0;z-index:20;height:76px;padding:10px 24px;background:rgba(14,20,28,.97);border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between}.tg-root .brand{display:flex;align-items:center;gap:14px}.tg-root .brand img{width:132px;height:44px;object-fit:contain;background:#fff;border-radius:5px;padding:3px}.tg-root .brand b{font-size:20px;display:block}.tg-root .brand small{color:#9fa5ac}.tg-root .actions{display:flex;gap:8px}.tg-root .btn{border:1px solid transparent;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;font-family:inherit}.tg-root .btn.primary{background:#37c080;color:#0e141c}.tg-root .btn.secondary{background:#181f26;color:#eceff2;border-color:rgba(255,255,255,.09)}.tg-root .btn.ghost{background:transparent;color:#eceff2;border-color:rgba(255,255,255,.09)}.tg-root .app-shell{max-width:1450px;margin:auto;padding:18px}.tg-root .steps{position:sticky;top:76px;z-index:15;display:flex;gap:6px;overflow:auto;background:#0e141c;padding:10px 0 14px}.tg-root .steps button{white-space:nowrap;background:#151c24;border:1px solid rgba(255,255,255,.09);color:#9fa5ac;padding:10px 13px;border-radius:8px;cursor:pointer}.tg-root .steps button.active{background:#181f26;border-color:#37c080;color:#eceff2}.tg-root .forms{display:flex;flex-direction:column;gap:18px}.tg-root .form-section{scroll-margin-top:145px}.tg-root .section-title{display:flex;align-items:center;gap:14px;margin:18px 0 10px}.tg-root .section-title>span{width:45px;height:45px;display:grid;place-items:center;background:#181f26;border:1px solid #37c080;border-radius:12px;color:#37c080;font-weight:800}.tg-root .section-title h2{margin:0;font-size:25px}.tg-root .section-title p{margin:5px 0 0;color:#9fa5ac}.tg-root .card{background:linear-gradient(180deg,#181f26,#151c24);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:18px}.tg-root .grid{display:grid;gap:14px}.tg-root .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tg-root .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-root label{font-size:13px;color:#eceff2;font-weight:700;display:flex;flex-direction:column;gap:7px;position:relative}.tg-root input,.tg-root select,.tg-root textarea{width:100%;background:#181f26;border:1px solid rgba(255,255,255,.09);border-radius:9px;color:#eceff2;padding:11px;font:inherit;outline:none}.tg-root input:focus,.tg-root select:focus,.tg-root textarea:focus{border-color:#37c080;box-shadow:0 0 0 2px rgba(55,192,128,.18)}.tg-root textarea{resize:vertical}.tg-root .suffix{position:absolute;left:10px;bottom:12px;color:#9fa5ac;font-size:12px}.tg-root .toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.tg-root .toolbar b{display:block;font-size:18px}.tg-root .toolbar small{display:block;margin-top:6px;color:#9fa5ac}/* Build 9225 §13 - אותה תקלה: .toolbar b כבר display:block, אבל small נשאר inline וצמוד. תבנית כותרת/תיאור משותפת, זהה בעיקרון לזו שתוקנה ב-app.css. */.tg-root .list{display:flex;flex-direction:column;gap:10px;margin:10px 0}.tg-root .row-card{background:#151c24;border:1px solid rgba(255,255,255,.09);border-radius:13px;padding:14px}.tg-root .row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tg-root .row-head b{font-size:16px}.tg-root .remove{background:#241416;color:#f66c6d;border:1px solid #5c3335;border-radius:8px;padding:8px 10px;cursor:pointer}.tg-root .switch-row{flex-direction:row;align-items:center;justify-content:flex-start}.tg-root .switch-row input{width:20px;height:20px}.tg-root .spec-note{margin-top:10px;border-right:4px solid #ebae42;background:#2e2515;padding:14px;border-radius:8px;color:#ebae42}.tg-root .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tg-root .photo-card h3{margin-top:0}.tg-root .thumb{height:180px;margin-top:10px;border:1px dashed rgba(255,255,255,.09);border-radius:10px;display:grid;place-items:center;color:#9fa5ac;overflow:hidden}.tg-root .thumb img{width:100%;height:100%;object-fit:contain;background:#fff}.tg-root .qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tg-root .qa-item{background:#151c24;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:12px}.tg-root .qa-item.ok{border-color:#1a7146}.tg-root .qa-item.warn{border-color:#996f1f}.tg-root .preview-section{margin-top:26px}.tg-root .preview-toolbar{display:flex;align-items:center;justify-content:space-between}.tg-root .preview-toolbar h2{margin-bottom:2px}.tg-root .preview-toolbar p{color:#9fa5ac;margin-top:0}.tg-root .icon-btn{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.09);background:#181f26;color:#eceff2;font-size:20px}.tg-root .preview-stage{direction:ltr;overflow:auto;background:#1d252d;border-radius:14px;padding:24px;max-height:1050px}.tg-root .print-book{transform-origin:top left;display:flex;flex-direction:column;gap:28px;align-items:flex-start}.tg-root .sheet{position:relative;width:1123px;height:794px;background:#fff;color:#132235;border:1.5px solid #172b3e;overflow:hidden;direction:rtl;flex:none}.tg-root .sheet-header{height:96px;border-bottom:1.4px solid #28445c;background:#f7f9fc;display:grid;grid-template-columns:28% 44% 28%;align-items:center}.tg-root .sheet-header .logo{padding-right:28px;text-align:right}.tg-root .sheet-header img{width:170px;height:58px;object-fit:contain;object-position:right center}.tg-root .sheet-header .title{text-align:center}.tg-root .sheet-header h1{font-size:27px;margin:0 0 6px;color:#1b344d}.tg-root .sheet-header h2{font-size:16px;margin:0;color:#54697c}.tg-root .sheet-header .meta{font-size:12px;line-height:1.9;padding-left:28px}.tg-root .sheet-body{position:absolute;top:96px;bottom:104px;left:0;right:0}.tg-root .sheet-footer{position:absolute;height:104px;bottom:0;left:0;right:0;border-top:1.4px solid #28445c;display:grid;grid-template-columns:156px 1.3fr 1.45fr 1.25fr 1.5fr 1.45fr .85fr .85fr .62fr;background:#f8fafc}.tg-root .foot-cell{border-left:1px solid #496174;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7px;font-size:11px}.tg-root .foot-cell:last-child{border-left:0}.tg-root .foot-cell b{font-size:14px;margin-top:7px}.tg-root .foot-logo img{width:100%;max-width:140px;height:46px;object-fit:contain;display:block;margin:0 auto}.tg-root .sl-body{display:grid;grid-template-columns:1fr 1fr;height:100%}.tg-root .sl-half{position:relative;border-left:1px solid #b7c4d0;padding:12px 18px}.tg-root .sl-half:first-child{border-left:0}.tg-root .part-title{text-align:center;font-size:16px;font-weight:800;border-bottom:1px solid #b8c7d3;padding-bottom:8px}.tg-root .part-sub{text-align:center;font-size:11px;color:#647b90;margin-top:6px}.tg-root .drawing{position:absolute;top:62px;left:14px;right:14px;bottom:10px}.tg-root .panel-box{position:absolute;border:2px solid #23384c;border-radius:8px;text-align:center;padding:10px;background:#fff}.tg-root .new-equip{border-color:var(--blue)!important}.tg-root .existing-equip{border-color:#23384c!important}.tg-root .pe-bar,.tg-root .meb-bar{height:34px;border:2px solid #23384c;background:#fff;position:absolute;display:flex;align-items:center;justify-content:space-around;padding:0 9px}.tg-root .bar-hole{width:12px;height:12px;border:1.7px solid #263b4e;border-radius:50%;background:#fff}.tg-root .node-box{position:absolute;border:2px solid #23384c;border-radius:7px;background:#fff;text-align:center;padding:9px;font-size:12px;min-height:75px;display:flex;flex-direction:column;justify-content:center}.tg-root .node-box b{font-size:13px}.tg-root .node-status{font-size:10px;margin-top:7px}.tg-root .line-label{position:absolute;background:#fff;padding:2px 5px;font-weight:700;font-size:11px;white-space:nowrap}.tg-root .legend{position:absolute;bottom:10px;left:12px;width:220px;border:1.5px solid #273f54;background:#fff;padding:11px;font-size:10px}.tg-root .legend h4{margin:0 0 8px;font-size:13px}.tg-root .legend-row{display:flex;align-items:center;gap:10px;margin:7px 0}.tg-root .sample{width:55px;height:0;border-top:3px solid}.tg-root .sample.green{border-color:var(--green)}.tg-root .sample.brown{border-color:var(--brown)}.tg-root .sample.purple{border-color:var(--purple);border-top-style:dashed}.tg-root .sample.blue{border-color:var(--blue);border-top-style:dashed}.tg-root .photo-body,.tg-root .tables-body{padding:24px 28px;height:100%}.tg-root .photos-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.tg-root .photo-output{border:1px solid #7990a3;padding:12px}.tg-root .photo-output h3{text-align:center;color:#274b6a;margin:0 0 10px}.tg-root .photo-output img{width:100%;height:380px;object-fit:contain;background:#f3f4f6}.tg-root .photo-info{font-size:12px;padding:8px;line-height:1.7}.tg-root .empty-note{text-align:center;color:#6b8091;padding:45px}.tg-root .hidden{display:none!important}@media(max-width:950px){.tg-root .cols-3,.tg-root .cols-4,.tg-root .qa-grid{grid-template-columns:1fr 1fr}.tg-root .photo-grid{grid-template-columns:1fr}.tg-root .app-header{height:auto;position:relative;align-items:flex-start;gap:10px}.tg-root .actions{flex-wrap:wrap}.tg-root .steps{top:0}.tg-root .brand small{display:none}}@media(max-width:620px){.tg-root .cols-3,.tg-root .cols-4,.tg-root .qa-grid{grid-template-columns:1fr}.tg-root .app-shell{padding:10px}.tg-root .brand img{width:104px}.tg-root .section-title h2{font-size:20px}}/* ── הדפסה   (Build 9.211) ────────────────────────────────────────────
   הקובץ הזה נכתב כשההארקות היו עמוד עצמאי. אחרי ההטמעה ב-index.html
   הוא נטען יחד עם כל שאר טומי, ושתי שורות שהיו נכונות בעמוד נפרד הפכו
   לגלובליות:

   1. `@page{size:A4 landscape}` — ל-`@page` אין הקשר סלקטור. ברגע
      שהגיליון נטען, **כל** הדפסה בטומי יצאה לרוחב: סקר עירוני, כתב
      כמויות, כל דבר. זה תוקן בעזרת עמוד בעל שם (`@page tgSheet`)
      שמוחל רק על `.tg-root .sheet`, כך שברירת המחדל לשאר המוצר חוזרת
      להיות לאורך.

   2. `.gd-toolbar` נוסף בהטמעה — הוא כרום של טומי, לא של המודול
      המקורי, ולכן לא הופיע ברשימת ההסתרה כאן והיה מודפס מעל הגיליון
      הראשון.

   `page:` (named pages) נתמך ב-Chromium 85+, כלומר בכל Edge רלוונטי.
   גם אם מנוע כלשהו יתעלם ממנו, `.sheet` שומר על מידות 297mm×210mm
   מפורשות — הנפילה היא לגלישה, לא להיעלמות.
   ─────────────────────────────────────────────────────────────────── */
@page tgSheet{size:A4 landscape;margin:0}
@media print{.tg-root{background:#fff}.tg-root .app-header,.tg-root .steps,.tg-root .forms,.tg-root .preview-toolbar,.tg-root .gd-toolbar{display:none!important}.tg-root .app-shell,.tg-root .preview-section,.tg-root .preview-stage{margin:0!important;padding:0!important;max-width:none!important;background:#fff!important;overflow:visible!important;max-height:none!important}.tg-root .print-book{transform:none!important;gap:0!important}.tg-root .sheet{page:tgSheet;page-break-after:always;border:0;width:297mm;height:210mm}.tg-root .sheet:last-child{page-break-after:auto}}

.tg-root /* Local earthing pits,.tg-root panel hierarchy notes & print pagination helpers */
.inline-warning{margin-top:10px;color:#ebae42}.tg-root .minor{font-size:10px;color:#9fa5ac;margin-top:5px}.tg-root .panel-bar-title{margin-top:8px;font-weight:700}.tg-root .pit-box{position:absolute;border:2px solid #1767d9;border-radius:7px;background:#fff;text-align:center;padding:8px;font-size:10px;min-height:92px;display:flex;flex-direction:column;justify-content:center}.tg-root .pit-box b{font-size:12px}.tg-root .target-note{position:absolute;color:#7040aa;font-size:9px;background:#fff;padding:1px 4px;max-width:170px}.tg-root .meb-caption{position:absolute;top:22px;left:60px;width:400px;text-align:center;font-weight:800}.tg-root .panel-hierarchy-note{position:absolute;left:20px;right:20px;top:365px;border:1px solid #adc0cf;background:#f5f8fb;padding:6px;text-align:center;font-size:9px}.tg-root .pe-label,.tg-root .body-label,.tg-root .local-label{direction:rtl;line-height:1.3;text-align:center;max-width:150px;white-space:normal}.tg-root .body-label{color:#a95212}.tg-root .tables-body{overflow:hidden}.tg-root .output-table{break-inside:avoid;page-break-inside:avoid}.tg-root .output-table thead{display:table-header-group}.tg-root .output-table tr{break-inside:avoid;page-break-inside:avoid}.tg-root .custom-type.hidden{display:none}.tg-root .sheet-header,.tg-root .sheet-footer{font-family:Arial,"Noto Sans Hebrew",sans-serif}@media print{
  .tg-root .sheet{overflow:hidden!important}
  .tg-root .output-table{page-break-inside:auto}
  .tg-root .output-table tr{page-break-inside:avoid;page-break-after:auto}
  .tg-root .output-table thead{display:table-header-group}
}

.tg-root /* Engineering hierarchy graph,.tg-root MEB connections & local earthing network */
.targets-field{grid-column:1/-1;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px;margin:12px 0 0}.tg-root .targets-field legend{padding:0 8px;color:#eceff2;font-weight:800}.tg-root .check-target{display:flex;flex-direction:row;align-items:center;gap:9px;padding:8px;border-bottom:1px solid rgba(255,255,255,.09)}.tg-root .check-target input{width:19px;height:19px}.tg-root .graph-drawing{overflow:hidden;padding:5px}.tg-root .graph-scale{transform-origin:top center;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.tg-root .tree-level{display:flex;flex-direction:column;align-items:center;position:relative}.tg-root .tree-children{display:flex;justify-content:center;align-items:flex-start;gap:16px;padding-top:26px;position:relative}.tg-root .tree-children:before{content:"";position:absolute;top:0;left:8%;right:8%;border-top:2px solid #168b4d}.tg-root .tree-branch{display:flex;flex-direction:column;align-items:center;position:relative;min-width:105px}.tg-root .tree-branch:before{content:"";height:26px;border-left:2px dashed #168b4d;position:absolute;top:-26px}.tg-root .tree-conductor{font-size:9px;color:#167b44;background:#fff;padding:1px 4px;white-space:nowrap;margin-bottom:5px}.tg-root .eng-panel,.tg-root .eng-asset{width:150px;background:#fff;border:2px solid #263e52;border-radius:7px;text-align:center;padding:7px;display:flex;flex-direction:column;gap:4px}.tg-root .eng-panel small,.tg-root .eng-asset small{font-size:9px}.tg-root .eng-asset{width:112px;min-height:66px}.tg-root .mini-pebar{height:22px;border:1.5px solid #263e52;display:flex;justify-content:space-around;align-items:center;padding:0 4px}.tg-root .mini-pebar .bar-hole{width:8px;height:8px}.tg-root .local-network{width:94%;border-top:1px dashed #8195a7;margin-top:16px;padding-top:8px}.tg-root .local-network h4{margin:0 0 6px;text-align:center;color:#7040aa}.tg-root .local-network-sub{text-align:center;font-size:10px;color:#647b90;margin:0 0 8px}.tg-root .pit-network{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:6px;margin:5px 0}.tg-root .pit-branches{display:flex;flex-direction:column;gap:9px}.tg-root .pit-branch{display:grid;grid-template-columns:105px 1fr;align-items:center;gap:6px}.tg-root .pit-symbol{border:2px solid #1767d9;border-radius:6px;padding:5px;text-align:center;display:flex;flex-direction:column;font-size:8px}.tg-root .pit-symbol b{font-size:10px}.tg-root .pit-type{font-size:12px;font-weight:700;color:#1b344d}.tg-root .pit-wire{height:0;border-top:3px dashed #7040aa;position:relative}.tg-root .pit-wire span{position:absolute;top:-19px;right:0;background:#fff;font-size:8px;color:#7040aa;white-space:nowrap}.tg-root .pit-targets{display:flex;gap:4px;flex-wrap:wrap}.tg-root .pit-targets div{border:1px solid #7040aa;border-radius:5px;padding:4px;font-size:8px}.tg-root .pit-footnote{margin-top:8px;text-align:center;font-size:11px;font-weight:600;color:#3a4f61}.tg-root .meb-clean{display:flex;flex-direction:column;align-items:center;padding-top:5px}.tg-root .meb-clean h4{margin:0 0 7px}.tg-root .meb-bar-clean{width:82%;height:34px;border:2px solid #263e52;display:flex;justify-content:space-around;align-items:center;padding:0 8px}.tg-root .meb-connections{display:flex;justify-content:center;gap:17px;width:92%;padding-top:0}.tg-root .meb-connection{display:flex;flex-direction:column;align-items:center;min-width:100px}.tg-root .meb-wire{height:120px;border-left:3px dashed #a95212;position:relative}.tg-root .meb-wire span{position:absolute;top:45px;left:8px;width:95px;font-size:8px;color:#a95212;background:#fff;padding:2px}.tg-root .meb-connections.daisy{border-top:3px dashed #a95212;margin-top:45px}.tg-root .meb-connections.daisy .meb-wire{height:75px}.tg-root .topology-note{margin-top:8px;border:1px solid #b9c8d4;padding:5px 10px;font-size:9px}.tg-root .insulation-select{min-width:0}

.tg-root .engineering-legend{
  left:14px;
  bottom:46px;
  width:225px;
  z-index:8;
  direction:rtl;
  text-align:right;
  box-shadow:0 1px 3px rgba(20,43,62,.08);
}
.tg-root .engineering-legend .legend-row{
  justify-content:flex-start;
}
.tg-root .equipment-sample{
  display:inline-block;
  width:35px;
  height:17px;
  background:#fff;
  border:2px solid #263e52;
  border-radius:3px;
  flex:none;
}
.tg-root .equipment-sample.new{border-color:#1767d9}
.tg-root .equipment-sample.existing{border-color:#263e52}
.tg-root .inline-note{grid-column:1/-1;margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#151c24;color:#9fa5ac;font-size:13px}


.tg-root /* Legend position for the two-column (PE + MEB) layout */
.sl-half > .engineering-legend{
  position:absolute !important;
  left:18px !important;
  right:auto !important;
  top:382px !important;
  bottom:auto !important;
  width:225px !important;
  min-height:118px !important;
  max-height:142px !important;
  margin:0 !important;
  z-index:30 !important;
  overflow:hidden !important;
}
.tg-root .sl-half .drawing.meb-clean{
  bottom:10px !important;
  padding-bottom:0 !important;
  overflow:hidden !important;
}@media print{
  .tg-root .sl-half > .engineering-legend{
    left:18px !important;
    right:auto !important;
    top:382px !important;
    bottom:auto !important;
    width:225px !important;
    min-height:118px !important;
    max-height:142px !important;
  }
}

.tg-root /* Conditional MEB section: single full-width PE layout when MEB is hidden */
.meb-config-card{margin-top:12px}
.tg-root .sl-body.no-meb{display:block}
.tg-root .sl-full{position:relative;height:100%;padding:12px 18px}
.tg-root .sl-full .drawing.graph-drawing{left:115px;right:115px}
.tg-root .sl-full > .engineering-legend{
  position:absolute!important;
  left:18px!important;
  right:auto!important;
  top:382px!important;
  bottom:auto!important;
  width:225px!important;
  min-height:118px!important;
  max-height:142px!important;
  z-index:30!important;
  overflow:hidden!important;
}
.tg-root .meb-source-note{width:82%;margin:7px auto 0;padding:5px 8px;border:1px solid #c2cfda;background:#f8fbfd;font-size:8px;line-height:1.45;text-align:right}
.tg-root .meb-clean.daisy{position:absolute;display:block;text-align:center;padding-top:5px}
.tg-root .meb-clean.daisy h4{margin:0 0 7px}
.tg-root .meb-clean.daisy .meb-bar-clean{margin:0 auto;position:relative}
.tg-root .meb-clean.daisy .daisy-origin{position:absolute;top:73px;left:50%;height:44px;border-left:3px dashed #a95212;z-index:2}
.tg-root .meb-clean.daisy .daisy-origin:before{content:"";position:absolute;top:-5px;left:-5px;width:8px;height:8px;border-radius:50%;background:#a95212}
.tg-root .meb-clean.daisy .daisy-trunk{position:absolute;top:116px;left:8%;right:8%;border-top:3px dashed #a95212}
.tg-root .meb-clean.daisy .meb-connections.daisy{border-top:0!important;margin-top:50px!important;display:flex;justify-content:center;gap:17px;width:92%;margin-left:auto!important;margin-right:auto!important;padding-top:0}
.tg-root .meb-clean.daisy .meb-connections.daisy .meb-wire{height:75px;border-left:3px dashed #a95212}
.tg-root .meb-clean.individual .meb-connections.individual{margin-top:0}@media print{
  .tg-root .sl-full > .engineering-legend{left:18px!important;top:382px!important;bottom:auto!important}
}

.tg-root /* Output table styling: grounding schedule & equipment list */
.tables-body.solo-table{
  padding:30px 28px 20px;
}
.tg-root .output-table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  direction:rtl;
  font-size:11.5px;
  color:#172b3d;
  border:1px solid #31577a;
  box-shadow:0 0 0 1px rgba(49,87,122,.08);
  margin-bottom:0;
}
.tg-root .output-table caption{
  caption-side:top;
  text-align:right;
  color:#173f63;
  font-size:20px;
  font-weight:700;
  padding:0 0 10px;
  border-bottom:1.5px solid #6c8aa8;
  margin-bottom:20px;
}
.tg-root .output-table thead th{
  background:#173f63;
  color:#fff;
  border:1px solid #d7e1ea;
  padding:10px 8px;
  font-weight:800;
  line-height:1.25;
  vertical-align:middle;
}
.tg-root .output-table tbody td{
  border:1px solid #aebfd0;
  padding:9px 8px;
  text-align:center;
  vertical-align:middle;
  line-height:1.35;
  background:#fff;
}
.tg-root .output-table tbody tr:nth-child(even) td{
  background:#e9f1f8;
}
.tg-root .output-table th:first-child,.tg-root .output-table td:first-child{
  width:54px;
  font-weight:700;
}
.tg-root .dense .output-table{font-size:9.5px}
.tg-root .dense .output-table thead th,.tg-root .dense .output-table tbody td{padding:5px 4px}
.tg-root .ultra-dense .output-table{font-size:8px}
.tg-root .ultra-dense .output-table thead th,.tg-root .ultra-dense .output-table tbody td{padding:3px 3px}
.tg-root .output-table tbody tr:hover td{background:#dfeaf4}@media print{
  .tg-root .output-table tbody tr:hover td{background:inherit}
}

.tg-root /* Build 9.36 - עיצוב טבלאות אחיד לפי תקן EV Panel
   ------------------------------------------------------------
   המשתמש קבע: עיצוב הטבלאות של EV Panel הוא הקובע לשתי התוכניות
   ההנדסיות. עד כה טבלאות תוכנית ההארקה נדפסו לבנות לחלוטין,.tg-root בעוד
   ב-EV Panel הן נייבי עם שורות מתחלפות בגוון תכלת - מה שגם קריא יותר
   בהדפסה. הערכים כאן מועתקים אחד לאחד מהמקור ב-EV Panel:
     כותרת: רקע #1a3a5c,.tg-root טקסט לבן,.tg-root משקל 600,.tg-root ריפוד 9px 10px
     תא:    מסגרת 1px solid #c5d0dc,.tg-root ריפוד 6px 8px
     שורות: לסירוגין #fff / #e8eff7
   print-color-adjust מבטיח שהדפדפן לא "יחסוך" את הצבעים בהדפסה -
   בלעדיו הרקעים נעלמים וחוזרים ללבן,.tg-root שזו בדיוק התקלה שדווחה. */
.output-table{width:100%;border-collapse:collapse;direction:rtl}
.tg-root .output-table caption{caption-side:top;text-align:right;font-weight:800;color:#1a3a5c;
  padding:6px 2px;font-size:12px}
.tg-root .output-table th{background:#1a3a5c!important;color:#fff!important;font-weight:600;
  padding:9px 10px;border:1px solid #c5d0dc;text-align:right;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.tg-root .output-table td{border:1px solid #c5d0dc;padding:6px 8px;color:#132235}
.tg-root .output-table tbody tr:nth-child(even){background:#e8eff7;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.tg-root .output-table tbody tr:nth-child(odd){background:#fff}@media print{
  .tg-root .output-table th{background:#1a3a5c!important;color:#fff!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
  .tg-root .output-table tbody tr:nth-child(even){background:#e8eff7!important;
    -webkit-print-color-adjust:exact;print-color-adjust:exact}
}

.tg-root /* Build 9.45 - גופים המוארקים ישירות לשוחה */
.pit-body-chip{display:flex;flex-direction:column;gap:2px;border:2px solid #7040aa;border-radius:6px;padding:4px 6px;background:#fff;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.tg-root .pit-body-chip b{font-size:9px;color:#1b344d}
.tg-root .pit-body-chip small{font-size:8px;color:#4a5f72}
.tg-root .pit-bodies-field{grid-column:1/-1;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px;margin:12px 0 0}
.tg-root .pit-bodies-field legend{padding:0 8px;color:#eceff2;font-weight:800}
.tg-root .pit-bodies-note{font-size:12px;color:#9fa5ac;margin:0 0 10px;line-height:1.5}
.tg-root .pit-bodies-empty{font-size:12px;color:#9fa5ac;padding:8px 0 12px}
.tg-root .pit-body-row{background:#181f26;border:1px solid rgba(255,255,255,.09);border-radius:10px;padding:12px;margin:0 0 10px}
.tg-root .pit-body-row .row-head{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.tg-root .add-pit-body{width:100%}

.tg-root /* Build 9.117 - הערת נספח החישובים */
.calc-note{margin-top:6mm;padding:2.5mm 3mm;border-right:3px solid #3b5f8a;background:#f4f7fb;font-size:9pt;line-height:1.5;color:#22364d}


/* ══════════════════════════════════════════════════════════════════
   UI-3 — העטיפה של המודול בתוך טומי (לא נגזרת מהגיליון המקורי)

   `gd-toolbar` היא שורת הפעולות של המודול אחרי שהכותרת העצמאית שלו
   הוסרה: אותם כפתורים בדיוק, בלי המותג ובלי "חזרה לדשבורד".
   `gd-body` הוא מה שהיה `main.app-shell` — עכשיו רק זרימה, כי
   המעטפת, הרוחב והגלילה שייכים לטומי.
   ══════════════════════════════════════════════════════════════════ */
.tg-root { display: block; }
.tg-root .gd-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  margin: 0 0 20px;
}
.tg-root .gd-body { display: block; }
/* הניווט הפנימי היה דביק מתחת לכותרת שכבר לא קיימת. */
.tg-root .steps { position: static; padding: 0 0 14px; background: transparent; }
.tg-root .form-section { scroll-margin-top: 76px; }