:root{color-scheme:dark;--bg:#071922;--card:#102c37;--line:#385e6d;--text:#f7fbfd;--muted:#bfd0d7;--gold:#ffb000;--gold2:#ffd260;--danger:#ffabab;--green:#a8e6bd}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45}.shell{max-width:960px;margin:auto;padding:18px}
header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 15px;border-bottom:1px solid var(--line);margin-bottom:18px}header small,.card>small,.result-card>small{color:var(--gold);font-weight:900;letter-spacing:.08em}h1,h2,h3{margin:.25rem 0 .6rem}h1{font-size:1.8rem}.tagline{margin:0;color:var(--muted)}.hidden{display:none!important}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0}.auth-card{max-width:760px;margin:30px auto}.focused-card{max-width:760px;margin:16px auto}.bolt{display:grid;place-items:center;width:64px;height:64px;background:var(--gold);border-radius:20px;font-size:32px}.login-brand-icon{width:104px;height:104px;margin:0 auto 16px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 28px rgba(0,0,0,.35)}.login-brand-icon img{display:block;width:100%;height:100%;object-fit:cover}
label{display:grid;gap:7px;margin:12px 0;font-weight:700}input,select,textarea{width:100%;background:#061b24;color:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font:inherit}textarea{resize:vertical}
button{font:inherit;font-weight:800;cursor:pointer;border-radius:12px;border:1px solid var(--line);padding:13px 15px}.primary{width:100%;background:var(--gold);color:#111;border-color:#d79700}.quiet-button{background:transparent;color:var(--muted);padding:10px 12px}.quiet-button:hover{color:#fff;border-color:var(--gold)}
.welcome{text-align:center;padding:32px}.main-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px}.main-action{min-height:172px;background:#09222c;color:#fff;display:grid;place-items:center;gap:5px;padding:18px}.main-action:hover{border-color:var(--gold)}.main-action span{font-size:32px}.main-action strong{font-size:1.08rem}.main-action small{color:var(--muted);font-weight:400}.more-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.more-tools button{background:#102c37;color:#fff}.screen>.back-home{background:transparent;color:var(--muted);border:0;padding-left:0}
.choice-list{display:grid;gap:10px;margin:16px 0}.choice-list button{background:#09222c;color:#fff;text-align:left;display:grid;gap:5px}.choice-list button:hover{border-color:var(--gold)}.choice-list span{color:var(--muted);font-weight:400}.progress{height:7px;background:#061b24;border-radius:99px;overflow:hidden;margin:14px 0}.progress span{display:block;height:100%;background:var(--gold);border-radius:99px;transition:width .2s}
.result-card{background:#071e27;border-left:4px solid var(--gold);border-radius:12px;padding:18px}.result-card ol{padding-left:22px}.caution{background:#322328;border-left:4px solid var(--danger);padding:12px;border-radius:9px}.caution p{margin-bottom:0}.confidence{color:var(--muted);font-size:.9rem}
.asked-question{margin-top:14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#09222c}.asked-question span{display:block;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.asked-question p{margin:4px 0 0;color:var(--text);white-space:pre-wrap}.answer{margin-top:10px;background:#071e27;border-left:4px solid var(--gold);padding:16px;border-radius:10px;white-space:pre-wrap}.answer h2{font-size:1.8rem}.detail-box{background:#071e27;padding:13px;border-radius:10px;margin-top:10px;color:var(--muted)}.quick-feedback{display:flex;gap:8px;align-items:center;margin-top:10px}.quick-feedback button{background:#09222c;color:#fff;padding:8px 10px}
.large-search{font-size:1.05rem}.knowledge-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px}.simple-list{display:grid;gap:9px;margin:14px 0}.simple-list button{text-align:left;background:#09222c;color:#fff;display:grid;gap:4px}.simple-list button span{color:var(--muted);font-weight:400}.simple-list button small{color:var(--gold2)}.term-detail .definition{font-size:1.12rem}.foreman-tip{background:#153525;border-left:4px solid var(--green);padding:13px;border-radius:10px;margin:14px 0}.foreman-tip p{margin-bottom:0}details{background:#09222c;border-radius:10px;padding:11px;margin:8px 0}summary{font-weight:800;cursor:pointer}.warning,.error{color:var(--danger)}.muted{color:var(--muted)}
.grid{display:grid;gap:12px}.grid.two{grid-template-columns:1fr 1fr}.list{display:grid;gap:9px}.job,.feedback-item{background:#09222c;border:1px solid var(--line);border-radius:11px;padding:12px}.job{display:flex;justify-content:space-between;gap:10px}.feedback-item small{display:block;color:var(--muted)}footer{text-align:center;color:var(--muted);font-size:12px;padding:22px}
@media(max-width:700px){.shell{padding:10px}.main-actions,.grid.two,.knowledge-tools{grid-template-columns:1fr}.main-action{min-height:132px}.welcome{padding:18px}.card{padding:16px}header h1{font-size:1.45rem}}
.welcome-question{margin:.2rem 0 0;color:var(--muted);font-size:1.05rem}.tool-icon{width:54px;height:54px;display:grid;place-items:center}.tool-icon svg{width:100%;height:100%;fill:none;stroke:var(--text);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.tool-icon .icon-accent{stroke:var(--gold)}.tool-icon .icon-screen{fill:#061b24;stroke:var(--gold)}.quick-starts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.quick-starts button{background:#09222c;color:#fff;text-align:left}.quick-starts button:hover{border-color:var(--gold)}
@media(max-width:700px){.quick-starts{grid-template-columns:1fr}.tool-icon{width:46px;height:46px}}

/* Version 3.3 simple field polish */
.foreman-welcome{display:flex;align-items:center;justify-content:center;gap:22px;text-align:left;margin-bottom:8px}.foreman-avatar{width:118px;height:118px;flex:0 0 118px;background:#09222c;border:1px solid var(--line);border-radius:28px;display:grid;place-items:center;overflow:hidden}.foreman-avatar svg{width:108px;height:108px;fill:none;stroke:var(--text);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.foreman-avatar .helmet,.foreman-avatar .helmet-brim{fill:var(--gold);stroke:#d79700}.foreman-avatar .face{fill:#b77a52}.foreman-avatar .glasses{fill:#061b24}.foreman-avatar .vest{fill:#183c49}.foreman-avatar .vest-stripe{stroke:var(--gold)}.foreman-avatar .raised-hand{fill:#b77a52}.ready-line{margin:.15rem 0;color:var(--gold2);font-weight:800}.welcome-question{margin:.15rem 0 0}.main-action{transition:transform .12s ease,border-color .12s ease,background .12s ease}.main-action:hover{transform:translateY(-2px);background:#0b2934}.main-action:active{transform:translateY(0)}.meter-tool-icon .meter-body{fill:#172f39}.meter-tool-icon .lead-jack{fill:var(--gold);stroke:var(--gold)}.quick-starts button{display:flex;align-items:center;gap:10px;min-height:58px}.quick-starts button span{font-size:1.25rem}.photo-preview{margin:12px 0;padding:10px;background:#071e27;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px}.photo-preview img{width:84px;height:84px;object-fit:cover;border-radius:9px}.photo-preview button{margin-left:auto;background:transparent;color:var(--danger);padding:8px 10px}.answer-section{margin:0 0 14px}.answer-section:last-child{margin-bottom:0}.answer-label{display:block;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;margin-bottom:4px}.answer-section.safety{background:#322328;border-left:4px solid var(--danger);padding:11px;border-radius:8px}.answer-section.tip{background:#153525;border-left:4px solid var(--green);padding:11px;border-radius:8px}
@media(max-width:700px){.foreman-welcome{align-items:flex-start;gap:13px}.foreman-avatar{width:82px;height:82px;flex-basis:82px;border-radius:20px}.foreman-avatar svg{width:76px;height:76px}.welcome h2{font-size:1.35rem}.ready-line{font-size:.92rem}.main-action{min-height:132px;padding:16px}.main-action strong{font-size:1.12rem}}

/* Version 3.3 calculator shortcuts */
.calc-favorites{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0 18px}.calc-favorites button{min-height:88px;background:#09222c;color:#fff;display:grid;place-items:center;gap:4px;padding:12px}.calc-favorites button:hover,.calc-favorites button.active{border-color:var(--gold);background:#0b2934}.calc-favorites span{font-size:1.45rem}.calc-favorites strong{font-size:.94rem}
@media(max-width:700px){.calc-favorites{grid-template-columns:1fr 1fr}.calc-favorites button{min-height:78px}}


/* Version 3.3 field-first home tools */
.main-actions{grid-template-columns:1fr 1fr}.scan-action{grid-column:1/-1;min-height:138px}.home-quick-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.home-quick-tools button{min-height:76px;background:#071e27;color:#fff;display:grid;place-items:center;gap:3px;padding:10px}.home-quick-tools button:hover{border-color:var(--gold);background:#0b2934}.home-quick-tools span{font-size:1.3rem}.home-quick-tools strong{font-size:.9rem}
@media(max-width:700px){.scan-action{grid-column:auto}.home-quick-tools{grid-template-columns:1fr 1fr}.home-quick-tools button{min-height:72px}}

/* Version 3.3 simple calculator results */
#calculators .focused-card{padding-bottom:28px}
#calcFields label{margin:9px 0;gap:5px}
#calcFields input,#calcFields select{padding:12px}
#calcBtn{margin-top:8px;min-height:52px}
.answer>small{color:var(--gold);font-weight:900;letter-spacing:.08em}
.answer .result-confidence{display:block;color:var(--muted);font-size:.86rem;margin-top:8px}
@media(max-height:850px) and (min-width:701px){
  .shell{padding-top:10px}
  #calculators .card{margin-top:8px;padding-top:16px}
  #calculators .calc-favorites{margin:10px 0 12px}
  #calculators .calc-favorites button{min-height:72px}
  #calculators label{margin:7px 0}
  #calculators input,#calculators select{padding:10px 12px}
}

.small-note{font-size:.88rem;margin-top:.65rem}

/* Version 3.5 simple calculator center */
.calculator-menu{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.calculator-menu button{min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#09222c;color:#fff;padding:16px}.calculator-menu button:hover{border-color:var(--gold);background:#0b2934}.calculator-menu span{font-size:1.55rem}.calculator-menu strong{font-size:1rem}.calculator-menu small{color:#b9d3dd}.more-calculators button{min-height:68px}.more-calculators{margin-top:12px}#calculatorWorkspace{max-width:760px;margin-left:auto;margin-right:auto}#backToCalculatorMenu{margin-bottom:14px}@media(max-width:700px){.calculator-menu{grid-template-columns:1fr}.calculator-menu button{min-height:88px}}

/* Calculator Build 003: simple, unmistakable field selections */
.quick-choice{border:0;padding:0;margin:12px 0}.quick-choice legend{font-weight:800;margin-bottom:8px}.choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-buttons button{min-height:52px;background:#09222c;color:#fff;border:1px solid var(--line);font-size:1rem}.choice-buttons button.selected{background:var(--gold);color:#111;border-color:var(--gold)}.choice-buttons button.selected::before{content:"✓ ";font-weight:900}.choice-status{margin:8px 0 0;font-weight:800;color:var(--gold);font-size:.95rem}@media(max-width:520px){.choice-buttons{grid-template-columns:1fr}.choice-buttons button{min-height:48px}}

/* Calculator Build 003 — simple conduit fill */
.conductor-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;margin:10px 0;border:1px solid var(--line);border-radius:12px;background:#09222c}.conductor-row label{margin:0}.add-wire-row{width:100%;margin:4px 0 10px}.remove-wire-row{grid-column:1/-1;justify-self:start}@media(max-width:600px){.conductor-row{grid-template-columns:1fr}}

/* Calculator Build 004 — voltage drop and clearer conduit results */
.different-wires{margin:14px 0 2px;color:var(--muted);font-size:.9rem}.add-wire-row{width:auto;min-height:42px;padding:9px 14px}.result-card.result-pass{border-left-color:#45d483;background:#0b2a24}.result-card.result-warning{border-left-color:#ffd260;background:#302b16}.result-card.result-fail{border-left-color:#ff6b6b;background:#321d22}.result-card.result-pass>small{color:#8ef0ae}.result-card.result-warning>small{color:#ffe28a}.result-card.result-fail>small{color:#ffb3b3}

.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.result-metrics div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:10px}.result-metrics span{display:block;color:var(--muted);font-size:.82rem;margin-bottom:4px}.result-metrics strong{font-size:1.05rem}.field-note{margin:12px 0 6px;color:#fff}.field-suffix{display:block;color:var(--muted);font-size:.85rem;margin-top:4px}@media(max-width:620px){.result-metrics{grid-template-columns:1fr}.result-metrics div{display:flex;justify-content:space-between;align-items:center}.result-metrics span{margin:0}}


/* Version 3.8 quick find: one box, one tap */
.quick-find{max-width:720px;margin:16px auto 4px;text-align:left}.quick-find label{margin:0 0 7px;color:var(--text);font-size:1rem}.quick-find-row{display:grid;grid-template-columns:1fr 92px;gap:9px}.quick-find-row input,.quick-find-row button{min-height:52px}.quick-find-row button{width:auto}.quick-find-status{min-height:1.2em;margin:5px 2px 0;color:var(--gold2);font-weight:700;font-size:.9rem}
@media(max-width:520px){.quick-find-row{grid-template-columns:1fr 76px}.quick-find{margin-top:12px}}
/* Version 4.0 wider desktop layout */
/* Version 4.0 Desktop Layout */

.shell{
    width:100%;
    max-width:1400px;
    margin:0 auto;
    padding:20px 40px;
}

.welcome{
    width:100%;
    max-width:none;
}

body{
    overflow-x:hidden;
}
.foreman-avatar{
    display:flex;
    justify-content:center;
    align-items:center;

    overflow:hidden;
}

.foreman-avatar-img{
    width:180px;
    height:auto;
    display:block;
    object-fit:contain;

}

/* Build 006 top header */
.top-header{
    width:100%;
    max-width:1240px;
    margin:0 auto 24px;
    padding:18px 22px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:16px;
}

.brand-block{
    min-width:0;
}

.brand-block small{
    display:block;
    margin-bottom:4px;
    color:var(--gold);
    font-weight:800;
    letter-spacing:.08em;
}

.brand-block h1{
    margin:0;
    font-size:1.8rem;
}

.brand-block .tagline{
    margin:4px 0 0;
    color:var(--muted);
}

.header-build{
    flex:0 0 auto;
}

#versionBadge{
    display:inline-block;
    white-space:nowrap;
    padding:9px 14px;
    border:1px solid var(--line);
    border-radius:999px;
    background:#09222c;
    color:var(--gold);
    font-weight:800;
}

@media(max-width:700px){
    .top-header{
        align-items:flex-start;
        padding:16px;
    }

    .brand-block h1{
        font-size:1.45rem;
    }
}

.shell{
    display:block !important;
}

header.top-header{
    grid-column:auto !important;
}

main{
    width:100%;
}

footer{
    width:100%;
    margin-top:24px;
    text-align:center;
}

/* Build 006 final layout reset */
body .shell{
    display:block !important;
    max-width:1100px !important;
    margin:0 auto !important;
    padding:24px !important;
}

body .shell > header.top-header{
    position:static !important;
    width:100% !important;
    max-width:none !important;
    margin:0 0 24px !important;
}

body .shell > main{
    width:100% !important;
    max-width:none !important;
}

body .shell > footer{
    position:static !important;
    width:100% !important;
    margin:24px 0 0 !important;
}
/* ===== Build 007 Dashboard ===== */

.dashboard-row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    margin:20px 0;
}

.dashboard-card{
    background:#112f3a;
    border:1px solid var(--line);
    border-radius:14px;
    padding:18px;
}

.dashboard-card h3{
    margin:0 0 10px;
    color:var(--gold);
    font-size:1rem;
}

.dashboard-card p{
    margin:0;
    color:var(--muted);
    line-height:1.5;
}

@media(max-width:900px){
    .dashboard-row{
        grid-template-columns:1fr;
    }
}
.foreman-welcome{
    display:block !important;
}

.main-actions{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.dashboard-row{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    margin-bottom:24px;
}
/* ===== Build 008: professional field-tool icons and corrected home layout ===== */
body .shell > header.top-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:22px;
  padding:18px 22px !important;
  background:#0b222c;
  border:1px solid var(--line);
  border-bottom:3px solid var(--gold);
  border-radius:16px;
}

#home .welcome{
  padding:28px 32px;
  text-align:left;
}

#home .foreman-welcome{
  display:grid !important;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  gap:30px;
  margin:0;
}

#home .foreman-avatar{
  width:190px;
  height:190px;
  flex-basis:190px;
  border-radius:32px;
  background:radial-gradient(circle at 50% 40%,#183d4c 0,#09222c 68%,#061820 100%);
  border:1px solid #4e7180;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.22);
}

#home .foreman-avatar-img{
  width:220px;
  max-width:none;
  height:auto;
  transform:translateY(14px);
}

#home .welcome-copy{
  min-width:0;
}

#home .welcome-copy h2{
  font-size:clamp(2rem,4vw,3.1rem);
  line-height:1.05;
  margin:.25rem 0 .45rem;
}

#home .ready-line{
  font-size:1.12rem;
}

#home .quick-find{
  max-width:none;
  margin:18px 0 0;
}

#home .main-actions{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px;
  margin:20px 0 0;
}

#home .main-action{
  min-height:194px;
  padding:20px 14px 18px;
  border:1px solid #416573;
  background:linear-gradient(145deg,#0d2a35,#071d26);
  box-shadow:0 10px 22px rgba(0,0,0,.17);
  overflow:hidden;
}

#home .main-action:hover{
  border-color:var(--gold);
  background:linear-gradient(145deg,#113541,#08232d);
}

#home .main-action .tool-icon{
  width:92px;
  height:92px;
  margin-bottom:4px;
}

#home .main-action .tool-icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:drop-shadow(0 8px 8px rgba(0,0,0,.28));
}

#home .main-action strong{
  font-size:1.05rem;
  line-height:1.2;
  text-align:center;
}

#home .main-action small{
  font-size:.9rem;
  line-height:1.3;
  text-align:center;
}

#home .scan-action{
  grid-column:1/-1;
  min-height:104px;
  display:grid;
  grid-template-columns:76px 1fr 30px;
  align-items:center;
  justify-items:start;
  text-align:left;
  padding:16px 22px;
}

