
/* Big Easy Minis Version 1 Beta Tools — cleaned production pass */
:root{--bem-bg:#0f1114;--bem-panel:#171b20;--bem-panel2:#20262e;--bem-card:#15191f;--bem-text:#f5f0df;--bem-muted:#c9c0aa;--bem-accent:#f6c443;--bem-red:#c6382b;--bem-green:#6fc97b;--bem-border:#38414b;--bem-shadow:0 10px 28px rgba(0,0,0,.28)}
*{box-sizing:border-box} body.bem-data-page{margin:0;background:radial-gradient(circle at top,#20252d 0,#0f1114 40%,#0b0d10 100%);color:var(--bem-text);font-family:Arial,Helvetica,sans-serif;line-height:1.48}.bem-data-wrap{max-width:1220px;margin:0 auto;padding:24px}.bem-data-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border:1px solid var(--bem-border);background:linear-gradient(135deg,#171b20,#101317);border-radius:18px;padding:20px;margin-bottom:18px;box-shadow:var(--bem-shadow)}.bem-data-top h1{margin:0 0 7px;font-size:34px;color:var(--bem-accent);letter-spacing:.02em}.bem-data-top p{margin:0;color:var(--bem-muted);max-width:820px}.bem-build-badge{white-space:nowrap;border:1px solid var(--bem-border);background:#0c0e11;border-radius:999px;padding:8px 12px;color:var(--bem-muted);font-size:13px}.bem-data-nav{display:none}.bem-data-nav a,.bem-btn{display:inline-block;background:var(--bem-panel2);border:1px solid var(--bem-border);color:var(--bem-text);text-decoration:none;border-radius:10px;padding:10px 13px;cursor:pointer;font-weight:700}.bem-data-nav a:hover,.bem-btn:hover{border-color:var(--bem-accent);color:var(--bem-accent)}.bem-data-nav a.active{border-color:var(--bem-accent);box-shadow:0 0 0 1px rgba(246,196,67,.25) inset}.bem-search-row{display:grid;grid-template-columns:minmax(220px,1fr) 210px 140px;gap:10px;margin:18px 0}.bem-input,.bem-select{width:100%;background:#0c0e11;color:var(--bem-text);border:1px solid var(--bem-border);border-radius:10px;padding:12px;font-size:15px}.bem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.bem-card{background:var(--bem-card);border:1px solid var(--bem-border);border-radius:14px;padding:15px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.bem-card h2,.bem-card h3{margin:0 0 8px;color:var(--bem-accent)}.bem-card p{color:var(--bem-muted);margin:6px 0 10px}.bem-card a{color:var(--bem-accent);font-weight:700}.bem-tag-row{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px;align-items:center}.bem-tag{font-size:11px;background:rgba(241,180,49,.08);border:1px solid rgba(241,180,49,.18);border-radius:4px;padding:2px 7px;color:rgba(241,180,49,.6);cursor:default;user-select:none;letter-spacing:.03em;pointer-events:none}.bem-pill-red{border-color:var(--bem-red);color:#ffc4bd}.bem-pill-green{border-color:var(--bem-green);color:#caffd0}.bem-layout{display:grid;grid-template-columns:330px 1fr;gap:16px;align-items:start}.bem-list{background:var(--bem-panel);border:1px solid var(--bem-border);border-radius:14px;overflow:hidden;max-height:72vh;overflow-y:auto}.bem-list button{width:100%;text-align:left;background:transparent;color:var(--bem-text);border:0;border-bottom:1px solid var(--bem-border);padding:12px;cursor:pointer}.bem-list button:hover,.bem-list button.active{background:var(--bem-panel2)}.bem-detail{background:var(--bem-panel);border:1px solid var(--bem-border);border-radius:14px;padding:18px;min-height:320px;box-shadow:var(--bem-shadow)}.bem-detail h2{color:var(--bem-accent);margin-top:0}.bem-section{border-top:1px solid var(--bem-border);padding-top:12px;margin-top:12px}.bem-section h3{margin:0 0 8px;color:var(--bem-accent)}.bem-section ul,.bem-section ol{margin-top:6px;padding-left:22px}.bem-section li{margin:5px 0}.bem-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:16px 0}.bem-kpi div{background:var(--bem-panel);border:1px solid var(--bem-border);border-radius:12px;padding:12px}.bem-kpi strong{display:block;font-size:26px;color:var(--bem-accent)}.table-wrap{overflow:auto;border:1px solid var(--bem-border);border-radius:12px}table.bem-table{border-collapse:collapse;width:100%;min-width:760px;background:var(--bem-panel)}.bem-table th,.bem-table td{border-bottom:1px solid var(--bem-border);padding:10px;text-align:left;vertical-align:top}.bem-table th{color:var(--bem-accent);background:#0c0e11}.bem-alert{border:1px solid var(--bem-red);background:rgba(198,56,43,.12);border-radius:12px;padding:12px;margin:10px 0}.bem-good{border-color:var(--bem-green);background:rgba(111,201,123,.10)}.bem-mini{font-size:13px;color:var(--bem-muted)}.bem-open-link{display:inline-block;margin-top:8px;color:var(--bem-accent);text-decoration:none}.bem-empty{padding:20px;border:1px dashed var(--bem-border);border-radius:14px;color:var(--bem-muted)}
@media(max-width:850px){.bem-data-wrap{padding:12px}.bem-data-top{display:block;padding:16px}.bem-data-top h1{font-size:27px}.bem-build-badge{display:inline-block;margin-top:12px}.bem-search-row{grid-template-columns:1fr}.bem-layout{grid-template-columns:1fr}.bem-list{max-height:none}.bem-data-nav{position:static}.bem-data-nav a,.bem-btn{flex:1 1 auto;text-align:center}.bem-grid{grid-template-columns:1fr}}
@media print{.bem-data-nav,.bem-search-row,.bem-btn{display:none!important}body.bem-data-page{background:#fff;color:#000}.bem-detail,.bem-card{box-shadow:none;background:#fff;color:#000}.bem-card p,.bem-data-top p{color:#333}}

.bem-diagram-card img.bem-diagram-thumb{width:100%;max-height:240px;object-fit:contain;background:#0c0e11;border:1px solid var(--bem-border);border-radius:10px;padding:8px;margin:8px 0}.bem-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.bem-checklist li{margin:8px 0}.bem-status-pass{color:#caffd0}.bem-status-warn{color:#ffd34d}

/* Pass 11 polish */
.bem-list button{min-height:52px;line-height:1.35}
.bem-list button small{color:var(--bem-muted);font-size:12px}
.bem-list button.active strong{color:var(--bem-accent)}
.bem-detail a{color:var(--bem-accent)}
.bem-detail p{line-height:1.6}
.bem-section p{line-height:1.6;color:var(--bem-muted)}
.bem-section li{line-height:1.55}
.bem-kpi div{text-align:center}
.bem-kpi strong{font-size:24px;margin-bottom:2px}
.bem-kpi span{display:block;font-size:12px;color:var(--bem-muted);margin-top:2px}
.bem-tag.bem-pill-red{background:rgba(198,56,43,.15)}
.bem-tag.bem-pill-green{background:rgba(111,201,123,.12)}
.bem-open-link:hover{text-decoration:underline}
.bem-card h3{font-size:15px}
.bem-card p{font-size:14px;line-height:1.5}
.bem-data-top h1{font-size:30px}
@media(max-width:600px){
  .bem-data-top h1{font-size:22px}
  .bem-kpi strong{font-size:20px}
  .bem-detail{padding:12px}
  .bem-list button{padding:10px}
  .bem-data-nav a,.bem-btn{padding:8px 10px;font-size:13px}
  .bem-search-row{gap:8px}
  table.bem-table{font-size:13px}
  .bem-table th,.bem-table td{padding:7px}
}

/* Dark mode overrides for content boxes */
.ea-section,.ea-phase,.ea-tip,.ea-alert{background:#1a1f26!important;color:#e8dfc8!important;border-left-color:rgba(241,180,49,.5)!important}
.ea-table{background:#111418!important;color:#e8dfc8!important;border-color:rgba(255,255,255,.1)!important}
.ea-table th{background:#1e2430!important;color:#f1b431!important;border-color:rgba(255,255,255,.1)!important}
.ea-table td{border-color:rgba(255,255,255,.08)!important;color:#e0d5be!important}
.ea-table tr:nth-child(even) td{background:rgba(255,255,255,.03)!important}
.bem-section p,.bem-section li,.bem-section td{color:#c8bfaa!important}
.bem-section h3{color:#f1b431!important}
.bem-detail{color:#e8dfc8}

.bem-tag-row::before{content:"Topics: ";font-size:11px;color:rgba(241,180,49,.35);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-right:2px;align-self:center}

/* Hide nav scrollbar on webkit */
nav div::-webkit-scrollbar { display: none; }
