/*
 * Tema común de Industrial Geotechnical Services (colores del logo).
 * Teal #2E6868 = marca · Rojo #C63531 = alertas y acciones críticas.
 * Claro por defecto; oscuro si el sistema lo pide o si el usuario lo fija
 * con el botón ☀/☾ (data-theme en <html>, guardado por armazon.js).
 * Portal y CORMIDOM ya traen estos mismos tokens; aquí viven los de Inicio,
 * Accesos y el menú común.
 */
:root{
  --brand:#2E6868; --brand-ink:#F4F8F7; --brand-soft:#E0ECEB; --brand-fg:#2E6868; --accent:#C63531;
  --bg:#F2F5F4; --surface:#FFFFFF; --surface-2:#E8EEEC; --line:#D2DCDA;
  --fg:#15211F; --muted:#586866; --ok:#1F7A4D; --ok-bg:#E1F2E8; --warn:#93570C; --warn-bg:#FBEEDB;
  --bad:#A3302A; --bad-bg:#F8E2DF; --info:#245E86; --info-bg:#E2EEF6; --focus:#2C7DA0;
  --f-display:'Barlow Semi Condensed','Arial Narrow',Arial,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
  --igs-nav-w:224px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --brand-soft:#1C3533; --brand-fg:#7CC0BC; --bg:#0F1615; --surface:#162120; --surface-2:#1E2B29; --line:#2C3C39;
  --fg:#E5EEEC; --muted:#93A6A3; --ok:#6FCB98; --ok-bg:#16352A; --warn:#F0B464; --warn-bg:#3A2A12;
  --bad:#F0897D; --bad-bg:#3E1E1A; --info:#8CC3EA; --info-bg:#16303F; --focus:#7CC4E0; color-scheme:dark}}
:root[data-theme="dark"]{
  --brand-soft:#1C3533; --brand-fg:#7CC0BC; --bg:#0F1615; --surface:#162120; --surface-2:#1E2B29; --line:#2C3C39;
  --fg:#E5EEEC; --muted:#93A6A3; --ok:#6FCB98; --ok-bg:#16352A; --warn:#F0B464; --warn-bg:#3A2A12;
  --bad:#F0897D; --bad-bg:#3E1E1A; --info:#8CC3EA; --info-bg:#16303F; --focus:#7CC4E0; color-scheme:dark}

/* ---------- Menú común ---------- */
.igs-nav{position:fixed;inset:0 auto 0 0;width:var(--igs-nav-w);z-index:40;display:flex;flex-direction:column;gap:6px;
  padding:16px 12px 64px;background:var(--surface);border-right:1px solid var(--line);font:500 15px/1.3 var(--f-body);color:var(--fg);overflow-y:auto}
.igs-nav *{box-sizing:border-box}
.igs-nav-logo{display:block;background:#fff;border-radius:8px;padding:8px 10px;margin-bottom:10px;border:1px solid var(--line)}
.igs-nav-logo img{display:block;width:100%;height:auto}
.igs-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.igs-nav a.igs-nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:7px;color:var(--fg);text-decoration:none;border-left:3px solid transparent}
.igs-nav a.igs-nav-link:hover{background:var(--surface-2)}
.igs-nav a.igs-nav-link[aria-current="page"]{background:var(--brand-soft);border-left-color:var(--brand-fg);color:var(--fg);font-weight:600}
.igs-nav a.igs-nav-link svg{flex:none;width:18px;height:18px;color:var(--brand-fg)}
.igs-nav-sub{font:500 11px var(--f-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);padding:10px 12px 4px}
.igs-nav button{font:500 14px var(--f-body);color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:7px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px}
.igs-nav button:hover{background:var(--surface-2)}
.igs-nav-tema{margin-top:12px}
.igs-nav-menu{display:none!important}
.igs-nav :focus-visible{outline:2px solid var(--focus);outline-offset:2px}
@media (min-width:768px){ body.igs-con-nav{padding-left:var(--igs-nav-w)!important} }
@media (max-width:767px){
  .igs-nav{position:static;width:auto;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
  .igs-nav-logo{width:150px;margin:0 auto 0 0;padding:5px 8px}
  .igs-nav-menu{display:flex!important}
  .igs-nav-tema{margin-top:4px;display:none!important}
  .igs-nav ul,.igs-nav .igs-nav-sub{display:none;flex-basis:100%}
  .igs-nav.abierto ul{display:flex}
  .igs-nav.abierto .igs-nav-tema{display:flex!important}
}
@media print{.igs-nav{display:none}body.igs-con-nav{padding-left:0!important}}