#home .scan-action .tool-icon{
  width:62px;
  height:62px;
  margin:0;
}

#home .scan-copy{
  display:grid;
  gap:3px;
  justify-items:start;
}

#home .scan-copy strong,
#home .scan-copy small{
  text-align:left;
}

#home .scan-chevron{
  color:var(--gold);
  font-size:2.6rem;
  line-height:1;
  justify-self:end;
}

#home .more-button{
  display:block;
  margin:16px auto 0;
}

@media(max-width:980px){
  #home .main-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  body .shell{
    padding:10px !important;
  }

  body .shell > header.top-header{
    padding:14px !important;
  }

  #home .dashboard-row{
    grid-template-columns:1fr !important;
    gap:10px;
  }

  #home .welcome{
    padding:18px;
  }

  #home .foreman-welcome{
    grid-template-columns:82px minmax(0,1fr);
    align-items:start;
    gap:14px;
  }

  #home .foreman-avatar{
    width:82px;
    height:82px;
    flex-basis:82px;
    border-radius:20px;
  }

  #home .foreman-avatar-img{
    width:98px;
    transform:translateY(6px);
  }

  #home .welcome-copy h2{
    font-size:1.55rem;
  }

  #home .ready-line,
  #home .welcome-question{
    font-size:.92rem;
  }

  #home .quick-find{
    grid-column:1/-1;
    margin-top:14px;
  }

  #home .main-actions{
    grid-template-columns:1fr 1fr !important;
    gap:10px;
  }

  #home .main-action{
    min-height:160px;
    padding:14px 10px;
  }

  #home .main-action .tool-icon{
    width:72px;
    height:72px;
  }

  #home .main-action strong{
    font-size:.96rem;
  }

  #home .main-action small{
    font-size:.8rem;
  }

  #home .scan-action{
    grid-column:1/-1;
    min-height:90px;
    grid-template-columns:58px 1fr 22px;
    padding:13px 14px;
  }

  #home .scan-action .tool-icon{
    width:50px;
    height:50px;
  }
}

@media(max-width:430px){
  #home .main-actions{
    grid-template-columns:1fr !important;
  }

  #home .main-action{
    min-height:142px;
  }

  #home .scan-action{
    min-height:88px;
  }
}

/* ===== Build 009: conduit fill and ampacity adjustment ===== */
.ampacity-section{border:1px solid var(--line);border-radius:12px;padding:14px;margin:14px 0}.ampacity-section legend{padding:0 8px;font-weight:900;color:var(--gold)}
.ampacity-results{display:grid;gap:10px;margin:14px 0}.ampacity-results>div{display:grid;gap:4px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04)}.ampacity-results span{color:var(--muted);line-height:1.35}
@media(min-width:760px){.conductor-row{grid-template-columns:repeat(2,minmax(0,1fr))}.conductor-row .fill-wire-load{width:100%}}


.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.saved-notes-panel{margin-top:18px}.saved-note-item{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.03);margin-bottom:10px}.saved-note-item button{white-space:nowrap}.saved-note-item small{display:block;opacity:.8}.saved-note-item p{margin:.35rem 0 0 0}.main-action img{width:100%;height:100%;object-fit:cover;border-radius:16px}.foreman-avatar-img{width:100%;height:100%;object-fit:contain}.dashboard-card p{margin-bottom:0}

