/* ============================================================
   Benesch brand layer for the Benesch area of the site.
   Loaded last on every page: Benesch letterhead, review notice,
   footer, Benesch type (Segoe UI / Arial) and palette.
   Palette: green #5a9e36 / #4a8329, teal #1c6b80, ink #2c2d2e.
   ============================================================ */
:root{--bn-green:#5a9e36;--bn-green-dark:#4a8329;--bn-green-pale:#eef5e9;--bn-teal:#1c6b80;--bn-teal-dark:#14505f;
  --bn-ink:#2c2d2e;--bn-ink-2:#58595b;--bn-mid:#8a8c8e;--bn-line:#e2e2e2;--bn-amber:#9a6a00;--bn-red:#a3361f;
  --bn-sans:"Segoe UI",Helvetica,Arial,sans-serif;--bn-mono:"Cascadia Mono",Consolas,"SFMono-Regular",Menlo,monospace}

/* ---------- Benesch type everywhere (code stays monospaced) ---------- */
html body, html body :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,td,th,caption,figcaption,label,legend,button,input,select,textarea,a,span,div,small,b,strong,em,i,blockquote,nav,header,footer,section,article,aside,main,summary,details,text,tspan){font-family:var(--bn-sans)!important}
html body :where(code,pre,kbd,samp,var,.mono,.mono *,[class*="mono"]){font-family:var(--bn-mono)!important}

