/* ===== Mejoras visuales: más contraste entre fondo / tarjetas, bordes definidos y botones más grandes ===== */
:root{--papel:#EFE8D8;--card:#FFFEFA;--linea:#CBBFA3;--papel2:#E3D9C2;--sombra:0 1px 2px rgba(42,42,42,.10),0 3px 10px rgba(42,42,42,.07)}
body{background:var(--papel);font-size:16px}
main{padding:16px 14px}
.top{background:#FBF7EC;border-bottom:2px solid var(--linea);box-shadow:0 2px 8px rgba(42,42,42,.08)}

/* Subpestañas: más grandes y con borde */
.subtabs{background:var(--papel2);border:1.5px solid var(--linea);padding:5px;gap:5px;border-radius:14px;position:sticky;top:86px;z-index:18}
.subtabs button{font-size:14px;padding:12px 14px;min-height:44px;border-radius:10px;color:#5E564A}
.subtabs button.on{box-shadow:0 2px 6px rgba(42,42,42,.25)}

/* Títulos de sección con línea divisoria */
.h3{font-size:12.5px;margin:26px 0 12px;padding-bottom:8px;border-bottom:2px solid var(--linea);color:var(--barro)}

/* Tarjetas: borde marcado, sombra y banda de estado más ancha */
.card,.ficha,.stat,.mov,.row,.mi,.tile{border:1.5px solid var(--linea);border-radius:16px;box-shadow:var(--sombra)}
.card{padding:16px 16px 16px 20px;margin-bottom:16px}
.card::before{left:0;top:0;bottom:0;width:6px;border-radius:16px 0 0 16px}
.card.plain{padding-left:16px}
.card.s-pendiente::before{background:var(--lampara)}
.p-cod{font-size:17px}
.p-cli{font-size:14px}
.badge{font-size:11.5px;padding:7px 13px;border:1.5px solid rgba(0,0,0,.08)}

/* Bloques dentro de la tarjeta bien separados */
.p-meta{margin-top:12px;padding-top:12px;border-top:1px solid var(--linea);font-size:14px}
.pg{margin-top:12px;padding:12px;background:var(--papel);border:1px solid var(--linea);border-radius:12px}
.pg .pt{height:9px;background:#D8CCB2;border-radius:6px}
.pg .pl{font-size:13px}
.p-money{margin-top:14px;padding:12px;border:1px solid var(--linea);border-top:1px solid var(--linea);background:var(--papel);border-radius:12px}
.val{font-size:19px}

/* Líneas de datos con separador */
.line{padding:10px 0;font-size:15px;border-bottom:1px solid #E6DDC8}
.line:last-child{border-bottom:0}
.line.tot{border-top:2px solid var(--barro);border-bottom:0;margin-top:6px;padding-top:12px;font-size:16px}
.calc{border:1.5px solid var(--linea);border-radius:14px}

/* Acciones: de enlaces a botones táctiles */
.acts{gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--linea)}
.acts a{flex:1;text-align:center;padding:12px 10px;min-height:46px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--barro);border-radius:12px;background:#FBF3E8;font-size:14px}
.acts a:active{background:var(--barro);color:var(--papel)}

/* Botones */
.btn{min-height:52px;font-size:16px;border-width:2px;border-radius:14px;margin-top:16px}
.btn.primary{box-shadow:0 3px 8px rgba(139,90,43,.35)}
.btn:active{transform:scale(.98)}
.fab{width:62px;height:62px;box-shadow:0 6px 16px rgba(42,42,42,.4);border:3px solid #FBF7EC}

/* Filtros */
.chip{padding:10px 16px;font-size:14px;border-width:2px;min-height:42px}
.search{padding:14px;font-size:16px;border-width:2px;border-radius:14px}

/* Formularios */
input[type=text],input[type=number],input[type=date],input[type=password],input[type=time],select,textarea{padding:14px 12px;min-height:50px;border-width:2px;border-radius:12px;font-size:16px}
input:focus,textarea:focus,select:focus{border-color:var(--barro);box-shadow:0 0 0 4px rgba(212,139,61,.25)}
.lbl{font-size:12px;margin:20px 0 8px}
.seg{border-width:2px;border-radius:12px}
.seg div{padding:14px 6px;font-size:15px;border-left:1.5px solid var(--linea)}
.seg div:first-child{border-left:0}
.fo{border-width:2px;border-radius:12px;padding:12px 14px}
.stp button{width:46px;height:46px;border-width:2px}
.stp input{min-height:46px}
.sheet{border-radius:22px 22px 0 0;box-shadow:0 -6px 24px rgba(0,0,0,.25);padding-top:10px}
.sheet::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--linea);margin:0 auto 12px}
.sh-head{padding-bottom:10px;border-bottom:2px solid var(--linea);margin-bottom:6px}
.x{width:40px;height:40px;font-size:17px;border:1.5px solid var(--linea)}
.row2{gap:12px}

/* Barra inferior: ítem activo resaltado */
.bar{border-top:3px solid var(--lampara);padding-top:6px}
.bar button{font-size:12px;padding:6px 0;border-radius:12px;margin:0 2px}
.bar button.on{background:rgba(212,139,61,.18)}
.bar svg{width:24px;height:24px}

/* Calendario */
.cal{gap:6px}
.cal button{border-width:2px;font-size:15px}
.monthnav{border-width:1.5px;box-shadow:var(--sombra)}
.monthnav button{padding:10px 20px}
.stat .v{font-size:20px}
.alert,.banner,.lockmsg{border-width:1.5px;border-radius:14px}

/* ===== v2: COMPACTO — paneles de información más pequeños ===== */
main{padding:12px 12px}
.card{padding:11px 12px 11px 16px;margin-bottom:10px;border-radius:13px}
.card::before{width:5px;border-radius:13px 0 0 13px}
.card.plain{padding:11px 12px}
.p-top{align-items:center}
.p-cod{font-size:15.5px;letter-spacing:.8px}
.p-cli{font-size:12.5px;margin-top:0}
.badge{font-size:10px;padding:4px 10px}
/* datos del pedido en una sola franja, sin cajas internas */
.p-meta{margin-top:6px;padding-top:0;border-top:0;font-size:13px;gap:4px 12px}
.pg{margin-top:7px;padding:0;background:none;border:0}
.pg .pl{font-size:12px;margin-bottom:2px}
.pg .pt{height:6px;margin-bottom:5px}
.p-money{margin-top:7px;padding:7px 10px;border-radius:10px;align-items:center}
.p-money .lab{font-size:9.5px}
.val{font-size:16px}
.soc{font-size:11px}
/* filas de datos más juntas */
.line{padding:4px 0;font-size:13.5px}
.line.tot{margin-top:3px;padding-top:6px;font-size:14.5px;border-top-width:1.5px}
.lab{font-size:10px}
/* mosaicos de resumen pequeños: 2 columnas finas */
.grid{gap:8px}
.stat{padding:8px 11px;border-radius:11px}
.stat .v{font-size:16.5px;margin-top:1px}
.stat .lab{font-size:9.5px;letter-spacing:.8px}
/* botones de acción en línea, pequeños */
.acts{margin-top:8px;padding-top:8px;gap:8px}
.acts a{min-height:36px;padding:6px 8px;font-size:13px;border-radius:10px}
.h3{margin:16px 0 8px;padding-bottom:5px;font-size:11.5px}
.btn{min-height:46px;margin-top:10px;font-size:15px}
.monthnav button{padding:4px 18px}
.chips{padding:6px 0 8px}
.chip{min-height:36px;padding:7px 13px;font-size:13px}
.search{padding:11px 13px}
.subtabs{top:80px}
.subtabs button{min-height:38px;padding:8px 12px;font-size:13.5px}
.muted.small{font-size:12.5px;line-height:1.35;margin:6px 2px}
.mov{padding:8px 11px;margin-bottom:6px}
.empty{padding:26px 16px}
.cal{gap:4px}

/* ===== v3: aún más compacto ===== */
.top{padding:6px 14px;grid-template-columns:auto 1fr}
.iso{height:32px}
.wm{height:16px}
.srl{font-size:11px}
.tag{display:none}
.subtabs{top:46px;padding:3px;margin-bottom:8px}
.subtabs button{min-height:34px;padding:6px 11px;font-size:13px}
main{padding:10px 10px}
.card{padding:8px 10px 8px 14px;margin-bottom:8px;border-radius:12px;box-shadow:0 1px 3px rgba(42,42,42,.12)}
.card.plain{padding:8px 10px}
.card::before{width:4px}
.p-cod{font-size:14.5px}
.p-cli{font-size:12px}
.p-meta{margin-top:3px;font-size:12.5px;gap:2px 10px}
.pg{margin-top:4px}
.pg .pl{font-size:11.5px;margin-bottom:1px}
.pg .pt{height:5px;margin-bottom:3px}
.p-money{margin-top:5px;padding:4px 9px;background:none;border:0;border-top:1px dashed var(--linea);border-radius:0;padding-left:0;padding-right:0}
.p-money .lab{font-size:9px}
.val{font-size:15px}
.line{padding:2px 0;font-size:13px}
.line.tot{padding-top:4px;margin-top:2px;font-size:13.5px}
.lab{font-size:9.5px}
.stat{padding:6px 10px}
.stat .v{font-size:15px;margin-top:0}
.stat .lab{font-size:9px}
.grid{gap:6px;margin-bottom:6px}
.acts{margin-top:6px;padding-top:6px;gap:6px;justify-content:flex-start}
.acts a{flex:none;min-height:32px;padding:4px 14px;font-size:12.5px;border-radius:999px}
.h3{margin:12px 0 6px;font-size:11px}
.badge{padding:3px 9px;font-size:9.5px}
.seg div{padding:8px 4px;font-size:13px}
.btn{min-height:42px;padding:10px;margin-top:8px;font-size:14.5px}
.chips{padding:2px 0 6px;gap:6px}
.chip{min-height:32px;padding:5px 12px;font-size:12.5px}
.search{padding:9px 12px;font-size:15px}
.muted.small{font-size:12px;margin:4px 2px}
.bar{padding-top:4px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}
.bar button{padding:4px 0;font-size:11px}
.bar svg{width:22px;height:22px}
body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}
.fab{width:54px;height:54px;bottom:calc(70px + env(safe-area-inset-bottom,0px))}