/* Build 056: quick note-to-text workflow */
.quick-note-card .quick-note-body{margin-top:18px}.quick-note-card .quick-note-body textarea{min-height:190px;font-size:1.05rem}.quick-note-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-note-actions button{width:100%;min-height:52px}.spanish-text-button{background:#116c87;color:#fff;border-color:#2fb0d5}.spanish-text-button:hover,.spanish-text-button:focus-visible{background:#1788a8;border-color:#79dcf5}.note-translation-panel>summary{cursor:pointer;color:var(--gold2);font-weight:900;padding:2px}.note-translation-content{padding-top:12px}
@media(max-width:600px){.quick-note-actions{grid-template-columns:1fr}.quick-note-actions button{min-height:54px}.quick-note-card .quick-note-body textarea{min-height:220px}}

/* Build 014 guided troubleshooting coach */
.trouble-context{margin:14px 0 18px}.safety-checkpoint{border:2px solid #d69a16;background:rgba(214,154,22,.08);border-radius:18px;padding:18px;margin-top:16px}.safety-checkpoint>small{color:#ffbd38;font-weight:800;letter-spacing:.08em}.safety-checkpoint h3{margin:.45rem 0}.stop-choice{border-color:#d94b4b!important;background:rgba(217,75,75,.08)!important}.meter-coach{border:2px solid rgba(255,176,0,.65);border-radius:18px;padding:16px;margin:14px 0;background:rgba(255,176,0,.06)}.meter-coach>small{color:#ffb000;font-weight:800;letter-spacing:.08em}.meter-coach h4{margin:.35rem 0 1rem}.meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.meter-grid>div{background:rgba(255,255,255,.05);border-radius:12px;padding:10px}.meter-grid span{display:block;font-size:.76rem;opacity:.75;margin-bottom:4px}.meter-grid strong{font-size:.92rem}.energized-warning,.deenergized-warning{display:flex;gap:10px;align-items:flex-start;border-radius:12px;padding:11px;margin-top:12px}.energized-warning{background:rgba(218,63,63,.16);border:1px solid rgba(218,63,63,.5)}.deenergized-warning{background:rgba(42,166,108,.12);border:1px solid rgba(42,166,108,.45)}.energized-warning strong,.deenergized-warning strong{white-space:nowrap}.measurement-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.authorization-check{display:flex!important;gap:10px;align-items:flex-start;margin:14px 0}.authorization-check input{width:auto!important;margin-top:4px}.reading-feedback{border-radius:14px;padding:14px;margin:14px 0;border:1px solid rgba(255,255,255,.18)}.reading-feedback strong{display:block;font-size:1.05rem}.reading-normal{background:rgba(42,166,108,.12);border-color:rgba(42,166,108,.5)}.reading-low,.reading-high,.reading-imbalanced{background:rgba(255,176,0,.11);border-color:rgba(255,176,0,.55)}.reading-zero,.reading-phase-loss{background:rgba(218,63,63,.15);border-color:rgba(218,63,63,.55)}.stop-result{border:2px solid #d94b4b!important;background:rgba(217,75,75,.08)!important}.stop-result>small{color:#ff7373!important}.report-saved{font-weight:800;color:#73d7a4}.trouble-readings{margin:14px 0;background:rgba(255,255,255,.04);border-radius:12px;padding:10px 12px}.trouble-readings summary{font-weight:800;cursor:pointer}.trouble-readings li{margin:.4rem 0}
@media(max-width:700px){.meter-grid{grid-template-columns:1fr}.energized-warning,.deenergized-warning{display:block}.energized-warning strong,.deenergized-warning strong{display:block;margin-bottom:4px}}


/* ===== Builds 017-018: NEC references, updates, and job code settings ===== */
#home .dashboard-row{grid-template-columns:repeat(4,minmax(0,1fr)) !important}.dashboard-button{font:inherit;text-align:left;color:inherit;cursor:pointer}.dashboard-button:hover{border-color:var(--gold);transform:translateY(-1px)}.nec-inline-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0a2631;border:1px solid var(--line);border-left:4px solid var(--gold);padding:12px;border-radius:10px;margin:12px 0}.nec-inline-status span{color:var(--muted);flex:1;min-width:220px}.nec-status-banner{padding:14px;border-radius:12px;background:#0a2631;border-left:5px solid var(--gold);margin:14px 0}.nec-status-banner.current{border-left-color:var(--green)}.nec-status-banner.review{border-left-color:var(--danger);background:#322328}.nec-status-banner.offline{border-left-color:var(--gold)}.nec-alerts{display:grid;gap:8px;margin:12px 0}.nec-alert{padding:10px;border-radius:9px;background:#322328;border:1px solid rgba(255,120,120,.25)}.code-policy-box{background:#09222c;border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px}.code-policy-box h3{margin-top:0;color:var(--gold)}.official-source-list{display:grid;gap:8px;margin-top:14px}.official-source-list a{color:var(--gold2)}.nec-reference-box{margin-top:14px;padding:12px;border-radius:10px;background:#0a2631;border-left:4px solid var(--gold)}.nec-reference-box strong{display:block;color:var(--gold);margin-bottom:6px}.nec-reference-box ul{margin:0;padding-left:20px}.nec-reference-box li{margin:4px 0}.nec-edition-note{display:block;color:var(--muted);margin-top:8px;font-size:.88rem}@media(max-width:1000px){#home .dashboard-row{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}@media(max-width:700px){#home .dashboard-row{grid-template-columns:1fr !important}}


.code-setup-fields,.code-settings-form{border:1px solid rgba(255,176,0,.35);border-radius:16px;padding:16px;margin:16px 0;background:rgba(255,176,0,.04)}.code-setup-fields legend,.code-settings-form legend{font-weight:800;color:#ffbf32;padding:0 8px}.code-settings-form .primary{margin-top:10px}.nec-inline-status{gap:10px}.nec-inline-status span{display:block}.code-edition-required{border-color:#ffb000}.saved-note-item small+small{margin-top:3px}


/* Build 019 field-test controls */
.field-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding:14px;border:1px solid rgba(255,176,0,.35);border-radius:16px;background:rgba(6,30,42,.72)}
.field-controls button{min-height:56px;font-size:1rem;font-weight:800;border-radius:14px}
.field-controls .stop-control{grid-column:1/-1;background:#8f1d1d;color:#fff;border-color:#d95a5a}
.photo-options{margin:12px 0;padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.035)}
.photo-check{display:flex;gap:10px;align-items:flex-start}.photo-check input{width:22px;height:22px;flex:0 0 auto;margin-top:2px}
.photo-confirmation-panel{margin-top:14px;padding:16px;border:2px solid #ffb000;border-radius:16px;background:rgba(255,176,0,.1)}
.answer-section.nec{margin-top:12px;padding:14px;border:1px solid rgba(255,176,0,.5);border-radius:14px;background:rgba(255,176,0,.08)}
.answer-section.nec .answer-label{color:#ffca55}
.ai-nec-context{margin-top:14px}.field-controls.hidden,.photo-options.hidden,.photo-confirmation-panel.hidden{display:none}
@media(max-width:640px){.field-controls{grid-template-columns:1fr}.field-controls .stop-control{grid-column:auto}.field-controls button{min-height:62px;font-size:1.05rem}}


/* Build 020 — visual pipe-bending mark guides */
.bend-visual-guide{margin:22px 0 10px;padding:18px;border:1px solid rgba(255,176,0,.42);border-radius:16px;background:rgba(4,20,27,.72)}
.bend-visual-guide h3{margin:8px 0 6px;color:#fff}.bend-guide-intro{margin:0 0 12px;color:var(--muted)}
.bend-diagram-scroll{overflow-x:auto;padding:4px 0}.bend-mark-diagram{display:block;width:100%;min-width:720px;height:auto;color:#eef7fa}
.bend-pipe-line{stroke:#d8e4e8;stroke-width:18;stroke-linecap:round}.bend-measure-line{stroke:#7896a1;stroke-width:2}.bend-arrow-head{fill:#7896a1}
.bend-mark-line{stroke:#ffb000;stroke-width:4}.bend-mark-circle{fill:#09222c;stroke:#ffb000;stroke-width:4}.bend-mark-number{fill:#fff;font-size:19px;font-weight:800}.bend-mark-name{fill:#ffca55;font-size:22px;font-weight:800}.bend-mark-value{fill:#fff;font-size:18px;font-weight:700}.bend-end-label{fill:#a9c2cc;font-size:15px;font-weight:700;letter-spacing:.04em}
.bend-mark-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.bend-mark-key>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.04)}.bend-key-number{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffb000;color:#071922;font-weight:900}.bend-mark-key strong{color:#fff}.bend-mark-key small{color:var(--muted)}
.bend-reference-card{margin:14px 0;padding:13px;border-left:5px solid #ffb000;border-radius:8px;background:rgba(255,176,0,.1)}.bend-reference-card p{margin:5px 0 0}.bend-finished-profile{overflow-x:auto;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#071922;padding:8px}.bend-finished-profile svg{display:block;min-width:650px;width:100%;height:auto}
.bend-step-list{padding-left:24px}.bend-step-list li{margin:9px 0;line-height:1.45}.bend-manufacturer-warning{padding:12px;border-radius:10px;background:rgba(255,126,0,.12);border:1px solid rgba(255,126,0,.35)}
@media(max-width:620px){.bend-visual-guide{padding:12px}.bend-mark-key{grid-template-columns:1fr}.bend-mark-diagram{min-width:680px}.bend-finished-profile svg{min-width:560px}}


/* Build 021 — NEC edition audit and saved-note deletion */
.saved-note-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.delete-note-button{border-color:#9b3b3b!important;color:#ffd6d6!important}.delete-note-button:hover{background:rgba(155,59,59,.22)!important}.nec-citation-warning{margin-top:10px;padding:12px;border:2px solid #c84949;border-radius:12px;background:rgba(200,73,73,.13)}.nec-citation-warning strong{color:#ffb7b7}.nec-citation-warning p{margin:.35rem 0 0}


/* Build 022 — natural foreman voice */
.ai-voice-disclosure{font-size:.78rem;opacity:.72;margin:.45rem 0 0}.ai-voice-notice{border:1px solid rgba(255,176,0,.5);background:rgba(255,176,0,.08);border-radius:14px;padding:12px 14px;margin:12px 0 16px}.ai-voice-notice p{margin:.35rem 0 0}.voice-advanced{margin:14px 0;padding:12px 14px;border:1px solid rgba(255,255,255,.15);border-radius:14px}.voice-advanced summary{cursor:pointer;font-weight:700}.speech-notice{position:fixed;z-index:1000;left:50%;bottom:20px;transform:translateX(-50%);width:min(90vw,620px);padding:12px 16px;border-radius:14px;background:#102e3a;border:1px solid #ffb000;box-shadow:0 8px 28px rgba(0,0,0,.35);font-weight:700;text-align:center}.speech-notice.error{border-color:#ff6b6b}.speech-notice.success{border-color:#66d19e}


/* Build 024 — faster cached voice playback */
.voice-prefetch-option{display:flex!important;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(255,176,0,.28);border-radius:12px;background:rgba(255,176,0,.05)}.voice-prefetch-option input{width:auto!important;margin-top:4px}.field-controls button.voice-preparing{border-color:#d7a62b;opacity:.9}.field-controls button.voice-ready{border-color:#66d19e;background:rgba(102,209,158,.12)}

/* Build 025 — Crew Mobile Foundation */
.field-test-banner{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:0 0 16px;padding:12px 16px;border:2px solid #ffb000;border-radius:14px;background:rgba(255,176,0,.1);font-size:.88rem}.field-test-banner strong{color:#ffb000;letter-spacing:.04em}.field-test-banner span:last-child{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);white-space:nowrap}.crew-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;margin:10px 0;background:rgba(255,255,255,.03)}.crew-item small{display:block;opacity:.78;margin-top:4px}.crew-item p{margin:.45rem 0 0}.crew-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cloud-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;background:rgba(35,190,120,.16);border:1px solid rgba(35,190,120,.4);font-size:.78rem}.cloud-chip.offline{background:rgba(255,100,80,.14);border-color:rgba(255,100,80,.45)}.auth-card input[type=email]{width:100%}.cloud-note{border-left:4px solid #31c48d}.field-test-banner+ .speech-notice{margin-top:0}
@media(max-width:760px){.field-test-banner{grid-template-columns:1fr}.field-test-banner span:last-child{justify-self:start}.crew-item{grid-template-columns:1fr}.crew-actions{justify-content:flex-start}.more-tools{grid-template-columns:1fr 1fr}.auth-card{margin:12px}.top-header{align-items:flex-start}}

/* Build 025 crew cloud foundation */
.field-test-banner{display:flex;flex-wrap:wrap;gap:.45rem 1rem;align-items:center;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid rgba(255,176,0,.55);border-radius:14px;background:rgba(255,176,0,.09)}
.field-test-banner strong{color:#ffbf33}.field-test-banner span:last-child{margin-left:auto;font-size:.86rem;opacity:.9}
.crew-review-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem;margin:.65rem 0;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.035)}
.crew-review-item.stacked{display:block}.crew-review-item small{display:block;margin-top:.2rem;opacity:.78}.crew-review-item p{margin:.55rem 0 0;white-space:pre-wrap}.crew-review-item label{margin-top:.75rem}.crew-review-item textarea{min-height:4.5rem}
.cloud-note .saved-note-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.delete-note-button{border-color:rgba(255,104,104,.55)!important}
@media(max-width:700px){.field-test-banner span:last-child{width:100%;margin-left:0}.crew-review-item{display:block}.crew-review-item>button{margin-top:.75rem;width:100%}.cloud-note .saved-note-actions{margin-top:.75rem;justify-content:stretch}.cloud-note .saved-note-actions button{flex:1}}


/* Build 028 — Cross-platform AI Vision foundation */
.ai-vision-card{max-width:820px;margin-left:auto;margin-right:auto}.vision-safety{margin:14px 0 18px;padding:14px 16px;border-left:4px solid var(--gold);border-radius:10px;background:#2d2917}.vision-safety strong{color:var(--gold)}.vision-safety p{margin:5px 0 0;line-height:1.5}.vision-empty{min-height:260px;border:2px dashed var(--line);border-radius:16px;background:#071e27;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:24px}.vision-empty span{color:var(--muted)}.vision-camera-icon{font-size:3rem}.vision-preview-panel{border:1px solid var(--line);border-radius:16px;background:#071e27;overflow:hidden}.vision-preview-panel img{display:block;width:100%;max-height:480px;object-fit:contain;background:#031218}.vision-photo-details{display:flex;justify-content:space-between;gap:14px;padding:12px 14px}.vision-photo-details span{color:var(--muted);text-align:right}.vision-primary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.vision-primary-actions button,.vision-selected-actions button{min-height:52px}.vision-selected-actions{display:flex;gap:10px;margin-top:10px}.danger-outline{border-color:var(--danger)!important;color:#ffb3b3!important}.vision-pipeline-status{margin:14px 0 10px;padding:11px 13px;border-radius:10px;background:#09222c;color:var(--gold2);font-weight:700}.ai-vision-card #visionContinueBtn{width:100%;min-height:52px}.ai-vision-card #visionContinueBtn:disabled{opacity:.62;cursor:not-allowed}@media(max-width:620px){.vision-primary-actions{grid-template-columns:1fr}.vision-selected-actions{display:grid;grid-template-columns:1fr 1fr}.vision-photo-details{display:block}.vision-photo-details span{display:block;text-align:left;margin-top:4px}.vision-empty{min-height:220px}}

/* Build 028 — AI Vision action workflow and responsive desktop/tablet layout */
.vision-analysis-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.vision-analysis-actions button{min-height:76px;text-align:left;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#08232d;color:var(--text)}.vision-analysis-actions button strong,.vision-analysis-actions button small{display:block}.vision-analysis-actions button small{margin-top:4px;color:var(--muted);line-height:1.35}.vision-analysis-actions button:hover,.vision-analysis-actions button.selected{border-color:var(--gold);background:#15313a}.vision-analysis-actions button.selected{box-shadow:0 0 0 2px rgba(239,190,64,.18)}.vision-request-summary{margin:0 0 10px;padding:12px 14px;border-radius:10px;background:#0c2d36;border:1px solid var(--line);line-height:1.45}@media(min-width:1000px){.ai-vision-card{max-width:980px}.vision-preview-panel{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);align-items:center}.vision-preview-panel img{max-height:600px}.vision-photo-details{display:block}.vision-photo-details span{display:block;text-align:left;margin-top:6px}.vision-analysis-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.vision-analysis-actions{grid-template-columns:1fr}.vision-analysis-actions button{min-height:70px}}


/* Build 030 — clear separation between Work Mode and Power Learning */
.mode-heading{display:flex;align-items:center;gap:12px;margin:20px 0 12px;padding:12px 4px}.mode-heading .mode-icon{font-size:1.7rem}.mode-heading small{display:block;color:var(--gold);font-weight:900;letter-spacing:.1em}.mode-heading strong{display:block;font-size:1.12rem;margin-top:2px}.power-learning-entry{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:24px 0 18px;padding:22px;border:1px solid #d69b24;border-radius:16px;background:linear-gradient(135deg,#102d38,#173b35)}.power-learning-entry small{color:var(--gold);font-weight:900;letter-spacing:.08em}.power-learning-entry h3{font-size:1.45rem;margin:5px 0}.power-learning-entry p{margin:0;color:#c8dce3;max-width:650px}.power-learning-entry button{width:auto;min-width:150px}.learning-reminder{display:flex;flex-direction:column;gap:5px;padding:15px;margin:18px 0;background:#0b2832;border-left:4px solid var(--gold);border-radius:10px}.learning-reminder span{color:var(--muted)}.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.learning-tile{min-height:115px;background:#09222c;color:#fff;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;text-align:left;align-items:center;padding:16px}.learning-tile span{grid-row:1/3;font-size:1.8rem}.learning-tile strong{font-size:1.02rem}.learning-tile small{color:#b9d3dd}.learning-tile:hover{border-color:var(--gold);background:#0d2d38}.learning-lesson{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#071e27}.learning-lesson>small{color:var(--gold);font-weight:900;letter-spacing:.08em}.learning-lesson h3{margin:6px 0 9px}.learning-lesson .primary{width:auto;margin-top:8px}.learning-answer{margin-top:16px;padding:15px;background:#102f29;border-left:4px solid var(--green);border-radius:9px}.learning-answer p{margin-bottom:0}.nec-book-prompt{display:flex;flex-direction:column;gap:4px;margin-top:13px;padding:12px;background:#302b16;border-left:4px solid var(--gold);border-radius:8px}.nec-book-prompt span{color:#f4e5ba}
@media(max-width:700px){.power-learning-entry{align-items:stretch;flex-direction:column}.power-learning-entry button{width:100%}.learning-grid{grid-template-columns:1fr}.learning-tile{min-height:92px}}


/* Build 030 — Power Learning game foundation */
.learning-dashboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 10px}.learning-stat{padding:14px;border:1px solid var(--line);border-radius:12px;background:#08232d}.learning-stat small,.learning-stat strong,.learning-stat span{display:block}.learning-stat small{color:var(--gold);font-weight:900;letter-spacing:.08em}.learning-stat strong{font-size:1.45rem;margin:4px 0}.learning-stat span{color:var(--muted);font-size:.82rem}.learning-progress-track{height:10px;border-radius:999px;background:#061a22;overflow:hidden;border:1px solid var(--line);margin-bottom:18px}.learning-progress-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),#ffe085);transition:width .35s ease}.learning-main-grid .active-learning{border-color:var(--gold);background:linear-gradient(135deg,#14343d,#3a3218);box-shadow:0 0 0 2px rgba(239,190,64,.14)}.learning-choices{display:grid;gap:10px;margin:16px 0}.learning-choice{min-height:54px;text-align:left;padding:12px 14px;background:#09232d;color:var(--text);border:1px solid var(--line);border-radius:11px}.learning-choice:hover{border-color:var(--gold)}.learning-choice:disabled{cursor:default;opacity:.78}.learning-result{margin-top:16px;padding:16px;border-radius:12px;border-left:5px solid var(--line);background:#0a2530}.learning-result.correct{border-left-color:var(--green)}.learning-result.incorrect{border-left-color:var(--danger)}.learning-result h3{margin-top:0}.foreman-tip{display:flex;flex-direction:column;gap:4px;padding:12px;margin-top:12px;border-radius:9px;background:#1e2c24}.xp-earned{display:inline-block;margin-top:12px;padding:7px 11px;border-radius:999px;background:#4a3d12;color:#ffe495;font-weight:900}.topic-list{display:grid;gap:8px}.topic-row{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:13px 14px;background:#09232d;color:var(--text);border:1px solid var(--line);border-radius:10px}.progress-subjects{display:grid;gap:8px}.progress-subjects div{display:flex;justify-content:space-between;padding:10px 12px;border-radius:9px;background:#09232d}.badge-list{display:flex;gap:8px;flex-wrap:wrap}.badge-list span{padding:9px 11px;border-radius:10px;background:#302b16;border:1px solid rgba(239,190,64,.4)}@media(max-width:700px){.learning-dashboard{grid-template-columns:1fr}.learning-stat{display:grid;grid-template-columns:1fr auto;column-gap:12px}.learning-stat span{grid-column:1/3}}

/* Build 056 — host-led Lunch Break Trivia */
.trivia-host-prompt{margin:14px 0;padding:13px;border-radius:10px;background:#302b16;border-left:4px solid var(--gold);color:#f5e5b5;font-weight:700}.trivia-choice-list{display:grid;gap:9px;margin:16px 0}.trivia-choice-list div{display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:start;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:#09232d}.trivia-choice-list strong{color:var(--gold)}.trivia-host-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.trivia-host-actions button{width:auto}.trivia-score{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.trivia-score span{display:flex;justify-content:space-between;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#09232d}.learning-lesson>label{display:grid;gap:7px;margin:14px 0}.learning-lesson>label select{max-width:420px}@media(max-width:700px){.trivia-host-actions{display:grid}.trivia-host-actions button{width:100%}.trivia-score{grid-template-columns:1fr}.trivia-choice-list div{padding:11px}.learning-lesson>label select{max-width:none}}


/* Build 034 — compact native-feeling iPhone layout */
@media (max-width: 700px) {
  .shell { width:100%; max-width:none; padding:10px 12px calc(24px + env(safe-area-inset-bottom)); }
  .top-header {
    width:100%; max-width:none;
    margin:0 auto 14px;
    padding:calc(10px + env(safe-area-inset-top)) 14px 11px;
    gap:10px; border-radius:15px; align-items:center;
  }
  .top-header h1 { font-size:1.42rem; line-height:1.12; margin:.15rem 0 .3rem; }
  .top-header .tagline { font-size:.91rem; line-height:1.32; }
  .header-build { font-size:.72rem; white-space:nowrap; align-self:flex-start; margin-top:2px; }
  .field-test-banner {
    display:grid; grid-template-columns:1fr; gap:6px;
    margin:0 0 12px; padding:10px 12px; border-radius:13px;
    font-size:.82rem; line-height:1.35;
  }
  .field-test-banner strong { font-size:.84rem; }
  .field-test-banner span:last-child {
    width:auto; margin:2px 0 0; justify-self:start;
    padding:5px 9px; font-size:.76rem;
  }
  .dashboard-row { gap:8px; margin-bottom:10px; }
  .dashboard-card { padding:11px 12px; min-height:auto; border-radius:13px; }
  .dashboard-card h3 { font-size:.92rem; margin:0 0 3px; }
  .dashboard-card p { font-size:.78rem; line-height:1.3; }
  .card { padding:14px; margin:10px 0; border-radius:15px; }
  .welcome { padding:14px; }
  .foreman-welcome { gap:11px; }
  .foreman-avatar { width:72px; height:72px; flex-basis:72px; border-radius:18px; }
  .welcome h2 { font-size:1.22rem; }
  .ready-line,.welcome-question { font-size:.88rem; }
  .quick-find { margin:10px auto 2px; }
  .quick-find-row input,.quick-find-row button { min-height:46px; }
  .mode-heading { margin:14px 0 8px; padding:8px 2px; }
  .mode-heading .mode-icon { font-size:1.4rem; }
  .mode-heading strong { font-size:1rem; }
  .main-actions { gap:10px; margin-top:10px; }
  .main-action { min-height:118px; padding:12px; border-radius:14px; }
  .main-action strong { font-size:1rem; }
  .main-action small { font-size:.8rem; line-height:1.25; }
  .tool-icon { width:44px; height:44px; }
  .scan-action { min-height:108px; }
  .power-learning-entry { margin:16px 0 12px; padding:15px; gap:12px; }
  .power-learning-entry h3 { font-size:1.22rem; }
  .power-learning-entry p { font-size:.86rem; line-height:1.35; }
  input,select,textarea { padding:12px; }
  button { padding:11px 13px; }
  .auth-card { margin:12px 0; }
  .ai-vision-card { padding:14px; }
  .vision-safety { margin:10px 0 13px; padding:11px 12px; }
  .vision-empty { min-height:190px; padding:18px; }
}

/* Build 034 field-test controls */
.weather-refresh{margin-top:8px;width:100%}
.crew-admin-controls{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px;align-items:center;margin-top:10px}
.crew-admin-controls select{min-height:42px}
@media(max-width:640px){.crew-admin-controls{grid-template-columns:1fr}.crew-admin-controls button{width:100%}}


/* Build 045 — simple field tool home and high-visibility field navigation */
.tool-picker{max-width:760px;margin:18px auto 4px;text-align:left;padding:16px;border:1px solid rgba(255,176,0,.42);border-radius:14px;background:rgba(5,27,36,.55)}
.tool-picker>label,.quick-question-wrap label{margin:0 0 8px;color:var(--gold2);font-weight:900}
.tool-picker select{min-height:56px;font-size:1.05rem;border-width:2px}
.quick-question-wrap{margin-top:13px}.quick-question-wrap textarea{min-height:82px}
.tool-picker-go{min-height:54px;margin-top:14px;font-size:1.03rem}
.screen>.back-home,.field-back-button{display:inline-flex;align-items:center;gap:8px;min-height:50px;margin:8px 0 14px;padding:12px 17px!important;border:2px solid var(--gold)!important;border-radius:12px!important;background:#102c37!important;color:#fff!important;font-weight:900!important;box-shadow:0 5px 16px rgba(0,0,0,.24)}
.screen>.back-home:hover,.field-back-button:hover{background:var(--gold)!important;color:#111!important;transform:translateY(-1px)}
.screen>.back-home span,.field-back-button span{font-size:1.08rem}
@media(max-width:620px){.tool-picker{padding:13px}.screen>.back-home,.field-back-button{width:100%;justify-content:center;min-height:54px;font-size:1rem;position:sticky;top:6px;z-index:20}.tool-picker select{min-height:58px}}


/* Build 045 — simple field tool home */
.simple-start-note{max-width:620px;margin:18px auto 0;padding:13px 16px;border:1px solid rgba(255,176,0,.45);border-radius:12px;background:rgba(5,27,36,.55);font-size:1rem;text-align:center}
.simple-start-note strong{color:var(--gold2)}
#home .main-actions{grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;margin:18px auto 0}
#home .main-action{min-height:148px;border-width:2px;border-radius:16px}
#home .main-action strong{font-size:1.12rem}
#home .main-action small{font-size:.94rem;line-height:1.3}
#home .main-action .tool-icon img{max-width:72px;max-height:72px}
#home .scan-action{grid-column:1/-1;min-height:118px}
@media(max-width:700px){#home .main-actions{grid-template-columns:1fr}#home .main-action,#home .scan-action{grid-column:auto;min-height:112px;grid-template-columns:72px 1fr;text-align:left;justify-items:start;align-items:center}#home .main-action .tool-icon{grid-row:1/3}#home .main-action strong,#home .main-action small{justify-self:start}.simple-start-note{font-size:.96rem}}

/* ===== Build 045: simple polished field home ===== */
#home .welcome-question,#home .simple-start-note{display:none!important}
#home .ready-line{font-size:1.18rem;margin-top:.35rem}
#home .main-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px}
#home .main-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;grid-column:auto!important;min-width:0}
#home .main-action.primary-tool{min-height:220px;padding:22px 16px}
#home .main-action.secondary-tool{min-height:174px;padding:18px 14px;background:linear-gradient(145deg,#0b2631,#071b23)}
#home .main-action .tool-icon,#home .scan-action .tool-icon{width:88px!important;height:88px!important;margin:0 0 8px!important;display:grid;place-items:center}
#home .main-action.primary-tool .tool-icon{width:104px!important;height:104px!important}
#home .main-action .tool-icon img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
#home .main-action strong{font-size:1.12rem}
#home .main-action small{max-width:210px}
#home .scan-copy,#home .scan-chevron{display:contents}
@media(max-width:900px){#home .main-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important}#home .main-action.primary-tool{min-height:190px}}
@media(max-width:520px){#home .main-actions{grid-template-columns:1fr!important;gap:12px}#home .main-action,#home .main-action.primary-tool,#home .main-action.secondary-tool{min-height:132px;display:grid!important;grid-template-columns:74px 1fr!important;grid-template-rows:auto auto!important;column-gap:14px!important;text-align:left!important;justify-items:start!important;padding:14px 16px!important}#home .main-action .tool-icon,#home .main-action.primary-tool .tool-icon{grid-row:1/3;width:68px!important;height:68px!important;margin:0!important}#home .main-action strong,#home .main-action small{text-align:left!important;max-width:none}#home .main-action strong{align-self:end}#home .main-action small{align-self:start}}

/* Build 048 — simple crew installation */
.install-app-button{width:100%;margin-top:10px;padding:14px 18px;border:2px solid #ffb000;border-radius:12px;background:#142a35;color:#fff;font-size:1rem;font-weight:800;cursor:pointer}
.install-app-button:hover,.install-app-button:focus{background:#203d4b;outline:3px solid rgba(255,176,0,.28)}
.home-install{max-width:520px;margin:12px auto;display:block}
@media(max-width:700px){.install-app-button{min-height:54px;font-size:1.05rem}.home-install{width:100%}}

/* Build 048 — crew field-test feedback */
#adminFeedbackTools{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
#emailFeedbackBtn{margin-top:10px}

/* Build 049 — core tool reliability */
.field-question-helper{margin:10px 0 12px;padding:10px 12px;background:#09222c;border-left:4px solid var(--gold);border-radius:8px;color:var(--muted)}
.field-question-helper strong{color:var(--text)}
.nec-quick-topics{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 4px}
.nec-quick-topics button{padding:9px 12px;background:#09222c;color:var(--text);border-color:var(--line)}
.nec-quick-topics button:hover{border-color:var(--gold)}
#newQuestionBtn{margin-top:10px;width:100%}
@media(max-width:700px){.nec-quick-topics{display:grid;grid-template-columns:1fr 1fr}.nec-quick-topics button{min-height:48px}}

/* Build 051 — approved field-test branding only; Build 049 layout preserved */
.about-app-brand{display:flex;align-items:center;gap:16px;margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:#071e27}.about-app-brand img{width:76px;height:76px;border-radius:18px}.about-app-brand strong,.about-app-brand span{display:block}.about-app-brand span{margin-top:6px;color:var(--muted)}

/* Build 051.2 — universal installer hotfix */
.install-guide{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(4,13,18,.82);backdrop-filter:blur(4px)}
.install-guide.hidden{display:none}
.install-guide-card{position:relative;width:min(440px,100%);border:2px solid #ffb000;border-radius:18px;background:#10232d;color:#fff;padding:28px 22px 22px;box-shadow:0 18px 60px rgba(0,0,0,.45)}
.install-guide-card h3{margin:4px 0 14px;text-align:center;font-size:1.45rem}
.install-guide-card ol{margin:0 0 16px;padding-left:24px;text-align:left}
.install-guide-card li{margin:12px 0;line-height:1.45}
.install-guide-card p{margin:0 0 18px;color:#dbe7ec;text-align:center;line-height:1.4}
.install-guide-icon{text-align:center;font-size:2.4rem}
.install-guide-close{position:absolute;top:8px;right:10px;width:42px;height:42px;border:0;background:transparent;color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.install-guide-card .primary{width:100%;min-height:52px}
.install-guide-open{overflow:hidden}

/* Build 057 — reliable phone installation and user-controlled updates */
.app-update-banner{position:sticky;top:8px;z-index:10000;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:0 0 14px;padding:14px 16px;border:2px solid var(--gold);border-radius:14px;background:#172f39;box-shadow:0 12px 34px rgba(0,0,0,.36)}
.app-update-banner>div:first-child{display:grid;gap:3px}.app-update-banner strong{color:var(--gold2);font-size:1.02rem}.app-update-banner span{color:var(--text);font-size:.9rem}.app-update-actions{display:flex;gap:8px;align-items:center}.app-update-actions .primary{width:auto;min-width:116px}.app-update-actions .quiet-button{color:var(--text)}
@media(max-width:700px){.app-update-banner{top:4px;grid-template-columns:1fr;padding:12px}.app-update-actions{display:grid;grid-template-columns:1fr auto}.app-update-actions .primary{width:100%;min-height:50px}}


/* Build 051.3 welcome hotfix */
.home-quick-starts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.home-quick-starts button{min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel-2);color:var(--text);font-weight:800;padding:10px 12px;cursor:pointer}
.home-quick-starts button:hover,.home-quick-starts button:focus-visible{border-color:var(--accent);transform:translateY(-1px)}
.home-question-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}
.home-question-row input{min-width:0;margin:0}
.home-question-row .primary{width:auto;min-width:82px;margin:0}
@media(max-width:760px){.home-quick-starts{grid-template-columns:1fr 1fr}.home-question-row{grid-template-columns:1fr}.home-question-row .primary{width:100%}}
@media(max-width:480px){.home-quick-starts{grid-template-columns:1fr}}

/* Build 052.8 — NEC Code Help cleanup */
.nec-mode-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.nec-mode-actions button{min-height:48px;flex:1 1 220px}
.nec-search-label{display:block;font-weight:700;margin-top:12px}
.article100-notice,.nec-learning-reminder{margin:14px 0;padding:14px;border:1px solid rgba(255,176,0,.35);border-radius:14px;background:rgba(255,176,0,.08)}
.article100-notice p,.nec-learning-reminder p{margin:6px 0 0;line-height:1.5}
.nec-learning-reminder strong{color:#ffd277}

/* Build 052.11 field-note and safety-card hotfix */
.clickable-note{cursor:pointer;transition:border-color .12s ease,background .12s ease,transform .12s ease}.clickable-note:hover,.clickable-note:focus-visible{border-color:var(--gold);background:rgba(255,176,0,.06);outline:none;transform:translateY(-1px)}.safety-tip-card{max-width:820px;margin-left:auto;margin-right:auto}.safety-tip-detail{margin-top:14px}.safety-tip-detail h3{margin:16px 0 5px;color:var(--gold2)}.safety-tip-callout{padding:14px 16px;border-left:4px solid var(--gold);border-radius:10px;background:#2d2917}.safety-tip-callout strong{color:var(--gold)}

/* Build 052.13 — structured field feedback */
.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feedback-diagnostics{margin:10px 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#071e27;color:var(--muted);font-size:.82rem;line-height:1.45}.feedback-priority-critical{color:#ff7373}.feedback-priority-important{color:#ffbd38}.feedback-priority-normal{color:#73d7a4}@media(max-width:700px){.feedback-grid{grid-template-columns:1fr}}

/* ===== Build 052.14: iPhone-only home layout polish =====
   Desktop/Mac rules above remain unchanged. These overrides apply only to phone widths. */
@media (max-width: 600px) {
  /* Respect the iPhone notch/Dynamic Island. The earlier Build 008 !important rule
     is intentionally overridden here with equal/higher specificity. */
  body .shell {
    width:100%;
    max-width:none;
    padding:8px 10px calc(22px + env(safe-area-inset-bottom)) !important;
  }
  body .shell > header.top-header {
    margin:0 0 10px;
    padding:calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-radius:14px;
    gap:8px;
  }
  body .shell > header.top-header .brand-block { min-width:0; }
  body .shell > header.top-header small { font-size:.68rem; }
  body .shell > header.top-header h1 {
    font-size:1.25rem;
    line-height:1.05;
    margin:.08rem 0 .18rem;
  }
  body .shell > header.top-header .tagline {
    font-size:.76rem;
    line-height:1.2;
    margin:0;
  }

  /* Keep the field-test warning visible without consuming most of the first screen. */
  .field-test-banner {
    gap:4px;
    margin:0 0 8px;
    padding:8px 10px;
    border-radius:12px;
    font-size:.73rem;
    line-height:1.25;
  }
  .field-test-banner strong { font-size:.76rem; }
  .field-test-banner span:last-child {
    margin-top:1px;
    padding:4px 8px;
    font-size:.69rem;
  }

  /* Four status cards become a compact 2 x 2 phone dashboard. */
  #home .dashboard-row {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px;
    margin:0 0 8px;
  }
  #home .dashboard-card {
    min-width:0;
    padding:9px 10px;
    border-radius:12px;
  }
  #home .dashboard-card h3 {
    font-size:.82rem;
    margin:0 0 2px;
  }
  #home .dashboard-card p {
    font-size:.69rem;
    line-height:1.22;
    margin:0;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  #home .weather-refresh {
    min-height:30px;
    margin-top:5px;
    padding:5px 7px;
    font-size:.68rem;
  }

  /* Ask AI Foreman becomes the clear first task without an oversized card. */
  #home .welcome.home-ai-workspace {
    padding:11px;
    margin:8px 0;
  }
  #home .foreman-welcome {
    grid-template-columns:58px minmax(0,1fr) !important;
    gap:10px !important;
    align-items:start;
  }
  #home .foreman-avatar {
    width:58px !important;
    height:58px !important;
    flex-basis:58px !important;
    border-radius:15px !important;
  }
  #home .foreman-avatar-img {
    width:70px !important;
    transform:translateY(4px) !important;
  }
  #home .welcome-copy h2 {
    font-size:1.08rem !important;
    line-height:1.08;
    margin:.1rem 0 .45rem;
  }
  #home .home-ai-quick-starts {
    grid-template-columns:1fr 1fr !important;
    gap:6px;
    margin-top:4px;
  }
  #home .home-ai-quick-starts button {
    min-height:48px;
    padding:7px 8px;
    border-radius:10px;
    font-size:.72rem;
    line-height:1.15;
  }
  #home .home-ai-quick-starts button span { font-size:1rem; }
  #home .home-ai-quick-starts #photoHelpBtn { grid-column:1/-1; min-height:42px; }
  #home .field-question-helper {
    margin:7px 0;
    padding:7px 8px;
    font-size:.69rem;
    line-height:1.25;
  }
  #home #question {
    min-height:78px;
    font-size:.92rem;
  }
  #home #askBtn { min-height:46px; margin-top:7px; }

  /* Work Mode: two-column touch-friendly tool grid instead of a long stack. */
  #home .work-mode-heading {
    margin:9px 0 6px;
    padding:5px 2px;
  }
  #home .work-mode-heading .mode-icon { font-size:1.05rem; }
  #home .work-mode-heading small { font-size:.65rem; }
  #home .work-mode-heading strong { font-size:.84rem; }
  #home .main-actions {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    margin:7px 0 0 !important;
  }
  #home .main-action,
  #home .main-action.primary-tool,
  #home .main-action.secondary-tool {
    min-height:122px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    padding:10px 7px !important;
    text-align:center !important;
    border-radius:13px !important;
    grid-column:auto !important;
  }
  #home .main-action .tool-icon,
  #home .main-action.primary-tool .tool-icon {
    width:50px !important;
    height:50px !important;
    margin:0 0 3px !important;
    grid-row:auto !important;
  }
  #home .main-action strong {
    font-size:.9rem !important;
    line-height:1.1;
    text-align:center !important;
    align-self:auto !important;
  }
  #home .main-action small {
    font-size:.69rem !important;
    line-height:1.2;
    text-align:center !important;
    max-width:135px !important;
    align-self:auto !important;
  }

  /* Keep secondary home controls compact and thumb-friendly. */
  #home .power-learning-entry {
    margin:10px 0 8px;
    padding:11px;
    gap:8px;
  }
  #home .power-learning-entry h3 { font-size:1rem; margin:.15rem 0; }
  #home .power-learning-entry p { font-size:.72rem; line-height:1.25; }
  #home .power-learning-entry button { min-height:42px; padding:8px 10px; }
  #home .more-button { margin:8px auto 0; min-height:42px; }
  #home .more-tools { gap:6px; }
  #home .more-tools button { min-height:42px; padding:8px 10px; font-size:.82rem; }

  footer { padding-bottom:calc(8px + env(safe-area-inset-bottom)); font-size:.72rem; }
}


/* ===== Build 052.15: iPhone home-screen compact polish =====
   Phone-only overrides. Desktop/Mac layout remains unchanged. */
@media (max-width: 600px) {
  /* Use the first screen more efficiently while preserving the iPhone safe area. */
  body .shell {
    padding:6px 9px calc(18px + env(safe-area-inset-bottom)) !important;
  }
  body .shell > header.top-header {
    margin:0 0 7px !important;
    padding:calc(8px + env(safe-area-inset-top)) 10px 8px !important;
    border-radius:13px;
  }
  body .shell > header.top-header h1 {
    font-size:1.16rem;
    line-height:1.02;
  }
  body .shell > header.top-header .tagline {
    font-size:.73rem;
    line-height:1.16;
  }

  /* Put the field-test title and user badge on one row; keep the full safety message below. */
  .field-test-banner {
    grid-template-columns:minmax(0,1fr) auto !important;
    gap:3px 7px;
    margin:0 0 6px;
    padding:7px 9px;
    font-size:.75rem;
    line-height:1.18;
  }
  .field-test-banner > strong {
    grid-column:1;
    grid-row:1;
    align-self:center;
    font-size:.76rem;
  }
  .field-test-banner > span:nth-child(2) {
    grid-column:1/-1;
    grid-row:2;
  }
  .field-test-banner > span:last-child {
    grid-column:2;
    grid-row:1;
    align-self:center;
    justify-self:end;
    margin:0;
    padding:3px 6px;
    font-size:.68rem;
  }

  /* Slightly shorter dashboard cards, but make the small information easier to read. */
  #home .dashboard-row {
    gap:6px;
    margin:0 0 6px;
  }
  #home .dashboard-card {
    padding:7px 9px;
    border-radius:11px;
  }
  #home .dashboard-card h3 {
    font-size:.84rem;
    line-height:1.1;
    margin:0 0 2px;
  }
  #home .dashboard-card p {
    font-size:.73rem;
    line-height:1.18;
  }
  #home .weather-refresh {
    min-height:28px;
    margin-top:4px;
    padding:4px 6px;
    font-size:.7rem;
  }

  /* Compact Ask AI Foreman so Work Mode starts sooner on the first phone screen. */
  #home .welcome.home-ai-workspace {
    padding:8px 9px;
    margin:5px 0 6px;
    border-radius:14px;
  }
  #home .foreman-welcome {
    grid-template-columns:46px minmax(0,1fr) !important;
    gap:8px !important;
    margin-bottom:0;
  }
  #home .foreman-avatar {
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
    border-radius:12px !important;
  }
  #home .foreman-avatar-img {
    width:57px !important;
    transform:translateY(3px) !important;
  }
  #home .welcome-copy h2 {
    font-size:1rem !important;
    line-height:1.04;
    margin:.05rem 0 .28rem;
  }
  #home .home-ai-quick-starts {
    gap:5px;
    margin:2px 0 0;
  }
  #home .home-ai-quick-starts button {
    min-height:43px;
    padding:6px 7px;
    font-size:.73rem;
    line-height:1.1;
  }
  #home .home-ai-quick-starts button span {
    font-size:.95rem;
  }
  #home .home-ai-quick-starts #photoHelpBtn {
    min-height:38px;
  }
  #home .field-question-helper {
    margin:5px 0;
    padding:6px 7px;
    font-size:.72rem;
    line-height:1.2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  #home #question {
    min-height:60px;
    height:60px;
    padding:9px 10px;
    font-size:.9rem;
    line-height:1.28;
    resize:none;
  }
  #home #askBtn {
    min-height:43px;
    margin-top:5px;
    padding:9px 12px;
  }
  #home .ai-voice-disclosure {
    margin:.3rem 0 0;
    font-size:.7rem;
    line-height:1.18;
  }

  /* Bring Work Mode directly behind Ask AI Foreman without shrinking its touch targets. */
  #home .work-mode-heading {
    margin:6px 0 5px;
    padding:3px 2px;
  }
  #home .work-mode-heading small { font-size:.68rem; }
  #home .work-mode-heading strong { font-size:.86rem; }
}


