/* SIGUE360 V6.9.52 — Apariencia personal: tipografía, modo claro coherente y editor de colores. */

/* ── Tipografía personal (no aplica a documentos para el cliente) ── */
html body{font-family:var(--ui-font-family,Inter,system-ui,-apple-system,"Segoe UI",sans-serif)}
.app button,.app input,.app select,.app textarea,.v6952Overlay button,.v6952Overlay input{font-family:inherit}
.reportPreview,.v650ClientView,.v651Theme{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}

/* ── Modo claro: superficies que el CSS heredado dejó oscuras pasan a las variables del tema ── */
.v6952LtSurface:not(#v6952a):not(#v6952b):not(#v6952c){background:var(--ui-panel)!important;background-image:none!important;color:var(--ui-text)!important;border-color:rgba(15,23,42,.13)!important;box-shadow:0 1px 2px rgba(15,23,42,.06)!important}
.v6952LtSurface2:not(#v6952a):not(#v6952b):not(#v6952c){background:var(--ui-panel-2)!important;background-image:none!important;color:var(--ui-text)!important;border-color:rgba(15,23,42,.12)!important;box-shadow:none!important}
.v6952LtInk:not(#v6952a):not(#v6952b):not(#v6952c){color:var(--ui-text)!important;-webkit-text-fill-color:currentColor}
.v6952LtMuted:not(#v6952a):not(#v6952b):not(#v6952c){color:var(--ui-muted)!important;-webkit-text-fill-color:currentColor}
.v6952LtSurface:not(#v6952a):not(#v6952b):not(#v6952c) input,.v6952LtSurface:not(#v6952a):not(#v6952b):not(#v6952c) select,.v6952LtSurface:not(#v6952a):not(#v6952b):not(#v6952c) textarea,.v6952LtSurface2:not(#v6952a):not(#v6952b):not(#v6952c) input,.v6952LtSurface2:not(#v6952a):not(#v6952b):not(#v6952c) select,.v6952LtSurface2:not(#v6952a):not(#v6952b):not(#v6952c) textarea{color:var(--ui-text)}

.v6952LtAccent:not(#v6952a):not(#v6952b):not(#v6952c){background:var(--ui-accent)!important;background-image:none!important;color:#fff!important;border-color:var(--ui-accent)!important}
.v6952LtAccent:not(#v6952a):not(#v6952b):not(#v6952c) *{color:#fff!important}
/* Base clara: textos y encabezados genéricos con color de tema y contraste suficiente */
.app.ui-light{--muted:var(--ui-muted)}
.app.ui-light .card,.app.ui-light .panel{color:var(--ui-text)}
.app.ui-light h1,.app.ui-light h2,.app.ui-light h3,.app.ui-light h4,.app.ui-light .sectionTitle h3,.app.ui-light .appearanceBlock h4{color:var(--ui-text)}
.app.ui-light .note,.app.ui-light small,.app.ui-light .sectionTitle span{color:var(--ui-muted)}
.app.ui-light input,.app.ui-light select,.app.ui-light textarea{background-color:var(--ui-input);color:var(--ui-text);border-color:rgba(15,23,42,.22)}
.app.ui-light input::placeholder,.app.ui-light textarea::placeholder{color:var(--ui-muted);opacity:.85}
.app.ui-light table th{color:var(--ui-muted)}
.app.ui-light table td{color:var(--ui-text)}
.app.ui-light .appearanceOption{background:var(--ui-panel-2);color:var(--ui-text);border-color:rgba(15,23,42,.14)}
.app.ui-light .appearanceOption.active{background:var(--ui-panel);border-color:var(--ui-accent);color:var(--ui-text);box-shadow:0 0 0 2px var(--ui-accent-rgba)}
.app.ui-light .btn.primary{color:#fff}

/* Configuración: tarjeta de vista previa con importes completos */
.appearancePreview .previewCard b{font-size:clamp(11px,1.05vw,15px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#v6952AppearanceTools .btn{width:100%;justify-content:center;font-size:12px;padding:10px 12px}
.v6952MoneyChoice{flex-wrap:wrap}

/* Impresión: nunca colores personales (las reglas de cada documento definen su identidad) */
@media print{
  .v6952LtSurface:not(#v6952a):not(#v6952b):not(#v6952c),.v6952LtSurface2:not(#v6952a):not(#v6952b):not(#v6952c){box-shadow:none!important}
  html body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
  .v6952Overlay{display:none!important}
}

/* ── Editor «Personalizar colores y tipografía» (paleta propia, independiente de la elegida) ── */
.v6952Overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(3,10,20,.62);display:flex;align-items:center;justify-content:center;padding:16px;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#0F1B2D}
.v6952Modal{width:min(1180px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#F7F9FC;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden}
.v6952Head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;background:#fff;border-bottom:1px solid #E1E7EF}
.v6952Head small{color:#4A5B70;font-size:12px}.v6952Head h2{margin:2px 0 0;font-size:22px;color:#0B2D5B}
.v6952X{border:0;background:#EEF2F7;color:#0F1B2D;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer}
.v6952Body{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:18px;padding:16px 22px;overflow:auto}
.v6952Body h3{margin:0 0 8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#334155}
.v6952Body section{margin-bottom:16px}
.v6952Presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v6952Preset{display:flex;align-items:center;gap:8px;border:1px solid #D5DDE8;background:#fff;border-radius:10px;padding:7px 8px;cursor:pointer;color:#0F1B2D;font-size:12px;font-weight:600;text-align:left}
.v6952Preset:hover{border-color:#0077CC}
.v6952Preset i{flex:0 0 46px;height:30px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(0,0,0,.12)}
.v6952Preset i b{width:9px;height:16px;border-radius:3px}
.v6952Colors{display:grid;grid-template-columns:1fr;gap:6px}
.v6952Color{display:grid;grid-template-columns:44px 1fr 92px;gap:10px;align-items:center;background:#fff;border:1px solid #E1E7EF;border-radius:10px;padding:6px 10px;cursor:pointer}
.v6952Color input[type=color]{width:44px;height:32px;border:1px solid #C9D3E0;border-radius:8px;padding:2px;background:#fff;cursor:pointer}
.v6952Color b{display:block;font-size:13px;color:#0F1B2D}.v6952Color small{display:block;font-size:11px;color:#4A5B70}
.v6952Hex{width:100%;border:1px solid #C9D3E0;border-radius:7px;padding:6px 7px;font:600 12px ui-monospace,Consolas,monospace;color:#0F1B2D;background:#fff;text-transform:uppercase}
.v6952Fonts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.v6952Font{border:1px solid #D5DDE8;background:#fff;border-radius:10px;padding:8px 10px;text-align:left;cursor:pointer;color:#0F1B2D}
.v6952Font b{display:block;font-size:14px}.v6952Font span{font-size:12px;color:#4A5B70}
.v6952Font.active,.v6952Seg.active{border-color:#0077CC;box-shadow:0 0 0 2px rgba(0,119,204,.25)}
.v6952Size{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:#334155}
.v6952Seg{border:1px solid #D5DDE8;background:#fff;border-radius:8px;padding:6px 12px;cursor:pointer;color:#0F1B2D}
.v6952Right{display:flex;flex-direction:column;min-width:0}
.v6952Warn{margin-top:10px;border-radius:10px;padding:10px 12px;background:#E8F7EE;border:1px solid #9BD8B1;font-size:12px;color:#14532D}
.v6952Warn.bad{background:#FFF4E5;border-color:#F3B76B;color:#7A3E00}
.v6952Warn ul{margin:6px 0;padding-left:18px}.v6952Warn small{display:block;color:inherit}.v6952Warn b{display:block}
.v6952Save>div{display:flex;gap:6px}.v6952Save input{flex:1;border:1px solid #C9D3E0;border-radius:8px;padding:8px;color:#0F1B2D;background:#fff}.v6952Save input.need{border-color:#D92D20}
.v6952Save small{color:#4A5B70;font-size:11px}.v6952Save{margin-top:14px}
.v6952Overlay .btn{border:1px solid #C9D3E0;background:#fff;color:#0F1B2D;border-radius:9px;padding:9px 16px;font-weight:700;cursor:pointer;font-size:13px}
.v6952Overlay .btn.primary{background:#0077CC;border-color:#0077CC;color:#fff}
.v6952Foot{display:flex;gap:8px;align-items:center;padding:12px 22px;background:#fff;border-top:1px solid #E1E7EF}.v6952Foot span{flex:1}

/* Vista previa: usa sólo las variables --pv-* del borrador */
.v6952Mock{display:flex;border-radius:12px;overflow:hidden;background:var(--pv-bg);border:1px solid #D5DDE8;min-height:330px;color:var(--pv-text)}
.v6952Mock .pvNav{width:44px;background:var(--pv-nav);display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:14px;border-right:1px solid var(--pv-line)}
.v6952Mock .pvNav i{width:20px;height:4px;border-radius:3px;background:var(--pv-muted)}.v6952Mock .pvNav i:first-child{background:var(--pv-accent)}
.v6952Mock .pvMain{flex:1;padding:12px;min-width:0}
.v6952Mock .pvHeader{display:flex;justify-content:space-between;align-items:center;background:var(--pv-panel);border:1px solid var(--pv-line);border-radius:10px;padding:8px 12px}
.v6952Mock .pvHeader small{display:block;font-size:10px;color:var(--pv-muted);letter-spacing:.06em}.v6952Mock .pvHeader b{font-size:16px;color:var(--pv-text)}
.v6952Mock .pvPill{background:var(--pv-accent);color:var(--pv-btn-ink);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}
.v6952Mock .pvKpis{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;margin:8px 0}
.v6952Mock .pvKpi{background:var(--pv-panel);border:1px solid var(--pv-line);border-radius:10px;padding:8px 10px;min-width:0}
.v6952Mock .pvKpi small{display:block;font-size:10px;color:var(--pv-muted);text-transform:uppercase}.v6952Mock .pvKpi b{display:block;font-size:17px;color:var(--pv-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v6952Mock .pvKpi span{font-size:11px;color:var(--pv-accent)}
.v6952Mock .pvTable{width:100%;border-collapse:collapse;background:var(--pv-panel);border-radius:10px;overflow:hidden;font-size:12px}
.v6952Mock .pvTable th{text-align:left;font-size:10px;color:var(--pv-muted);padding:6px 8px;border-bottom:1px solid var(--pv-line);text-transform:uppercase}
.v6952Mock .pvTable td{padding:6px 8px;color:var(--pv-text);border-bottom:1px solid var(--pv-line)}.v6952Mock .pvTable td:last-child,.v6952Mock .pvTable th:last-child{text-align:right}
.v6952Mock .pvField{display:block;margin-top:8px;font-size:11px;color:var(--pv-muted)}
.v6952Mock .pvField input{display:block;width:100%;box-sizing:border-box;margin-top:3px;background:var(--pv-input);color:var(--pv-text);border:1px solid var(--pv-line);border-radius:8px;padding:7px 9px}
.v6952Mock .pvMuted{margin:8px 0;font-size:12px;color:var(--pv-muted)}
.v6952Mock .pvBtns{display:flex;gap:6px}
.v6952Mock .pvPrimary{background:var(--pv-accent);color:var(--pv-btn-ink);border:0;border-radius:8px;padding:8px 12px;font-weight:700}
.v6952Mock .pvGhost{background:transparent;color:var(--pv-text);border:1px solid var(--pv-line);border-radius:8px;padding:8px 12px}

@media (max-width:820px){.v6952Body{grid-template-columns:1fr}.v6952Presets{grid-template-columns:repeat(2,minmax(0,1fr))}.v6952Color{grid-template-columns:40px 1fr 84px}}

/* El editor no hereda los estilos globales de campos y botones de la aplicación */
#v6952Overlay input.v6952Hex,#v6952Overlay #v6952ProfileName{background:#fff!important;color:#0F1B2D!important;border:1px solid #C9D3E0!important;-webkit-text-fill-color:#0F1B2D}
#v6952Overlay #v6952ProfileName::placeholder{color:#64748B}
#v6952Overlay .v6952Mock .pvField input{background:var(--pv-input)!important;color:var(--pv-text)!important;-webkit-text-fill-color:var(--pv-text);border:1px solid var(--pv-line)!important;font-size:12px}
#v6952Overlay .v6952Mock .pvPrimary,#v6952Overlay .v6952Mock .pvGhost{font-size:12px!important;min-height:0!important;box-shadow:none!important}
#v6952Overlay .v6952Mock .pvGhost{background:transparent!important;color:var(--pv-text)!important}
#v6952Overlay .v6952Mock .pvPrimary{background:var(--pv-accent)!important;color:var(--pv-btn-ink)!important}
#v6952Overlay .v6952Warn b{color:#14532D}#v6952Overlay .v6952Warn.bad b{color:#7A3E00}
#v6952Overlay .v6952Warn b.ok{color:#14532D}
#v6952Overlay .btn{background:#fff!important;color:#0F1B2D!important;border:1px solid #C9D3E0!important;box-shadow:none!important;text-transform:none}
#v6952Overlay .btn.primary{background:#0077CC!important;border-color:#0077CC!important;color:#fff!important}
/* V6.9.55 */
.s360Retirado{display:none!important}
.v6952Fonts{max-height:320px;overflow:auto;padding-right:4px}
.v6952Font small{display:block;font-size:10px;opacity:.7;margin:1px 0 3px;font-family:Inter,system-ui,sans-serif}
.s360TitleFont{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:12px}
.s360TitleFont select{padding:7px 9px;border-radius:8px;font:inherit}
.s360Sizes{display:flex;flex-direction:column;gap:8px}
.s360Size{display:grid;grid-template-columns:150px 1fr 48px;align-items:center;gap:10px;font-size:13px}
.s360Size input{width:100%}
.s360Size b{text-align:right;font-variant-numeric:tabular-nums}
.s360SizeHint{display:block;margin-top:6px;opacity:.75;font-size:11px}
/* V6.9.56 */
.v6952Preset span small{display:block;font-size:10px;font-weight:500;opacity:.65}
.v6952Font{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:8px}
.v6952Font b,.v6952Font small,.v6952Font span{grid-column:1}
.v6952Font i{grid-column:2;grid-row:1/4;font-style:normal;font-size:30px;line-height:1}
.v6952Font span{font-size:12px}
.v6952Fonts{max-height:360px}
/* V6.9.57 · editor acoplado a la derecha: la pantalla real es la vista previa */
.v6952Overlay{background:transparent!important;justify-content:flex-end!important;align-items:stretch!important;padding:0!important;pointer-events:none}
.v6952Modal{pointer-events:auto;width:min(500px,100vw)!important;max-height:none!important;height:100vh;border-radius:0!important;box-shadow:-12px 0 40px rgba(0,0,0,.45)!important}
.v6952Body{grid-template-columns:1fr!important}
.v6952Presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.v6952Right .v6952Save{margin-top:10px}
.appearanceGrid{grid-template-columns:1fr!important}
.appearanceGrid .appearancePreview{display:none!important}