/* ---------- letterhead ---------- */
#bnm{all:initial;display:block;position:relative;z-index:950;background:#fff;font-family:var(--bn-sans);text-align:left;line-height:1.3;color:var(--bn-ink)}
#bnm *{box-sizing:border-box;font-family:var(--bn-sans)!important}
#bnm .bnm-wrap{display:block;max-width:1180px;margin:0 auto;padding:0 24px}
#bnm .bnm-review{display:block;background:#fdf6e6;border-bottom:1px solid #e8cf8f;color:#6b4a00;font-size:13.5px;line-height:1.45;padding:8px 0}
#bnm .bnm-review b{color:#8a5a00;letter-spacing:.04em;text-transform:uppercase;margin-right:6px}
#bnm .bnm-top{display:block;background:#fff;padding:14px 0}
#bnm .bnm-top .bnm-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
#bnm a.bnm-brand{all:unset;display:inline-block;line-height:0;cursor:pointer}
#bnm a.bnm-brand img{display:block;height:48px;width:auto;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0}
#bnm .bnm-tag{display:block;text-align:right;font-size:12.5px;line-height:1.45;color:var(--bn-ink-2)}
#bnm .bnm-tag b{display:block;color:var(--bn-ink);font-size:13.5px}
#bnm .bnm-bar{display:block;background:var(--bn-green-dark);border-top:2px solid var(--bn-green);margin:0;padding:0}
#bnm .bnm-nav{display:flex;flex-wrap:nowrap;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#bnm .bnm-nav::-webkit-scrollbar{display:none}
#bnm .bnm-nav a{all:unset;display:block;cursor:pointer;white-space:nowrap;font:600 13.5px/1 var(--bn-sans);color:rgba(255,255,255,.9);padding:13px 13px 11px;border-bottom:3px solid transparent}
#bnm .bnm-nav a:first-child{margin-left:-13px}
#bnm .bnm-nav a:hover{color:#fff;border-bottom-color:rgba(255,255,255,.55)}
#bnm .bnm-nav a[aria-current="page"]{color:#fff;border-bottom-color:#fff}
#bnm .bnm-nav a.bnm-out{margin-left:auto;color:rgba(255,255,255,.75)}
#bnm .bnm-nav a:focus-visible{outline:2px solid #fff;outline-offset:-4px}
#bnm.bnm-slim .bnm-top{display:none}
@media (max-width:760px){#bnm .bnm-wrap{padding:0 16px}#bnm a.bnm-brand img{height:38px}#bnm .bnm-tag{display:none}#bnm .bnm-nav a{padding:12px 10px 10px;font-size:13px}#bnm .bnm-nav a:first-child{margin-left:-10px}}
@media print{#bnm .bnm-bar{display:none}#bnm .bnm-review{background:none;border:1px solid #c9a74a}}

/* ---------- footer ---------- */
#bnf{all:initial;display:block;background:#fff;border-top:2px solid var(--bn-green);margin-top:40px;font-family:var(--bn-sans);color:var(--bn-ink-2)}
#bnf *{box-sizing:border-box;font-family:var(--bn-sans)!important}
#bnf .bnf-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;max-width:1180px;margin:0 auto;padding:18px 24px;font-size:12.5px;line-height:1.5}
#bnf img{height:30px;width:auto;display:block}
#bnf b{color:var(--bn-ink)}
#bnf .bnf-note{flex:1 1 380px;color:#6b4a00}

/* ---------- dirtbert site.css pages (Geotechnical Tools, report index, sign-in) ---------- */
html[data-bn="site"]{--vellum:#f4f5f3;--sheet:#ffffff;--ink:#2c2d2e;--ink-soft:#58595b;--rule:#d9dbdc;--flag:#5a9e36;
  --display:"Segoe UI",Helvetica,Arial,sans-serif;--body:"Segoe UI",Helvetica,Arial,sans-serif;--mono:Consolas,monospace}
html[data-bn="site"] .eyebrow{color:var(--bn-green-dark)}
html[data-bn="site"] .button.primary,html[data-bn="site"] a.button.primary{background:var(--bn-green-dark);border-color:var(--bn-green-dark);color:#fff}

/* ---------- Geotechnical Tools landing (formerly dark radar HUD) ---------- */
html[data-bn="gt"]{--gt-bg:#ffffff;--gt-panel:#ffffff;--gt-panel2:#f4f8f1;--gt-line:#d9dbdc;--gt-g:#4a8329;--gt-g2:#5a9e36;--gt-c:#1c6b80;--gt-o:#a3361f;--gt-a:#9a6a00;--gt-t:#2c2d2e;--gt-dim:#58595b;--mono:"Segoe UI",Arial,sans-serif;--hud:"Segoe UI",Arial,sans-serif;
  --vellum:#f4f5f3;--sheet:#fff;--ink:#2c2d2e;--ink-soft:#58595b;--rule:#d9dbdc;--flag:#5a9e36;--display:"Segoe UI",Arial,sans-serif;--body:"Segoe UI",Arial,sans-serif}
html[data-bn="gt"] .gt{background:#fff!important;color:#2c2d2e!important;border-bottom:3px solid var(--bn-green)}
html[data-bn="gt"] .gt::before,html[data-bn="gt"] .gt::after{display:none!important}
html[data-bn="gt"] .gt *{text-shadow:none!important}
html[data-bn="gt"] .gt h1{color:var(--bn-green)!important}
html[data-bn="gt"] .gt h1 span{color:var(--bn-ink)!important}
html[data-bn="gt"] .gt [class*="led"] i,html[data-bn="gt"] .gt .cur{box-shadow:none!important}
html[data-bn="gt"] .gt .tele,html[data-bn="gt"] .gt [class*="card"],html[data-bn="gt"] .gt [class*="panel"]{background:#fff!important;border-color:#d9dbdc!important;box-shadow:0 2px 10px rgba(0,0,0,.05)!important}
html[data-bn="gt"] .gt .tele .v{color:var(--bn-green-dark)!important}
html[data-bn="gt"] .radar{background:radial-gradient(circle,rgba(90,158,54,.10) 0%,transparent 70%),repeating-radial-gradient(circle,transparent 0 calc(12.5% - 1px),rgba(90,158,54,.30) calc(12.5% - 1px) 12.5%)!important;border-color:rgba(90,158,54,.6)!important;box-shadow:none!important}
html[data-bn="gt"] .sweep{background:conic-gradient(from 0deg,rgba(90,158,54,.35),rgba(90,158,54,.10) 30deg,transparent 70deg)!important}

html[data-bn="gt"] .gt :is(div,section,article,aside,a,figure,header,footer,span,li,ul):not(.bar):not(.bar *):not(.radar):not(.sweep):not(.ring-ticks):not(.leds):not(.leds *):not(.cur){background-image:none!important}
html[data-bn="gt"] .gt :is(div,section,article,aside,figure,li)[class]:not(.wrap):not(.bar):not(.bar *):not(.radar):not(.sweep):not(.ring-ticks):not(.leds):not(.leds *):not(.radar-wrap){background-color:transparent}
html[data-bn="gt"] .gt :is(h1,h2,h3,h4,p,li,dt,dd,b,strong){color:var(--bn-ink)}
html[data-bn="gt"] .gt h1{color:var(--bn-green)!important}
html[data-bn="gt"] .gt [class*="panel"],html[data-bn="gt"] .gt [class*="card"],html[data-bn="gt"] .gt .tele,html[data-bn="gt"] .gt [class*="scan"],html[data-bn="gt"] .gt [class*="tile"]{background-color:#fff!important;border:1px solid #d9dbdc!important;clip-path:none!important}

/* ---------- light dashboards with their own accents ---------- */
html[data-bn="status"]{--navy:#1c6b80;--accent:#5a9e36;--ok:#3f7a22;--warn:#9a6a00;--bad:#a3361f;--bg:#f4f5f3}
html[data-bn="bids"]{--accent:#4a8329;--accent-soft:#eef5e9;--accent-ink:#2c5a1c}
html[data-bn="guide"]{--navy:#1c6b80;--navy-dark:#14505f;--slate:#1c6b80;--accent:#5a9e36;--tint:#eef5e9}

/* ---------- NS Bridge console landing (formerly dark console) ---------- */
html[data-bn="console"]{--void:#ffffff;--deck:#f4f5f3;--panel:#ffffff;--panel-hi:#eef5e9;--line:#d9dbdc;--ink:#2c2d2e;--dim:#58595b;--amber:#9a6a00;--amber-d:#7a5200;--cyan:#1c6b80;--green:#4a8329;--red:#a3361f;--head:"Segoe UI",Arial,sans-serif;--mono:Consolas,monospace}
html[data-bn="console"] body{background:#f4f5f3!important;color:#2c2d2e!important}
html[data-bn="console"] body *{text-shadow:none!important}
html[data-bn="console"] body::before,html[data-bn="console"] body::after{display:none!important}
html[data-bn="console"] body :is(div,section,header,main,article,aside,figure,a,nav,span):not(#bnm):not(#bnm *):not(#bnf):not(#bnf *):not([class*="bar"]):not([class*="fill"]){background-image:none!important}
html[data-bn="console"] body :is(div,section,article,aside,figure,a)[class]:not(#bnm *):not(#bnf *):not([class*="bar"]):not([class*="fill"]):not([class*="btn"]):not([class*="pill"]){background-color:transparent}
html[data-bn="console"] body :is(h1,h2,h3,h4){color:var(--bn-ink)!important}
html[data-bn="console"] body [class*="panel"],html[data-bn="console"] body [class*="card"],html[data-bn="console"] body [class*="viewer"],html[data-bn="console"] body [class*="station"],html[data-bn="console"] body [class*="stn"]{background-color:#fff!important;border-color:#d9dbdc!important}
html[data-bn="console"] svg [stroke="#4fe3ff"],html[data-bn="console"] svg [stroke="#5df2a0"]{stroke:#4a8329}
html[data-bn="console"] svg [fill="#4fe3ff"],html[data-bn="console"] svg [fill="#5df2a0"]{fill:#4a8329}

/* ---------- print ---------- */
@media print{#bnf{margin-top:16px}}

/* Natural Resources is reached from the dirtbert.com homepage, not the Benesch menu */
#bnm .bnm-nav a[href*="NATURAL%20RESOURCES"]{display:none}
