.company-switch{display:inline-flex;gap:.6rem;align-items:center;margin:8px 18px;color:var(--gold,#b58a37)} .company-switch select{max-width:360px}.vd-actions{flex-wrap:wrap;gap:8px}.gestion-choice{display:flex;align-items:center;gap:6px}.gestion-choice input{min-width:0;flex:1}.pdf-preview{width:min(1100px,95vw);height:90vh;border:1px solid #b58a37;border-radius:12px;background:#f7f5ee}.pdf-preview iframe{width:100%;height:calc(100% - 55px);border:0}.pdf-preview button{margin:6px}.gestion-picker label{display:flex;flex-direction:column;gap:5px;margin:10px 0}.gestion-picker input,.gestion-picker select{padding:9px}.gestion-status,[role=status]{white-space:pre-line}.vd-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.vd-fields label{display:flex;flex-direction:column;gap:5px}.vd-fields input,.vd-fields select{max-width:100%;box-sizing:border-box}.tablewrap{overflow:auto}tr.selected{background:#f1e4c5!important}#fiLines input,#puLines input,#bgLines input{min-width:75px} .tpv-touch-shell,.tpv-shell{--touch-blue:#b58a37;--touch-dark:#232c36;--touch-light:#f5f1e6}.tpv-product-tile{background:#faf7ef!important;color:#202833!important;border-color:#d7bc80!important}.tpv-family-tile{background:#27313e!important;color:#f3e6c8!important;border:1px solid #b58a37!important}.tpv-family-tile.on{background:#b58a37!important;color:#171e28!important}.tpv-touch-rail button,.tpv-footer-actions button{border-color:#b58a37!important}.tpv-touch-rail .gold,.tpv-footer-actions .gold,.tpv-accept{background:#b58a37!important;color:#17202a!important}.tpv-total-box{background:#222c38!important;color:#f4d99f!important}.tpv-products-grid{background:#f4f0e5!important}.tpv-touch-stage{background:#f5f1e8!important} /* Revisión 31: fondo negro del TPV táctil. */ .tpv-touch-shell,.tpv-shell,.tpv-products-grid,.tpv-touch-stage{background:#090909!important;--touch-dark:#090909;--touch-light:#090909}.tpv-family-tile{background:#151515!important}.tpv-total-box{background:#111!important} #tpvDiseno.tpv-touch .tpv-shell{background:#090909!important;color:#f3ead6}#tpvDiseno.tpv-touch [data-pos-status]{background:#111;color:#ead7ae}#tpvDiseno.tpv-touch .tpv-family-tile.on{background:#b58a37!important;color:#171717!important} /* TPV táctil: tema integrado con el resto de la web. */ #tpvDiseno.tpv-touch {font-family:system-ui,-apple-system,sans-serif;font-size:15px;color:#efe9de} #tpvDiseno.tpv-touch .tpv-shell, #tpvDiseno.tpv-touch .tpv-touch-shell, #tpvDiseno.tpv-touch .tpv-touch-stage, #tpvDiseno.tpv-touch .tpv-products-grid {--touch-dark:#1d2229;--touch-light:#2a313b;background:#1d2229!important;color:#efe9de;border-color:#414850} #tpvDiseno.tpv-touch .tpv-shell {border-radius:12px;overflow:hidden} #tpvDiseno.tpv-touch .tpv-window-title {background:#2a313b;color:#e6c27a;border-bottom:1px solid #68727c} #tpvDiseno.tpv-touch [data-pos-status] {background:#20252c;color:#babfc6;font-size:12px} #tpvDiseno.tpv-touch h3, #tpvDiseno.tpv-touch label, #tpvDiseno.tpv-touch .tpv-touch-shop, #tpvDiseno.tpv-touch .tpv-touch-shop p {color:#d5b779} #tpvDiseno.tpv-touch input, #tpvDiseno.tpv-touch select, #tpvDiseno.tpv-touch textarea {font-family:inherit;font-size:14px;background:#10151b!important;color:#fff!important;border:1px solid #5e6673;border-radius:6px} #tpvDiseno.tpv-touch button {font-family:inherit;background:#323941!important;color:#f4e0b4!important;border:1px solid #68727c!important;border-radius:7px} #tpvDiseno.tpv-touch button:not(:disabled):hover {background:#3e4752!important;border-color:#c9a65d!important} #tpvDiseno.tpv-touch button:focus-visible {outline:2px solid #e6c27a;outline-offset:2px} #tpvDiseno.tpv-touch .tpv-product-tile, #tpvDiseno.tpv-touch .tpv-family-tile {font-size:12px;font-weight:650;line-height:1.3} #tpvDiseno.tpv-touch .tpv-product-tile small {font-size:12px;font-weight:400;color:#babfc6} #tpvDiseno.tpv-touch .tpv-family-tile.on {background:#c9a65d!important;color:#17120a!important;border-color:#c9a65d!important} #tpvDiseno.tpv-touch .tpv-ticket-scroll, #tpvDiseno.tpv-touch .tpv-lines, #tpvDiseno.tpv-touch .tpv-lines tbody {background:#1d2229!important;color:#efe9de;border-color:#414850} #tpvDiseno.tpv-touch .tpv-lines thead, #tpvDiseno.tpv-touch .tpv-lines th {background:#2a313b;color:#e4c17d;font-size:12px;border-color:#3c444c} #tpvDiseno.tpv-touch .tpv-lines td {color:#efe9de;border-color:#3c444c;font-size:14px} #tpvDiseno.tpv-touch .tpv-lines tr.selected, #tpvDiseno.tpv-touch .tpv-lines tbody tr:hover {background:#363325!important;color:#efe9de} #tpvDiseno.tpv-touch .tpv-total-box {background:#2a313b!important;color:#f4d99f!important;border-color:#68727c} #tpvDiseno.tpv-touch .tpv-total-box strong {color:#f4d99f} #tpvDiseno.tpv-touch .tpv-touch-rail button, #tpvDiseno.tpv-touch .tpv-footer-actions button {font-size:12px} #tpvDiseno.tpv-touch .tpv-footer-actions {border-color:#414850} #tpvDiseno.tpv-touch .tpv-footer-actions .gold, #tpvDiseno.tpv-touch .tpv-touch-rail .gold, #tpvDiseno.tpv-touch .tpv-accept {background:#c9a65d!important;color:#17120a!important;border-color:#c9a65d!important;font-weight:750} #tpvDiseno.tpv-touch .tpv-action-icon {stroke:#d5b779} #tpvDiseno.tpv-touch .gold .tpv-action-icon {stroke:#17120a} #tpvDiseno.tpv-touch [data-products-status] {color:#babfc6;font-size:12px} #tpvDiseno.tpv-touch .tpv-touch-shop small {color:#babfc6;font-size:12px} #tpvDiseno.tpv-touch .tpv-product-heading h3,#tpvDiseno.tpv-touch .tpv-family-heading h3 {color:#d5b779;font-size:13px} #tpvDiseno.tpv-touch .tpv-head {background:#2a313b;color:#e6c27a;border-bottom:1px solid #414850} #tpvDiseno.tpv-touch .tpv-head h1 {color:#e6c27a;font-size:18px;font-weight:700} #tpvDiseno.tpv-touch .tpv-head .tpv-note {color:#babfc6} #tpvDiseno.tpv-touch .tpv-product-tile {font-weight:600;padding:7px 3px} /* Adaptación de toda la web a ventanas y tabletas. Solo presentación en pantalla. */ @media screen { main,main>section,.panel,.tpv-shell,.alm-shell,.aux-shell,.enc-shell,.eco-shell,.ef-shell {min-width:0;max-width:100%} main :is(label,.fields>*,.vd-fields>*,.tpv-grid>*,.aux-layout>*,.id-grid>*,.ef-report>*,.eco-grid>*,.enc-grid>*,.alm-grid>*) {min-width:0} main :is(input,select,textarea) {max-width:100%} .company-switch {min-width:0;max-width:100%;flex-wrap:wrap} .company-switch select {min-width:0;max-width:100%} .brand {flex-wrap:wrap} .line {flex-wrap:wrap} .tablewrap,.vd-table,.ef-scroll,.alm-list,.aux-list,.tpv-lines,.tpv-ticket-scroll,.gestion-document-list {min-width:0;max-width:100%;overflow:auto;overscroll-behavior-x:contain} .gestion-picker {max-width:calc(100vw - 24px);max-height:90dvh} .gestion-picker table {min-width:0} .gestion-choice {min-width:0;flex-wrap:wrap} .gestion-choice input {flex-basis:120px} button {touch-action:manipulation} } @media screen and (max-width:1100px) { main {padding:16px} .panel {padding:16px} .mainnav,.subnav {padding:0 8px} .mainnav button,.subnav button {padding:11px 9px;font-size:12px;white-space:normal} .brand {padding:10px 16px;gap:10px} h1 {font-size:23px} .fields {grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))} :is(#ventasDiseno,#comprasDiseno) .vd-fields {grid-template-columns:repeat(2,minmax(0,1fr))} #efectosDiseno .ef-filters,#efectosDiseno .ef-fields {grid-template-columns:repeat(2,minmax(0,1fr))} #economicoDiseno .eco-grid {grid-template-columns:repeat(2,minmax(0,1fr))} #tpvDiseno .tpv-top,#tpvDiseno .tpv-search,.alm-grid,.enc-grid {grid-template-columns:repeat(2,minmax(0,1fr))} #tpvDiseno.tpv-touch .tpv-top {grid-template-columns:190px 170px minmax(0,1fr);gap:12px} #tpvDiseno.tpv-touch .tpv-touch-shop {grid-template-columns:1fr} #tpvDiseno.tpv-touch .tpv-grid.tactile {grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-products-grid,#tpvDiseno.tpv-touch .tpv-families-grid {grid-template-columns:repeat(3,minmax(0,1fr))} #tpvDiseno.tpv-touch .tpv-ticket-scroll {height:clamp(180px,30dvh,305px)} #tpvDiseno.tpv-touch .tpv-products-grid {height:clamp(250px,42dvh,360px)} #tpvDiseno.tpv-touch .tpv-footer-actions {gap:6px} #tpvDiseno.tpv-touch .tpv-footer-actions button {flex:1 1 85px} main table {min-width:0!important;width:100%} main th,main td {padding:7px 5px;overflow-wrap:anywhere;font-size:12px} :is(#ventasDiseno,#comprasDiseno) td input,[data-budget-line] td input {min-width:50px} [data-budget-line] td:nth-child(3) input {min-width:100px} #tpvDiseno.tpv-touch .tpv-lines input {min-width:0;font-size:13px} .actions,.vd-actions,.ef-buttons,.alm-actions {gap:8px} .pager {flex-wrap:wrap} } @media screen and (max-width:900px) { .fixed {position:static} #informesDiseno .id-grid,#efectosDiseno .ef-report,.aux-layout,.alm-card-row,#tpvDiseno .tpv-grid {grid-template-columns:minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-grid.tactile {grid-template-columns:minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-top {grid-template-columns:minmax(0,1fr) minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-touch-shop {grid-column:1/-1;grid-template-columns:1fr 1fr} #tpvDiseno.tpv-touch .tpv-products-grid,#tpvDiseno.tpv-touch .tpv-families-grid {grid-template-columns:repeat(4,minmax(0,1fr))} #tpvDiseno.tpv-touch .tpv-ticket-scroll {height:190px} #tpvDiseno.tpv-touch .tpv-keypad {max-width:100%;margin-top:8px} #tpvDiseno.tpv-touch .tpv-keypad button {min-height:44px} } @media screen and (max-width:600px) { main {padding:10px} .panel,#efectosDiseno .ef-shell,#economicoDiseno .eco-shell,#almacenesDiseno .alm-shell,#auxiliaresDiseno .aux-shell,#encargosDiseno .enc-shell {padding:12px} .brand {padding:9px 12px} .brand .right {margin-left:auto} .company-switch {margin:0;width:100%} .mainnav,.subnav {padding:0 4px} .mainnav button,.subnav button {flex:1 1 auto;font-size:11px;padding:10px 7px} h1 {font-size:21px} .fields,:is(#ventasDiseno,#comprasDiseno) .vd-fields, #efectosDiseno .ef-fields,#efectosDiseno .ef-filters,#efectosDiseno .ef-options, #economicoDiseno .eco-grid,#economicoDiseno .eco-grid.two, .alm-grid,.enc-grid,.aux-form,#tpvDiseno .tpv-top,#tpvDiseno .tpv-search {grid-template-columns:minmax(0,1fr)} :is(#ventasDiseno,#comprasDiseno) .vd-wide,#efectosDiseno .ef-wide,#economicoDiseno .eco-wide {grid-column:1/-1} #informesDiseno .id-filters,#informesDiseno .id-dates,#efectosDiseno .ef-report-options {grid-template-columns:minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-top {grid-template-columns:minmax(0,1fr)} #tpvDiseno.tpv-touch .tpv-touch-shop {grid-column:auto} #tpvDiseno.tpv-touch .tpv-products-grid,#tpvDiseno.tpv-touch .tpv-families-grid {grid-template-columns:repeat(3,minmax(0,1fr))} #tpvDiseno.tpv-touch .tpv-touch-stage {padding:10px} #tpvDiseno.tpv-touch .tpv-touch-catalog {grid-template-columns:minmax(0,1fr) 65px} #tpvDiseno.tpv-touch .tpv-footer-actions .spacer {display:none} .vd-total {flex-wrap:wrap;gap:10px!important} .article-stock-table input {width:100%;min-width:60px} .gestion-picker {padding:12px} } @media screen and (pointer:coarse) { button,.mainnav button,.subnav button {min-height:44px} input:not([type=checkbox]):not([type=radio]),select {min-height:44px;font-size:16px} input[type=checkbox],input[type=radio] {width:20px!important;height:20px} } /* Cierres: listado y detalle. */ .cash-closure .cash-filters{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:12px} .cash-closure .cash-list{max-height:260px;margin:16px 0} .cash-closure .cash-summary,.cash-closure .cash-audit{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0} .cash-closure .cash-detail{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;border:1px solid #414850;border-radius:8px;padding:14px} .cash-closure input[readonly]{color:#f4d99f!important;background:#20252c!important} .cash-closure .cash-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} @media screen and (max-width:1100px){.cash-closure .cash-detail{grid-template-columns:repeat(4,minmax(0,1fr))}.cash-closure .cash-summary,.cash-closure .cash-audit{grid-template-columns:repeat(3,minmax(0,1fr))}} @media screen and (max-width:700px){.cash-closure .cash-filters,.cash-closure .cash-summary,.cash-closure .cash-audit,.cash-closure .cash-detail{grid-template-columns:repeat(2,minmax(0,1fr))}} @media screen and (max-width:450px){.cash-closure .cash-filters{grid-template-columns:1fr}.cash-closure .cash-actions button{flex:1 1 120px}} #tpvDiseno .tpv-shell.cash-closure{background:#1d2229!important;color:#efe9de;border-color:#414850} /* TPV compacto en tablet: mantener dos columnas y aprovechar también el alto. */ @media screen and (min-width:700px) and (max-width:1400px) { main:has(#tpvDiseno:not([hidden])){padding:8px 12px} body:has(#tpvDiseno:not([hidden])) .brand{padding:6px 12px;gap:8px} body:has(#tpvDiseno:not([hidden])) .brand strong{font-size:19px} body:has(#tpvDiseno:not([hidden])) .company-switch{margin:0;flex:1} body:has(#tpvDiseno:not([hidden])) .mainnav, body:has(#tpvDiseno:not([hidden])) .subnav{padding:0 4px} body:has(#tpvDiseno:not([hidden])) .mainnav button, body:has(#tpvDiseno:not([hidden])) .subnav button{font-size:11px;padding:7px 8px;min-height:40px} #tpvDiseno:not(.cash-closure) .tpv-head{margin-bottom:6px;gap:8px} #tpvDiseno .tpv-head h1{font-size:18px;margin:0} #tpvDiseno [data-pos-status]{font-size:12px;margin:0;padding:4px 8px;line-height:1.35} #tpvDiseno.tpv-fit>.tpv-shell{height:var(--tpv-room);display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:8px;overflow:auto} #tpvDiseno.tpv-fit>.tpv-shell>.panel{min-height:0;min-width:0;margin:0;padding:8px;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px} #tpvDiseno.tpv-fit label{font-size:12px;gap:2px} #tpvDiseno.tpv-fit input,#tpvDiseno.tpv-fit select{min-height:40px;padding:6px;font-size:16px;line-height:1.2} #tpvDiseno.tpv-fit button{min-height:44px;padding:6px;line-height:1.15} #tpvDiseno.tpv-fit .tpv-top,#tpvDiseno.tpv-fit .tpv-search{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0} #tpvDiseno.tpv-fit .tpv-grid{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);gap:8px;min-height:0} #tpvDiseno.tpv-fit .tpv-grid>*{min-height:0;min-width:0} #tpvDiseno.tpv-fit .tpv-lines{padding:6px;overflow:auto} #tpvDiseno.tpv-fit .tpv-lines table{min-width:0!important;table-layout:fixed} #tpvDiseno.tpv-fit .tpv-lines th:nth-child(2){width:40%} #tpvDiseno.tpv-fit .tpv-lines td,#tpvDiseno.tpv-fit .tpv-lines th{padding:5px 3px;font-size:12px;overflow-wrap:anywhere} #tpvDiseno.tpv-fit .tpv-lines input{min-width:0!important;padding:4px 2px;font-size:14px} #tpvDiseno.tpv-fit .tpv-side{padding:8px;overflow:auto} #tpvDiseno.tpv-fit .tpv-side h3{font-size:14px;margin:0 0 6px} #tpvDiseno.tpv-fit .tpv-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px} #tpvDiseno.tpv-fit .tpv-actions-grid button{font-size:11px;overflow-wrap:anywhere} #tpvDiseno.tpv-fit .tpv-total-box{padding:6px;margin:6px 0;min-height:44px} #tpvDiseno.tpv-fit .tpv-total-box strong{font-size:26px} #tpvDiseno.tpv-fit .tpv-accept{font-size:15px} #tpvDiseno.tpv-fit .tpv-footer-actions{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0;padding-top:6px} #tpvDiseno.tpv-fit .tpv-footer-actions button{font-size:11px;min-height:44px;overflow-wrap:anywhere} #tpvDiseno.tpv-fit .tpv-footer-actions .spacer{display:none} #tpvDiseno.tpv-fit.tpv-touch>.tpv-shell{padding:0} #tpvDiseno.tpv-fit.tpv-touch .tpv-head{padding:6px 10px;margin:0} #tpvDiseno.tpv-fit.tpv-touch>.tpv-shell>.panel{grid-template-rows:auto minmax(0,1fr) auto} #tpvDiseno.tpv-fit.tpv-touch .tpv-top{grid-template-columns:minmax(285px,1.35fr) minmax(100px,.5fr) minmax(190px,1fr);gap:8px} #tpvDiseno.tpv-fit.tpv-touch .tpv-ticket{display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:6px} #tpvDiseno.tpv-fit.tpv-touch .tpv-ticket label{display:flex;flex-direction:column;align-items:stretch;margin:0;gap:2px} #tpvDiseno.tpv-fit.tpv-touch .tpv-customer p{margin:6px 0;font-size:13px} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-shop{grid-column:auto;grid-template-columns:1fr 1fr;gap:6px} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-shop small{font-size:10px;line-height:1.2} #tpvDiseno.tpv-fit.tpv-touch .tpv-grid.tactile{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px} #tpvDiseno.tpv-fit.tpv-touch .tpv-lines{display:grid;grid-template-rows:minmax(75px,1fr) auto auto;gap:6px;padding:0;overflow:visible} #tpvDiseno.tpv-fit.tpv-touch .tpv-ticket-scroll{height:auto;min-height:0;overflow:auto} #tpvDiseno.tpv-fit.tpv-touch .tpv-total-search{margin:0;gap:6px;grid-template-columns:minmax(0,1fr) 80px} #tpvDiseno.tpv-fit.tpv-touch .tpv-total-box{margin:0} #tpvDiseno.tpv-fit.tpv-touch .tpv-keypad{max-width:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0} #tpvDiseno.tpv-fit.tpv-touch .tpv-keypad button{min-height:44px;font-size:20px;padding:4px} #tpvDiseno.tpv-fit.tpv-touch .tpv-keypad button:nth-child(5n-1),#tpvDiseno.tpv-fit.tpv-touch .tpv-keypad button:last-child{font-size:12px} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-catalog{grid-template-columns:minmax(0,1fr) 62px;gap:6px} #tpvDiseno.tpv-fit.tpv-touch .tpv-products{display:grid;grid-template-rows:auto minmax(90px,1fr) auto auto auto;min-height:0} #tpvDiseno.tpv-fit.tpv-touch .tpv-products-grid{height:auto;min-height:0;overflow:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px} #tpvDiseno.tpv-fit.tpv-touch .tpv-product-tile{min-height:60px;font-size:11px} #tpvDiseno.tpv-fit.tpv-touch .tpv-families-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-height:98px;overflow:auto} #tpvDiseno.tpv-fit.tpv-touch .tpv-family-tile{min-height:44px;font-size:10px;padding:4px} #tpvDiseno.tpv-fit.tpv-touch .tpv-family-heading{margin-top:4px} #tpvDiseno.tpv-fit.tpv-touch .tpv-product-heading,#tpvDiseno.tpv-fit.tpv-touch .tpv-family-heading{margin-bottom:4px} #tpvDiseno.tpv-fit.tpv-touch [data-products-status]{font-size:10px;margin:3px 0;min-height:0} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-rail{gap:5px;overflow:auto} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-rail button{min-height:55px;font-size:10px;padding:4px} #tpvDiseno.tpv-fit.tpv-touch .tpv-action-icon{width:18px;height:18px;margin:0 auto 2px} #tpvDiseno.tpv-fit.tpv-touch .tpv-footer-actions button{min-height:44px;padding:4px} } @media screen and (min-width:1000px) and (max-width:1400px){ #tpvDiseno.tpv-fit .tpv-footer-actions{grid-template-columns:repeat(11,minmax(0,1fr))} } #tpvDiseno.tpv-fit>.tpv-shell{background:#1d2229!important;color:#efe9de} #tpvDiseno.tpv-fit.tpv-touch .tpv-touch-rail button{overflow-wrap:anywhere}