/* app/tema-cuadra.css · Aspecto «Cuadra» (2026-09-19). OPCIONAL: solo actúa con <html data-tema="cuadra"> (Ajustes → Aspecto).
   Colores del logo (marino + oro) en plano, fondo gris frío, letra de Apple, esquinas con corte y hierros de estado.
   Volver a «Clásico» quita el atributo y este fichero deja de tener efecto. */
html[data-tema="cuadra"]{
  --bg:#eceff3; --panel:#fbfcfd; --panel2:#f1f4f8; --line:#d3d9e2; --topbar:rgba(236,239,243,.9);
  --txt:#081426; --ink:#081426; --muted:#56627a; --accent:#C9A96E; --accent2:#8a6a1f;
  --red:#b3261e; --amber:#8a6a1f; --radius:0px;
  --serif:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Helvetica,Arial,sans-serif;
  --side:#081426; --sideline:#22365a; --sidehover:#1a2d4d;
  --insh:none; --sh-sm:none; --sh-md:0 6px 18px rgba(8,20,38,.10);
  --cut:16px;
}
html[data-tema="cuadra"] *{scrollbar-color:rgba(86,98,122,.45) transparent}
html[data-tema="cuadra"] #vtitle{font-weight:700;letter-spacing:-.02em}
/* Superficies: planas, rectas y con corte en la esquina */
html[data-tema="cuadra"] .panel,html[data-tema="cuadra"] .kpi,html[data-tema="cuadra"] .inrail .card,html[data-tema="cuadra"] .inwidget,html[data-tema="cuadra"] .cq-box{
  border-radius:0;box-shadow:none;background:var(--panel);border:1px solid var(--line);
  clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%)}
html[data-tema="cuadra"] .kpi{border-top:3px solid var(--txt)}
html[data-tema="cuadra"] .kpi::after,html[data-tema="cuadra"] .eqhero::after,html[data-tema="cuadra"] .inkpi::after,html[data-tema="cuadra"] .incopilot::after{display:none}
html[data-tema="cuadra"] .card{border-radius:0;box-shadow:none}
html[data-tema="cuadra"] .card:hover{transform:none;box-shadow:none;border-color:var(--txt)}
html[data-tema="cuadra"] .inrail .card .hd b,html[data-tema="cuadra"] .inwh b{font-weight:700;font-size:14.5px}
html[data-tema="cuadra"] .inrail .card .hd a{color:var(--accent2)}
/* Botones: oro plano con texto marino, sin degradado ni brillo */
html[data-tema="cuadra"] .btn{background:var(--accent);color:#081426;border-radius:0;box-shadow:none;font-weight:700;
  clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)}
html[data-tema="cuadra"] .btn:hover{filter:none;background:#d4b066;box-shadow:none}
html[data-tema="cuadra"] .btn:active{transform:scale(.97)}
html[data-tema="cuadra"] .btn.ghost{background:transparent;color:var(--txt);border:0;box-shadow:inset 0 0 0 1px var(--txt)}
html[data-tema="cuadra"] .btn.ghost:hover{background:var(--txt);color:#fff;box-shadow:inset 0 0 0 1px var(--txt)}
html[data-tema="cuadra"] .btn.danger{background:transparent;color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}
html[data-tema="cuadra"] input,html[data-tema="cuadra"] select,html[data-tema="cuadra"] textarea{border-radius:0}
html[data-tema="cuadra"] .pill{border-radius:0}
/* El «+» vive en el Dock: fuera el botón flotante que tapaba datos */
html[data-tema="cuadra"][data-nav="dock"] #eqFabToggle,html[data-tema="cuadra"][data-nav="stage"] #eqFabToggle{display:none!important}
html[data-tema="cuadra"] #eqFabToggle{background:var(--accent);border-radius:0;box-shadow:0 6px 16px rgba(8,20,38,.22);
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
/* Barra lateral (si se usa): marino plano, sin marco dorado */
html[data-tema="cuadra"] .side-frame{border:0;border-radius:0;padding:0}
html[data-tema="cuadra"] .nav button.active,html[data-tema="cuadra"] .nav .active{border-radius:0;background:var(--bg);color:var(--txt);
  clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px))}

