#main:has(> .settings){padding:0}
.settings{grid-template-columns:288px minmax(0,1fr);gap:0;background:#f7f7f8}
.settings .setnav{display:flex;flex-direction:column;align-self:stretch;padding:24px 24px 0;overflow:hidden;background:#fff}
.setnav h2{font-size:20px;line-height:28px;margin:0;font-weight:700}
.setnav h2+p{margin:20px 0 16px!important}
#setfind,#setListFind{padding:0 12px 0 42px;height:40px;border:1px solid #d9d9db;border-radius:6px;background:white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%231d1d20' stroke-width='1.8'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m16 16 5.5 5.5'/%3E%3C/svg%3E") 14px center/19px no-repeat;font:14px 'Segoe UI',sans-serif}
#setlinks{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;padding-bottom:16px}
#setlinks:hover{scrollbar-color:#ccc transparent}
.setnav button{font:14px/20px 'Segoe UI',sans-serif;height:30px;padding:0 8px;margin:2px 0 4px;border-radius:6px}
.setnav .setting-group{height:38px;font-weight:700;border-bottom:1px solid #ddd;border-radius:0;padding:0;justify-content:space-between;margin-top:14px}
.setting-group::after{content:'';height:6px;width:6px;border:solid currentColor;border-width:1.5px 1.5px 0 0;transform:rotate(-45deg);margin:5px}
.setting-group[aria-expanded=false]::after{transform:rotate(135deg)}
.setnav .active{font-weight:700;background:#f6f6f7}.setnav .active .factu-icon{color:#ff3569}
#setbody{padding:24px max(24px,calc((100% - 900px)/2)) 32px;box-sizing:border-box;scrollbar-gutter:auto}
#setbody>.bar{min-height:40px;margin:0 0 24px}#setbody h1{font-size:24px;line-height:32px}
#setbody .settings-close{border:0;padding:8px;background:transparent}#setbody .settings-close svg{width:22px;height:22px}
#setbody>.tabs,#dlg .tabs{gap:8px;border:0;margin:0 0 16px;flex-wrap:wrap}
#setbody>.tabs button,#dlg .tabs button{height:35px;padding:0 16px;border:0;border-radius:6px;color:#aaa;background:transparent;font-weight:700}
#setbody>.tabs button.on,#dlg .tabs button.on{color:#151515;background:white;box-shadow:0 2px 10px #00000009}
#setbody>.box{border-radius:10px;padding:30px;margin:0 0 12px}#setbody>.box h3:first-child{margin:0 0 16px;line-height:24px;font-size:16px}
.cfg-card .grid,body:has(.settings) #dlg .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid .cfg-field,body:has(.settings) #dlg .grid>label{min-height:60px;border:1px solid #d9d9db;position:relative;justify-content:center;padding:8px 16px 4px;gap:3px;border-radius:4px;background:white;min-width:0}
.grid .cfg-field.check,body:has(.settings) #dlg label.check{justify-content:flex-start;padding:14px 16px;gap:8px;cursor:pointer}
.cfg-field.check input[type=checkbox],body:has(.settings) #dlg .check input[type=checkbox]{appearance:none;display:inline-block;position:relative;flex:0 0 50px;width:50px;height:30px;border:0;border-radius:15px;background:#eaeaea;padding:0;margin:0;vertical-align:middle;cursor:pointer}
.cfg-field.check input:before,body:has(.settings) #dlg .check input:before{content:'';display:block;width:26px;height:26px;background:white;border-radius:100%;position:absolute;left:2px;top:2px;transition:transform .14s}
.cfg-field.check input:checked,body:has(.settings) #dlg .check input:checked{background:#1e1e21}
.cfg-field.check input:checked:before,body:has(.settings) #dlg .check input:checked:before{transform:translateX(20px)}
.cfg-field.check input:checked:disabled{background:#a0a0a2}
.grid .cfg-disabled,.grid .cfg-field:has(:disabled){background:#f7f7f8;cursor:default}
.cfg-caption{font:700 12px/16px 'Segoe UI',sans-serif}
.cfg-info{font:700 12px 'Segoe UI',sans-serif;cursor:help;position:relative}
.cfg-info:hover:after,.cfg-info:focus:after{content:attr(data-help);position:absolute;z-index:5;bottom:calc(100% + 8px);left:0;width:200px;max-width:40vw;background:#222;color:white;border-radius:4px;padding:8px;font:12px/16px 'Segoe UI',sans-serif}
.cfg-wide{grid-column:1/-1}.cfg-entry{display:flex;width:100%;align-items:center;gap:6px}.cfg-entry>input,.cfg-entry>textarea{background:transparent!important;outline-offset:0}.cfg-entry>span{font-weight:400}.cfg-entry textarea{min-height:75px;resize:vertical}
.cfg-star{position:absolute;top:8px;right:14px;color:#ff3366;font-size:12px}
.cfg-radio,.cfg-days{display:flex;gap:8px;flex-wrap:wrap}.cfg-radio label,.cfg-days label{display:flex;align-items:center;flex-direction:row;gap:5px}.cfg-days label{border:0;padding:4px}.cfg-days input,.cfg-radio input{width:auto!important}
.settings-native-select{position:absolute!important;width:1px!important;height:1px!important;clip-path:inset(50%);overflow:hidden;pointer-events:none}
.settings-select{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;padding:2px 0;background:transparent;font-weight:400;min-height:22px}
.settings-select:after{content:'⌄';font-size:16px}.settings-select:hover{background:transparent}
.settings-popup{position:fixed;inset:auto;margin:0;max-width:calc(100vw - 16px);padding:5px;border:0;border-radius:7px;background:white;color:#191919;box-shadow:0 3px 16px #0003;font:14px 'Segoe UI',sans-serif}
.settings-popup input{width:100%;margin-bottom:4px}.settings-popup [role=listbox]{max-height:240px;overflow:auto}.settings-popup button{width:100%;border:0;padding:10px;text-align:left;font-weight:400;display:block}.settings-popup button[aria-selected=true]::after{content:'✓';float:right}
.cfg-upload label,.cfg-picture{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;min-height:145px;background:white;border:2px dashed #ddd;cursor:pointer;font-weight:600}
.cfg-upload label span{font-size:24px}.cfg-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cfg-upload small{display:block;margin:8px 0;color:#62626a}.cfg-picture{border:0;background:#f6f6f7}.cfg-picture img{max-width:200px;max-height:140px}.cfg-picture button{position:absolute;top:8px;right:8px}
.settings-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.settings-toolbar input{max-width:65%;width:300px}
.settings-row{min-height:48px;margin:0;border-bottom:1px solid #eee}.settings-row button{border:0}.settings-row .record-link{font-weight:400}.settings-row small{background:#f2f2f3;padding:3px 7px;border-radius:4px}
body:has(.settings) #dlg{border-radius:10px;background:white}body:has(.settings) #dlg .box{padding:10px 0}
@media(max-width:1050px){.settings{grid-template-columns:232px minmax(0,1fr)}.settings .setnav{padding-inline:14px}#setbody{padding-inline:16px}}
@media(max-width:780px){.settings{grid-template-columns:176px minmax(0,1fr)}#setbody>.box{padding:16px}.cfg-card .grid{grid-template-columns:1fr}}
body:has(.settings) #dlg.settings-edit{position:fixed;inset:40px 0 auto;margin:0 auto;width:min(450px,94vw);padding:30px;background:white;max-height:calc(100vh - 80px);overflow:auto}
body:has(.settings) #dlg.settings-edit .bar{margin-bottom:20px}body:has(.settings) #dlg.settings-edit h2{font-size:20px}
body:has(.settings) #dlg.settings-edit .box{padding:0;margin:0}body:has(.settings) #dlg.settings-edit .grid{grid-template-columns:1fr}
.settings-editor-footer{display:flex;justify-content:flex-end;margin-top:24px}.settings-editor-footer button{padding-inline:20px}
.ticket-print{page:ticket;width:var(--ticket-width);padding:3mm;font-size:8pt}.ticket-print header,.ticket-print .invoice-parties,.ticket-print .invoice-pay{display:block}.ticket-print header>div:last-child{text-align:left}.ticket-print .invoice-parties>div,.ticket-print .invoice-total{width:100%;min-height:0}.ticket-print .invoice-parties>div{padding:2mm}.ticket-print header img{max-width:100%!important;height:auto}.ticket-print td,.ticket-print th{font-size:6pt;white-space:normal;padding:2pt 1pt}.ticket-print .invoice-total{margin:3mm 0}.ticket-print .draft-stamp{display:none}@media print{.ticket-print{width:100%;padding:0}}
@media(min-width:1051px){body:has(.settings) #nav:not(.mini){width:250px}#setbody{padding-inline:max(24px,calc((100% - 915px)/2))}}
body:has(.settings) .brand small{display:none}body:has(.settings) .brand{padding-top:0;padding-bottom:30px}body:has(.settings) #nav>.nav{height:40px;flex-shrink:0;margin:4px 0;font-size:16px;font-weight:400}
#setlinks{scrollbar-width:none}.setnav button{white-space:nowrap}
.cfg-field.check input:checked:disabled{background:#a0a0a2}.settings-toolbar input{min-width:0}
.cfg-entry .cfg-language{flex:none;align-self:flex-end;border:0;background:transparent;color:#555}#attribute-values{display:grid;gap:8px}
@media(min-width:1051px){#setbody{padding-left:max(24px,calc((100% - 900px)/2));padding-right:max(24px,calc((100% - 930px)/2))}}
.settings-row .record-link{padding-left:0;margin-right:10px}.cfg-upload label:focus-within,.grid .cfg-field:focus-within{outline:1px solid #616165;outline-offset:-1px}
#dlg.product-create,#dlg.product-editor{position:fixed;inset:40px 0 auto;margin:0 auto;background:white;border-radius:16px;max-height:calc(100vh - 80px);padding:30px;overflow:auto}
#dlg.product-create{width:min(450px,94vw);max-width:450px}
#dlg.product-create .bar,#dlg.product-editor .bar{height:40px;min-height:40px;margin-bottom:24px}
#dlg.product-create h2,#dlg.product-editor h2{font:700 24px/32px "Segoe UI",sans-serif}
#dlg.product-create .x,#dlg.product-editor .x{background:none;border:0;padding:8px}#dlg.product-create .x svg,#dlg.product-editor .x svg{width:22px;height:22px}
#product-create,#product-create>.grid{display:grid;grid-template-columns:1fr;gap:12px}#product-create>.grid>label,#dlg.product-editor .grid>label{position:relative;min-height:60px;gap:3px;padding:8px 16px 4px;justify-content:center;font-size:12px}
#product-create>.grid>label:has([required])::after{content:'*';color:#ff3366;position:absolute;right:14px;top:8px}
#product-create>.primary{height:50px;margin-top:4px;border-radius:4px}
#dlg.product-editor{width:min(900px,94vw)}#dlg.product-editor .tabs{border:0}#dlg.product-editor .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#dlg.product-editor .box{padding:0;background:white}#dlg.product-editor .grid:has(textarea)>label:has(textarea){grid-column:1/-1}
#dlg.product-create::backdrop,#dlg.product-editor::backdrop{background:#000b}.product-filter-tags{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.product-filter-tags button{background:#f6f6f6;border:0;font-size:12px}
.action-menu{padding:4px!important}.action-menu [role=menu]{max-height:min(420px,70vh);overflow:auto}.action-menu button{display:flex;gap:8px;align-items:center;height:32px;padding:0 10px;border-radius:5px;font-size:14px}
.menu-glyph{width:16px;height:16px;display:inline-flex}.menu-glyph svg{width:100%;height:100%;fill:currentColor}.danger-item{color:#d60000}.action-menu button:hover{background:#f6f6f7}
.settings-editor-footer button{width:100%;height:50px;border-radius:4px}.palette-button{width:28px;height:28px;padding:0;background:var(--swatch);border:1px solid #ccc}
.palette-popup [role=listbox]{display:grid;grid-template-columns:repeat(5,30px);gap:5px;padding:4px}.palette-popup button{border:1px solid #ddd;width:30px;height:30px;color:transparent;background:var(--swatch);font-size:0}.palette-popup button[aria-selected=true]{outline:2px solid #333}
.dial-prefix{padding:4px;border:0;white-space:nowrap;background:transparent;font-weight:normal}
#filter-count:not(:empty){background:#222;color:white;padding:1px 6px;border-radius:12px;margin-left:4px;font-size:12px}.stock-tag{border-radius:4px;background:#e7f6e9;color:#22723c;padding:6px 10px;font-size:12px}.stock-tag[data-empty=true]{background:#d60000;color:white}
.catalogue-panel{width:330px;padding:16px;overflow:auto}.catalogue-panel>b{display:block;margin-bottom:12px}.catalogue-panel .filter-segment{display:flex;margin-bottom:10px}.filter-segment button{background:#f6f6f7;text-align:center;padding:8px 5px}.filter-segment [aria-checked=true]{background:#252527;color:white}.filter-field{display:block;border:1px solid #ddd;padding:6px 12px;margin:6px 0;border-radius:4px;font-weight:650;font-size:12px}.filter-field button{font-size:14px}
.catalogue-panel .column-choice{display:flex;gap:10px;padding:6px 2px}.catalogue-panel .primary,.settings-editor-footer button{background:#ff3467;color:white;text-align:center}.product-filter-tags:empty{display:none}.product-filter-tags button:last-child{margin-left:auto}.product-create label:has([required]){font-weight:650}
#dlg.product-create::backdrop,#dlg.product-editor::backdrop{background:rgba(0,0,0,.7)}
#product-create>.grid>label{font:700 12px/16px "Segoe UI",sans-serif}.product-create .settings-select{font:400 14px/20px "Segoe UI",sans-serif}
.settings-select::after{content:'';width:7px;height:7px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);margin:0 3px 4px 9px}
@media(min-width:1051px){#nav:not(.mini){width:250px}}#nav .brand small{display:none}#nav .brand{padding-top:0;padding-bottom:30px}#nav>.nav{height:40px;flex-shrink:0;margin:4px 0;font-size:16px;font-weight:400}
.settings-toolbar>button[title="Descargar"]{margin-left:auto}.settings-toolbar>button[title="Descargar"]+.primary{margin-left:0}.settings-toolbar>.primary{margin-left:auto}
.settings-row .record-link{font-weight:600}.settings-row>span:first-child{display:flex;align-items:center;gap:6px;flex:1}.settings-row small{margin-left:auto}.settings-row>span:last-child{margin-left:8px}
.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.plan-grid article{border:1px solid #ddd;border-radius:6px;padding:18px;display:flex;flex-direction:column;gap:8px}.plan-grid article button{float:right}.plan-grid p,.cfg-card>p{line-height:1.5;margin:6px 0 12px}.contact-counter-note{padding:12px 16px;background:#f6f6f7;border-radius:6px}
.cfg-radio{grid-column:auto}.cfg-radio>label{flex:1;justify-content:center;background:#f6f6f7;border:0}.cfg-radio>label:has(:checked){background:white;border:1px solid #ccc}.cfg-radio input{position:absolute!important;opacity:0}.suspended-account{max-width:620px;margin:10vh auto}.suspended-account .actions{margin-top:18px}
.unsaved-confirm{position:fixed;inset:0;width:min(445px,92vw);margin:auto;max-height:80vh;background:white;padding:24px}.unsaved-confirm h3{margin:0 0 12px}.unsaved-confirm .actions{margin-top:20px;justify-content:flex-end}.unsaved-confirm::backdrop{background:#0008}.cfg-upload .cfg-picture+small{display:none}