/* Total Engineering · Engineering Lab V51: paleta en acordeón, buscador, espacio publicitario y
   tema claro (predeterminado). El tema oscuro original sigue en el <style> de simulator.html. */

/* ---------- acordeón y buscador (ambos temas) ---------- */
.palette-head{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.palette-head h3{margin:4px 0 0}
.palette-head input{width:100%;padding:9px 11px;border-radius:10px;border:1px solid #25465e;background:#07131f;color:#dceaf5;font-size:13px}
.palette-empty{font-size:12px;color:#8fa4ba;margin:4px 2px 10px}
.pgroup{margin-bottom:8px;border-radius:12px;border:1px solid #17324a;overflow:hidden}
.pgroup-head{width:100%;display:flex;align-items:center;gap:8px;padding:9px 10px;border:0;background:transparent;color:#cfe1ef;font-weight:700;font-size:12.5px;cursor:pointer;text-align:left}
.pgroup-head:hover{background:#0c2031}
.pg-ico{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:7px;background:var(--gc);color:#fff;font-size:12px;font-weight:900}
.pg-name{flex:1 1 auto;min-width:0}
.pg-count{font:11px ui-monospace,Consolas,monospace;padding:1px 7px;border-radius:999px;background:#0e2c3f;color:#9bece2}
.pg-chev{transition:transform .18s}
.pgroup.collapsed:not(.searching) .pg-chev{transform:rotate(-90deg)}
.pgroup.collapsed:not(.searching)>.chip-grid{display:none}
.pgroup>.chip-grid{padding:2px 8px 9px}
.pgroup .chip{border-left:3px solid var(--gc)}
.chip[hidden],.pgroup[hidden]{display:none}
.lib-btn{width:100%;margin-top:6px}
.theme-toggle{min-width:38px;font-size:15px!important}

/* ---------- espacio publicitario reservado (vacío = invisible) ---------- */
.ad-slot{display:none;margin:28px 0 8px;padding:10px;border-radius:12px;border:1px dashed #2a4a63;min-height:0}
.ad-slot:has(ins,iframe,.ad-live){display:block}
.ad-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7e93a6;margin-bottom:6px}

/* ---------- tema claro ---------- */
html[data-theme="light"]{--ink:#1f2933;--muted:#5f6b7a;--bg:#faf6ef;--panel:#ffffff;--panel2:#fff8f0;--line:#eadfce;--cyan:#0f9d8a;--blue:#2f80ed;--amber:#d97706;--red:#dc3545;--green:#16a34a;--shadow:0 14px 34px #8a6a4022;color-scheme:light}
html[data-theme="light"] body{background:#faf6ef;color:#1f2933}
html[data-theme="light"] .lab{background:radial-gradient(circle at 12% 0,#fff1e6 0,transparent 38%),linear-gradient(180deg,#fdfaf5,#f7f1e7)}
html[data-theme="light"] .topbar{background:#fffdf9ee;border-bottom:1px solid #eadfce;box-shadow:0 2px 12px #8a6a4012}
html[data-theme="light"] .brand,html[data-theme="light"] .lab .brand{color:#1f2933}
html[data-theme="light"] .brand-mark{background:linear-gradient(135deg,#e84b28,#f59e0b);color:#fff}
html[data-theme="light"] .brand small{color:#9a6b4f}
html[data-theme="light"] .workspace{background:#fff;border-color:#eadfce;color:#5f6b7a}
html[data-theme="light"] .btn{background:#fff;border-color:#e3d6c3;color:#2b3440}
html[data-theme="light"] .btn:hover{background:#fff3ea;border-color:#f0b9a5}
html[data-theme="light"] .btn.primary{background:linear-gradient(135deg,#e84b28,#f2753f);color:#fff;border:0}
html[data-theme="light"] .btn.back{color:#b23a1d}
html[data-theme="light"] .top-actions .action-divider{background:#eadfce}
html[data-theme="light"] .palette,html[data-theme="light"] .inspector{background:#fffcf7;border-color:#eadfce;scrollbar-color:#e0cdb4 #fffcf7}
html[data-theme="light"] .palette h3,html[data-theme="light"] .inspector h3{color:#9a6b4f}
html[data-theme="light"] .palette-head input{background:#fff;border-color:#e3d6c3;color:#1f2933}
html[data-theme="light"] .palette-head input:focus{outline:2px solid #f6b39c;border-color:#e84b28}
html[data-theme="light"] .pgroup{border-color:#efe3d2;background:#fff}
html[data-theme="light"] .pgroup-head{color:#2b3440}
html[data-theme="light"] .pgroup-head:hover{background:#fff6ee}
html[data-theme="light"] .pg-count{background:#fdeee6;color:#b23a1d}
html[data-theme="light"] .chip{background:#fffaf4;border-color:#efe3d2;color:#2b3440}
html[data-theme="light"] .chip:hover{background:#fff1e8;border-color:#f3b8a3}
html[data-theme="light"] .chip span{color:#7a8594}
html[data-theme="light"] .palette-empty{color:#7a8594}
html[data-theme="light"] .center{background:#fffdf8}
html[data-theme="light"] .workspace-toolbar{background:#fff9f2;border-bottom-color:#eadfce}
html[data-theme="light"] .mode{background:#fff;border-color:#e3d6c3;color:#2b3440}
html[data-theme="light"] .mode.active{background:#fdeee6;border-color:#e84b28;color:#b23a1d}
html[data-theme="light"] .status{color:#6b7684}
html[data-theme="light"] .canvas-wrap{background:#fffdf8}
html[data-theme="light"] .canvas-wrap:before{background:radial-gradient(circle at 50% 30%,#fff3e866,transparent 50%)}
html[data-theme="light"] .canvas-help,html[data-theme="light"] .zoom-hud{background:#ffffffe6;border-color:#eadfce;color:#6b5a4c}
html[data-theme="light"] .zoom-hud{color:#b23a1d}
html[data-theme="light"] .toast{background:#1f2933;color:#fff;border-color:#1f2933}
html[data-theme="light"] .scope-wrap{background:#fffdf8;border-top-color:#eadfce}
html[data-theme="light"] .scope-info{border-left-color:#eadfce;color:#3d4652}
html[data-theme="light"] .scope-info b{color:#b23a1d}
html[data-theme="light"] .card{background:#fff;border-color:#efe3d2;box-shadow:0 6px 16px #8a6a4012}
html[data-theme="light"] .card-title{color:#1f2933}
html[data-theme="light"] .metric,html[data-theme="light"] .meter{background:#f5fbf8;border-color:#cfe9df;color:#0f7a5f}
html[data-theme="light"] .hint{color:#5f6b7a}
html[data-theme="light"] .inspector label{color:#4b5563}
html[data-theme="light"] .inspector input,html[data-theme="light"] .inspector select{background:#fff;border-color:#e3d6c3;color:#1f2933}
html[data-theme="light"] .inspector button{background:#fff;border-color:#e3d6c3;color:#2b3440}
html[data-theme="light"] .inspector button:hover{background:#fff3ea;border-color:#f0b9a5}
html[data-theme="light"] .tag{background:#fdeee6;border-color:#f6c8b6;color:#b23a1d}
html[data-theme="light"] .bridge-badge{background:#e9f8f4;border-color:#9fdcca;color:#0f7a5f}
html[data-theme="light"] .bridge-badge b{color:#0b5e49}
html[data-theme="light"] .separator{background:#eadfce}
html[data-theme="light"] .modal{background:#2b201866}
html[data-theme="light"] .dialog{background:#fffdf9;border-color:#eadfce;color:#1f2933}
html[data-theme="light"] .dialog textarea,html[data-theme="light"] .dialog select,html[data-theme="light"] .dialog input{background:#fff!important;color:#1f2933!important;border-color:#e3d6c3!important}
html[data-theme="light"] .dialog label{color:#4b5563!important}
html[data-theme="light"] .library button{background:#fffaf4;border-color:#efe3d2;color:#2b3440}
html[data-theme="light"] #validationTable{color:#1f2933}
html[data-theme="light"] .ad-slot{border-color:#e3d6c3;background:#fffaf4}
html[data-theme="light"] .ad-label{color:#9a8a7a}
@media(max-width:760px){html[data-theme="light"] .topbar{background:#fffdf9}}
.lab section.pgroup{padding:0;max-width:none;width:auto;margin:0 0 8px}
.lab .pgroup-head{margin:0;box-shadow:none;min-height:0;border-radius:0}
.lab .pgroup-head{white-space:normal;font-size:12px;line-height:1.2}
.pg-name{overflow-wrap:anywhere}
@media(min-width:761px){.pg-count{display:none}.pg-name{overflow-wrap:normal}}
/* ---------- V53: ejemplos, nota de ejemplo, compartir y guardados ---------- */
.ex-btn{border-color:#e84b28!important;color:#ff9a7e}
html[data-theme="light"] .ex-btn{color:#b23a1d;background:#fff3ea}
.ex-note{position:absolute;left:14px;top:48px;z-index:6;max-width:min(380px,calc(100% - 28px));padding:10px 34px 10px 12px;border-radius:12px;background:#0b1e2ef2;border:1px solid #2a7770;color:#cfe1ef;font-size:12.5px;line-height:1.45;box-shadow:0 10px 24px #0005}
.ex-note[hidden]{display:none}
.ex-note-title{display:block;color:#88f2e3;margin-bottom:3px}
.ex-note-close{position:absolute;right:6px;top:6px;border:0;background:transparent;color:inherit;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:6px}
html[data-theme="light"] .ex-note{background:#fffdf9f5;border-color:#f3c3b1;color:#3d4652;box-shadow:0 10px 24px #8a6a4024}
html[data-theme="light"] .ex-note-title{color:#b23a1d}
.ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:12px 0}
.ex-card{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:3px;text-align:left;padding:12px;border-radius:14px;border:1px solid #21465f;background:#0c2133;color:#dce9f3;cursor:pointer}
.ex-card:hover{border-color:var(--ec)}
.ex-ico{grid-row:1/3;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--ec);color:#fff;font-weight:900;font-size:18px}
.ex-card b{font-size:14px}
.ex-card span:not(.ex-ico){font-size:12px;color:#8fa4ba;line-height:1.35}
html[data-theme="light"] .ex-card{background:#fff;border-color:#efe3d2;color:#1f2933;box-shadow:0 4px 12px #8a6a4012}
html[data-theme="light"] .ex-card span:not(.ex-ico){color:#5f6b7a}
.share-dialog{width:min(640px,96vw)}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.share-row input{flex:1 1 220px;min-width:0;padding:10px;border-radius:10px;border:1px solid #25465e;background:#07131f;color:#dceaf5;font:12px ui-monospace,Consolas,monospace}
.share-row .btn{flex:0 0 auto}
#shareInfo .warn{color:#d97706}
.saved-list{list-style:none;margin:8px 0;padding:0;display:grid;gap:8px}
.saved-list li{display:flex;align-items:center;gap:8px;padding:10px;border-radius:12px;border:1px solid #21465f;flex-wrap:wrap}
.saved-list li>div{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.saved-list li span{font-size:12px;color:#8fa4ba}
.saved-list li.empty{color:#8fa4ba;font-size:13px;justify-content:center}
html[data-theme="light"] .saved-list li{border-color:#efe3d2;background:#fff}
html[data-theme="light"] .saved-list li span,html[data-theme="light"] .saved-list li.empty{color:#6b7684}
@media(max-width:760px){.ex-note{top:12px}.ex-grid{grid-template-columns:1fr}}