/* SFJ beta 1.3 · decoración siempre detrás del contenido legible */
:root{--sfj-bg-image:none;--sfj-bg-opacity:.16;--sfj-bg-blur:3px}
body::before{content:"";position:fixed;inset:-15px;background-image:var(--sfj-bg-image);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:var(--sfj-bg-opacity);filter:blur(var(--sfj-bg-blur));pointer-events:none;z-index:0}
main,.nav,header,.foot{position:relative;z-index:1}
.panel,.stat,.field,.ticket,.free-sale-box,dialog,table,.product{position:relative}
#view-porcobrar .stat .number,#view-diario .stat .number{font-size:clamp(16px,2vw,23px);white-space:normal;overflow-wrap:anywhere}
#view-porcobrar .table-wrap table{min-width:760px}
#view-diario .table-wrap table{min-width:580px}
#view-apariencia input[type="color"]{width:100%;height:48px;padding:5px}
#view-apariencia input[type="range"]{accent-color:var(--rose)}
#sfj-offline-banner{margin:7px auto 0;max-width:1260px;background:#fff1d5;color:#523408;border:1px solid #e5bf66;border-radius:9px;padding:10px 12px;font-size:13px;font-weight:600}
body[data-sfj-theme="rose"]{--bg:#f8edf3;--paper:#fff;--ink:#251521;--quiet:#685364;--line:#edd7e4}
body[data-sfj-theme="blue"]{--bg:#eaf1fb;--paper:#fff;--ink:#182c43;--quiet:#48647d;--line:#d4e1ef}
body[data-sfj-theme="light"]{--bg:#fafafa;--paper:#fff;--ink:#252525;--quiet:#666;--line:#dedede}
body[data-sfj-theme="sfj"]{--bg:#f4f1f5;--paper:#fff;--ink:#211c26;--quiet:#625d69;--line:#e6e1ea}
body{background:var(--bg)!important}
#view-porcobrar .panel,#view-diario .panel,#view-apariencia .panel{background:var(--paper,#fff)!important;color:var(--ink,#211c26)!important}
#view-porcobrar .stat,#view-diario .stat{background:var(--paper,#fff)!important;color:var(--ink,#211c26)!important}
#view-porcobrar .table-wrap,#view-diario .table-wrap{background:var(--paper,#fff)}
#view-porcobrar .field,#view-diario .field,#view-apariencia .field{background:var(--paper,#fff);color:var(--ink,#211c26)}
@media(max-width:600px){#view-porcobrar .section-head,#view-diario .section-head{align-items:flex-start}#view-porcobrar .section-head .flex .btn,#view-diario .section-head .flex .btn{flex:1}#view-porcobrar .stat,#view-diario .stat{padding:11px;min-width:0}#view-porcobrar .stat .number,#view-diario .stat .number{font-size:19px}#view-porcobrar,#view-diario,#view-apariencia{padding-bottom:72px}}

/* SFJ 1.5.1: recuperación de contraseña */
.sfj-password-row{display:flex;align-items:stretch;gap:8px}.sfj-password-row .field{min-width:0;flex:1}.sfj-showpass{white-space:nowrap;flex-shrink:0}.sfj-recovery-box{padding:15px;border:1px solid rgba(160,160,160,.35);border-radius:14px;background:rgba(180,180,180,.09)}.sfj-recovery-box.hidden{display:none!important}