/* ===== Inicio «Cuadra» ===== */
.cq{max-width:1180px;margin:0 auto;padding:6px 4px 40px}
.cq h1{font:700 44px/1 -apple-system,"SF Pro Display","Helvetica Neue",sans-serif;letter-spacing:-.025em;color:var(--txt)}
.cq h1 em{font-style:normal;color:var(--accent2)}
.cq-lead{color:var(--muted);margin:10px 0 24px;font-weight:500;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cq-lead button{font:inherit;font-size:12.5px;font-weight:600;background:none;border:0;color:var(--accent2);cursor:pointer;padding:0}
.cq-row{display:grid;grid-template-columns:1.5fr 1fr;gap:22px;align-items:start}
.cq-col{display:flex;flex-direction:column;gap:22px;min-width:0}
.cq-box h2{font-size:15px;font-weight:700;padding:16px 18px 12px;display:flex;justify-content:space-between;align-items:baseline;color:var(--txt)}
.cq-box h2 small{font-size:12.5px;font-weight:500;color:var(--muted)}
.cq-box h2 a{font-size:12px;font-weight:600;color:var(--accent2);cursor:pointer}
.cq-it{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:11px 18px;border-top:1px solid var(--line);cursor:pointer;transition:background .15s}
.cq-it:hover{background:var(--panel2)}
.cq-it b{font-weight:600;color:var(--txt);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cq-it small{display:block;color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cq-it>div{min-width:0}
.cq-it .w{font-weight:700;color:var(--muted);white-space:nowrap;font-size:13px}
.cq-it.hoy .w{color:var(--accent2)}.cq-it.tarde .w{color:var(--red)}
.cq-vacio{padding:18px;border-top:1px solid var(--line);color:var(--muted)}
/* Hierros: la forma dice el tipo (no solo el color) */
.cq-h{width:26px;height:26px;border:2px solid var(--txt);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--txt);flex:none}
.cq-h.v{background:var(--accent);border-color:var(--accent);border-radius:50% 50% 0 0}
.cq-h.t{background:var(--red);border-color:var(--red);color:#fff;border-radius:50% 50% 0 0}
.cq-h.f{border-style:double;border-width:4px}
.cq-h.p{transform:rotate(45deg) scale(.82)}.cq-h.p span{transform:rotate(-45deg)}
.cq-nums{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:0 14px;border-top:3px solid var(--txt)}
.cq-nums div{padding-top:14px;cursor:pointer;min-width:0}
.cq-nums b{display:block;font:700 26px/1.1 -apple-system,"SF Pro Display",sans-serif;letter-spacing:-.02em;white-space:nowrap;color:var(--txt);font-variant-numeric:tabular-nums}
.cq-nums span{color:var(--muted);font-weight:500;font-size:13px}
.cq-asis{background:#081426;color:#e8ecf3;padding:18px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - var(--cut,16px)) 0,100% var(--cut,16px),100% 100%,0 100%)}
.cq-asis svg{width:44px;height:44px}
.cq-asis b{display:block;font-weight:700}
.cq-asis .ph{margin-top:8px;background:#0a1526;border:1px solid #2c426a;color:#9fb0cc;padding:9px 11px;font-size:13px}
.cq-asis:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html[data-tema="cuadra"] .cq .inrow .dot{border-radius:0;width:8px;height:8px;transform:rotate(45deg)}
@media (max-width:900px){.cq-row{grid-template-columns:1fr}.cq h1{font-size:31px}.cq-nums b{font-size:21px}}
@media (prefers-reduced-motion:reduce){.cq-it,html[data-tema="cuadra"] .btn{transition:none}}
/* Dock: iconos marino con trazo oro (el activo, oro con trazo marino); el asistente lleva la herradura, no el destello */
html[data-tema="cuadra"] .eqdi-ic{background:#081426!important;box-shadow:none;border-radius:13px}
html[data-tema="cuadra"] .eqdi-ic svg{stroke:#C9A96E}
html[data-tema="cuadra"] .eqdi.on .eqdi-ic{background:#C9A96E!important}
html[data-tema="cuadra"] .eqdi.on .eqdi-ic svg{stroke:#081426}
html[data-tema="cuadra"] .eqdi[data-cq="asis"] .eqdi-ic svg{display:none}
html[data-tema="cuadra"] .eqdi[data-cq="asis"] .eqdi-ic{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44' fill='none' stroke='%23c9a253' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 38V20c0-9 6-15 14-15s12 5 12 12v21'/%3E%3Cpath d='M17 38V22c0-5 3-8 7-8s6 3 6 7v17'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:58%!important;background-color:#081426!important}
html[data-tema="cuadra"] .eqdock-bar{background:rgba(251,252,253,.72);border:1px solid rgba(8,20,38,.14);box-shadow:0 10px 30px rgba(8,20,38,.18)}