/* ICore — UCIM EI/EX Skeleton (shared front-end contract)
 * USE/UIX adoption: every ICore subdomain imports this shell so 19 surfaces
 * feel like one place. EI = what an entity presents; EX = how it feels over
 * time. "Entity" = human-first, entity-generic. Zero dependencies, vendored.
 * Progressive disclosure: Human (minimal/guided) vs Professional (inspector). */
:root{
  --bg:#0a0a0f; --panel:#12121a; --card:#1a1a25; --line:#2a2a3a;
  --fg:#e0e0e8; --dim:#8888a0; --acc:#00d4aa; --acc2:#0096ff;
  --warn:#ffc800; --bad:#ff5050; --ok:#00d4aa;
  --mono:'SF Mono','Cascadia Code','Fira Code',Consolas,monospace;
  --sans:-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--fg);font-family:var(--sans);line-height:1.6;min-height:100vh}
.ei-shell{max-width:980px;margin:0 auto;padding:1.2rem 1rem 4rem}
.ei-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:.8rem 0;border-bottom:1px solid var(--line);margin-bottom:1rem}
.ei-brand{font-weight:700;letter-spacing:.02em;font-size:1.05rem}
.ei-brand .acc{color:var(--acc)}
.ei-mode{display:flex;gap:.4rem;align-items:center;font-size:.78rem;color:var(--dim)}
.ei-mode button{background:var(--panel);border:1px solid var(--line);color:var(--fg);padding:.3rem .8rem;border-radius:6px;cursor:pointer;font:inherit;font-size:.75rem}
.ei-mode button.on{border-color:var(--acc);color:var(--acc)}
.ei-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;margin-bottom:1.2rem}
.ei-nav button{background:var(--card);border:1px solid var(--line);color:var(--fg);padding:.7rem .5rem;border-radius:8px;cursor:pointer;font:inherit;font-size:.8rem;text-align:left;transition:border-color .15s}
.ei-nav button:hover{border-color:var(--acc)}
.ei-nav button.active{border-color:var(--acc);color:var(--acc)}
.ei-nav .ico{display:block;font-size:1.1rem;margin-bottom:.2rem}
.ei-section{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.2rem;display:none}
.ei-section.active{display:block}
.ei-section h2{font-size:1rem;color:var(--acc);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.08em}
.ei-section p{color:var(--dim);font-size:.85rem;margin-bottom:.6rem}
.ei-input{width:100%;background:#0d0d16;border:1px solid var(--line);border-radius:8px;color:var(--fg);padding:.8rem 1rem;font:inherit;font-size:.9rem;resize:vertical}
.ei-input:focus{outline:none;border-color:var(--acc)}
.ei-cta{background:var(--acc);border:none;border-radius:8px;color:#0a0a0f;font:inherit;font-weight:600;padding:.7rem 1.1rem;cursor:pointer;margin-top:.7rem}
.ei-cta:hover{filter:brightness(1.08)}
.ei-cta.warn{background:var(--warn);color:#0a0a0f}
.ei-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.ei-meta{font-family:var(--mono);font-size:.72rem;color:var(--dim);word-break:break-all}
.ei-badge{display:inline-block;font-size:.7rem;font-family:var(--mono);padding:.15rem .5rem;border-radius:12px;border:1px solid var(--line);color:var(--dim)}
.ei-badge.acc{border-color:var(--acc);color:var(--acc)}
/* Professional-only surfaces */
.ei-pro{display:none}
body.ei-professional .ei-pro{display:block}
.ei-pro .ei-section{background:rgba(0,212,170,.03)}
.ei-log{background:#0d0d16;border:1px solid var(--line);border-radius:8px;padding:.8rem;font-family:var(--mono);font-size:.72rem;color:var(--dim);max-height:220px;overflow:auto;white-space:pre-wrap}
.ei-hint{font-size:.72rem;color:var(--dim);margin-top:.5rem;font-style:italic}
