[hidden] { display: none !important; }

/* Console 0.3: navegación y estadísticas inspiradas en herramientas líderes. */
:root{--navy:#241c71;--blue:#4a39cb;--cyan:#7568ef;--ink:#24204f;--muted:#77758e;--line:#e3e0ee;--bg:#faf9fd;--orange:#ffe20b;--shadow:0 14px 38px rgba(54,41,135,.10)}
.app{grid-template-columns:260px 1fr}
.sidebar{background:#fff;color:var(--ink);padding:24px 14px;border-right:1px solid var(--line)}
.brand strong{font-size:18px;color:#33258e}.brand small{color:#85809f}
.sidebar nav{gap:4px}.sidebar nav button{color:#4f4c68;padding:11px 12px;display:flex;gap:12px;align-items:center}
.sidebar nav button span{font-size:20px;width:22px;color:#7568ef;text-align:center}
.sidebar nav button:hover,.sidebar nav button.active{background:#f0edff;color:#392aa5}
.sidebar nav button.active{box-shadow:inset 4px 0 #ffe000}
.nav-label{color:#aaa6b9;font-size:10px;letter-spacing:.12em;font-weight:800;padding:18px 12px 6px}
.sidebar-foot{color:#716e86}.sidebar-foot .link{color:#392aa5}
.stats-tabs{display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--line);margin-bottom:24px}
.stats-tabs>button{border:0;background:none;padding:13px 16px;color:var(--muted);cursor:pointer}
.stats-tabs>button.active{color:#392aa5;border-bottom:3px solid #ffe000;font-weight:800}
.stats-controls{margin-left:auto;display:flex;align-items:center;gap:10px;padding-bottom:8px}
.stats-controls select{width:auto;min-width:165px;padding:8px 10px}
.device-filter{display:flex;background:#efedf6;border-radius:8px;padding:3px}
.device-filter button{border:0;background:none;padding:7px 10px;border-radius:6px;color:var(--muted);cursor:pointer}
.device-filter button.active{background:#4a39cb;color:#fff}
.gauges{grid-template-columns:repeat(3,1fr)}
.gauge-card{background:#fff;border:1px solid var(--line);border-radius:4px;padding:24px;text-align:center;box-shadow:0 5px 16px rgba(47,36,115,.05)}
.gauge-card small{font-weight:800;color:var(--muted);letter-spacing:.06em}.gauge-card strong{display:block;color:#322580;font-size:30px;margin:12px 0 6px}
.gauge-card>span{display:block;color:var(--muted);font-size:12px;margin-top:8px}
.gauge{position:relative;width:156px;height:78px;margin:6px auto 0;overflow:hidden}
.gauge:before{content:"";position:absolute;inset:0 0 auto;height:156px;border-radius:50%;background:conic-gradient(from 270deg,#ffe20b 0 55deg,#dad8e8 55deg 125deg,#4a39cb 125deg 180deg,transparent 180deg)}
.gauge:after{content:"";position:absolute;left:29px;top:29px;width:98px;height:98px;border-radius:50%;background:#fff}
.gauge i{position:absolute;z-index:2;left:76px;bottom:-2px;width:4px;height:65px;background:#24204f;transform-origin:50% 100%;transform:rotate(calc(-90deg + var(--gauge)));border-radius:4px}
.stats-secondary{margin-top:18px}
@media(max-width:900px){.gauges{grid-template-columns:1fr}.stats-tabs{align-items:stretch;flex-wrap:wrap}.stats-controls{width:100%;margin-left:0}.stats-controls select{flex:1}}
.store-switcher{display:flex;align-items:center;gap:10px}.store-switcher label{margin:0;color:#4a39cb;font-size:12px}.store-switcher select{min-width:260px;border-color:#7568ef;padding:9px 36px 9px 12px;font-weight:700}
.stores-panel{margin-top:18px}.store-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.store-row:last-child{border:0}.store-row small{display:block;color:var(--muted);margin-top:5px}.badge.pending{background:#fff5ce;color:#806400}
@media(max-width:760px){.store-switcher{flex:1}.store-switcher select{min-width:0}.store-switcher label{display:none}}
.config-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow:auto}.config-tabs button{border:0;background:none;padding:13px 20px;color:var(--muted);white-space:nowrap;cursor:pointer}.config-tabs button.active{color:#2f2490;font-weight:800;border-bottom:3px solid #5d4ee5}.config-pane{display:none}.config-pane.active{display:block}.form-grid label small{color:var(--muted);font-weight:400}.toggle-row{display:flex;grid-template-columns:1fr auto;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line)}.toggle-row span{display:grid;gap:5px}.toggle-row input{width:48px;height:25px;accent-color:#4a39cb}.form-actions{display:flex;justify-content:flex-end}.form-actions .button{width:auto;min-width:170px}.integration-status{display:flex;align-items:center;gap:12px;padding:16px;background:#f7f6fc;border-radius:10px;margin-bottom:18px}.integration-status small{display:block;color:var(--muted);margin-top:4px}.download-link{display:inline-block;text-decoration:none}.stores-config{margin-top:20px}
.search-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 2px;color:var(--muted);font-size:13px}.search-summary b{color:var(--ink)}.ranking-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px}.ranking-table{width:100%;border-collapse:collapse;min-width:760px}.ranking-table th,.ranking-table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left}.ranking-table th{font-size:12px;color:var(--muted)}.ranking-table th:nth-child(n+3),.ranking-table td:nth-child(n+3){text-align:center}.ranking-table td:nth-child(2){display:flex;align-items:center;gap:14px}.ranking-table td img{width:58px;height:58px;object-fit:contain;border-radius:8px;background:#f7f6fc}.ranking-table td small{display:block;color:var(--muted);margin-top:5px}.ranking-table td strong{color:#493bc0}.rank-expand{width:29px;height:29px;border:0;background:#f0edff;color:#493bc0;border-radius:50%;font-size:20px;cursor:pointer}.rank-detail{display:none;background:#faf9fd;color:var(--muted);font-size:12px}.rank-detail.open{display:table-row}
.sidebar nav{overflow-y:auto;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-thumb{background:#d7d2ed;border-radius:9px}.tool-form{padding:18px 0}.tool-empty{display:grid;place-items:center;gap:8px;padding:55px;color:var(--muted);text-align:center}.tool-empty div{font-size:42px;color:#b8b3cf}.icon-action{border:0;background:#fff0f2;color:#bd3144;border-radius:7px;padding:7px 10px;cursor:pointer}.synonym-list{display:grid;gap:10px;margin-top:20px}.synonym-row{display:grid;grid-template-columns:180px 1fr 35px;gap:12px;align-items:center;background:#f5f3ff;padding:13px 16px;border-radius:10px}.synonym-row span{color:var(--muted)}.synonym-row button{border:0;background:none;font-size:20px;color:#bd3144;cursor:pointer}.info-box{display:inline-block;background:#f1efff;border:1px solid #ccc5ff;color:#4439a0;border-radius:7px;padding:12px 16px;margin-bottom:18px}.tool-actions{display:flex;justify-content:flex-end;gap:10px}.tool-actions .button{width:auto}.layer-list{display:grid;gap:14px}.layer-card{display:flex;align-items:center;justify-content:space-between}.layer-card.active{border-color:#5d4ee5}.layer-card>div{display:flex;align-items:center;gap:14px}.layer-card strong,.layer-card small{display:block}.layer-card small{color:var(--muted);margin-top:4px}.layer-state{font-size:22px;color:#55b64b}.layer-card .button{width:auto}.inline-create{display:flex;gap:10px;margin-top:18px}.inline-create .button,.inline-create select{width:auto}.table td small{display:block;color:var(--muted);margin-top:4px}@media(max-width:760px){.layer-card,.layer-card>div,.inline-create{align-items:stretch;flex-direction:column}.synonym-row{grid-template-columns:1fr}.tool-actions{flex-direction:column}}