/* ===== Build 052.16: English/Spanish + Field Notes translation ===== */
.header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.language-toggle{min-height:42px;padding:8px 13px;border:1px solid var(--gold);border-radius:999px;background:#09222c;color:var(--gold);font-weight:900;white-space:nowrap}.language-toggle:hover,.language-toggle:focus-visible{background:var(--gold);color:#111}.note-translation-panel{margin-top:16px;padding:14px;border:1px solid rgba(255,176,0,.52);border-radius:14px;background:#0a222b}.note-translation-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.note-translation-heading small{display:block;color:var(--gold);font-weight:900;letter-spacing:.07em}.note-translation-heading h3{margin:2px 0 0}.translation-badge{flex:0 0 auto;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--gold2);font-weight:900;font-size:.78rem}.translation-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin:12px 0}.translation-controls label{margin:0}.translation-controls button{min-height:46px;margin:0}.translation-actions button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:600px){.header-actions{align-self:center}.language-toggle{min-height:36px;padding:6px 10px;font-size:.75rem}.note-translation-panel{margin-top:12px;padding:11px}.note-translation-heading{align-items:flex-start}.note-translation-heading h3{font-size:1rem}.translation-controls{grid-template-columns:1fr;gap:7px}.translation-controls button{width:100%}.translation-actions{grid-template-columns:1fr}.translation-actions button{width:100%}}

/* Build 053.2 Crew & Seats (preserves 053.1 auth hardening) */
.commercial-preview-banner{border-color:rgba(49,196,141,.55);background:rgba(49,196,141,.08)}
.commercial-preview-banner strong{color:#73d7a4}
.auth-account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0 0}
.commercial-auth-panel{margin-top:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#08232d}
.commercial-auth-panel>small,.commercial-account-card>small{color:var(--gold);font-weight:900;letter-spacing:.08em}
.commercial-auth-panel h3{margin:.2rem 0 .8rem}
.commercial-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.commercial-status-grid>div{padding:13px;border:1px solid var(--line);border-radius:12px;background:#08232d}
.commercial-status-grid span,.commercial-status-grid strong{display:block}
.commercial-status-grid span{color:var(--muted);font-size:.82rem;margin-bottom:5px}
.commercial-status-grid strong{overflow-wrap:anywhere}
.ai-usage-panel{margin:18px 0;padding:16px;border:1px solid rgba(38,183,255,.35);border-radius:14px;background:linear-gradient(135deg,rgba(15,75,96,.42),rgba(8,35,45,.95))}
.ai-usage-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ai-usage-heading h3{margin:3px 0 0}.ai-usage-heading small{color:var(--blue);font-weight:900;letter-spacing:.08em}
.ai-usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:12px 0}
.ai-usage-grid>div{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(3,20,27,.52)}
.ai-usage-grid span,.ai-usage-grid strong{display:block}.ai-usage-grid span{color:var(--muted);font-size:.78rem;margin-bottom:5px}.ai-usage-grid strong{font-size:1.12rem;overflow-wrap:anywhere}
.commercial-access-banner{margin:14px 0;padding:13px 14px;border-radius:11px;border-left:5px solid var(--gold);background:#0a2631;font-weight:800}
.commercial-access-banner.access-ok{border-left-color:var(--green);background:#112a23}
.commercial-access-banner.access-blocked{border-left-color:var(--danger);background:#322328}
.commercial-checklist{display:grid;gap:8px;margin:12px 0 16px}
.commercial-checklist>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px;padding:11px 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.025)}
.commercial-checklist span{color:var(--muted)}
.commercial-profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){.commercial-status-grid{grid-template-columns:1fr 1fr}.ai-usage-grid{grid-template-columns:1fr 1fr}.commercial-checklist>div{grid-template-columns:1fr;gap:4px}.commercial-profile-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.auth-account-actions,.commercial-status-grid,.commercial-profile-metrics{grid-template-columns:1fr}.ai-usage-heading{align-items:flex-start;flex-direction:column}.ai-usage-heading button{width:100%}.commercial-auth-panel{padding:12px}}


/* Build 053.2 Crew & Seats */
.crew-seat-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.crew-seat-summary>div{padding:12px;border:1px solid var(--line);border-radius:12px;background:#08232d}.crew-seat-summary span,.crew-seat-summary strong{display:block}.crew-seat-summary span{color:var(--muted);font-size:.8rem;margin-bottom:4px}.crew-provision-panel{margin:14px 0;padding:14px;border:1px solid rgba(255,176,0,.5);border-radius:14px;background:#0a222b}.crew-provision-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.crew-provision-heading small{color:var(--gold);font-weight:900;letter-spacing:.07em}.crew-provision-heading h3{margin:2px 0}.crew-add-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.crew-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.crew-seat-person{display:grid;gap:10px}.crew-person-summary small{display:block;margin-top:4px}.crew-admin-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(160px,1fr) auto auto auto;gap:8px;align-items:end}.crew-admin-controls label{margin:0}.crew-admin-controls button{min-height:42px}.crew-activity-details{margin-top:16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}.crew-activity-details>summary{cursor:pointer;font-weight:900;color:var(--gold2)}
@media(max-width:900px){.crew-seat-summary{grid-template-columns:1fr 1fr}.crew-admin-controls{grid-template-columns:1fr 1fr}.crew-admin-controls button{width:100%}}
@media(max-width:600px){.crew-seat-summary,.crew-add-grid,.crew-admin-controls{grid-template-columns:1fr}.crew-provision-heading{align-items:flex-start;flex-direction:column}.crew-toolbar>*{width:100%}}

/* Build 053.3.1 — phone-only field home cleanup. Desktop and Mac layout stay unchanged. */
.preview-mobile-copy,.mobile-more-tool{display:none}
@media(max-width:700px){
  /* Keep the mobile top focused on the actual field task. */
  #home .dashboard-row{display:none!important}
  #homeInstallBtn{display:none!important}
  .field-test-banner .preview-full-copy{display:none!important}
  .field-test-banner .preview-mobile-copy{display:block!important;color:var(--muted);font-size:.78rem;line-height:1.25}
  .field-test-banner{padding:8px 10px;margin-bottom:9px;gap:4px}
  .field-test-banner strong{font-size:.76rem}
  .field-test-banner span:last-child{margin-top:0;padding:4px 8px;font-size:.72rem}

  /* Weather stays available in More Tools on phones. Field Notes replaces Settings. */
  #home .main-action.mobile-overflow-tool{display:none!important}
  #home .main-action.mobile-settings-tool{display:none!important}
  #home .main-action.mobile-field-notes-tool{display:flex!important}

  /* Keep the phone AI entry to one clear question box. */
  #home .home-ai-quick-starts,#home .field-question-helper{display:none!important}

  /* Guided troubleshooting remains available in More Tools without crowding Work Mode. */
  #home .main-action.guided-trouble-action{display:none!important}

  /* Phone-only shortcuts live in More Tools. */
  #home .more-tools .mobile-more-tool{display:block}
  #home .more-button{margin-top:12px;min-height:50px;font-size:1rem;font-weight:900}
  #home .more-tools{grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}
  #home .more-tools button{min-height:48px;padding:10px 9px}

  /* Reduce wasted vertical space above Work Mode without shrinking the AI workspace. */
  #home .home-ai-workspace{margin-top:8px}
  #home .mode-heading{margin-top:10px}
}
@media(max-width:430px){
  #home .more-tools{grid-template-columns:1fr}
}

.trademark-mark{font-size:.48em;vertical-align:super;margin-left:.08em;font-weight:700}
.brand-subtitle{display:block;margin:-.2rem 0 .2rem}

/* Build 053.3.7 — About & Field Disclaimer */
.about-card>p:not(.muted){line-height:1.6}
.field-disclaimer-card{border-color:#805f1b;background:linear-gradient(180deg,rgba(119,84,13,.16),rgba(7,30,39,.95))}
.field-disclaimer-card>small{font-weight:800;letter-spacing:.08em}
.field-disclaimer-card h2{margin-top:6px}
.disclaimer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.disclaimer-item{display:flex;flex-direction:column;gap:6px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(5,22,29,.75);line-height:1.45}
.disclaimer-item strong{font-size:1rem}.disclaimer-item span{color:var(--muted)}
.disclaimer-stop{display:flex;flex-direction:column;gap:6px;margin:16px 0;padding:14px;border:1px solid #9b6c12;border-radius:12px;background:rgba(125,83,7,.18);line-height:1.45}
.disclaimer-stop strong{font-size:1.05rem}
@media(max-width:700px){.disclaimer-grid{grid-template-columns:1fr}.field-disclaimer-card{padding:16px}.disclaimer-item,.disclaimer-stop{padding:12px}}


/* Build 053.3.11 — Terms & Privacy */
.login-legal-links,.about-legal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:12px}.login-legal-links a{color:var(--gold2);font-weight:800;text-decoration:none;border-bottom:1px solid rgba(255,176,0,.45)}.login-legal-links a:hover,.login-legal-links a:focus{text-decoration:underline}.about-legal-actions{justify-content:flex-start}.legal-card{max-width:920px;margin-left:auto;margin-right:auto}.legal-card>small{color:var(--gold);font-weight:900;letter-spacing:.08em}.legal-effective{color:var(--muted);margin-top:-4px}.legal-callout{display:flex;flex-direction:column;gap:6px;margin:14px 0 18px;padding:14px;border:1px solid rgba(255,176,0,.5);border-radius:12px;background:rgba(119,84,13,.13);line-height:1.5}.legal-copy{line-height:1.62}.legal-copy h3{margin:1.4rem 0 .35rem;color:#fff;font-size:1.02rem}.legal-copy p{margin:.35rem 0;color:#d6e0e4}.legal-copy strong{color:#fff}.legal-copy a{color:var(--gold2)}@media(max-width:700px){.legal-card{padding:16px}.legal-copy{line-height:1.55}.legal-copy h3{font-size:.98rem}.about-legal-actions>*{width:100%}}


/* Build 053.3.11 — Account Deletion */
.account-action-row,.account-deletion-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.danger-button{border:1px solid #c95555;background:#401f23;color:#fff;font-weight:900;min-height:44px;padding:10px 14px;border-radius:10px}
.danger-button:hover,.danger-button:focus-visible{background:#5a262c;border-color:#ed7474}
.danger-button:disabled{opacity:.55;cursor:not-allowed}
.account-deletion-card{max-width:760px;margin-left:auto;margin-right:auto}
.account-deletion-card>small{color:#ff9b9b;font-weight:900;letter-spacing:.08em}
.account-deletion-status{margin:14px 0;padding:13px 14px;border:1px solid var(--line);border-radius:11px;background:#08232d;font-weight:800;line-height:1.5}
.account-deletion-warning{display:flex;flex-direction:column;gap:6px;margin:14px 0;padding:14px;border:1px solid #a94a4a;border-radius:12px;background:rgba(125,34,42,.18);line-height:1.5}
.account-deletion-warning strong{color:#ffb0b0;font-size:1.02rem}
@media(max-width:700px){.account-action-row,.account-deletion-actions{display:grid;grid-template-columns:1fr}.account-action-row>*,.account-deletion-actions>*{width:100%}.account-deletion-card{padding:16px}}

/* Build 056 — simple guided troubleshooting entry and result sharing */
#home .main-action.guided-trouble-action{
  grid-column:1/-1 !important;
  min-height:112px !important;
  display:grid !important;
  grid-template-columns:76px minmax(0,1fr) !important;
  grid-template-rows:auto auto !important;
  column-gap:16px !important;
  justify-items:start !important;
  align-items:center !important;
  text-align:left !important;
  border:2px solid var(--gold) !important;
  background:linear-gradient(135deg,#123642,#09222c) !important;
}
#home .guided-trouble-action .guided-trouble-icon{
  grid-row:1/3 !important;
  width:66px !important;
  height:66px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 !important;
  border-radius:18px;
  background:rgba(255,176,0,.14);
  color:var(--gold);
  font-size:2rem !important;
}
#home .guided-trouble-action strong{align-self:end;font-size:1.25rem !important;text-align:left !important}
#home .guided-trouble-action small{align-self:start;max-width:none !important;text-align:left !important}
.trouble-context-details{margin:14px 0 18px;border:1px solid rgba(255,176,0,.35);border-radius:13px;background:rgba(255,176,0,.05);padding:11px 13px}
.trouble-context-details summary{cursor:pointer;font-weight:800;color:var(--gold2)}
.trouble-context-details .trouble-context{margin:12px 0 0}
.trouble-result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 8px}
.trouble-result-actions button{min-height:56px}
@media(max-width:640px){
  #home .main-action.guided-trouble-action{min-height:96px !important;grid-template-columns:58px minmax(0,1fr) !important;padding:12px 14px !important;column-gap:12px !important}
  #home .guided-trouble-action .guided-trouble-icon{width:54px !important;height:54px !important;font-size:1.65rem !important}
  #home .guided-trouble-action strong{font-size:1.05rem !important}
  #home .guided-trouble-action small{font-size:.78rem !important}
  .trouble-result-actions{grid-template-columns:1fr}
}

/* Build 056 phone home cleanup: one AI question box and four core tiles. */
@media(max-width:700px){
  #home .main-action.guided-trouble-action{display:none!important}
  #home .main-action.mobile-settings-tool{display:none!important}
  #home .home-ai-quick-starts,#home .field-question-helper{display:none!important}
}


/* BUILD060_FIELD_WORKFLOW_STYLES */
#newQuestionBtn.build065-next-question{display:block;width:100%;min-height:50px;margin:10px 0 4px}
#newQuestionBtn.build065-next-question.hidden{display:none!important}
.photo-question-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0}
.photo-action-button{min-height:50px;font-weight:800}
.build065-photo-details{margin-top:8px}
.photo-preview{grid-template-columns:minmax(90px,140px) 1fr auto;align-items:center}
.photo-preview img{max-height:120px;object-fit:cover}
.nec-simple-card{max-width:900px;margin-inline:auto}
.nec-examples,.article100-panel{margin-top:14px;padding:14px;border:1px solid var(--line);border-radius:14px}
.nec-example-grid,.article100-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.article100-examples{grid-template-columns:repeat(2,minmax(0,1fr))}
.article100-panel .primary{width:100%;margin-top:10px;min-height:50px}
.quick-note-card .quick-note-body textarea{min-height:220px}
.quick-note-actions{grid-template-columns:1fr!important}
.quick-note-actions button{width:100%;min-height:54px}
.more-tools.more-tools-groups{display:grid;gap:12px;justify-content:stretch;align-items:stretch}
.more-tool-group{border:1px solid var(--line);border-radius:14px;padding:12px;background:rgba(255,255,255,.025)}
.more-tool-group>small{display:block;color:var(--gold);font-weight:900;letter-spacing:.08em;margin-bottom:8px}
.more-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.more-tool-grid button,.more-tools .more-signout{width:100%;min-height:48px}
@media(max-width:600px){.more-tool-grid,.nec-example-grid,.article100-examples{grid-template-columns:1fr}.photo-question-bar{display:grid}.photo-action-button{width:100%}.photo-preview{grid-template-columns:1fr}.photo-preview img{width:100%;max-height:220px}}


/* BUILD061_FIELD_VISIBILITY — field-first home screen */
#home .home-ai-quick-starts{display:none!important}
#home .welcome-copy{min-width:0}
#home #question{width:100%;min-height:132px;padding:14px 15px;border:2px solid var(--line);border-radius:12px;background:#041923;color:var(--text);font-size:1.02rem;line-height:1.42;resize:vertical}
#home #question:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,176,0,.18);outline:none}
#home .photo-question-bar{margin:10px 0 0;display:flex;gap:10px;align-items:center}
#home .photo-action-button{min-height:52px;padding:11px 15px;font-size:.96rem;font-weight:900}
#home #askBtn{min-height:54px;margin-top:10px;font-size:1rem;font-weight:900}
#home .main-action.guided-trouble-action{display:none!important}
@media(max-width:700px){
 #home .foreman-welcome{grid-template-columns:1fr!important;gap:7px!important}
 #home .foreman-avatar{display:none!important}
 #home .welcome-copy h2{font-size:1.08rem!important;line-height:1.15!important;margin:0 0 8px!important}
 #home #question{min-height:128px!important;height:auto!important;padding:13px 14px!important;font-size:1rem!important;line-height:1.4!important;resize:none!important}
 #home .photo-question-bar{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;margin:9px 0 0!important}
 #home .photo-action-button{width:100%!important;min-height:54px!important;font-size:1rem!important}
 #home #photoAttachedStatus{padding:0 2px;font-size:.82rem}
 #home #askBtn{width:100%!important;min-height:56px!important;margin-top:9px!important;font-size:1.02rem!important}
}


/* BUILD0612_FIELD_HOME_CONSOLIDATION */
@media(max-width:700px){
  .commercial-preview-banner{display:none!important}
  #home .foreman-welcome{
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
  }
  #home .foreman-avatar{
    display:grid!important;
    width:58px!important;
    height:58px!important;
    min-width:58px!important;
    flex:0 0 58px!important;
    border-radius:15px!important;
    margin-top:1px!important;
  }
  #home .foreman-avatar-img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }
  #home .welcome-copy{min-width:0!important}
  #home .welcome-copy h2{margin-top:0!important}
}


/* BUILD0613_MOBILE_FIELD_HOME
   Mobile-only cleanup. Desktop/Mac layout is intentionally unchanged. */
@media(max-width:700px){
  /* Photo questions use AI Vision on mobile. */
  #home .photo-question-bar,
  #home #photoPreview,
  #home #photoOptions{
    display:none!important;
  }

  /* Three clean full-width tools: Calculators, AI Vision, Field Notes. */
  #home .main-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-top:12px!important;
  }

  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action){
    min-height:72px!important;
    padding:11px 14px!important;
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:1px!important;
    align-items:center!important;
    justify-items:start!important;
    text-align:left!important;
  }

  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) .tool-icon{
    grid-row:1 / span 2!important;
    grid-column:1!important;
    width:46px!important;
    height:46px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
  }

  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) .tool-icon img{
    max-width:42px!important;
    max-height:42px!important;
    object-fit:contain!important;
  }

  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) strong{
    grid-column:2!important;
    grid-row:1!important;
    font-size:1.05rem!important;
    line-height:1.15!important;
    align-self:end!important;
  }

  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) small{
    grid-column:2!important;
    grid-row:2!important;
    font-size:.84rem!important;
    line-height:1.2!important;
    align-self:start!important;
  }

  #home #scanEquipmentBtn small{
    font-weight:600!important;
  }
}


