:root{ --bg:#f6f8fb; --card:#fff; --ink:#111827; --muted:#6b7280; --brand:#0ea5e9; --border:#e5e7eb; }
[v-cloak]{display:none}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;font-size:11px}
.wrap{max-width:960px;margin:10px auto 28px;padding:0 8px}

.toolbar{position:sticky;top:0;z-index:50;background:rgba(246,248,251,.92);backdrop-filter:blur(6px);
  display:flex;gap:8px;justify-content:flex-end;padding:8px;border-bottom:1px solid var(--border)}
.btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:pointer}
.btn.brand{background:linear-gradient(180deg,#38bdf8,#0ea5e9);color:#fff;border-color:#0ea5e9}
.btn:active{transform:translateY(1px)}

.grid{display:grid;gap:10px}
.two{grid-template-columns:1.2fr 1fr}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:12px}
.between{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.flex{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.brand{color:var(--brand);font-weight:800;letter-spacing:.4px}
.muted{color:var(--muted)}
.logo{width:90px;height:90px;border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#fff}
.logo img{max-width:100%;max-height:100%;display:block}
.logo[title]{cursor:copy}
.logo.drop-hover{outline:2px dashed var(--border); outline-offset:2px}

.grid.two-eq{grid-template-columns:1fr 1fr;gap:6px}
.grid.client-emitter{grid-template-columns:1fr 1fr;gap:6px}

h1,h2,h3{margin:0}
h2.editable{outline:none}
.field label, label{display:block;font-size:10px;color:var(--muted);margin-bottom:2px}
input[type="text"], input[type="number"], input[type="date"], select, textarea{
  width:100%;border:1px solid var(--border);border-radius:8px;padding:6px 8px;background:#fff;color:var(--ink);font-size:11px
}
input[type="number"]{text-align:right}

table{width:100%;border-collapse:collapse}
th,td{border-bottom:1px dashed var(--border);padding:6px;vertical-align:top}
th{font-weight:600;color:var(--muted)}
.ta-right{text-align:right}
.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace}

@media print{
  .toolbar{display:none}
  body{background:#fff}
  .card{border:none;padding:0}
  .wrap{max-width:820px}
  input,select,textarea,button{border:none !important;padding:0 !important}
  /* Oculta cualquier elemento marcado como no imprimible */
  .no-print{display:none !important;}
}