/* DIDACUS CLUB · Estilos del panel de negocios (se suman a club.css) */
body.panel::before{opacity:.5}
.marco{width:min(1080px,100% - 32px);margin-inline:auto;padding:20px 0 70px}
.entrada{width:min(400px,100% - 32px);margin:12vh auto 0}
.entrada h1{font-size:32px;font-weight:800;text-align:center}
.entrada p{text-align:center}
.entrada .btn{margin-top:20px}

.barra{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.barra h1{font-size:24px;font-weight:800;flex:1;min-width:180px}
.barra select{min-height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel);max-width:220px}
.pestanas{display:flex;gap:4px;padding:5px;border-radius:999px;background:var(--panel);border:1px solid var(--line);overflow-x:auto;margin-bottom:20px;width:fit-content;max-width:100%}
.pestanas button{border:0;background:none;cursor:pointer;padding:9px 16px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--muted);white-space:nowrap}
.pestanas button[aria-current="true"]{background:var(--acento);color:var(--sobre)}

.cifras{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.cifra{padding:16px 18px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line)}
.cifra b{display:block;font:800 32px/1.1 var(--f-display)}
.cifra span{color:var(--muted);font-size:13.5px}

.herramientas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.herramientas input{flex:1;min-width:200px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel)}
.tabla{width:100%;overflow-x:auto;border-radius:var(--r);border:1px solid var(--line);background:var(--panel)}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:700}
tr:last-child td{border-bottom:0}
td .muted{font-size:13px}
td.acc{display:flex;gap:6px}
.mini{border:1px solid var(--line-2);background:var(--panel-2);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer}
.mini.fuerte{background:var(--acento);color:var(--sobre);border-color:transparent}
.mini[disabled]{opacity:.5;pointer-events:none}

fieldset{border:1px solid var(--line);border-radius:var(--r);background:var(--panel);padding:8px 18px 20px;margin:0 0 16px}
legend{font:700 18px/1 var(--f-display);padding:0 8px}
fieldset .nota{color:var(--muted);font-size:13.5px;margin:10px 4px 0}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:0 14px}
.campo input[type=color]{padding:6px;height:54px}
.panel .campo input,.panel .campo textarea,.panel .campo select{background:var(--ink)}
.guardar{position:sticky;bottom:14px;z-index:5;display:flex;justify-content:flex-end}
.guardar .btn{width:auto;min-width:220px;box-shadow:0 18px 40px -12px #000}
.sug{padding:14px 16px;border-bottom:1px solid var(--line)}
.sug:last-child{border-bottom:0}
code{font-size:12.5px;word-break:break-all;white-space:normal;color:#cfd2d9}
.estado{font-size:12px;padding:3px 9px;border-radius:999px;border:1px solid var(--line-2)}
.estado.si{color:#7fdc9c;border-color:#2f6b45}
.estado.no{color:#ff8f88;border-color:#7a3531}