/* BUILD0614_DESKTOP_WINDOW_SCROLL
   Desktop/Mac-only: keep the full page scrollable at normal and shorter
   laptop window heights, and reserve bottom space above the macOS Dock. */
@media (min-width:701px){
  html{
    min-height:100%;
    overflow-y:auto;
    overflow-x:hidden;
  }

  body{
    min-height:100vh;
    min-height:100dvh;
    height:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior-y:auto;
  }

  .shell{
    min-height:100vh;
    min-height:100dvh;
    height:auto!important;
    padding-bottom:max(96px, calc(48px + env(safe-area-inset-bottom)))!important;
  }

  main,
  .screen{
    height:auto!important;
    min-height:0;
    overflow:visible!important;
  }

  footer{
    margin-bottom:18px;
  }
}

/* Shorter MacBook / PC windows:
   tighten only vertical spacing so the working area appears sooner.
   Width and desktop card structure stay unchanged. */
@media (min-width:701px) and (max-height:900px){
  .shell{
    padding-top:12px!important;
  }

  .top-header{
    margin-bottom:14px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }

  #home .commercial-preview-banner{
    margin-top:10px!important;
    margin-bottom:12px!important;
    padding-top:13px!important;
    padding-bottom:13px!important;
  }

  #home .home-dashboard{
    gap:12px!important;
    margin-top:12px!important;
    margin-bottom:14px!important;
  }

  #home .dashboard-card{
    min-height:118px!important;
    padding:14px 16px!important;
  }

  #home .welcome.home-ai-workspace{
    margin-top:12px!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
  }

  #home .foreman-welcome{
    margin-bottom:6px!important;
  }

  #home .welcome-copy h2{
    font-size:clamp(2rem,3.2vw,3rem)!important;
    line-height:1.05!important;
    margin-bottom:8px!important;
  }

  #home .field-question-helper{
    margin-top:8px!important;
    margin-bottom:8px!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  #home #question{
    min-height:112px!important;
  }
}

