/* Caja SFJ v1.6 · Diseño profesional CMYK. Sólo interfaz. No toca el almacenamiento ni la sincronización. */
:root{--sfj-cyan:#1ac2de;--sfj-magenta:#ef348d;--sfj-yellow:#f4d350}
body[data-sfj-theme="pro"]{
 color-scheme:dark;--bg:#0d1119;--paper:#181e2a;--ink:#f2f4f8;--quiet:#aab5c7;--line:#343c4c;
 --rose:#ef348d;--rose-light:#302032;--violet:#1a2030;--green:#59dfad;--red:#ff8794;--yellow:#342f1a;--shadow:0 13px 36px #03050850;
 color:var(--ink);
 background:radial-gradient(circle at 92% 8%,#151e33 0,transparent 35%),#0d1119!important;
}
body[data-sfj-theme="pro"] .nav{max-width:1320px;padding:13px 19px 2px;}
body[data-sfj-theme="pro"] .nav button{background:#171f2d;color:#bfcbd9;border-color:#323b4d;padding:10px 13px;transition:background .15s,border-color .15s}
body[data-sfj-theme="pro"] .nav button.active{background:#ef348d!important;border-color:#ef348d;color:#fff!important}
body[data-sfj-theme="pro"] .nav button:hover{background:#273247}
body[data-sfj-theme="pro"] .nav button.active:hover{background:#df2b81}
body[data-sfj-theme="pro"] header{background:linear-gradient(128deg,#121821 0%,#151c28 60%,#211523 100%);border-bottom:3px solid transparent;border-image:linear-gradient(90deg,#1ac2de 0 33%,#ef348d 33% 66%,#f4d350 66%) 1;}
body[data-sfj-theme="pro"] .head-inner{max-width:1320px;min-height:92px;}
body[data-sfj-theme="pro"] header .brand{font-size:clamp(21px,2vw,28px);font-weight:850;color:#fff}
body[data-sfj-theme="pro"] header .sub{color:#aebacc;letter-spacing:.09em;font-size:11px;text-transform:uppercase}
body[data-sfj-theme="pro"] header .pill{background:#1d2634;color:#ccddf0;border-color:#36445a}
body[data-sfj-theme="pro"] .brand-photo{border:1px solid #59405a;background:#282430}
body[data-sfj-theme="pro"] main{max-width:1320px;padding-top:20px}
body[data-sfj-theme="pro"] .panel,body[data-sfj-theme="pro"] .stat{background:#181e2a!important;color:#f2f4f8!important;border:1px solid #303949;box-shadow:0 10px 28px #0003}
body[data-sfj-theme="pro"] .panel:hover{border-color:#3b4760}
body[data-sfj-theme="pro"] .stat{border-top:3px solid #1ac2de}
body[data-sfj-theme="pro"] .stat.pink{border-top-color:#ef348d}
body[data-sfj-theme="pro"] .stat.yellow{border-top-color:#f4d350}
body[data-sfj-theme="pro"] .stat.green{border-top-color:#59dfad}
body[data-sfj-theme="pro"] .stat .number{color:#fff}
body[data-sfj-theme="pro"] .muted,body[data-sfj-theme="pro"] .tiny,body[data-sfj-theme="pro"] .label,body[data-sfj-theme="pro"] .stat .caption,body[data-sfj-theme="pro"] .stat .eyebrow{color:#b6c0cf}
body[data-sfj-theme="pro"] .field,body[data-sfj-theme="pro"] select.field,body[data-sfj-theme="pro"] textarea.field{background:#101722;color:#fff;border:1px solid #3c485c}
body[data-sfj-theme="pro"] .field:focus{border-color:#ed348d}
body[data-sfj-theme="pro"] .btn,body[data-sfj-theme="pro"] .cat,body[data-sfj-theme="pro"] .product{background:#232b3b;border:1px solid #3a4558;color:#f3f6ff;border-radius:12px}
body[data-sfj-theme="pro"] .btn:hover,body[data-sfj-theme="pro"] .cat:hover{background:#313c51}
body[data-sfj-theme="pro"] .btn.primary{background:#dc2c81!important;border-color:#dc2c81!important;color:#fff!important}
body[data-sfj-theme="pro"] .product{background:#1d2534}
body[data-sfj-theme="pro"] .product:hover{border-color:#f064a6;background:#242f40}
body[data-sfj-theme="pro"] .product .name{color:#eaf2fd}
body[data-sfj-theme="pro"] .product .price{color:#ff77b6}
body[data-sfj-theme="pro"] .free-sale-box,body[data-sfj-theme="pro"] .supply-recipe{background:#202638;border-color:#3b455a}
body[data-sfj-theme="pro"] .notice{background:#1b2533;color:#e5edfa;border:1px solid #37465c}
body[data-sfj-theme="pro"] .notice.good{background:#133126;color:#b9ffdc;border-color:#315947}
body[data-sfj-theme="pro"] .notice.warn{background:#362b17;color:#f8ddaa;border-color:#776138}
body[data-sfj-theme="pro"] .notice.bad{background:#3a1d27;color:#ffd4db;border-color:#764053}
body[data-sfj-theme="pro"] #view-porcobrar .panel,body[data-sfj-theme="pro"] #view-diario .panel,body[data-sfj-theme="pro"] #view-apariencia .panel,
body[data-sfj-theme="pro"] #view-porcobrar .stat,body[data-sfj-theme="pro"] #view-diario .stat,
body[data-sfj-theme="pro"] #view-porcobrar .table-wrap,body[data-sfj-theme="pro"] #view-diario .table-wrap{background:#181e2a!important;color:#f2f4f8!important}
body[data-sfj-theme="pro"] #view-porcobrar .field,body[data-sfj-theme="pro"] #view-diario .field,body[data-sfj-theme="pro"] #view-apariencia .field{background:#101722;color:#f5f7fa;border-color:#3c485c}
body[data-sfj-theme="pro"] .tag{background:#342637;color:#ffbedc}
body[data-sfj-theme="pro"] .tag.gold{background:#342c16;color:#f9df98}
body[data-sfj-theme="pro"] .tag.green{background:#173b2d;color:#a2f2cb}
body[data-sfj-theme="pro"] .empty{background:#141c28;color:#bdc7d9;border-color:#3a4659}
body[data-sfj-theme="pro"] .totalbox{background:#2c2032;color:#faf3fa;border:1px solid #6a3d63}
body[data-sfj-theme="pro"] .totalbox strong{color:#ff86bf}
body[data-sfj-theme="pro"] table{color:#edf2f9}
body[data-sfj-theme="pro"] td,body[data-sfj-theme="pro"] th{border-color:#354053}
body[data-sfj-theme="pro"] dialog{background:#151c29;color:#eff5fd;border:1px solid #46526a}
body[data-sfj-theme="pro"] dialog .dialogbar{background:#202b3a;color:#fff;border-color:#3a465c}
body[data-sfj-theme="pro"] .foot{color:#a5adc0}
body[data-sfj-theme="pro"] .highlight{background:#2c2034;border-color:#634267}
body[data-sfj-theme="pro"] .bar{background:#334052}
body[data-sfj-theme="pro"] .fill{background:#ef348d}
body[data-sfj-theme="pro"] .profile-editor .field,body[data-sfj-theme="pro"] .ticket-inputs .field{background:#101722;color:#f5f7fa}
body[data-sfj-theme="pro"] .sfj-pro-hero{display:flex;align-items:center;gap:17px;padding:18px 22px;margin-bottom:18px;background:linear-gradient(125deg,#1c2633 0%,#202333 65%,#29202c 100%);border:1px solid #384357;border-radius:22px;position:relative;overflow:hidden}
.sfj-pro-hero{display:none}
body[data-sfj-theme="pro"] .sfj-pro-hero:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(#19c7de 0 33%,#ec3289 33% 66%,#f6d34c 66%)}
body[data-sfj-theme="pro"] .sfj-pro-hero img{width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 5px 11px #0009)}
body[data-sfj-theme="pro"] .sfj-pro-hero>div{flex:1;min-width:0}
body[data-sfj-theme="pro"] .sfj-pro-hero h1{color:#fff;font-size:26px;margin:4px 0}
body[data-sfj-theme="pro"] .sfj-pro-hero p{color:#c1cbd8;margin:0;font-size:14px}
body[data-sfj-theme="pro"] .sfj-pro-eyebrow{font-size:11px;letter-spacing:.14em;color:#f0c5df;font-weight:850}
body[data-sfj-theme="pro"] .sfj-pro-hero .btn{flex-shrink:0;background:#2e3344;color:#e7efff}
.sfj-import-count{display:inline-flex;border-radius:99px;background:#fa478e;color:#fff;font-size:11px;font-weight:900;padding:1px 6px;margin-left:3px}
.sfj-import-count[hidden]{display:none}
.sfj-orders-list{display:grid;gap:13px}
.sfj-delivery-card{background:linear-gradient(120deg,#1d2433,#191f2c);padding:16px;border:1px solid #3c4558;border-radius:17px;display:grid;gap:12px}
.sfj-delivery-head,.sfj-delivery-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.sfj-order-number{font-size:11px;font-weight:750;color:#a8b6cb;letter-spacing:.04em}
.sfj-delivery-card h3{margin:2px 0 4px;font-size:17px;color:#fff}
.sfj-delivery-card p{margin:0;max-width:540px}
.sfj-pay-state{display:inline-flex;align-items:center;padding:7px 10px;border-radius:40px;background:#18392f;color:#9af9ca;border:1px solid #397259;font-size:12px;font-weight:800}
.sfj-pay-state.pending{background:#392b18;color:#ffe4ab;border-color:#71532c}
.sfj-delivery-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sfj-delivery-values span{padding:10px;border:1px solid #3a4456;background:#131b27;border-radius:12px;display:grid;gap:3px}
.sfj-delivery-values small{font-size:11px;color:#aebed4}
.sfj-delivery-values b{font-weight:850;font-size:clamp(13px,1.7vw,19px);color:#fff}
#view-integracion .four .stat .number{font-size:26px}
@media(max-width:700px){
 body[data-sfj-theme="pro"]{--bg:#0c1018;--paper:#181e2a;--ink:#f3f6fd;--quiet:#b9c4d3;--line:#394358}
 body[data-sfj-theme="pro"] header{border-bottom-color:#ef348d}
 body[data-sfj-theme="pro"] .sfj-pro-hero{padding:14px;gap:10px;align-items:flex-start;flex-wrap:wrap}
 body[data-sfj-theme="pro"] .sfj-pro-hero img{width:54px;height:65px}
 body[data-sfj-theme="pro"] .sfj-pro-hero h1{font-size:20px}
 body[data-sfj-theme="pro"] .sfj-pro-hero p{font-size:12px}
 body[data-sfj-theme="pro"] .sfj-pro-hero .btn{flex-basis:100%;font-size:13px}
 #view-integracion .sfj-delivery-values{gap:5px}
 #view-integracion .sfj-delivery-values span{padding:9px 5px}
 #view-integracion .sfj-delivery-values b{font-size:14px}
 body[data-sfj-theme="pro"] .nav{display:none!important}
 body[data-sfj-theme="pro"] #sfj-mobile-hero{background:linear-gradient(120deg,#1c2435,#282032);border-color:#415369}
 body[data-sfj-theme="pro"] #sfj-mobile-nav{background:#131925;border-color:#39445b}
 body[data-sfj-theme="pro"] #sfj-mobile-nav button.active{background:#682345}
}
@media print{.sfj-pro-hero,#view-integracion,#sfj-pro-theme-quick{display:none!important}}

body:not([data-sfj-theme="pro"]) .sfj-delivery-card{background:var(--paper,#fff);color:var(--ink,#222);border-color:var(--line,#ddd)}
body:not([data-sfj-theme="pro"]) .sfj-delivery-card h3{color:var(--ink,#222)}
body:not([data-sfj-theme="pro"]) .sfj-delivery-values span{background:var(--bg,#f4f4f4)}
body:not([data-sfj-theme="pro"]) .sfj-delivery-values b{color:var(--ink,#222)}
body:not([data-sfj-theme="pro"]) .sfj-delivery-values small{color:var(--quiet,#555)}

/* SFJ 2.0: estado de integración financiera */
#sfj-bridge-automatic{border-left:4px solid #20c6cc;padding:14px 16px}#sfj-fair-sales-list .sfj-delivery-card{padding:11px 14px;margin:7px 0}#view-integracion .detailActions{align-items:center;justify-content:flex-start}