/* DETALLITOS EN PAPEL SFJ · Caja móvil v1.1.0 · Estilos de interfaz únicamente. */
.sfj-mobile-only{display:none!important}
@media(max-width:700px){
 :root{color-scheme:dark;--bg:#080b12;--paper:#121620;--ink:#f6f5f9;--quiet:#b7b7c4;--line:#353642;--rose:#f20d83;--rose-light:#231020;--green:#47d5af;--red:#ff7c90;--yellow:#2b2513;--shadow:0 8px 22px #0005}
 html{scroll-behavior:smooth;scroll-padding-top:78px}
 html,body{max-width:100%;overflow-x:hidden}
 body{background:var(--bg);color:var(--ink);font-size:15px;padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}
 header{background:linear-gradient(145deg,#0b0c12,#13131d 78%,#1b0914);border-bottom:2px solid #f20d83}
 .head-inner{display:flex;padding:11px 15px;align-items:center;gap:8px;min-height:64px}
 .brand{font-size:15px;line-height:1.25;letter-spacing:0;font-weight:800;max-width:245px}
 .profile-brand{display:flex;align-items:center;gap:10px}
 .brand-photo{width:40px!important;height:40px!important;min-width:40px!important;border-radius:12px!important;object-fit:cover;border:1px solid #ff0b87}
 header .sub{display:none}
 header .pill{display:none}
 header #app-install{padding:6px 8px;font-size:11px;max-width:85px}
 .nav{display:none!important}
 main{padding:13px 12px 36px;min-height:70vh}
 main > section{padding:0!important}
 .panel,.stat{background:#121620;border:1px solid #303441;border-radius:17px;box-shadow:0 5px 22px #0003;padding:16px}
 h1{font-size:21px;line-height:1.2;margin-bottom:6px}h2{font-size:18px}p{line-height:1.5}
 .muted,.tiny,.label,.caption,.stat .caption,.stat .eyebrow{color:#b7b7c4}
 .btn,.cat,.product{color:#f5f5f9;background:#1b202c;border:1px solid #3b4050;border-radius:12px;min-height:42px}
 .btn:hover,.cat:hover{background:#242a35}.btn.primary,.nav button.active{background:#f20d83!important;border-color:#f20d83!important;color:white!important}
 .field,select.field,input.field,textarea.field{background:#171c28;color:#f8f7fc;border:1px solid #454958;min-height:45px}
 input.field::placeholder{color:#9b9bab}
 .notice{background:#222331;color:#e2ddea}
 .notice.warn{background:#2c2516;color:#ffdf9a}
 .notice.good{background:#102b27;color:#a7f2d5}
 .notice.bad{background:#3a1825;color:#ffb5c4}
 .stat .number{color:#fff;font-size:23px}
 .stat.pink{border-color:#f20d83}.stat.yellow{border-color:#f5d500}.stat.green{border-color:#25d4ad}
 .tag{background:#202633;color:#c7c8d0}
 .empty{background:#141923;color:#aeb4c2;border-color:#3b4654}
 .totalbox{background:#241023;color:#fff;border:1px solid #642142}
 .totalbox strong{color:#ff4fa6}
 .free-sale-box{background:#1c1722;border:1px solid #3b2c4c}
 .free-tag{background:#3b2816;color:#ffe5a2}
 .ticket-item{border-color:#353744}
 .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product{min-height:104px;background:#1a1e2a;padding:12px;border-color:#383c4b;touch-action:manipulation}
 .product:hover,.product:focus-visible{background:#282037;border-color:#f20d83}
 .product .name{font-size:14px;color:#fff}
 .product .price{font-size:14px;color:#ff55af}
 .category-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:3px 1px 9px;margin:8px 0 10px}
 .cat{flex:0 0 auto;min-height:37px;padding:7px 11px;font-size:12px}
 .cat.active{background:#3c1130;border:1px solid #ed167c;color:#ffd0ea}
 .cols{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
 .cols>.panel{min-width:0;width:100%;overflow-wrap:anywhere}
 #view-caja .cols>.panel:first-child{order:1}
 #view-caja .cols>.panel:last-child{order:2}
 #view-caja .cols>.panel:first-child .section-head .muted{font-size:12px}
 #view-caja .cols>.panel:first-child .section-head>div{min-width:0;flex:1}
 #view-caja .cols>.panel:first-child .section-head .muted{white-space:normal;overflow-wrap:break-word;line-height:1.35}
 #view-caja .cols>.panel:last-child{scroll-margin-top:16px}
 #quick-stats{display:none}
 #view-caja #ticket{max-height:none}
 #sfj-cash-quick-actions{display:flex!important;gap:8px;margin:10px 0 13px}
 #sfj-cash-quick-actions button{flex:1;min-width:0;border:1px solid #266377;background:#14252b;color:#eafaff;border-radius:12px;min-height:41px;font-size:12px;font-weight:800}
 #sfj-ticket-panel{display:flex;flex-direction:column;min-width:0}
 #sfj-ticket-panel>h2{order:0}
 #sfj-ticket-panel>#ticket{order:1}
 #sfj-ticket-panel>.totalbox{order:2}
 #sfj-ticket-panel>.field-row{order:3}
 #sfj-ticket-panel>.flex{order:4}
 #sfj-ticket-panel>#recent-sale-box{order:5}
 #sfj-ticket-panel>.free-sale-box{order:6;margin:19px 0 0}
 #sfj-ticket-panel>p{order:7;margin-top:10px}
 .sfj-hero-copy p{overflow-wrap:anywhere}
 .ticket-inputs{grid-template-columns:65px minmax(0,1fr) 72px;gap:6px}
 .ticket-inputs .subtotal{font-size:11px}
 .free-sale-fields{grid-template-columns:1fr 1fr!important;gap:8px}
 .free-sale-name{grid-column:1/-1}
 .free-sale-actions .field-row{min-width:140px!important}
 .free-sale-actions button{flex:1}
 .two,.three{grid-template-columns:1fr}
 .four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .table-wrap{overflow-x:auto}
 dialog{background:#151823;color:#fff;max-height:calc(100dvh - 25px)}
 dialog .dialogbar{background:#1b1b26;border-bottom-color:#37394c}
 dialog .inner{padding:14px}
 dialog::backdrop{background:#05030bd1}
 .supply-recipe{background:#171b27}
 .action-buttons{flex-wrap:wrap}
 .foot{font-size:11px;color:#898997;padding:10px 14px 25px}
 #banner:not(.bad){display:none}
 #banner.bad{margin-bottom:13px!important}
 .sfj-mobile-only{display:block!important}
 #sfj-mobile-hero{background:radial-gradient(circle at 100% 0,#9b07535a,transparent 42%),linear-gradient(125deg,#171620,#0d0e15);border:1px solid #433249;border-radius:20px;padding:15px;display:flex!important;gap:12px;align-items:center;position:relative;overflow:hidden;margin-bottom:12px}
 #sfj-mobile-hero:before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0acaff 0 32%,#ed0079 32% 66%,#f7dd00 66% 100%)}
 .sfj-hero-avatar{width:69px;height:69px;object-fit:cover;border-radius:18px;border:2px solid #f20d83;flex-shrink:0}
 .sfj-hero-copy{min-width:0;flex:1}.sfj-hero-copy h1{font-size:23px;margin:0 0 4px;font-weight:830}
 .sfj-hero-copy p{font-size:12px;color:#b9bed0;margin:0}
 .sfj-dot{display:inline-block;width:6px;height:6px;background:#12c7ef;border-radius:100%;vertical-align:middle;margin-right:3px}
 #sfj-sync-pill{font-size:11px;display:inline-flex;align-items:center;gap:4px;margin-top:7px;border-radius:60px;background:#27212b;color:#f3d9e7;padding:5px 8px}
 #sfj-mobile-ticket-link{font-size:12px;min-height:36px;padding:8px 10px;color:#fff;white-space:nowrap;border:1px solid #5d3852;background:#2a1a2b;border-radius:12px}
 #sfj-mobile-nav{display:flex!important;position:fixed;z-index:60;left:0;right:0;bottom:0;padding:7px 6px calc(8px + env(safe-area-inset-bottom,0px));background:#11131e;border-top:1px solid #3a3445;box-shadow:0 -10px 25px #03030bad;justify-content:space-around;gap:4px}
 #sfj-mobile-nav button{flex:1;min-width:0;min-height:54px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;border:0;background:transparent;color:#aab0c0;border-radius:12px;font-size:11px;font-weight:700}
 #sfj-mobile-nav .sfj-nav-icon{font-size:21px;line-height:1.1}
 #sfj-mobile-nav button.active{color:#fff;background:#6e144e}
 #sfj-cart-dock{display:flex!important;position:fixed;z-index:57;left:9px;right:9px;bottom:calc(78px + env(safe-area-inset-bottom,0px));border:1px solid #ed1686;border-radius:17px;padding:7px 9px 7px 15px;background:linear-gradient(120deg,#241423,#121521);color:white;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 7px 24px #000b}
 #sfj-cart-dock.sfj-is-empty{display:none!important}
 .sfj-dock-amount{font-size:20px;font-weight:850}
 .sfj-dock-label{font-size:11px;color:#d1cad6}
 #sfj-cart-open{border:0;border-radius:12px;color:white;background:#f20d83;padding:11px 14px;font-weight:800;white-space:nowrap}
 #sfj-nikki-launcher{position:fixed;z-index:61;right:10px;bottom:calc(88px + env(safe-area-inset-bottom,0px));width:56px;height:56px;padding:0;border:2px solid #fc1a92;border-radius:50%;background:#10121d;box-shadow:0 3px 12px #0009;overflow:hidden}
 #sfj-nikki-launcher.sfj-cart-up{bottom:calc(157px + env(safe-area-inset-bottom,0px))}
 #sfj-nikki-launcher img{width:100%;height:100%;object-fit:cover;display:block}
 #sfj-nikki-dialog{display:none!important;position:fixed;z-index:90;right:9px;left:9px;bottom:calc(85px + env(safe-area-inset-bottom,0px));max-height:min(65dvh,565px);overflow-y:auto;background:#171a24;color:white;border:1px solid #fa1483;border-radius:20px;box-shadow:0 20px 80px #000d;padding:14px}
 #sfj-nikki-dialog.sfj-open{display:block!important}
 .sfj-assistant-head{display:flex;gap:12px;align-items:center}
 .sfj-assistant-head img{width:56px;height:56px;border-radius:16px;object-fit:cover;border:1px solid #f20d83}
 .sfj-assistant-title{font-size:18px;font-weight:850}
 .sfj-assistant-tiny{font-size:12px;color:#b0b2c4}
 .sfj-assistant-message{padding:12px;margin:12px 0;border-left:3px solid #00c9e8;background:#232435;border-radius:7px 12px 12px 7px;font-size:13px;color:#f1eff5}
 .sfj-assistant-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .sfj-assistant-actions button{background:#252431;border:1px solid #454353;color:#f9f9fa;border-radius:12px;padding:11px 8px;font-size:12px;font-weight:750}
 #sfj-more-backdrop{display:none!important;position:fixed;inset:0;z-index:69;background:#070810ad}
 #sfj-more-backdrop.sfj-open{display:block!important}
 #sfj-more-sheet{display:none!important;position:fixed;z-index:70;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:8px;right:8px;background:#171b25;color:#fff;border:1px solid #56515e;border-radius:20px;padding:15px;box-shadow:0 8px 40px #0009;max-height:70dvh;overflow:auto}
 #sfj-more-sheet.sfj-open{display:block!important}
 .sfj-more-title{font-size:17px;font-weight:850;margin-bottom:11px;display:flex;justify-content:space-between;align-items:center}
 .sfj-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
 .sfj-more-grid button{min-height:66px;background:#222736;color:#fff;border:1px solid #474757;border-radius:13px;text-align:left;padding:11px;font-size:13px;font-weight:760}
 #sfj-nikki-dialog button:focus-visible,#sfj-more-sheet button:focus-visible,#sfj-mobile-nav button:focus-visible{outline:3px solid #13d7ff;outline-offset:2px}
 .sfj-assist-close{font-size:21px!important;border:0!important;background:transparent!important;color:#eee!important;padding:5px 10px!important;min-height:32px}
 #sfj-last-modal{display:none!important;position:fixed;z-index:88;bottom:calc(84px + env(safe-area-inset-bottom,0px));left:9px;right:9px;background:#161922;color:white;border:1px solid #ed1686;border-radius:18px;padding:16px;box-shadow:0 10px 60px #000d}
 #sfj-last-modal.sfj-open{display:block!important}
 #sfj-last-modal .sfj-last-title{font-size:17px;font-weight:850}
 #sfj-last-text{color:#d6d9e2;margin:12px 0;font-size:14px}
 #sfj-mobile-ticket-link,.sfj-more-grid button,#sfj-cart-open{touch-action:manipulation}
 #recent-sale-box{border:1px solid #1c8c77}
 .toast{bottom:calc(154px + env(safe-area-inset-bottom,0px));background:#272331;border:1px solid #5e4f67}
}
@media(max-width:360px){
 .sfj-hero-avatar{width:55px;height:55px}.sfj-hero-copy h1{font-size:20px}
 #sfj-mobile-ticket-link{font-size:11px;padding:6px}
 .ticket-inputs{grid-template-columns:52px minmax(0,1fr) 62px}
}
@media(min-width:701px){#sfj-mobile-nav,#sfj-mobile-hero,#sfj-cart-dock,#sfj-nikki-launcher,#sfj-nikki-dialog,#sfj-more-backdrop,#sfj-more-sheet,#sfj-last-modal{display:none!important}}
@media print{#sfj-mobile-nav,#sfj-mobile-hero,#sfj-cart-dock,#sfj-nikki-launcher,#sfj-nikki-dialog,#sfj-more-backdrop,#sfj-more-sheet,#sfj-last-modal{display:none!important}}