/* Very short desktop windows: keep controls usable but trim more empty space. */
@media (min-width:701px) and (max-height:760px){
  .top-header{
    margin-bottom:10px!important;
  }

  #home .commercial-preview-banner{
    padding:10px 14px!important;
  }

  #home .home-dashboard{
    gap:10px!important;
    margin-top:10px!important;
    margin-bottom:10px!important;
  }

  #home .dashboard-card{
    min-height:102px!important;
    padding:11px 13px!important;
  }

  #home .welcome.home-ai-workspace{
    padding:16px!important;
  }

  #home #question{
    min-height:96px!important;
  }
}


/* BUILD0615_MAC_SCROLL_CONTAINER
   Installed Mac web apps can treat document/body scrolling differently from
   a normal Safari tab. On desktop, use one explicit app-shell scroll container. */
@media (min-width:701px){
  html{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden!important;
  }

  body{
    width:100%;
    height:100%;
    min-height:100%;
    overflow:hidden!important;
    overscroll-behavior:none;
  }

  .shell{
    width:100%;
    max-width:1400px;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto;
    overflow-x:hidden!important;
    overflow-y:scroll!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    padding-bottom:max(120px, calc(64px + env(safe-area-inset-bottom)))!important;
  }

  #appView,
  main,
  .screen{
    position:static!important;
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
  }

  #appView{
    padding-bottom:24px;
  }

  footer{
    padding-bottom:38px!important;
  }
}

