/* finanzas-simple.css -- Finanzas simple (plan PLAN-crm-simple-resto-2026-10, Z6). Solo tokens de Cuarto Oscuro. Todo cuelga de .fs-*: sin `estudio.pantallas_simple` nada de esto se pinta. */
.fs-barra{ display:flex; align-items:center; gap:var(--e-3); margin:var(--e-3) 0 var(--e-4); }
.fs-seg{ display:inline-flex; padding:3px; border-radius:var(--r-pildora); background:var(--piedra); }
.fs-seg button{ min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); cursor:pointer; }
.fs-seg button.on{ background:var(--boton); color:var(--boton-t); font-weight:600; }
.fs-deben{ margin:var(--e-5) 0 0; }
.fs-gt{ display:flex; align-items:baseline; gap:var(--e-2); margin:0 0 var(--e-2); font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.fs-n{ font-size:var(--t-meta); font-weight:500; color:var(--medio); }
.fs-gd{ font-size:var(--t-meta); font-weight:400; color:var(--medio); }
.fs-fila{ display:flex; align-items:center; gap:var(--e-3); padding:var(--e-3); border-radius:var(--r-flota); min-width:0; }
@media (hover:hover){ .fs-fila:hover{ background:var(--piedra); } }
.fs-av{ flex:none; width:36px; height:36px; border-radius:50%; background:var(--piedra-on); display:grid; place-items:center; font-size:var(--t-meta); font-weight:600; color:var(--medio); }
.fs-txt{ flex:1; min-width:0; }
.fs-q{ font-size:var(--t-texto); font-weight:500; color:var(--tinta); text-decoration:none; overflow-wrap:anywhere; }
.fs-q:hover{ text-decoration:underline; }
.fs-s{ font-size:var(--t-meta); color:var(--medio); }
.fs-s.urge{ color:var(--urge); font-weight:600; }
.fs-monto{ flex:none; min-width:90px; text-align:right; font-size:var(--t-texto); font-weight:600; color:var(--tinta); font-variant-numeric:tabular-nums; }
.fs-monto.urge{ color:var(--urge); }
.fs-btn{ flex:none; min-height:36px; padding:0 var(--e-4); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-texto); font-weight:500; cursor:pointer; }
@media (hover:hover){ .fs-btn:hover{ background:var(--punto); } }
.fs-ver{ margin:var(--e-1) 0 0 var(--e-3); min-height:36px; padding:0; border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
.fs-vacio{ padding:var(--e-5) var(--e-4); }
.fs-mas{ margin-top:var(--e-5); border-radius:var(--r-flota); background:var(--piedra); box-shadow:inset 0 0 0 1px var(--linea); }
.fs-mas > summary{ display:flex; flex-direction:column; gap:2px; padding:var(--e-3) var(--e-4); cursor:pointer; list-style:none; min-height:44px; justify-content:center; }
.fs-mas > summary::-webkit-details-marker{ display:none; }
.fs-mt{ font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.fs-md{ font-size:var(--t-meta); color:var(--medio); }
.fs-mc{ padding:0 var(--e-4) var(--e-4); }
.fs-x{ display:flex; flex-wrap:wrap; gap:var(--e-2); align-items:center; margin-top:var(--e-5); }
.fs-x-pre{ font-size:var(--t-meta); color:var(--medio); margin-right:var(--e-1); }
.fs-xchip{ min-height:36px; padding:0 var(--e-4); border-radius:var(--r-pildora); background:transparent; color:var(--tinta); border:1px solid var(--punto); font:inherit; font-size:var(--t-texto); cursor:pointer; }
@media (hover:hover){ .fs-xchip:hover{ background:var(--tinte-toque); } }
@media (max-width:560px){ .fs-fila{ flex-wrap:wrap; } .fs-txt{ flex:1 1 0; } .fs-btn{ min-height:44px; margin-left:48px; flex:0 0 calc(100% - 48px); } .fs-xchip, .fs-seg button{ min-height:44px; } }