/* Short desktop windows keep the same scroll container.
   Only vertical spacing is tightened; no mobile rules are changed. */
@media (min-width:701px) and (max-height:900px){
  .shell{
    padding-bottom:max(120px, calc(64px + env(safe-area-inset-bottom)))!important;
  }
}


/* BUILD0616_MAC_TRACKPAD_SCROLL
   Higher-specificity desktop/Mac scroll rules override old shell rules. */
@media (min-width:701px){
  html,
  body{
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
  }

  body .shell{
    display:block!important;
    width:100%!important;
    max-width:1100px!important;
    height:100vh!important;
    height:100dvh!important;
    min-height:0!important;
    margin:0 auto!important;
    padding:24px 24px 140px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-y:auto!important;
    scrollbar-gutter:stable!important;
    scroll-behavior:auto;
    touch-action:pan-y!important;
  }

  body .shell > main,
  body .shell > main > .screen,
  body .shell #appView{
    position:static!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }

  body .shell > footer{
    position:static!important;
    padding-bottom:56px!important;
  }
}


/* BUILD0617_DESKTOP_SPACING_POLISH
   Small desktop-only spacing polish. Scroll system from 061.6 is untouched. */
@media (min-width:701px){
  #home .commercial-preview-banner{
    margin-bottom:10px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }

  #home .home-dashboard{
    margin-top:10px!important;
    margin-bottom:10px!important;
    gap:10px!important;
  }

  #home .dashboard-card{
    min-height:108px!important;
    padding-top:12px!important;
    padding-bottom:12px!important;
  }

  #home .welcome.home-ai-workspace{
    margin-top:8px!important;
  }
}
\n\n/* BUILD0618_HOME_PREVIEW_BANNER_CLEANUP\n   Remove the Commercial Preview / Billing Not Active banner from the visible\n   app workspace on Mac, PC, browser, and mobile. Account/plan details remain\n   available outside the field Home workflow. */\nbody .commercial-preview-banner{\n  display:none!important;\n}\n
/* BUILD0619_PREVIEW_BANNER_REMOVAL */
.commercial-preview-banner{display:none!important}


/* BUILD06110_RICHARD_IMAGE_RELIABILITY */
.foreman-avatar-img{
  visibility:visible!important;
  opacity:1!important;
}


/* BUILD062_LEARNING_TOOLS_SAFETY */
.learning-section-heading{
  display:flex;justify-content:space-between;align-items:end;gap:12px;
  margin:18px 0 8px;padding-top:4px
}
.learning-section-heading div{display:grid;gap:2px}
.learning-section-heading small{font-weight:800;letter-spacing:.08em}
.learning-section-heading strong{font-size:1.05rem}
.learning-section-heading>span{font-size:.78rem;opacity:.78;text-align:right}
.license-prep-heading{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.learning-license-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.license-learning-tile{border-color:rgba(255,177,0,.75)!important}
.learning-exam-note{
  margin-top:12px;padding:12px 14px;border-radius:12px;
  border:1px solid rgba(255,177,0,.35);display:grid;gap:3px
}
.learning-exam-note strong{font-size:.9rem}
.learning-exam-note span{font-size:.82rem;opacity:.82}
.mock-exam-head{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mock-exam-head strong{font-variant-numeric:tabular-nums;font-size:1.05rem}
.mock-nav{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
.selected-answer{outline:2px solid currentColor!important}
.exam-review-list,.weak-area-list{display:grid;gap:8px}
.exam-review-list>div,.weak-area-list>button{
  padding:11px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;
  display:grid;gap:4px;text-align:left
}
.weak-area-list>button{width:100%}
.compact-learning-dashboard{margin-top:8px}

.more-tools-consolidated{display:grid;gap:9px}
.more-tools-consolidated.hidden{display:none}
.more-primary-action,.more-tool-accordion>summary,.more-signout{
  min-height:48px;border-radius:10px
}
.more-tool-accordion{
  border:1px solid rgba(255,255,255,.13);border-radius:12px;overflow:hidden
}
.more-tool-accordion>summary{
  cursor:pointer;display:flex;align-items:center;padding:0 14px;
  font-weight:800;list-style:none
}
.more-tool-accordion>summary::-webkit-details-marker{display:none}
.more-tool-accordion>summary::after{content:"›";margin-left:auto;font-size:1.35rem;transition:transform .15s ease}
.more-tool-accordion[open]>summary::after{transform:rotate(90deg)}
.more-tool-accordion-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  padding:8px 10px 10px
}
.more-tool-accordion-grid button{min-height:44px}
.more-signout{margin-top:4px}

@media(max-width:700px){
  .learning-section-heading{align-items:start}
  .learning-section-heading>span{display:none}
  .learning-license-grid{grid-template-columns:1fr!important}
  .more-tool-accordion-grid{grid-template-columns:1fr}
  .more-tools-consolidated .more-primary-action{width:100%;min-height:52px}
}


/* BUILD063_FIELD_FIRST_VISUAL_IDENTITY
   Less generic AI/card UI. More purpose-built electrical field tool.
   Priority: simple, fast, obvious, readable under stress. */

:root{
  --field-bg:#0b1418;
  --field-surface:#122229;
  --field-line:#405159;
  --field-accent:#f5a900;
  --field-text:#f3f5f5;
  --field-muted:#aeb9bd;
  --field-success:#55b56a;
  --field-stop:#d94a45;
  --field-copper:#a9683a;
}

[data-field-workspace="true"] > .card,
[data-field-workspace="true"] > .focused-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-left:0!important;
  padding-right:0!important;
}

[data-field-workspace="true"] .answer,
[data-field-workspace="true"] .learning-result,
[data-field-workspace="true"] .nec-book-prompt,
[data-field-workspace="true"] .commercial-access-banner,
[data-field-workspace="true"] .vision-safety,
[data-field-workspace="true"] .vision-preview-panel,
[data-field-workspace="true"] .safety-tip-callout,
[data-field-workspace="true"] .disclaimer-stop{
  border-radius:10px;
}

[data-field-workspace="true"] h2{margin-bottom:4px;letter-spacing:-.02em}
[data-field-workspace="true"] > .back-home{margin-bottom:12px}
[data-field-workspace="true"] button.primary,
[data-field-first-home="true"] button.primary{
  min-height:50px;font-weight:850;letter-spacing:.01em;border-radius:8px!important;
}
[data-field-workspace="true"] button:not(.primary):not(.back-home):not(.back-home-inline),
[data-field-workspace="true"] input,
[data-field-workspace="true"] select,
[data-field-workspace="true"] textarea{border-radius:7px!important}

[data-field-workspace="true"] > .card > small,
[data-field-workspace="true"] .learning-section-heading small,
.more-tool-accordion > summary{color:var(--field-accent)}

.field-purpose-line{
  color:var(--field-accent);font-size:.86rem;font-weight:800;
  letter-spacing:.04em;text-transform:uppercase;margin:4px 0 10px;
}

#powerLearning .learning-grid{
  gap:0!important;border-top:1px solid rgba(174,185,189,.20);
}
#powerLearning .learning-tile{
  border:0!important;
  border-bottom:1px solid rgba(174,185,189,.18)!important;
  border-radius:0!important;background:transparent!important;
  min-height:66px;padding:12px 8px!important;text-align:left;
}
#powerLearning .learning-tile:hover,
#powerLearning .learning-tile:focus-visible,
#powerLearning .learning-tile.active-learning{background:rgba(245,169,0,.08)!important}
#powerLearning .learning-section-heading{
  padding:18px 0 8px!important;margin:0!important;
  border-top:1px solid rgba(174,185,189,.20);
}
#powerLearning .learning-section-heading:first-of-type{border-top:0}
#powerLearning .learning-exam-note{
  border-radius:0!important;border-left:3px solid var(--field-accent)!important;
  border-top:0!important;border-right:0!important;border-bottom:0!important;
  background:rgba(245,169,0,.05)!important;padding:8px 12px!important;
}

.more-tools-consolidated{
  border-top:1px solid rgba(174,185,189,.18);padding-top:4px;
}
.more-tools-consolidated > .more-primary-action{
  border-radius:0!important;border:0!important;
  border-bottom:1px solid rgba(174,185,189,.18)!important;
  background:transparent!important;text-align:left;padding-left:8px;
}
.more-tool-accordion{
  border:0!important;border-bottom:1px solid rgba(174,185,189,.18)!important;
  border-radius:0!important;
}
.more-tool-accordion > summary{border-radius:0!important;padding:0 8px!important}
.more-tool-accordion-grid{padding:0 8px 10px!important}
.more-tool-accordion-grid button{
  border-radius:0!important;border:0!important;
  border-top:1px solid rgba(174,185,189,.13)!important;
  background:transparent!important;text-align:left;
}

/* Permanent Richard branding */
.foreman-avatar,.foreman-avatar-img{display:block!important}
.foreman-avatar-img{visibility:visible!important;opacity:1!important}

/* Stress-use mobile rules */
@media(max-width:700px){
  [data-field-workspace="true"]{padding-left:14px!important;padding-right:14px!important}
  [data-field-workspace="true"] button,
  .more-tools-consolidated button,
  .more-tool-accordion > summary{min-height:52px}
  #powerLearning .learning-tile{min-height:72px;padding:14px 6px!important}
  #powerLearning .learning-grid,
  #powerLearning .learning-license-grid{grid-template-columns:1fr!important}
}

/* Mac/PC: use width and divider lines instead of nested cards */
@media(min-width:901px){
  [data-field-workspace="true"] > .card,
  [data-field-workspace="true"] > .focused-card{
    max-width:1060px;margin-left:auto;margin-right:auto;
  }
  #powerLearning .learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #powerLearning .learning-tile:nth-child(odd){
    border-right:1px solid rgba(174,185,189,.14)!important;
  }
}


/* ===== Build 064: compact home status strip ===== */
#home .home-status-strip{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:16px 0 18px;
  align-items:stretch;
}
#home .status-chip{
  flex:1 1 210px;
  min-height:74px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:6px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(17,47,58,.88), rgba(11,35,44,.96));
  box-shadow:inset 0 0 0 1px rgba(255,200,71,.05);
}
#home button.status-chip{
  appearance:none;
  width:100%;
  text-align:left;
  color:inherit;
  cursor:pointer;
}
#home .status-chip.clickable:hover,
#home .status-chip.clickable:focus-visible,
#home .status-chip-main:hover,
#home .status-chip-main:focus-visible{
  border-color:var(--gold);
  transform:translateY(-1px);
  outline:none;
}
#home .status-label{
  font-size:.72rem;
  letter-spacing:.08em;
  color:var(--gold);
  font-weight:800;
}
#home .status-value{
  color:var(--text);
  font-size:.95rem;
  line-height:1.35;
}
#home .status-chip-main{
  appearance:none;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  text-align:left;
  color:inherit;
  cursor:pointer;
  width:100%;
  min-height:0;
}
#home .status-chip-weather{
  gap:8px;
}
#home .status-refresh-mini{
  align-self:flex-start;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:var(--muted);
  border-radius:999px;
  padding:6px 10px;
  font-size:.78rem;
  font-weight:700;
  cursor:pointer;
}
#home .status-refresh-mini:hover,
#home .status-refresh-mini:focus-visible{
  border-color:var(--gold);
  color:var(--text);
  outline:none;
}
#home .status-chip-safety{
  box-shadow:inset 3px 0 0 var(--gold);
}
@media(max-width:1100px){
  #home .home-status-strip{gap:10px;}
  #home .status-chip{flex:1 1 calc(50% - 10px);}
}
@media(max-width:700px){
  #home .home-status-strip{margin:12px 0 14px;}
  #home .status-chip{flex:1 1 100%; min-height:auto; padding:11px 12px; border-radius:14px;}
  #home .status-label{font-size:.68rem;}
  #home .status-value{font-size:.88rem;}
  #home .status-refresh-mini{padding:5px 9px; font-size:.74rem;}
}


/* ===== Build 065: desktop Work Mode consolidation =====
   Mac/PC only: remove the top status strip and keep all supporting tools below Ask AI.
   Mobile remains unchanged from Build 064. */
.desktop-tool-glyph{
  width:64px;
  height:64px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  border:3px solid var(--gold);
  color:var(--gold);
  font-size:1rem;
  font-weight:900;
  letter-spacing:.04em;
  border-radius:12px;
}
.desktop-tool-glyph.safety-glyph{
  border-radius:50%;
  font-size:2rem;
}
@media(min-width:701px){
  #home .home-status-strip{
    display:none!important;
  }
  #home .main-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    align-items:stretch;
  }
  #home .main-action{
    min-height:210px;
  }
}
@media(max-width:700px){
  #home .desktop-status-tool{
    display:none!important;
  }
}

/* ===== Build 067: desktop header + Power Learning cleanup =====
   Mac/PC only. Preserve the Build 066 clean header band, remove the divider line,
   and simplify the Power Learning entry without removing Learning or its button.
   Mobile remains unchanged. */
@media(min-width:701px){
  body .shell > header.top-header{
    background:transparent!important;
    border:0!important;
    border-bottom:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:16px 18px 18px!important;
    margin-bottom:18px!important;
  }

  #home .power-learning-entry{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:16px 4px 6px!important;
    margin:22px 0 14px!important;
    align-items:center!important;
  }

  #home .power-learning-entry p{
    margin-top:2px!important;
  }

  #home .power-learning-entry button{
    flex:0 0 auto;
    width:auto!important;
    min-width:150px;
  }
}



/* ===== Build 068: phone Home layout repair =====
   Phone only. Keep the verified Build 067 Mac/PC layout unchanged.
   Remove the top status-card stack, make Ask AI the first field task, and
   keep the question box/button fully inside and centered in the phone card. */
@media(max-width:700px){
  /* The compact desktop status strip must not take over the phone Home screen. */
  #home .home-status-strip{
    display:none!important;
  }

  /* Keep the Ask AI workspace inside the viewport with no horizontal spill. */
  #home .welcome.home-ai-workspace{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
    margin:8px 0!important;
    padding:10px!important;
  }

  /* Richard stays beside the greeting only; the question controls use full width below. */
  #home .foreman-welcome{
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
  }
  #home .foreman-avatar{
    display:grid!important;
    position:absolute!important;
    left:0!important;
    top:0!important;
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    border-radius:12px!important;
    margin:0!important;
  }
  #home .foreman-avatar-img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    transform:none!important;
  }
  #home .welcome-copy{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  #home .welcome-copy h2{
    min-height:46px!important;
    margin:0 0 8px!important;
    padding:0 0 0 56px!important;
    display:flex!important;
    align-items:center!important;
    font-size:1.04rem!important;
    line-height:1.08!important;
    box-sizing:border-box!important;
  }
  #home .field-question-helper{
    display:none!important;
  }
  #home #question,
  #home #askBtn,
  #home #askedQuestion,
  #home #answer,
  #home #showMoreAnswer,
  #home #photoConfirmationPanel,
  #home #askFieldControls,
  #home .ai-voice-disclosure,
  #home #answerFeedback,
  #home #newQuestionBtn{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  #home #question{
    min-height:112px!important;
    height:112px!important;
    padding:12px 13px!important;
    resize:none!important;
  }
  #home #askBtn{
    min-height:52px!important;
    margin-top:9px!important;
  }

  /* Phone Work Mode remains the clean three-tool stack; supporting items live in More Tools. */
  #home .desktop-status-tool,
  #home .mobile-overflow-tool,
  #home .mobile-settings-tool{
    display:none!important;
  }
  #home .main-actions{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
}


/* ===== Build 069: mobile Ask AI emphasis + Mac flat Work Mode =====
   Mobile: Ask AI is the dominant Home task; supporting Work Mode tools are smaller.
   Mac desktop: remove persistent outer boxes around Work Mode tools while keeping
   large click targets, icons, labels, keyboard focus, and all underlying actions. */
@media(max-width:700px){
  #home .welcome.home-ai-workspace{
    padding:13px!important;
    margin:8px 0 6px!important;
  }
  #home .foreman-avatar{
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
  }
  #home .welcome-copy h2{
    min-height:52px!important;
    padding-left:62px!important;
    font-size:1.1rem!important;
    margin-bottom:10px!important;
  }
  #home #question{
    min-height:148px!important;
    height:148px!important;
    padding:14px!important;
    font-size:.96rem!important;
    line-height:1.35!important;
  }
  #home #askBtn{
    min-height:58px!important;
    margin-top:10px!important;
    font-size:1.06rem!important;
    padding:12px 14px!important;
  }
  #home .ai-voice-disclosure{
    margin-top:4px!important;
    font-size:.65rem!important;
    line-height:1.12!important;
  }

  #home .work-mode-heading{
    margin:5px 0 3px!important;
    padding:2px 1px!important;
    gap:7px!important;
  }
  #home .work-mode-heading .mode-icon{font-size:.95rem!important;}
  #home .work-mode-heading small{font-size:.61rem!important;}
  #home .work-mode-heading strong{font-size:.78rem!important;}
  #home .main-actions{
    gap:6px!important;
    margin-top:5px!important;
  }
  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action){
    min-height:60px!important;
    padding:7px 10px!important;
    grid-template-columns:40px minmax(0,1fr)!important;
    column-gap:9px!important;
    row-gap:0!important;
    border-radius:11px!important;
  }
  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) .tool-icon{
    width:38px!important;
    height:38px!important;
  }
  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) .tool-icon img{
    max-width:36px!important;
    max-height:36px!important;
  }
  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) strong{
    font-size:.92rem!important;
    line-height:1.08!important;
  }
  #home .main-action:not(.mobile-overflow-tool):not(.mobile-settings-tool):not(.guided-trouble-action) small{
    font-size:.72rem!important;
    line-height:1.08!important;
  }
  #home .power-learning-entry{
    margin:8px 0 6px!important;
    padding:9px!important;
  }
  #home .power-learning-entry h3{font-size:.94rem!important;}
  #home .power-learning-entry p{font-size:.68rem!important;line-height:1.18!important;}
  #home .power-learning-entry button{min-height:40px!important;padding:7px 9px!important;}
}

@media(min-width:701px){
  html.mac-device #home .main-action,
  html.mac-device #home .main-action.primary-tool,
  html.mac-device #home .main-action.secondary-tool{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    min-height:176px!important;
    padding:16px 10px!important;
  }
  html.mac-device #home .main-action:hover,
  html.mac-device #home .main-action:active{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  html.mac-device #home .main-action:focus-visible{
    outline:2px solid var(--gold)!important;
    outline-offset:4px!important;
  }
}

/* ===== Build 070: NEC icon consistency + Power Learning Mastery ===== */
.learning-dashboard{grid-template-columns:repeat(4,minmax(0,1fr))}
.learning-correct-answer{padding:10px 12px;border-radius:9px;background:rgba(255,176,0,.09);border-left:4px solid var(--gold)}
.mastery-review-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border-radius:10px;background:#08232d;border:1px solid var(--line)}
.mastery-review-note strong{color:var(--gold)}
.mastery-review-note span{color:var(--muted);font-size:.86rem}
.learning-coach-plan{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:12px 0 14px;padding:13px 14px;border:1px solid rgba(255,176,0,.38);border-radius:12px;background:rgba(255,176,0,.07)}
.learning-coach-plan strong{color:#ffd277}
.learning-coach-plan span{color:var(--muted);font-size:.86rem;text-align:right}
.mastery-subjects div{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center}
.mastery-subjects small{color:var(--muted)}
#home .nec-status-icon{display:grid;place-items:center}
#home .nec-status-icon img{width:100%;height:100%;object-fit:contain}

@media(max-width:700px){
  .learning-dashboard{grid-template-columns:1fr!important}
  .mastery-review-note,.learning-coach-plan{align-items:flex-start;flex-direction:column}
  .learning-coach-plan span{text-align:left}
  .mastery-subjects div{grid-template-columns:1fr auto}
  .mastery-subjects small{grid-column:1/3}

  /* Build 070: keep NEC Status as a compact mobile Work Mode tool, with a normal-size icon. */
  #home .desktop-status-tool.nec-status-tool{display:grid!important}
  #home .nec-status-tool{min-height:60px!important;padding:7px 10px!important;grid-template-columns:40px minmax(0,1fr)!important;column-gap:9px!important;row-gap:0!important;border-radius:11px!important}
  #home .nec-status-tool .tool-icon{width:38px!important;height:38px!important;min-width:38px!important}
  #home .nec-status-tool .tool-icon img{max-width:36px!important;max-height:36px!important}
  #home .nec-status-tool strong{font-size:.92rem!important;line-height:1.08!important}
  #home .nec-status-tool small{font-size:.72rem!important;line-height:1.08!important}
}

@media(min-width:701px){
  /* Build 070: NEC uses the same visual footprint as the other Mac/desktop tools. */
  #home .nec-status-tool .tool-icon{width:72px;height:72px;margin-inline:auto}
  #home .nec-status-tool .tool-icon img{max-width:68px;max-height:68px}
  html.mac-device #home .nec-status-tool .tool-icon{width:66px;height:66px}
}

/* ===== Build 072: Mac Richard cleanup =====
   Mac desktop only: remove Richard's framed card and enlarge him about 16%
   so the mascot feels integrated into the Ask AI workspace. Mobile is unchanged. */
@media(min-width:701px){
  html.mac-device #home .foreman-welcome{
    grid-template-columns:220px minmax(0,1fr)!important;
    gap:28px!important;
  }
  html.mac-device #home .foreman-avatar{
    width:220px!important;
    height:220px!important;
    min-width:220px!important;
    flex-basis:220px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html.mac-device #home .foreman-avatar-img{
    width:250px!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    transform:translateY(8px)!important;
  }
}


/* BUILD072_WEATHER_INLINE_PANEL: show weather in More Tools without navigating away. */
.more-weather-inline-panel{margin:8px 0 4px;padding:12px 14px;text-align:left}
.more-weather-inline-panel strong,.more-weather-inline-panel span,.more-weather-inline-panel small{display:block}
.more-weather-inline-panel .more-weather-inline-summary{margin:6px 0;font-weight:700}
\n.ask-back-to-tools{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:18px}\n