.field>label{color:#334863;font-weight:550}.picker-positioner{z-index:100;pointer-events:auto;isolation:isolate}.picker-popup{width:var(--anchor-width);min-width:220px;max-width:var(--available-width);color:#203955;background:#fff;border:1px solid #d8e2ef;border-radius:8px;overflow:hidden;box-shadow:0 14px 40px #14274426}.picker-list{max-height:min(320px,var(--available-height));overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto}.picker-list [data-slot=combobox-item]{cursor:pointer}.picker-popup [data-slot=combobox-empty]{color:#6d8097;padding:16px;display:none}.picker-popup[data-empty] [data-slot=combobox-empty]{display:flex}.choice-popup{z-index:100;pointer-events:auto}.field .picker-popup input{min-height:36px}.catalog-product{align-items:center;gap:14px;display:flex}.catalog-thumbnail{color:#9aaac0;background:#fafcfe;border:1px solid #e3e9f1;border-radius:7px;flex:0 0 50px;place-items:center;width:50px;height:50px;display:grid;overflow:hidden}.catalog-thumbnail img{object-fit:contain;width:100%;height:100%}.back-link{color:#647a94;margin:-8px 0 18px -10px}.product-detail .page-heading h1{max-width:760px;font-size:28px;line-height:1.3}.product-overview{grid-template-columns:minmax(220px,.9fr) minmax(290px,1.15fr) minmax(250px,.9fr);align-items:stretch;gap:20px;margin-bottom:22px;display:grid}.product-photo-panel{flex-direction:column;display:flex}.product-photo{cursor:zoom-in;background:#fff;justify-content:center;align-items:center;width:100%;height:300px;padding:22px;display:flex}.product-photo img{object-fit:contain;width:100%;height:100%}.product-photo-empty{color:#8b9db4;cursor:pointer;background:#f8fafd;flex-direction:column;gap:18px;font-size:14px}.product-photo-caption{border-top:1px solid #e5ebf3;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:18px;display:flex}.product-photo-caption .sku{color:#677d98;font-family:monospace;font-size:14px}.product-stock-column{flex-direction:column;gap:18px;display:flex}.product-stock-card{padding:23px}.section-label{color:#59718e;align-items:center;gap:9px;font-size:14px;display:flex}.stock-number{color:#203c5c;margin:12px 0;font-size:38px;line-height:1.3;display:block}.stock-number small{color:#7b8da3;font-size:16px;font-weight:400}.product-stock-card p{font-size:14px;line-height:1.6}.product-stock-actions{color:#71849c;border-top:1px solid #e9eef5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;padding-top:12px;font-size:14px;display:flex}.product-locations{flex:1;padding:22px}.product-locations h2{align-items:center;gap:9px;margin-bottom:13px;display:flex}.product-locations p{font-size:14px;line-height:1.65}.location-quantity{border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;font-size:14px;line-height:1.65;display:flex}.location-quantity strong{white-space:nowrap;color:#254766}.product-pricing{padding:23px}.product-price{border-bottom:1px solid #e4ebf3;flex-direction:column;gap:5px;padding:22px 0;display:flex}.product-price>span:first-child{color:#506984;font-size:15px;font-weight:600}.product-price>strong{color:#155be8;letter-spacing:-.025em;font-size:27px}.product-price>small{color:#778aa2;font-size:13px}.net-price{color:#6a7e98;margin-top:7px;font-size:16px}.net-price small{font-size:13px}.product-pricing>p{margin-top:17px;font-size:13px}.tier-summary{margin-bottom:22px}.product-extra{margin-bottom:14px}.product-extra>summary{cursor:pointer;color:#294968;padding:20px 23px;font-size:16px;font-weight:550}.product-extra>summary>span{color:#7a8ca4;margin-left:16px;font-size:13px;font-weight:400}.product-extra-body{border-top:1px solid #e4ebf4;padding:20px 23px;font-size:14px;line-height:1.7}.product-extra-body>.form-grid,.product-extra-body>p{margin-bottom:16px}.preserve-lines{white-space:pre-line}.component-summary{border-bottom:1px solid #e9eef5;margin-bottom:16px;padding-bottom:12px}.component-summary p{color:#71849c;margin-top:5px}.product-zoom{object-fit:contain;width:100%;max-height:70dvh}.photo-editor{background:#f6f9fd;border-radius:8px;align-items:center;gap:20px;min-width:0;padding:16px;display:flex}.photo-editor>img,.photo-placeholder{object-fit:contain;background:#fff;border:1px solid #e0e8f2;border-radius:6px;flex-shrink:0;width:95px;height:95px}.photo-placeholder{color:#9aacc2;place-items:center;display:grid}.photo-editor>div:last-child{flex:1;min-width:0}.photo-editor small{color:#7d8da2;font-size:13px}.tier-editor{background:#f8fafd;border:1px solid #e0e8f2;border-radius:8px;padding:18px}.tier-editor h3{font-size:16px;font-weight:600}.tier-editor>p{color:#71849b;margin:7px 0 16px;font-size:13px;line-height:1.6}.tier-editor-row{grid-template-columns:1.1fr 1fr 1fr 36px;align-items:end;gap:10px;margin-bottom:14px;display:grid}.document-filters{border-bottom:1px solid #e7edf5;flex-wrap:wrap;align-items:end;gap:12px;padding:18px 22px;display:flex}.document-filters>.field{max-width:170px}.document-filters>.searchbox{align-self:center}.document-client-grid{background:#f4f8fd;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px 20px;padding:18px;font-size:14px;line-height:1.6;display:grid}.document-client-grid strong{text-transform:uppercase;letter-spacing:.04em;color:#7a8ca5;font-size:12px;display:block}.document-client-grid>div:first-child{color:#244466;grid-column:1/-1;font-size:17px}.document-options{background:#f7faff;border:1px solid #dde6f2;border-radius:8px;flex-direction:column;gap:14px;padding:16px;display:flex}.document-totals{background:#f4f8fe;border-radius:8px;flex-direction:column;gap:10px;min-width:min(100%,300px);margin-left:auto;padding:18px;display:flex}.document-totals>div{color:#657a94;justify-content:space-between;gap:30px;font-size:14px;display:flex}.document-totals .grand-total{color:#1456ce;border-top:1px solid #dce6f4;margin-top:4px;padding-top:13px;font-size:20px;font-weight:650}.document-line .line-values .field{flex:1;width:auto;min-width:90px}.document-line .line-detail{margin-top:12px}.discount-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.discount-control>.field{width:180px}.discount-control>p{color:#6b8099;flex:1;min-width:180px;font-size:13px;line-height:1.6}@media (width<=1150px){.product-overview{grid-template-columns:1fr 1fr}.product-pricing{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.product-pricing h2,.product-pricing>p{grid-column:1/-1}.product-photo{height:320px}}@media (width<=760px){.product-overview{grid-template-columns:1fr;gap:16px}.product-pricing{grid-column:auto}.product-detail .page-heading h1{font-size:24px}.product-photo{height:260px}.product-price>strong{font-size:23px}.tier-editor-row{grid-template-columns:1fr 1fr}.tier-editor-row>button{justify-self:end}.photo-editor{align-items:flex-start;gap:12px;padding:12px}.photo-editor>img,.photo-placeholder{width:65px;height:65px}.document-client-grid{grid-template-columns:1fr}.document-client-grid>div:first-child{grid-column:auto}.document-filters{padding:15px}.document-filters>.field{flex:1;min-width:130px;max-width:none}.product-extra>summary>span{margin:6px 0 0;display:block}.product-price{padding:18px 0}}.order-actions{background:#f8fbff;border:1px solid #d9e4f1;border-radius:8px;padding:20px}.order-actions h3{margin-bottom:13px;font-size:16px;font-weight:650}.status-row{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.operational-alerts{grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px;display:grid}.operational-alerts button{text-align:left;cursor:pointer;background:#fdf9ef;border:1px solid #eee0c4;border-radius:8px;align-items:center;gap:15px;padding:16px;display:flex}.operational-alerts strong{color:#9c6c22;font-size:26px}.operational-alerts span{color:#86734f;font-size:14px;line-height:1.5}.location-tree{margin-top:20px}.location-tree-node{background:#fff;border:1px solid #dbe5f0;border-radius:8px;margin:12px 0}.location-tree-node>summary{cursor:pointer;color:#2a496c;padding:17px 20px}.location-tree-node>summary span{color:#7a8ea7;margin-left:18px;font-size:13px}.location-tree-content{border-top:1px solid #e6edf5;padding:16px 20px}.location-tree-content>.location-tree-node{margin-left:15px}.packing-line{border-bottom:1px solid #e1e8f2;align-items:center;gap:14px;padding:14px 0;display:flex}.packing-line>div{flex:1;min-width:0}.packing-line strong{font-size:14px}.packing-line small{color:#71869f;margin-top:5px;display:block}.packing-line input{max-width:100px}.section-heading{margin:26px 0 14px;font-size:18px;font-weight:600}.scanner-video{background:#15243b;border-radius:8px;width:100%;max-height:300px}.portal-layout{grid-template-columns:220px minmax(0,1fr);gap:28px;margin-top:30px;display:grid}.portal-layout aside{background:#fff;border:1px solid #dce6f1;border-radius:8px;align-self:start;padding:18px;position:sticky;top:20px}.portal-layout summary{cursor:pointer;font-weight:700}.portal-layout nav{flex-direction:column;gap:6px;margin-top:14px;display:flex}.portal-layout nav button{text-align:left;color:#536f91;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:12px}.portal-layout nav button.active{color:#1859ac;background:#eaf2ff;font-weight:600}.portal-document-heading{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.portal-pdf{color:#155bd0;border:1px solid #d5e3f4;border-radius:6px;align-self:start;padding:10px 15px;font-size:14px}.portal-layout td small{color:#7a8ca1;margin-top:5px;font-size:12px;display:block}.portal-balances{gap:18px;margin:20px 0;display:flex}.portal-balances>div{background:#edf4ff;border-radius:8px;flex:1;padding:20px}.portal-balances span{color:#667f9f;font-size:14px;display:block}.portal-balances strong{color:#255b9d;margin-top:8px;font-size:24px;display:block}@media (width<=760px){.operational-alerts{grid-template-columns:1fr 1fr}.operational-alerts button{gap:9px;padding:12px}.portal-layout{grid-template-columns:1fr;gap:18px}.portal-layout aside{position:static}.portal-layout nav{grid-template-columns:1fr 1fr;display:grid}.location-tree-content{padding:12px}.location-tree-content>.location-tree-node{margin-left:5px}.portal-balances{flex-direction:column}.order-actions{padding:15px}}.preparation-page button{color:#fff;cursor:pointer;background:#116c96;border:0;border-radius:8px;margin:6px 8px 6px 0;padding:10px 16px;font-weight:600}.preparation-page button:disabled{opacity:.5;cursor:wait}.preparation-page input{border:1px solid #cbd5e1;border-radius:6px;padding:8px}.preparation-page input[type=checkbox]{width:20px;height:20px}.preparation-page [role=alert]{color:#9f1239;background:#fff1f2;padding:12px}.row-actions{flex-wrap:wrap;gap:6px;display:flex}.document-view-dialog{flex-direction:column;height:94vh;gap:0!important;width:96vw!important;max-width:1600px!important;max-height:94vh!important;padding:0!important;display:flex!important;overflow:hidden!important}.document-view-dialog>[data-slot=dialog-header]{border-bottom:1px solid #dce5ef;flex-shrink:0;padding:20px 50px 12px 24px}.document-view-toolbar{background:#fff;border-bottom:1px solid #dce5ef;justify-content:space-between;gap:12px;padding:12px 24px;display:flex}.document-view-layout{flex:1;grid-template-columns:minmax(0,1fr) 365px;min-height:0;display:grid}.document-preview-pane{background:#dce2e9;flex-direction:column;min-height:0;padding:18px;display:flex}.document-preview-pane iframe{background:#fff;border:0;flex:1;width:100%;min-height:300px}.document-control-pane{background:#fff;border-left:1px solid #dce5ef;padding:18px;overflow:auto}.document-control-tabs{gap:8px;margin-bottom:20px;display:flex}.document-control-tabs button{flex:1}.document-summary{flex-direction:column;gap:8px;padding-bottom:20px;display:flex}.document-summary strong{font-size:25px}.document-summary small,.revision-card small{color:#52667d;font-size:14px}.document-control-pane .order-actions{margin:0 0 20px;padding:16px}.document-control-pane .export-buttons{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.document-control-pane .export-buttons button{justify-content:flex-start;width:100%;min-height:42px}.document-control-pane .status-row{gap:6px}.document-control-pane .badge{white-space:normal}.document-sharing{border-top:1px solid #dce5ef;padding-top:16px;font-size:14px}.document-sharing summary{cursor:pointer;font-weight:600}.delivery-print-options{gap:16px;margin-bottom:24px;display:grid}.revision-card{border-bottom:1px solid #dce5ef;flex-direction:column;gap:8px;padding:16px 0;display:flex}.location-cascade{margin:18px 0}@media (width<=900px){.document-view-layout{grid-template-columns:minmax(0,1fr) 300px}.document-preview-pane{padding:4px}}@media (width<=650px){.document-view-dialog{width:98vw!important;height:96vh!important;max-height:96vh!important}.document-view-layout{flex-direction:column;display:flex;overflow:auto}.document-preview-pane{flex-shrink:0;min-height:58vh}.document-preview-pane iframe{min-height:55vh}.document-control-pane{border:0;overflow:visible}.document-view-toolbar{flex-wrap:wrap;padding:10px}.document-view-dialog>[data-slot=dialog-header]{padding:15px 45px 10px 15px}.document-control-pane .export-buttons{grid-template-columns:1fr 1fr}.document-control-pane .export-buttons button{font-size:13px}}.nav-section{margin:4px 0}.nav-section summary{color:#aabedb;cursor:pointer;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.nav-section[open] summary svg{transform:rotate(90deg)}.nav-section li{margin-left:8px}.file-button{color:#fff;cursor:pointer;background:#1556d7;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;display:flex;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.excel-preview{border:1px solid #d3dfea;border-radius:8px;max-height:380px;overflow:auto}.excel-preview table{min-width:800px}.excel-preview td{text-overflow:ellipsis;white-space:nowrap;max-width:350px;overflow:hidden}.adjustment-row{grid-template-columns:1fr 1.5fr auto;align-items:end;gap:12px;display:grid}.cost-preview-scroll{max-height:450px;overflow:auto}.exchange-grid,.assembly-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.exchange-number{color:#124677;font-size:32px}.assembly-card{padding:22px}.assembly-card>img,.assembly-placeholder{object-fit:contain;background:#f1f5f9;border-radius:8px;width:100%;height:240px}.assembly-placeholder{place-items:center;display:grid}.assembly-thumb{object-fit:contain;max-width:240px;max-height:200px}.assembly-instructions{font-size:16px;line-height:1.8}.row-actions .text-link{align-items:center;gap:6px;display:inline-flex}.import-panel .edit-form{gap:18px}@media (width<=700px){.exchange-grid,.assembly-grid,.adjustment-row{grid-template-columns:1fr}.cost-preview-scroll,.excel-preview{max-width:100%}}.login-page{background:#edf2f8;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(440px,100%);padding:36px}.login-card>img{max-width:260px;margin:0 auto 15px}.team-page{max-width:1280px;margin:auto;padding:24px}.team-header{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.team-header img{width:170px;margin-right:auto}.team-page>nav{margin-bottom:28px}.team-page>input{max-width:230px}.team-page .import-panel{margin-top:18px} /* REFSPATA release 3: shared product workbench, catalogue selection and help. */ .form-dialog.article-dialog,.form-dialog:has(.article-workbench){width:calc(100vw - 48px)!important;max-width:1480px!important;max-height:94dvh;padding:28px 32px} .article-workbench{border:1px solid #cedbea;border-radius:10px;background:#fff;overflow:hidden;margin:8px 0} .article-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:15px 20px;background:#edf3fb;font-size:16px;color:#233f60}.article-caption span{font-size:14px;color:#5d7390} .article-scroll{overflow-x:auto;overscroll-behavior-x:contain}.article-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:900px;font-size:15px} .article-table thead th{background:#f5f8fc;color:#536b88;text-align:left;font-size:14px;font-weight:600;padding:15px 14px;white-space:nowrap;border-bottom:1px solid #d7e1ee} .article-table td{padding:20px 14px;border-bottom:1px solid #dde6f0;vertical-align:top;min-width:110px}.article-table tbody tr:nth-child(even){background:#f9fbff}.article-table tbody tr:hover{background:#f1f6ff}.article-table td:first-child{width:30%;min-width:245px}.article-table td:last-child{min-width:65px}.article-table td strong,.article-table td small{display:block;white-space:normal}.article-table td strong{font-size:16px;line-height:1.5}.article-table td small{font-size:13px;color:#637c99;line-height:1.5;margin:4px 0}.article-table td input{min-width:95px;width:100%;height:46px;font-size:16px}.article-table td textarea{min-width:185px;width:100%;min-height:70px;font-size:15px}.article-table td button{min-height:38px}.article-table td:first-child button{padding:4px;font-size:13px;white-space:normal;height:auto;margin-top:8px}.article-empty{padding:30px 20px;color:#657994} .article-search{display:flex;flex-direction:column;gap:10px;border:1px dashed #c3d4ea;border-radius:9px;padding:18px;background:#f8fbff}.article-search>strong{font-size:16px;color:#264465}.article-search [data-slot=input-group]{min-height:48px}.article-search input{font-size:16px;min-height:46px}.article-search>button{align-self:flex-start} .picker-popup{min-width:min(520px,calc(100vw - 48px));max-width:calc(100vw - 48px)}.picker-list{max-height:min(360px,50dvh)!important;overscroll-behavior:contain}.picker-list [role=option]{padding:14px 16px!important;font-size:15px;line-height:1.6;white-space:normal} .article-dialog .form-footer{position:sticky;bottom:-28px;background:#fff;padding:18px 0;z-index:2}.article-dialog .document-totals{margin-left:auto}.article-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .bulk-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:18px 22px;background:#f2f6fc;border-bottom:1px solid #dbe5f0;font-size:15px}.bulk-toolbar label{display:flex;align-items:center;gap:10px;cursor:pointer}.bulk-toolbar small{flex-basis:100%;color:#637993;font-size:13px}.catalog-panel input[type=checkbox]{width:19px;height:19px;accent-color:#155bef;cursor:pointer}.catalog-panel input[type=checkbox]:disabled{cursor:default}.catalog-panel td>small{display:block;color:#6d8097;font-size:12px;margin-top:6px} .row-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.quick-create{position:relative}.quick-create-panel{position:absolute;right:0;top:calc(100% + 9px);width:285px;max-height:75dvh;overflow:auto;padding:8px;border:1px solid #d9e3ef;border-radius:10px;background:white;box-shadow:0 12px 35px #1b345329;z-index:100}.quick-create-panel button{display:flex;align-items:center;gap:14px;padding:12px 14px;width:100%;border-radius:6px;text-align:left;cursor:pointer;font-size:15px;color:#29415e}.quick-create-panel button:hover,.quick-create-panel button:focus-visible{background:#edf4ff}.quick-create-panel svg{color:#4c73a1;flex-shrink:0} .help-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.help-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.help-topic{background:#fff;border:1px solid #dae4f0;border-radius:10px;padding:20px 24px}.help-topic summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}.help-topic summary span{display:inline}.help-topic summary small{display:block;color:#5b7da4;font-size:13px;font-weight:500;margin-bottom:6px}.help-topic ol{list-style:decimal;margin:18px 0 18px 24px;padding:0;font-size:16px;line-height:1.75}.help-topic li{padding-left:4px;margin:10px 0}.help-note{background:#edf4fc;border-radius:7px;padding:14px 16px;color:#486483;line-height:1.65;font-size:14px;margin:16px 0} @media(max-width:760px){.form-dialog.article-dialog,.form-dialog:has(.article-workbench){width:calc(100vw - 18px)!important;padding:22px 14px}.article-dialog .form-grid{grid-template-columns:1fr}.article-dialog .form-footer{bottom:-22px}.help-topics{grid-template-columns:1fr}.quick-create-panel{position:fixed;right:12px;top:63px}.article-search{padding:13px}.bulk-toolbar{padding:15px;gap:12px}.article-scroll{padding-bottom:8px}.help-topic{padding:18px}} /* REFSPATA r5: product information, cost breakdown and sale prices. */ .form-dialog.product-workbench-dialog{width:calc(100vw - 48px)!important;max-width:1440px!important;max-height:94dvh;background:#f4f7fb;padding:28px 32px} .product-workbench{display:grid;gap:22px;margin-top:22px}.product-card{background:#fff;border:1px solid #d9e3ef;border-radius:12px;padding:26px}.product-card>h2,.product-card>summary{font-size:21px;font-weight:650;color:#203f62;margin:0 0 20px}.product-card>summary{cursor:pointer;margin-bottom:0}.product-card[open]>summary{margin-bottom:24px}.product-card h3{font-weight:600;margin:0 0 14px}.product-card .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.product-card .form-grid:first-child{margin-top:0}.product-card input:not([type=checkbox]),.product-card select{min-height:46px;font-size:16px}.product-card textarea{font-size:16px;min-height:94px}.product-card .field{margin:0}.product-card small,.product-card .muted{color:#627892;line-height:1.6}.product-basics{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.product-basic-fields{display:grid;gap:18px}.product-photo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:2px dashed #bfd0e6;border-radius:10px;padding:24px 16px;min-height:270px;background:#f8fbff;text-align:center;color:#557494}.product-photo-drop img{max-width:220px;width:100%;height:170px;object-fit:contain}.product-photo-drop input{max-width:100%;font-size:12px!important}.product-photo-drop label{font-size:14px}.rate-summary{display:flex;flex-direction:column;justify-content:center;background:#edf4ff;border-radius:8px;padding:14px 18px}.rate-summary strong{font-size:24px}.rate-summary small{margin-top:6px}.provider-match{background:#edf6f2;color:#205548;border:1px solid #c9e5d8;padding:18px;border-radius:8px;margin:18px 0;line-height:1.7}.provider-match strong{display:block}.adjustment-row{display:grid;grid-template-columns:minmax(100px,1fr) 100px 16px 40px;gap:8px;align-items:center;margin-bottom:12px}.cost-adjustments{padding:18px;border-radius:8px;background:#f7f9fd}.cost-breakdown{max-width:740px;margin-left:auto}.cost-breakdown>div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px solid #e2eaf3}.cost-breakdown strong{white-space:nowrap}.product-final-cost{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#e9f1ff;border-radius:10px;padding:22px;margin-top:22px;color:#174d98}.product-final-cost>strong{font-size:30px}.product-final-cost small{flex-basis:100%;text-align:right}.product-sale-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px}.product-sale-summary>div{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:10px;background:#eef5ff}.product-sale-summary strong{font-size:30px;color:#155be8}.product-save-bar{position:sticky;bottom:-28px;z-index:4;background:white;border-top:1px solid #d6e1f0;padding:20px;display:flex;gap:12px;justify-content:flex-end;align-items:center;box-shadow:0 -5px 18px #1c365b0a}.product-save-bar>span{margin-right:auto;font-size:14px;color:#425d7c;line-height:1.6}.product-workbench .checkbox-field{display:flex;gap:10px;align-items:center;margin:18px 0}.product-workbench .article-table{min-width:700px}.product-workbench .article-table td:first-child{min-width:155px;width:auto} @media(max-width:850px){.form-dialog.product-workbench-dialog{width:calc(100vw - 16px)!important;padding:20px 12px}.product-card{padding:18px}.product-basics,.product-card .form-grid{grid-template-columns:1fr}.product-photo-drop{min-height:160px}.product-save-bar{bottom:-20px;padding:14px 6px;flex-wrap:wrap}.product-save-bar>span{flex-basis:100%}.product-sale-summary{grid-template-columns:1fr}.adjustment-row{grid-template-columns:minmax(85px,1fr) 80px 12px 36px}} /* r6 collections and unified document entry */ .credit-available{padding:18px;background:#edf6f2;border:1px solid #cce4da;border-radius:8px;display:grid;gap:14px}.payment-review{display:grid;gap:18px}.payment-review dl{display:grid;grid-template-columns:1fr auto;gap:14px;padding:20px;background:#fff5e2;border:1px solid #e9d3aa;border-radius:10px}.payment-review dd{font-weight:700;text-align:right}.credit-history summary{cursor:pointer;color:#23599b}.credit-history p,.credit-history li{margin:10px 0;font-size:14px;line-height:1.6}.credit-history ul{padding-left:18px;list-style:disc}.concept-picker{min-width:280px}.concept-picker input{width:100%;min-height:48px}.concept-picker>small{margin-top:7px}.concept-options{max-height:320px;overflow:auto;border:1px solid #b6c9e2;background:#fff;border-radius:8px;margin:10px 0;min-width:280px}.concept-options button{display:block!important;width:100%;text-align:left;padding:13px!important;border-bottom:1px solid #e0e7f1;white-space:normal!important;margin:0!important}.concept-options button:hover,.concept-options [aria-selected=true]{background:#edf4ff}.concept-options strong{font-size:14px!important}.concept-options small{font-size:13px!important}@media(max-width:600px){.payment-review dl{grid-template-columns:1fr}.payment-review dd{text-align:left}.credit-available .row-actions{flex-direction:column;align-items:stretch}.credit-available button{white-space:normal;height:auto;min-height:42px}} /* REFSPATA r7: saldo del cliente en presupuesto */ .client-balance-box{padding:18px;border:1px solid #cbdcf2;border-radius:10px;background:#edf4ff;display:grid;gap:10px}.client-balance-box p{margin:0}.client-balance-box small{color:#536985;line-height:1.5} /* REFSPATA r8: navigation, financial analysis and customer balance drill-down. */ .customer-balance-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px} .balance-card{padding:24px;text-align:left;display:flex;flex-direction:column;gap:10px;cursor:pointer;color:inherit} .balance-card:hover,.balance-card:focus-visible{border-color:#165bf0;box-shadow:0 0 0 2px #165bf026} .balance-card strong{font-size:28px;color:#124775}.balance-card small{color:#64748b} .analysis-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:22px 0} .analysis-toolbar>button{max-width:340px}.finance-overview{margin-bottom:22px;padding:24px} .finance-overview .panel-head{padding:0 0 20px;gap:20px;flex-wrap:wrap}.analysis-total{font-size:26px;color:#124775} .analysis-grid{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:28px;align-items:start} .donut-wrap{text-align:center}.donut-wrap svg{width:100%;max-width:300px}.donut-label{font-size:11px;fill:#5d728b}.donut-count{font-size:15px;font-weight:700;fill:#15324e} .analysis-legend{overflow-x:auto;max-height:470px}.analysis-legend table{border-collapse:collapse;width:100%;font-size:14px}.analysis-legend th{color:#657d99;background:#f4f7fb;text-align:left;position:sticky;top:0}.analysis-legend th,.analysis-legend td{padding:13px 12px;border-bottom:1px solid #e2eaf3}.analysis-legend .num{text-align:right;white-space:nowrap}.analysis-selected{background:#edf4ff}.chart-dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:9px;flex-shrink:0}.analysis-legend .text-link{text-align:left}.analysis-table-only{width:100%} @media(max-width:760px){.customer-balance-cards,.analysis-grid{grid-template-columns:1fr}.balance-card strong{font-size:23px}.finance-overview{padding:16px}.analysis-total{font-size:22px}.analysis-toolbar{align-items:stretch}.analysis-toolbar>div{flex-wrap:wrap}.donut-wrap svg{max-width:240px}} .price-list-dialog{width:calc(100vw - 48px)!important;max-width:900px!important}.export-record-layout{grid-template-columns:1fr!important} /* r9: packing quantities, batch label review, location media. */ .packing-amounts{display:flex;gap:14px;flex-wrap:wrap;margin-top:9px}.packing-amounts>span{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:600;padding:7px 12px;background:#eef3fa;border-radius:8px}.packing-amounts b{font-size:29px;line-height:1.2}.packing-amounts .complete{background:#dff5ea;color:#086748}.packing-amounts .pending{background:#fff0d4;color:#815000}.packing-line{padding-top:15px;padding-bottom:15px;gap:16px}.packing-line>div>strong{font-size:18px} .label-selection{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:18px 0}.label-selection label,.label-persist{display:flex;align-items:center;gap:9px}.label-selection input,.label-persist input{width:18px;height:18px}.label-review-scroll{overflow-x:auto}.label-review-table{border-collapse:collapse;width:100%;min-width:650px}.label-review-table th{text-align:left;background:#eff4fa;padding:12px}.label-review-table td{padding:14px 12px;border-bottom:1px solid #dfe6ef}.label-review-table td small{display:block;margin-top:6px}.label-review-table td:last-child{width:105px}.label-persist{margin-top:20px}.shipping-label-dialog .form-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:24px}.location-media{margin:12px 0;display:flex;flex-direction:column;gap:8px}.location-media img,.location-media video{max-width:100%;width:100%;max-height:380px;object-fit:contain;background:#f3f6fa;border-radius:8px}.location-media a{font-size:13px}.location-upload{display:grid;gap:12px;padding:24px;border:2px dashed #b7c7da;border-radius:10px;background:#f6f9fd;cursor:pointer}.location-upload input{max-width:100%} @media(max-width:650px){.packing-amounts{gap:7px}.packing-amounts>span{font-size:15px;padding:6px 8px;gap:8px}.packing-amounts b{font-size:25px}.shipping-label-dialog .form-actions>button{width:100%}} /* REFSPATA r10: multi-ubicación por producto, carrusel visual y paneles independientes. */ .product-overview{align-items:start!important}.product-photo-panel,.product-stock-column,.product-pricing{align-self:start}.product-locations{overflow:hidden}.product-location-carousel{margin-top:14px;border:1px solid #dbe5f0;border-radius:10px;background:#f8fbff;padding:14px;display:grid;gap:12px}.location-carousel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.location-carousel-heading>div{display:grid;gap:4px;min-width:0}.location-carousel-heading strong{font-size:14px;line-height:1.45;color:#203f62}.location-carousel-heading small{font-size:12px;color:#647a94}.location-carousel-count{white-space:nowrap;color:#647a94;font-size:12px;background:#fff;border:1px solid #dde6f0;border-radius:999px;padding:4px 8px}.location-carousel-stage{position:relative;display:grid;place-items:center;min-height:210px;border-radius:8px;background:#fff;overflow:hidden}.location-carousel-stage .location-media{width:100%;height:100%;min-height:210px;margin:0;justify-content:center;align-items:center;padding:8px 42px}.location-carousel-stage .location-media img,.location-carousel-stage .location-media video{width:100%;height:190px;max-height:190px;object-fit:contain;background:#fff}.location-carousel-stage .location-media a{align-self:flex-start}.location-carousel-no-media{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#7a8da5;min-height:190px;text-align:center;padding:24px}.location-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;border:1px solid #c9d6e5;background:#fff;color:#214365;width:36px;height:36px;border-radius:50%;font-size:28px;line-height:30px;cursor:pointer;box-shadow:0 3px 12px #203b5c1c}.location-carousel-arrow:hover{border-color:#155bef;color:#155bef}.location-carousel-arrow.previous{left:8px}.location-carousel-arrow.next{right:8px}.location-carousel-dots{display:flex;justify-content:center;gap:7px;min-height:14px}.location-carousel-dot{border:0;background:#b8c5d4;width:8px;height:8px;border-radius:50%;padding:0;cursor:pointer}.location-carousel-dot.active{background:#155bef;transform:scale(1.25)}.location-carousel-empty{margin-top:12px;padding:16px;border-radius:8px;background:#f7f9fc;color:#6a7f98}.location-editor-list{display:grid;gap:10px;margin:14px 0 20px}.location-editor-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dbe5f0;border-radius:9px;padding:12px 14px;background:#fff}.location-editor-item.active{border-color:#155bef;box-shadow:0 0 0 2px #155bef18}.location-editor-item>div:first-child{display:grid;gap:4px;min-width:0}.location-editor-item strong{font-size:14px;color:#203f62}.location-editor-item small{font-size:12px;color:#6b8098}.location-editor-current{border-top:1px solid #dce5ef;padding-top:18px;margin-top:6px}.location-editor-current h3{margin:0 0 12px;color:#203f62}.location-product-cell{display:flex;flex-direction:column;gap:3px;min-width:160px}.location-product-cell strong{font-size:14px}.location-product-cell small{font-size:12px;color:#637a95;font-family:monospace}.location-quantity .location-product-cell{flex:1}.location-quantity>.row-actions{margin-left:auto} @media(max-width:760px){.location-editor-item{align-items:flex-start;flex-direction:column}.location-editor-item .row-actions{width:100%}.location-carousel-stage{min-height:175px}.location-carousel-stage .location-media{min-height:175px;padding-left:36px;padding-right:36px}.location-carousel-stage .location-media img,.location-carousel-stage .location-media video{height:155px;max-height:155px}} /* REFSPATA r11: ampliación de referencias visuales y mejoras de carga móvil/iPhone. */ .location-media-open{display:block;width:100%;border:0;padding:0;margin:0;background:transparent;cursor:zoom-in;border-radius:8px;overflow:hidden}.location-media-open:focus-visible{outline:3px solid #155bef;outline-offset:2px}.location-media-open img{display:block}.media-preview-dialog{width:min(1120px,calc(100vw - 24px))!important;max-width:1120px!important;max-height:94dvh!important}.media-preview-stage{display:grid;place-items:center;gap:14px;min-height:300px;max-height:80dvh;overflow:auto;background:#0f1722;border-radius:12px;padding:14px}.media-preview-stage img{display:block;max-width:100%;width:auto;height:auto;max-height:72dvh;object-fit:contain;touch-action:pinch-zoom;border-radius:6px}.media-preview-stage a{justify-self:start;color:#fff;text-decoration:underline}.location-carousel-stage .location-media-open{height:190px}.location-carousel-stage .location-media-open img{height:190px;max-height:190px;width:100%;object-fit:contain} @media(max-width:760px){.media-preview-dialog{width:calc(100vw - 10px)!important;max-height:96dvh!important}.media-preview-stage{padding:8px;min-height:240px;max-height:82dvh}.media-preview-stage img{max-height:75dvh}.location-carousel-stage .location-media-open,.location-carousel-stage .location-media-open img{height:155px;max-height:155px}} /* r12: integración web segura y conciliación WooCommerce. */ .integration-readonly{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px;padding:12px 14px;border:1px solid #bed4c5;border-radius:10px;background:#f3faf5}.integration-readonly strong{font-size:12px;letter-spacing:.05em}.integration-readonly span{color:#536b5b;font-size:13px}.integration-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.integration-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin-bottom:18px}.integration-metrics .metric{min-height:105px}.integration-metrics .metric>span{font-size:12px;color:#637991}.integration-metrics .metric>strong{font-size:25px;color:#193c62}.integration-next{display:flex;align-items:center;justify-content:space-between;gap:24px}.integration-next>div{max-width:760px}.integration-next h2{margin:0 0 5px}.integration-next p{margin:0}.integration-setup code{display:block;margin:14px 0;padding:12px;border-radius:8px;background:#f4f7fb;white-space:normal}.integration-filters{display:grid;grid-template-columns:minmax(240px,1fr) minmax(210px,280px);align-items:end}.integration-list{display:grid;gap:12px}.integration-row{padding:16px}.integration-row-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.integration-status{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;background:#eef3f8;color:#34516d}.integration-status.linked{background:#e8f7ed;color:#24653b}.integration-status.safe,.integration-status.strong{background:#eaf3ff;color:#205da3}.integration-status.probable{background:#fff6dc;color:#7d5b00}.integration-status.possible{background:#fff1dc;color:#86500b}.integration-status.conflict{background:#ffe9e9;color:#9b2d2d}.integration-status.web-only,.integration-status.management-only{background:#f1ecff;color:#6943a6}.integration-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.integration-compare>div{display:grid;align-content:start;gap:4px;padding:12px;border:1px solid #dce5ef;border-radius:9px;background:#fbfdff;min-width:0}.integration-compare small{font-size:11px;color:#657b93;letter-spacing:.04em}.integration-compare strong{font-size:14px;overflow-wrap:anywhere}.integration-compare span{font-size:12px;color:#5a7088;overflow-wrap:anywhere}.integration-candidates{margin-top:12px;border-top:1px solid #e2e9f0;padding-top:10px}.integration-candidates summary{cursor:pointer;font-weight:600;color:#365b83}.candidate-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf1f5}.candidate-row:last-child{border-bottom:0}.integration-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.classification-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.classification-card h2{margin-bottom:4px}.classification-card>strong{display:block;margin-bottom:12px;color:#1d4b78}.classification-chips{display:flex;flex-wrap:wrap;gap:6px}.classification-chips span{font-size:12px;border:1px solid #d6e0eb;background:#f8fbfe;border-radius:999px;padding:5px 8px}.web-image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.web-image-item{display:grid;gap:4px;min-width:0}.web-image-item img{width:100%;aspect-ratio:1/1;object-fit:contain;border:1px solid #dce5ef;border-radius:9px;background:#fff}.web-image-item strong,.web-image-item span,.web-image-item small{overflow-wrap:anywhere}.web-image-item span{font-size:12px}.web-image-item small{color:#6d8196}.integration-loading{padding:30px;text-align:center;color:#5c7189} @media(max-width:760px){.integration-filters,.integration-compare{grid-template-columns:1fr}.integration-next{align-items:stretch;flex-direction:column}.candidate-row{grid-template-columns:1fr}.integration-tabs button{flex:1 1 140px}.web-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} /* REFSPATA r13 · integración web y clasificación comercial */ .integration-customer-toolbar{display:grid;gap:10px}.integration-link-dialog .modal-body{min-height:420px}.integration-link-search{display:grid;gap:12px}.integration-link-results{display:grid;gap:8px;max-height:55vh;overflow:auto}.integration-link-results>button{display:grid;gap:3px;text-align:left;padding:11px 12px;border:1px solid #d9e3ee;border-radius:9px;background:#fff;color:inherit;cursor:pointer}.integration-link-results>button:hover{border-color:#8eb6e4;background:#f6faff}.integration-link-results span,.integration-link-results small{color:#657b93}.classification-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;margin-top:14px}.classification-card{min-width:0}.classification-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.classification-card-head h2{margin:0}.classification-card-head small{display:block;color:#667b91;margin-top:3px}.classification-admin-list{display:grid;gap:7px;max-height:500px;overflow:auto}.classification-admin-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #e0e7ef;border-radius:9px;padding:9px 10px;background:#fbfdff}.classification-admin-row>div:first-child{display:grid;gap:2px;min-width:0}.classification-admin-row strong{overflow-wrap:anywhere}.classification-admin-row small{color:#6a7d91}.integration-classification-actions,.integration-image-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.integration-classification-actions>div:first-child,.integration-image-actions>div:first-child{max-width:780px}.web-product-filters{margin:12px 0;border:1px solid #dce5ef;border-radius:10px;background:#fbfdff}.web-product-filters>summary{cursor:pointer;padding:11px 13px;font-weight:700;color:#365b83}.web-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;padding:0 13px 13px}.web-classification-grid{align-items:end}.commercial-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:12px 0}.commercial-gallery-item{display:grid;gap:6px;padding:8px;border:1px solid #dce5ef;border-radius:10px;background:#fff}.commercial-gallery-item img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:7px;background:#f8fafc}.commercial-gallery-item span{font-size:12px;color:#60758a}.empty-inline{padding:12px;border:1px dashed #ccd8e5;border-radius:9px;color:#6b7f93;background:#fafcfe}.integration-status.kept-web,.integration-status.kept-internal{background:#eef4f8;color:#49657d}.integration-status.import-requested,.integration-status.publish-requested{background:#e9f7ed;color:#276b3e}.integration-status.unpublish-requested{background:#fff0e5;color:#8d4d14} @media(max-width:900px){.web-filter-grid{grid-template-columns:1fr 1fr}.classification-admin-grid{grid-template-columns:1fr}.classification-admin-row{align-items:flex-start;flex-direction:column}.integration-classification-actions,.integration-image-actions{align-items:stretch;flex-direction:column}} @media(max-width:600px){.web-filter-grid{grid-template-columns:1fr}.commercial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}} .web-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.web-profile-grid>div{display:grid;gap:3px;padding:10px;border:1px solid #e0e7ef;border-radius:9px;background:#fbfdff}.web-profile-grid small{color:#6b7f93}.product-detail-gallery{margin-top:14px} /* REFSPATA R14 · preparación web y galería comercial */ .r14-preparation-overview{display:grid;gap:16px}.r14-prep-metrics{display:flex;flex-wrap:wrap;gap:10px}.r14-prep-metrics>span{display:inline-flex;gap:6px;align-items:center;padding:8px 11px;border:1px solid var(--border,#d9e1ea);border-radius:999px;background:var(--card,#fff);font-size:13px}.r14-product-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,320px);gap:12px;align-items:end}.r14-selection-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.r14-bulk-bar{position:sticky;bottom:12px;z-index:15;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;margin:12px 0;border:1px solid var(--border,#d9e1ea);border-radius:14px;background:var(--card,#fff);box-shadow:0 12px 30px rgba(20,44,70,.14)}.r14-bulk-bar small{flex-basis:100%;opacity:.72}.r14-row-status{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.integration-row.r14-selected{outline:2px solid rgba(34,101,229,.35);outline-offset:1px}.r14-prep-state{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}.r14-prep-state.safe{background:#e8f7ee;color:#17653a}.r14-prep-state.probable{background:#fff7d9;color:#7b5b00}.r14-prep-state.review{background:#fff0ec;color:#9c3a22}.r14-prep-detail{display:grid;gap:7px;padding:11px 13px;margin-top:10px;border-radius:12px;background:rgba(110,130,150,.08)}.r14-prep-detail>div{display:grid;gap:3px}.r14-prep-detail small{opacity:.7}.r14-classification-preview{display:flex!important;flex-wrap:wrap;gap:7px 14px;font-size:13px}.r14-classification-preview span{display:inline-flex;gap:2px}.r14-missing{font-size:12px;color:#a33f28;font-weight:650}.r14-complete{font-size:12px;color:#246a41;font-weight:650}.r14-prep-modal{display:grid;gap:16px}.r14-conflict{border-left:4px solid #c95738}.r14-manufacturer-migration{display:grid;gap:14px;margin-bottom:16px}.commercial-carousel{display:grid;gap:10px;max-width:560px}.commercial-carousel-stage{position:relative;border:1px solid var(--border,#d9e1ea);border-radius:14px;overflow:hidden;background:#fff;aspect-ratio:4/3}.commercial-carousel-image{border:0;background:transparent;width:100%;height:100%;padding:0;cursor:zoom-in}.commercial-carousel-image img{width:100%;height:100%;object-fit:contain;display:block}.commercial-carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border:1px solid rgba(0,0,0,.15);border-radius:50%;background:rgba(255,255,255,.92);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}.commercial-carousel-arrow.prev{left:10px}.commercial-carousel-arrow.next{right:10px}.commercial-carousel-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.commercial-carousel-dots{display:flex;align-items:center;gap:6px}.commercial-carousel-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#bac5d1;cursor:pointer}.commercial-carousel-dots button.active{width:20px;border-radius:999px;background:#3568c8}.commercial-gallery-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.product-detail-gallery{max-width:560px}@media(max-width:800px){.r14-product-filters{grid-template-columns:1fr}.r14-bulk-bar{bottom:6px}.commercial-carousel{max-width:100%}} .mostrador-shell{min-height:100dvh;background:#f5f7fb;color:#13233a;display:flex;flex-direction:column}.mostrador-header{height:76px;background:#fff;border-bottom:1px solid #dbe3ef;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.mostrador-brand{border:0;background:transparent;display:flex;align-items:center;gap:12px;text-align:left;color:inherit}.mostrador-brand strong{display:block;font-size:21px}.mostrador-brand small{display:block;color:#6d7e95}.mostrador-logo{width:42px;height:42px;border-radius:12px;background:#eaf2ff;color:#1765db;display:grid;place-items:center;font-size:24px}.mostrador-header-actions{display:flex;gap:10px}.mostrador-home{padding:28px;max-width:1320px;width:100%;margin:auto}.mostrador-welcome{background:linear-gradient(135deg,#fff,#edf4ff);border:1px solid #d9e5f6;border-radius:24px;padding:28px;display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:22px}.mostrador-welcome span{font-size:12px;font-weight:800;letter-spacing:.12em;color:#1765db}.mostrador-welcome h1{font-size:36px;margin:5px 0 8px}.mostrador-welcome p{margin:0;color:#64748b}.mostrador-menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.mostrador-menu-card{min-height:145px;border:1px solid #dbe3ef;background:#fff;border-radius:20px;padding:20px;text-align:left;display:flex;flex-direction:column;gap:8px;color:inherit;box-shadow:0 3px 12px rgba(30,52,83,.04)}.mostrador-menu-card.active{border-color:#b7d1fb;background:#f3f7ff}.mostrador-menu-card strong{font-size:20px}.mostrador-menu-card small{color:#6b7c91;line-height:1.4}.mostrador-menu-number{font-size:12px;font-weight:800;color:#1765db}.mostrador-today{margin-top:18px;background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:17px 20px;display:flex;gap:24px;align-items:center}.mostrador-today span{color:#5f7188}.mostrador-sale{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);min-height:0}.mostrador-catalog{padding:22px;min-width:0}.mostrador-sale-head{display:grid;grid-template-columns:auto 1fr minmax(260px,430px);align-items:center;gap:16px;margin-bottom:18px}.mostrador-sale-head h1{font-size:28px;margin:0}.mostrador-sale-head p{margin:3px 0 0;color:#687a90;font-size:14px}.mostrador-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.mostrador-product-card{position:relative;border:1px solid #dce4ef;border-radius:18px;background:#fff;padding:12px;text-align:left;min-height:230px;color:inherit;touch-action:manipulation;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;box-shadow:0 2px 8px rgba(28,47,73,.035)}.mostrador-product-card:active{transform:scale(.985);border-color:#6ea5f2}.mostrador-product-card>img,.mostrador-product-fallback{width:100%;height:112px;object-fit:contain;background:#f8fafc;border-radius:12px;margin-bottom:10px}.mostrador-product-fallback{display:grid;place-items:center;font-size:31px;color:#718096}.mostrador-product-info{display:flex;flex-direction:column;min-width:0}.mostrador-product-info strong{font-size:14px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mostrador-product-info small{color:#77879a;margin-top:4px}.mostrador-product-info b{font-size:17px;margin-top:6px}.mostrador-product-info span{font-size:12px;color:#607289;margin-top:4px}.mostrador-product-info .danger{color:#b42318}.mostrador-qty-badge{position:absolute;top:8px;right:8px;min-width:29px;height:29px;border-radius:999px;background:#1765db;color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 2px 8px #1765db55}.mostrador-info-hint{position:absolute;right:10px;bottom:8px;font-size:10px;color:#8291a3}.mostrador-cart{background:#fff;border-left:1px solid #dbe3ef;display:flex;flex-direction:column;min-height:calc(100dvh - 76px);position:sticky;top:76px;height:calc(100dvh - 76px)}.mostrador-cart-head{padding:20px;border-bottom:1px solid #e4e9f1;display:flex;justify-content:space-between;gap:10px;align-items:center}.mostrador-cart-head span{font-size:11px;letter-spacing:.09em;color:#72839a;font-weight:800}.mostrador-cart-head h2{font-size:19px;margin:4px 0 0}.mostrador-cart-lines{padding:12px;overflow:auto;flex:1}.mostrador-cart-lines article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:13px 6px;border-bottom:1px solid #edf0f4;align-items:center}.mostrador-cart-product{display:flex;gap:9px;min-width:0}.mostrador-cart-product img{width:45px;height:45px;object-fit:contain;background:#f7f8fa;border-radius:8px}.mostrador-cart-product div{display:flex;flex-direction:column;min-width:0}.mostrador-cart-product strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mostrador-cart-product small{color:#76869b;font-size:11px;margin-top:4px}.mostrador-stepper{display:flex;border:1px solid #d7dfeb;border-radius:9px;overflow:hidden;align-items:center}.mostrador-stepper button{width:32px;height:32px;border:0;background:#f8fafc;font-size:18px}.mostrador-stepper b{min-width:30px;text-align:center}.mostrador-line-total{grid-column:1/-1;text-align:right;font-size:13px}.mostrador-empty-cart{height:100%;display:grid;place-content:center;text-align:center;color:#7b8a9e;gap:6px}.mostrador-cart-total{border-top:1px solid #dfe6ef;padding:18px;display:grid;gap:10px}.mostrador-cart-total>div{display:flex;justify-content:space-between}.mostrador-cart-total>div:last-of-type strong{font-size:24px}.mostrador-cart-total>button{height:48px;font-size:16px}.mostrador-product-detail{display:grid;gap:18px}.mostrador-detail-main{display:grid;grid-template-columns:220px 1fr;gap:20px}.mostrador-detail-main>img{width:220px;height:190px;object-fit:contain;background:#f8fafc;border-radius:14px}.mostrador-detail-main h3,.mostrador-detail-section h3{margin:0 0 8px}.mostrador-detail-main p{display:flex;justify-content:space-between;gap:20px}.mostrador-detail-section{border-top:1px solid #e5e9f0;padding-top:14px}.mostrador-tier-list{display:grid;gap:7px}.mostrador-tier-list>div{display:flex;justify-content:space-between;padding:8px 10px;background:#f7f9fc;border-radius:9px}.mostrador-detail-actions{display:flex;justify-content:flex-end;gap:10px}.mostrador-customer-list{display:grid;gap:8px;max-height:60dvh;overflow:auto}.mostrador-customer-list button{background:#fff;border:1px solid #dce4ef;border-radius:12px;padding:13px;text-align:left;display:flex;flex-direction:column;color:inherit}.mostrador-customer-list button small{color:#718197;margin-top:4px}.mostrador-loading{min-height:100dvh;display:grid;place-content:center;text-align:center;background:#f5f7fb;padding:20px}.mostrador-line-editor{display:grid;gap:18px}.mostrador-line-editor-product{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center}.mostrador-line-editor-product>img,.mostrador-line-editor-fallback{width:96px;height:96px;object-fit:contain;background:#f7f9fc;border-radius:14px}.mostrador-line-editor-fallback{display:grid;place-items:center;color:#718096;font-size:24px}.mostrador-line-editor-product h3{margin:0 0 4px;font-size:20px}.mostrador-line-editor-product p{margin:7px 0 0}.mostrador-line-editor-product small{color:#708197}.mostrador-original-price{display:block;margin-top:5px}.mostrador-big-stepper{display:grid;grid-template-columns:76px 1fr 76px;border:1px solid #d6deea;border-radius:12px;overflow:hidden;min-height:62px}.mostrador-big-stepper button{border:0;background:#f8fafc;font-size:30px;color:#1f2937}.mostrador-big-stepper strong{display:grid;place-items:center;font-size:24px;border-inline:1px solid #e3e8ef}.mostrador-line-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mostrador-line-quick-actions button{min-height:58px;font-size:16px}.mostrador-line-summary{border-top:1px solid #e3e8ef;display:grid;gap:10px;padding-top:14px}.mostrador-line-summary>span{display:flex;justify-content:space-between;gap:18px}.mostrador-line-summary .total{border-top:1px solid #e3e8ef;padding-top:12px;font-size:18px}.mostrador-line-summary .total strong{font-size:22px}.mostrador-line-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.mostrador-line-editor-actions>div{display:flex;gap:10px}.mostrador-line-subpanel{display:grid;gap:16px}.mostrador-line-subpanel>label{font-weight:700}.mostrador-discount-field{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.mostrador-discount-field>span{font-weight:800;font-size:18px}.mostrador-line-discount{grid-column:1/-1;font-size:11px;color:#1765db;font-weight:700}.mostrador-cart-line{cursor:pointer}.mostrador-cart-line:active{background:#f7faff}@media(max-width:1100px){.mostrador-menu-grid,.mostrador-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mostrador-sale{grid-template-columns:minmax(0,1fr) 350px}.mostrador-sale-head{grid-template-columns:auto 1fr}.mostrador-sale-head>*:last-child{grid-column:1/-1}.mostrador-product-card{min-height:210px}}@media(max-width:800px){.mostrador-header{padding:0 12px}.mostrador-header-actions button:first-child{display:none}.mostrador-home{padding:14px}.mostrador-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mostrador-welcome{align-items:start;flex-direction:column}.mostrador-sale{display:block}.mostrador-cart{position:relative;top:auto;height:auto;min-height:420px;border-left:0;border-top:1px solid #dbe3ef}.mostrador-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mostrador-detail-main{grid-template-columns:1fr}.mostrador-detail-main>img{width:100%}.mostrador-line-quick-actions{grid-template-columns:1fr}.mostrador-line-editor-actions{align-items:stretch;flex-direction:column}.mostrador-line-editor-actions>div{display:grid;grid-template-columns:1fr 1fr;width:100%}} .mostrador-product-search{width:100%;min-width:0}.mostrador-product-search input{min-height:62px;font-size:18px;border-radius:16px;padding-right:18px;padding-left:56px}.mostrador-sale-head{grid-template-columns:auto minmax(220px,.75fr) minmax(430px,1.25fr);gap:18px}.mostrador-sale-head-clean{display:block;margin-bottom:18px}.mostrador-header-left{display:flex;align-items:center;gap:12px}.mostrador-back{width:46px;height:46px;border:1px solid #d6dfeb;border-radius:13px;background:#fff;color:#17263b;display:grid;place-items:center;font-size:26px;line-height:1}.mostrador-customer-picker{display:grid;gap:12px}.mostrador-customer-search{position:sticky;top:0;z-index:2;background:#fff;padding-bottom:4px}.mostrador-customer-search input{min-height:58px;font-size:17px;border-radius:14px;padding-right:16px;padding-left:52px}.mostrador-product-search svg,.mostrador-customer-search svg{left:18px;width:22px;height:22px;pointer-events:none}.mostrador-customer-list{max-height:52dvh}.mostrador-general-discount-editor{min-height:390px;display:grid;grid-template-rows:auto auto auto;align-content:start;gap:18px;padding-bottom:150px}.mostrador-general-discount-editor>label{font-weight:700}.mostrador-general-discount-editor .mostrador-discount-field input{min-height:58px;font-size:20px}.mostrador-general-discount-editor .mostrador-detail-actions{justify-content:flex-end;flex-wrap:wrap}.mostrador-checkout{flex:1;padding:28px;display:grid;place-items:start center}.mostrador-checkout-card{width:min(980px,100%);background:#fff;border:1px solid #dce4ef;border-radius:20px;padding:28px;box-shadow:0 3px 14px rgba(28,47,73,.05);display:grid;gap:24px}.mostrador-checkout-title span{font-size:12px;font-weight:800;letter-spacing:.1em;color:#1765db}.mostrador-checkout-title h1{margin:6px 0 4px;font-size:30px}.mostrador-checkout-title p{margin:0;color:#6c7d92}.mostrador-checkout-section{display:grid;gap:10px}.mostrador-checkout-section>label{font-weight:800}.mostrador-checkout-customer{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #dce4ef;background:#f9fbfe;border-radius:14px;padding:16px}.mostrador-checkout-customer div{display:grid;gap:4px}.mostrador-checkout-customer small{color:#708197}.mostrador-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mostrador-choice{border:1px solid #d9e2ee;border-radius:14px;background:#fff;padding:16px;text-align:left;color:inherit;display:flex;gap:10px;min-height:92px}.mostrador-choice.active{border-color:#1765db;background:#f4f8ff;box-shadow:0 0 0 1px #1765db22}.mostrador-choice-radio{color:#1765db;font-size:18px}.mostrador-choice div{display:grid;gap:4px}.mostrador-choice small{color:#6f8096}.mostrador-checkout-actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.mostrador-checkout-two{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px}.mostrador-checkout-two .mostrador-checkout-card{width:auto}.mostrador-checkout-summary{display:grid;gap:0}.mostrador-checkout-line{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #edf1f6}.mostrador-checkout-line img,.mostrador-checkout-thumb{width:48px;height:48px;object-fit:contain;background:#f6f8fb;border-radius:9px}.mostrador-checkout-thumb{display:grid;place-items:center;color:#748399}.mostrador-checkout-line div{display:grid;gap:4px;min-width:0}.mostrador-checkout-line strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mostrador-checkout-line small{color:#72839a}.mostrador-checkout-totals{display:grid;gap:10px;margin-top:8px}.mostrador-checkout-totals span{display:flex;justify-content:space-between;gap:16px}.mostrador-checkout-totals .total{border-top:1px solid #dfe6ef;padding-top:14px;font-size:19px}.mostrador-checkout-totals .total strong{font-size:28px}.mostrador-payment-list{display:grid;gap:10px}.mostrador-payment{border:1px solid #dce4ef;border-radius:13px;background:#fff;padding:16px;display:grid;grid-template-columns:24px 1fr;align-items:center;text-align:left;color:inherit}.mostrador-payment.active{border-color:#1765db;background:#f4f8ff}.mostrador-payment span{color:#1765db}.mostrador-cash-box{border:1px solid #dce4ef;background:#f9fbfe;border-radius:14px;padding:16px;display:grid;gap:12px}.mostrador-cash-box>label{font-weight:800}.mostrador-cash-box input{min-height:54px;font-size:20px}.mostrador-cash-change{display:grid;gap:8px}.mostrador-cash-change>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.mostrador-cash-change strong{font-size:18px}.mostrador-cash-change .ok strong{color:#14863c}.mostrador-cash-change .pending strong{color:#b36b00}.mostrador-cash-change small{color:#6c7d92;line-height:1.4}.mostrador-checkout-done{place-items:center}.mostrador-success-card{width:min(760px,100%);background:#fff;border:1px solid #dce4ef;border-radius:22px;padding:42px;text-align:center;display:grid;gap:16px;box-shadow:0 4px 18px rgba(28,47,73,.06)}.mostrador-success-icon{width:72px;height:72px;border-radius:999px;background:#daf6df;color:#14863c;display:grid;place-items:center;font-size:36px;margin:auto}.mostrador-preview-chip{justify-self:center;background:#eef4ff;color:#1765db;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.mostrador-success-card h1{margin:0;font-size:34px}.mostrador-success-card p{margin:0 auto;max-width:600px;color:#6c7d92;line-height:1.5}.mostrador-success-total{font-size:42px;margin:6px 0}.mostrador-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mostrador-success-card>button:last-child{min-height:52px;font-size:17px}@media(max-width:1100px){.mostrador-sale-head{grid-template-columns:auto 1fr}.mostrador-sale-head-clean{display:block}.mostrador-product-search{grid-column:1/-1}.mostrador-product-search input{min-height:64px}.mostrador-general-discount-editor{min-height:360px;padding-bottom:130px}.mostrador-checkout{padding:20px}.mostrador-checkout-two{grid-template-columns:1fr}.mostrador-choice-grid{grid-template-columns:1fr}}@media(max-width:800px){.mostrador-product-search input,.mostrador-customer-search input{min-height:56px}.mostrador-general-discount-editor{min-height:340px;padding-bottom:110px}.mostrador-checkout{padding:12px}.mostrador-checkout-card,.mostrador-success-card{padding:18px}.mostrador-checkout-customer{align-items:stretch;flex-direction:column}.mostrador-checkout-actions,.mostrador-success-actions{display:grid;grid-template-columns:1fr}.mostrador-success-total{font-size:34px}} /* R32 · Hub documental y shell de Gestión */ :root{ --r32-blue:#1463eb; --r32-blue-dark:#0f4fbd; --r32-ink:#10233f; --r32-muted:#64748b; --r32-line:#dbe4f0; --r32-soft:#f5f8fc; --r32-panel:#ffffff; } /* Shell general de Gestión: más claro, plano y con el logo real. */ .main-inset{background:#f6f8fc!important;color:var(--r32-ink)} .topbar{ min-height:64px!important; background:rgba(255,255,255,.96)!important; border-bottom:1px solid #e4eaf2!important; box-shadow:0 1px 0 rgba(15,35,63,.02)!important; backdrop-filter:blur(14px); } .app-sidebar{--sidebar-background:#fff;--sidebar-foreground:#223956;--sidebar-border:#e3e9f1;--sidebar-accent:#edf4ff;--sidebar-accent-foreground:#0f59d7;--sidebar-primary:#1463eb;--sidebar-primary-foreground:#fff} .app-sidebar [data-sidebar="sidebar"],.app-sidebar [data-slot="sidebar-inner"]{ background:#fff!important; color:#223956!important; border-right:1px solid #e3e9f1!important; box-shadow:none!important; } .app-sidebar .brand{ min-height:96px; padding:14px 12px!important; display:flex!important; align-items:center!important; justify-content:center!important; border-bottom:1px solid #edf1f6; } .app-sidebar .brand-symbol{ width:168px!important; height:66px!important; max-width:100%!important; background:transparent!important; box-shadow:none!important; border:0!important; border-radius:0!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; } .app-sidebar .brand-logo-r32{display:block;width:158px;max-width:100%;max-height:62px;object-fit:contain} .app-sidebar .brand>div:not(.brand-symbol){display:none!important} .app-sidebar [data-sidebar="group-label"]{font-size:10px!important;letter-spacing:.13em!important;color:#94a3b8!important;margin-top:4px} .app-sidebar [data-sidebar="menu-button"]{ min-height:42px!important; border-radius:10px!important; color:#3a506c!important; transition:background .15s ease,color .15s ease,transform .15s ease!important; } .app-sidebar [data-sidebar="menu-button"]:hover{background:#f3f7fc!important;color:#153a6b!important} .app-sidebar [data-sidebar="menu-button"][data-active="true"]{ background:#eaf2ff!important; color:#0f5fe5!important; font-weight:700!important; box-shadow:inset 3px 0 0 #1463eb!important; } .app-sidebar [data-sidebar="menu-button"] svg{stroke-width:1.8} /* El visor pasa de modal pesado a espacio de trabajo documental. */ .r32-document-hub{ width:min(1580px,calc(100vw - 24px))!important; max-width:none!important; height:calc(100dvh - 24px)!important; max-height:none!important; padding:0!important; gap:0!important; overflow:hidden!important; border:1px solid #d8e1ec!important; border-radius:20px!important; background:#f4f7fb!important; box-shadow:0 26px 80px rgba(20,42,74,.22)!important; } .r32-document-hub [data-slot="dialog-header"]{ padding:20px 24px 16px!important; background:#fff; border-bottom:1px solid #e3e9f1; } .r32-document-hub [data-slot="dialog-title"]{font-size:22px!important;line-height:1.2!important;color:#10233f!important;font-weight:800!important;letter-spacing:-.02em} .r32-document-hub [data-slot="dialog-description"]{margin-top:5px!important;color:#718096!important;font-size:13px!important} .r32-document-toolbar{ display:flex!important; justify-content:space-between!important; align-items:center!important; gap:14px!important; padding:12px 18px!important; background:#fff!important; border-bottom:1px solid #e3e9f1!important; min-height:62px; } .r32-document-toolbar>.row-actions:first-child{display:flex;gap:8px;flex-wrap:wrap} .r32-document-toolbar button,.r32-document-toolbar a{ min-height:38px!important; border-radius:9px!important; font-weight:650!important; box-shadow:none!important; } .r32-document-toolbar button:not([data-variant="ghost"]):last-child{box-shadow:0 5px 14px rgba(20,99,235,.16)} .r32-document-layout{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(330px,390px)!important; gap:14px!important; padding:14px!important; min-height:0!important; height:calc(100% - 62px)!important; overflow:hidden!important; background:#f4f7fb!important; } .r32-document-preview{ min-width:0!important; min-height:0!important; overflow:auto!important; padding:18px!important; border:1px solid #dde5ef!important; border-radius:16px!important; background:linear-gradient(180deg,#edf2f8 0%,#e8eef5 100%)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important; } .r32-document-preview iframe{ display:block!important; width:min(100%,900px)!important; height:calc(100dvh - 220px)!important; min-height:650px!important; margin:0 auto!important; border:0!important; border-radius:8px!important; background:#fff!important; box-shadow:0 12px 30px rgba(30,52,80,.12)!important; } .r32-document-inspector{ min-width:0!important; min-height:0!important; overflow:auto!important; padding:14px!important; border:1px solid #dde5ef!important; border-radius:16px!important; background:#fff!important; box-shadow:0 4px 18px rgba(34,57,86,.05)!important; } .r32-document-tabs{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:6px!important; padding:4px!important; margin-bottom:14px!important; border-radius:11px!important; background:#f3f6fa!important; } .r32-document-tabs button{height:38px!important;border-radius:8px!important;justify-content:center!important;font-weight:700!important} .r32-document-summary{ display:grid!important; gap:0!important; margin:0 0 14px!important; padding:14px 2px!important; border-top:0!important; border-bottom:1px solid #e6ebf2!important; } .r32-document-summary>span{font-size:13px!important;color:#64748b!important;order:2} .r32-document-summary>strong{font-size:27px!important;line-height:1.15!important;letter-spacing:-.025em!important;color:#10233f!important;order:1;margin-bottom:8px} .r32-document-summary>small{font-size:14px!important;color:#40566f!important;order:3;margin-top:6px} .r32-order-actions{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .r32-order-actions>h3{ font-size:12px!important; text-transform:uppercase!important; letter-spacing:.08em!important; color:#64748b!important; margin:14px 0 9px!important; } .r32-order-actions .status-row{ display:flex!important; flex-wrap:wrap!important; gap:6px!important; padding:12px!important; border:1px solid #e3e9f1!important; border-radius:12px!important; background:#fafcff!important; } .r32-order-actions .badge{border-radius:7px!important;font-size:11px!important;padding:6px 8px!important;font-weight:700!important} .r32-order-actions>.export-buttons{ display:grid!important; grid-template-columns:1fr!important; gap:7px!important; margin-top:7px!important; } .r32-order-actions>.export-buttons button{ width:100%!important; min-height:42px!important; justify-content:flex-start!important; border-radius:9px!important; border-color:#dde5ef!important; background:#fff!important; color:#263b56!important; font-weight:650!important; box-shadow:none!important; } .r32-order-actions>.export-buttons button:hover:not(:disabled){background:#f5f8fc!important;border-color:#cbd7e5!important} .r32-order-actions>.export-buttons:first-of-type button:first-child:not(:disabled){background:#1463eb!important;color:#fff!important;border-color:#1463eb!important} .r32-order-actions>.export-buttons button:disabled{opacity:.48!important;background:#f5f7fa!important} .r32-order-actions>.export-buttons:last-of-type button:last-child:not(:disabled){color:#c63434!important;border-color:#f1cccc!important;background:#fff9f9!important} .r32-document-inspector .document-sharing{margin-top:16px!important;padding-top:14px!important;border-top:1px solid #e6ebf2!important} .r32-document-inspector .document-sharing>summary{font-weight:750!important;color:#213b5a!important;cursor:pointer!important} .r32-document-inspector .revision-card{border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fafcff!important;padding:12px!important;margin:8px 0!important} /* Paneles y superficies del resto de Gestión acompañan el nuevo lenguaje sin alterar la estructura. */ .main-inset .panel{border-color:#e0e7f0!important;box-shadow:0 3px 14px rgba(30,52,80,.035)!important} .main-inset .page-heading h1{letter-spacing:-.025em;color:#10233f} .main-inset button{transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease} @media (max-width:1100px){ .r32-document-layout{grid-template-columns:minmax(0,1fr) 330px!important} .r32-document-preview{padding:10px!important} } @media (max-width:820px){ .r32-document-hub{width:100vw!important;height:100dvh!important;border-radius:0!important;border:0!important} .r32-document-toolbar{align-items:flex-start!important;flex-direction:column!important} .r32-document-layout{grid-template-columns:1fr!important;height:auto!important;overflow:auto!important} .r32-document-preview iframe{height:70dvh!important;min-height:560px!important} .r32-document-inspector{overflow:visible!important} } /* R32.1 · Completa la estructura aprobada del hub documental sin alterar lógica. */ .r32-document-hub [data-slot="dialog-header"]{padding:19px 24px 15px!important} .r32-document-hub [data-slot="dialog-title"]{font-size:23px!important} .r32-document-hub [data-slot="dialog-description"]{max-width:78ch;color:#6f8096!important} .r321-document-actions{align-items:center!important} .r321-document-actions>button,.r321-document-actions>a{background:#fff!important;border-color:#dce4ee!important;color:#263b56!important} .r321-document-actions>button:hover,.r321-document-actions>a:hover{background:#f7f9fc!important;border-color:#cbd7e5!important} .r321-document-actions>button:last-child{background:#1463eb!important;border-color:#1463eb!important;color:#fff!important} .r321-document-actions>button:last-child:hover{background:#0f56d4!important;border-color:#0f56d4!important} .r321-document-nav{flex-wrap:nowrap!important;padding-left:8px!important;border-left:1px solid #e4e9f0!important} .r321-document-nav button{width:38px!important;padding:0!important;color:#65768b!important} .r32-document-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important} .r32-document-tabs button{font-size:13px!important} .r321-document-summary{padding:3px 2px 13px!important;margin-bottom:12px!important} .r321-document-summary>span{order:1!important;color:#7b8ba0!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase} .r321-document-summary>strong{order:2!important;margin:5px 0 3px!important;font-size:25px!important} .r321-document-summary>small{order:3!important;margin:0!important;color:#52667f!important;font-size:13px!important} .r321-document-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px} .r321-info-card{display:flex;flex-direction:column;gap:5px;min-width:0;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fbfcfe} .r321-info-card strong{font-size:14px;line-height:1.35;color:#172c47;overflow-wrap:anywhere} .r321-info-card small{font-size:12px;line-height:1.4;color:#64748b;overflow-wrap:anywhere} .r321-section-label{display:block;font-size:10px!important;font-weight:800!important;letter-spacing:.11em!important;color:#7b8ba0!important;text-transform:uppercase} .r321-total-card{grid-column:1/-1;background:#f7faff;border-color:#d9e5f5} .r321-total-card strong{font-size:25px;letter-spacing:-.02em;color:#10233f} .r321-total-card small{color:#60738a} .r321-state-section{margin-top:4px;padding-top:2px} .r321-state-section>.r321-section-label{margin:0 0 8px 2px} .r321-state-section .r32-order-actions{margin:0!important} .r321-messages-panel{display:flex;flex-direction:column;gap:13px} .r321-panel-heading{padding:2px 2px 4px} .r321-panel-heading h3{margin:5px 0 4px;font-size:18px;letter-spacing:-.015em;color:#142a46} .r321-panel-heading p{margin:0;color:#6b7d92;font-size:13px;line-height:1.5} .r321-messages-panel>button{width:100%!important;min-height:44px!important;justify-content:flex-start!important;border-radius:10px!important;background:#fff!important;border-color:#dce5ef!important;color:#21405f!important} .r321-share-card{padding:14px;border:1px solid #e0e7f0;border-radius:12px;background:#fafcff} .r321-share-card>strong{display:block;margin-bottom:4px;color:#1d3859;font-size:14px} .r321-share-card>p{margin:0 0 11px;color:#6b7d92;font-size:12px;line-height:1.45} .r32-document-inspector>section>h3{margin:3px 0 10px;font-size:15px;color:#233b59} .r32-document-inspector .revision-card{position:relative;margin:0 0 9px 12px!important;padding:12px 12px 12px 15px!important;border:1px solid #e1e7ef!important;border-radius:11px!important;background:#fbfcfe!important;display:flex;flex-direction:column;gap:4px} .r32-document-inspector .revision-card:before{content:"";position:absolute;left:-13px;top:17px;width:7px;height:7px;border-radius:50%;background:#1463eb;box-shadow:0 0 0 4px #eaf2ff} .r32-document-inspector .revision-card:after{content:"";position:absolute;left:-10px;top:27px;bottom:-18px;width:1px;background:#dce5ef} .r32-document-inspector .revision-card:last-of-type:after{display:none} .r32-document-inspector .revision-card strong{font-size:13px;color:#193451} .r32-document-inspector .revision-card small{font-size:11px;color:#7a8a9d} .r32-document-inspector .revision-card span{font-size:12px;color:#5e7188} .r32-document-inspector .revision-card button{margin-top:5px;align-self:flex-start} .r32-document-inspector .delivery-print-options{display:flex;flex-direction:column;gap:11px;padding:13px;border:1px solid #e1e7ef;border-radius:12px;background:#fbfcfe} .r32-document-inspector .delivery-print-options h3{margin:0 0 2px;font-size:14px;color:#213b59} .r32-document-inspector .delivery-print-options .checkbox-field{padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#fff} .r32-document-inspector .delivery-print-options>button{width:100%!important;justify-content:flex-start!important} @media (max-width:1180px){ .r321-document-meta{grid-template-columns:1fr} .r321-total-card{grid-column:auto} } @media (max-width:820px){ .r321-document-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important} .r321-document-actions>*{width:100%!important;justify-content:flex-start!important} .r321-document-nav{padding-left:0!important;border-left:0!important} .r321-document-meta{grid-template-columns:1fr} } /* R33 · Hub documental final + modo oscuro opcional. Claro es el tema por defecto. */ :root{ --r33-primary:#0f6df5; --r33-primary-strong:#075ad4; --r33-ink:#0d2442; --r33-muted:#667a94; --r33-line:#d9e3ef; --r33-canvas:#edf2f7; --r33-panel:#fff; --r33-green:#0b9f51; --r33-green-soft:#eaf8f0; --r33-warning:#b86a00; --r33-warning-soft:#fff3d9; --r33-danger:#dc303b; } /* Shell general, más cercano al boceto aprobado. */ .main-inset{background:#f7f9fc!important;color:var(--r33-ink)!important} .topbar{height:60px!important;min-height:60px!important;padding:0 22px!important;background:#fff!important;border-bottom:1px solid #e3e9f1!important;box-shadow:none!important} .topbar .breadcrumb{color:#60748d!important;font-size:13px!important} .top-actions{gap:8px!important} .r33-theme-toggle{height:36px!important;min-width:38px!important;padding:0 10px!important;gap:7px!important;border:1px solid #dce5ef!important;border-radius:9px!important;background:#fff!important;color:#334d6d!important;box-shadow:none!important} .r33-theme-toggle:hover{background:#f5f8fc!important;border-color:#c8d5e4!important} .r33-theme-icon{font-size:18px;line-height:1;display:inline-grid;place-items:center} .r33-theme-label{font-size:12px;font-weight:700} .app-sidebar [data-sidebar="sidebar"],.app-sidebar [data-slot="sidebar-inner"]{background:#fff!important;border-right:1px solid #e2e8f0!important;box-shadow:none!important} .app-sidebar .brand{min-height:92px!important;padding:12px 14px!important} .app-sidebar .brand-symbol{width:172px!important;height:62px!important} .app-sidebar .r33-brand-logo{width:166px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;filter:none!important} .app-sidebar [data-sidebar="group-label"]{color:#9aa8b9!important;font-size:9px!important;letter-spacing:.14em!important} .app-sidebar [data-sidebar="menu-button"]{min-height:42px!important;border-radius:9px!important;color:#314b6a!important} .app-sidebar [data-sidebar="menu-button"]:hover{background:#f3f7fc!important;color:#0e4eaa!important} .app-sidebar [data-sidebar="menu-button"][data-active="true"]{background:#eaf3ff!important;color:#075fd9!important;box-shadow:inset 3px 0 0 #1474ff!important} /* El dialogo pasa visualmente a ser una pantalla del sistema, sin fondo modal gris. */ body:has(.r33-document-hub) [data-slot="dialog-overlay"]{background:transparent!important;backdrop-filter:none!important} .r33-document-hub{ position:fixed!important; top:60px!important; left:204px!important; right:0!important; bottom:0!important; transform:none!important; translate:none!important; width:auto!important; height:auto!important; max-width:none!important; max-height:none!important; border:0!important; border-radius:0!important; background:#f4f7fb!important; box-shadow:none!important; overflow:hidden!important; } .r33-document-hub [data-slot="dialog-header"]{ position:relative!important; min-height:78px!important; padding:14px 330px 12px 84px!important; background:#fff!important; border-bottom:1px solid #e3e9f1!important; justify-content:center!important; } .r33-document-hub [data-slot="dialog-title"]{font-size:24px!important;line-height:1.2!important;color:#0d2442!important;font-weight:800!important;letter-spacing:-.025em!important} .r33-document-hub [data-slot="dialog-description"]{margin-top:6px!important;color:#526a87!important;font-size:13px!important;white-space:pre-wrap} .r33-document-hub [data-slot="dialog-close"]{ left:22px!important; right:auto!important; top:16px!important; width:48px!important; height:48px!important; display:grid!important; place-items:center!important; border:1px solid #dbe4ee!important; border-radius:999px!important; background:#fff!important; color:#102c50!important; opacity:1!important; box-shadow:none!important; } .r33-document-hub [data-slot="dialog-close"]:hover{background:#f4f7fb!important;border-color:#c7d5e5!important} .r33-document-hub [data-slot="dialog-close"] svg{display:none!important} .r33-document-hub [data-slot="dialog-close"]:before{content:"←";font-size:28px;line-height:1;font-weight:500} .r33-title-wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .r33-title-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:7px;background:#e4f7eb;color:#08753c;font-size:12px;font-weight:800;letter-spacing:0} .r33-document-hub .r32-document-toolbar{ position:relative!important; min-height:64px!important; padding:10px 24px!important; background:#fff!important; border-bottom:1px solid #e5ebf2!important; gap:10px!important; } .r33-document-hub .r321-document-actions{gap:9px!important;flex-wrap:nowrap!important} .r33-document-hub .r321-document-actions>button,.r33-document-hub .r321-document-actions>a{ min-height:42px!important; padding:0 15px!important; border:1px solid #d9e3ef!important; border-radius:8px!important; background:#fff!important; color:#173250!important; font-size:13px!important; font-weight:650!important; } .r33-document-hub .r321-document-actions>button:hover,.r33-document-hub .r321-document-actions>a:hover{background:#f5f8fc!important;border-color:#c7d5e5!important} .r33-document-hub .r321-document-actions>button:last-child{background:var(--r33-primary)!important;border-color:var(--r33-primary)!important;color:#fff!important;box-shadow:0 5px 13px rgba(15,109,245,.2)!important} .r33-document-hub .r321-document-actions>button:last-child:hover{background:var(--r33-primary-strong)!important;border-color:var(--r33-primary-strong)!important} .r33-whatsapp-icon{width:20px;height:20px;color:#12a84f;flex:0 0 auto} .r33-document-hub .r321-document-nav{ position:absolute!important; top:-67px!important; right:22px!important; z-index:3!important; display:flex!important; gap:8px!important; padding:0!important; border:0!important; } .r33-document-hub .r321-document-nav button{width:auto!important;min-width:102px!important;height:40px!important;padding:0 13px!important;border:1px solid #dce5ef!important;border-radius:8px!important;background:#fff!important;color:#3e5877!important;display:inline-flex!important;gap:7px!important;justify-content:center!important} .r33-document-hub .r321-document-nav button:disabled{opacity:.45!important;background:#f7f9fc!important} .r33-document-hub .r32-document-layout{ grid-template-columns:minmax(0,1fr) minmax(350px,390px)!important; gap:12px!important; height:calc(100dvh - 202px)!important; padding:12px!important; background:#eef2f6!important; } .r33-document-preview{ display:flex!important; flex-direction:column!important; min-height:0!important; padding:0!important; overflow:hidden!important; border:1px solid #dbe4ee!important; border-radius:12px!important; background:#dfe6ee!important; box-shadow:none!important; } .r33-preview-toolbar{height:46px;min-height:46px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #dce5ef;color:#536b88} .r33-preview-pages{display:flex;align-items:center;gap:7px} .r33-preview-pages>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid #dbe4ee;border-radius:7px;background:#f8fafc;font-size:20px;color:#59708b} .r33-preview-pages>strong{min-width:30px;height:30px;display:grid;place-items:center;border-radius:6px;background:#edf2f8;color:#1d3959;font-size:13px} .r33-preview-pages>small{font-size:12px;color:#5c718a} .r33-preview-caption{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8492a5} .r33-document-preview iframe{flex:1 1 auto!important;width:min(calc(100% - 36px),900px)!important;height:auto!important;min-height:0!important;margin:16px auto!important;border-radius:3px!important;background:#fff!important;box-shadow:0 9px 24px rgba(30,52,80,.14)!important} .r33-document-hub .r32-document-inspector{ padding:10px 12px 12px!important; border:1px solid #dce4ee!important; border-radius:12px!important; background:#fff!important; box-shadow:none!important; } .r33-document-hub .r32-document-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;padding:0!important;margin:0 0 10px!important;background:transparent!important} .r33-document-hub .r32-document-tabs button{height:38px!important;border:0!important;border-radius:8px!important;gap:7px!important;color:#334d6a!important;background:#f5f7fa!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important} .r33-document-hub .r32-document-tabs button[data-variant="default"],.r33-document-hub .r32-document-tabs button:not([data-variant="ghost"]){background:var(--r33-primary)!important;color:#fff!important} .r33-tab-icon{font-size:16px;line-height:1} .r33-document-hub .r321-document-summary{display:none!important} /* General: total primero, luego datos del cliente/documento en filas limpias. */ .r33-document-hub .r321-document-meta{display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important} .r33-document-hub .r321-info-card{display:grid!important;grid-template-columns:125px minmax(0,1fr)!important;gap:3px 12px!important;align-items:center!important;padding:11px 4px!important;border:0!important;border-bottom:1px solid #e6ebf1!important;border-radius:0!important;background:transparent!important} .r33-document-hub .r321-info-card>.r321-section-label{grid-column:1!important;grid-row:1!important;margin:0!important;color:#61748c!important;font-size:11px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important} .r33-document-hub .r321-info-card>strong{grid-column:2!important;grid-row:1!important;color:#152d4a!important;font-size:13px!important;font-weight:700!important} .r33-document-hub .r321-info-card>small{grid-column:2!important;color:#6c7e93!important;font-size:11px!important} .r33-document-hub .r321-info-card:first-child small{display:none!important} .r33-document-hub .r321-total-card{order:-1!important;grid-template-columns:125px minmax(0,1fr)!important;background:transparent!important;border-color:#e6ebf1!important} .r33-document-hub .r321-total-card>.r321-section-label{font-size:11px!important} .r33-document-hub .r321-total-card>strong{font-size:24px!important;color:#102c50!important;text-align:left!important;letter-spacing:-.02em!important} .r33-document-hub .r321-total-card>small{display:none!important} .r33-document-hub .r321-state-section{margin:0!important;padding:0!important} .r33-document-hub .r321-state-section>.r321-section-label{display:none!important} .r33-document-hub .r321-state-section:has(.status-row .badge.success:first-child):before{ content:"✓ Venta confirmada\A Este presupuesto fue confirmado por el cliente."; white-space:pre; display:block; margin:10px 0 8px; padding:11px 13px; border:1px solid #cdebd9; border-radius:9px; background:#eefaf3; color:#0a7d43; font-size:12px; font-weight:800; line-height:1.55; } .r33-document-hub .r32-order-actions>h3{display:none!important} .r33-document-hub .r32-order-actions .status-row{display:flex!important;gap:6px!important;padding:11px!important;border:1px solid #e2e8f0!important;border-radius:9px!important;background:#fbfcfe!important} .r33-document-hub .r32-order-actions .status-row:before{content:"Estado y stock";flex-basis:100%;margin-bottom:2px;color:#172e49;font-size:12px;font-weight:800} .r33-document-hub .r32-order-actions .badge{padding:6px 8px!important;border-radius:6px!important;font-size:10px!important} .r33-document-hub .badge.success{background:#e5f7ec!important;color:#087940!important} .r33-document-hub .badge.warning{background:#fff0cf!important;color:#a55d00!important} .r33-document-hub .badge.neutral{background:#edf3fb!important;color:#2e67aa!important} .r33-document-hub .r32-order-actions>.export-buttons{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;margin:9px 0 0!important} .r33-document-hub .r32-order-actions>.export-buttons:first-of-type:before{content:"Acciones rápidas";display:block;margin:2px 0 3px;color:#172e49;font-size:12px;font-weight:800} .r33-document-hub .r32-order-actions>.export-buttons button{position:relative!important;min-height:36px!important;padding:0 34px 0 11px!important;border:1px solid #e0e7ef!important;border-radius:7px!important;background:#fff!important;color:#223d5b!important;font-size:11px!important;font-weight:650!important;justify-content:flex-start!important;box-shadow:none!important} .r33-document-hub .r32-order-actions>.export-buttons button:after{content:"›";position:absolute;right:11px;top:50%;transform:translateY(-52%);font-size:18px;font-weight:400;color:#71839a} .r33-document-hub .r32-order-actions>.export-buttons button:disabled{background:#f6f8fb!important;color:#9aa8b9!important;opacity:1!important} .r33-document-hub .r32-order-actions>.export-buttons:last-of-type button:last-child:not(:disabled){border-color:#f3c5c9!important;background:#fff7f8!important;color:#d92936!important} .r33-general-sharing{margin-top:9px!important;padding:10px 4px 0!important;border-top:1px solid #e7ecf2!important} .r33-general-sharing>summary{min-height:38px;display:flex;align-items:center;cursor:pointer;color:#173452!important;font-size:12px;font-weight:750!important} .r33-document-hub .r321-messages-panel{padding:3px 2px} .r33-document-hub .r321-messages-panel>button{background:#fff!important;border:1px solid #dbe5ef!important;color:#1c3b5b!important} .r33-document-hub .r321-share-card{background:#f8fafc!important;border-color:#e0e7ef!important} .r33-document-hub .revision-card{background:#fafcff!important} /* Modo oscuro: se aplica a toda Gestión; el documento dentro del iframe queda blanco. */ html[data-refspata-theme="dark"]{color-scheme:dark;--r33-ink:#e9f0fa;--r33-muted:#92a3b8;--r33-line:#25374a;--r33-panel:#0d1926;--r33-canvas:#0a1420} html[data-refspata-theme="dark"] body{background:#07111d!important;color:#e8eef7!important} html[data-refspata-theme="dark"] .main-inset{background:#08131f!important;color:#e8eef7!important} html[data-refspata-theme="dark"] .topbar{background:#0a1724!important;border-color:#203247!important;color:#e8eef7!important} html[data-refspata-theme="dark"] .topbar .breadcrumb{color:#9aabc0!important} html[data-refspata-theme="dark"] .r33-theme-toggle{background:#0f1d2c!important;border-color:#2a3e54!important;color:#dce8f7!important} html[data-refspata-theme="dark"] .r33-theme-toggle:hover{background:#152538!important} html[data-refspata-theme="dark"] .app-sidebar [data-sidebar="sidebar"],html[data-refspata-theme="dark"] .app-sidebar [data-slot="sidebar-inner"]{background:#07131f!important;color:#dce7f5!important;border-color:#1d3044!important} html[data-refspata-theme="dark"] .app-sidebar [data-sidebar="menu-button"]{color:#b9c8da!important} html[data-refspata-theme="dark"] .app-sidebar [data-sidebar="menu-button"]:hover{background:#0e2134!important;color:#e8f2ff!important} html[data-refspata-theme="dark"] .app-sidebar [data-sidebar="menu-button"][data-active="true"]{background:#0e2c50!important;color:#62aaff!important;box-shadow:inset 3px 0 0 #1883ff!important} html[data-refspata-theme="dark"] .app-sidebar [data-sidebar="group-label"]{color:#60758e!important} html[data-refspata-theme="dark"] .r33-brand-logo{filter:brightness(1.08) saturate(1.08)!important} html[data-refspata-theme="dark"] .panel,html[data-refspata-theme="dark"] .help-topic,html[data-refspata-theme="dark"] .product-card,html[data-refspata-theme="dark"] .article-workbench,html[data-refspata-theme="dark"] .quick-create-panel,html[data-refspata-theme="dark"] .form-dialog,html[data-refspata-theme="dark"] [data-slot="dialog-content"]:not(.r33-document-hub){background:#0d1926!important;border-color:#26394e!important;color:#e8eef7!important;box-shadow:0 18px 50px rgba(0,0,0,.34)!important} html[data-refspata-theme="dark"] .main-inset input,html[data-refspata-theme="dark"] .main-inset textarea,html[data-refspata-theme="dark"] .main-inset select{background:#0b1724!important;border-color:#2a3c50!important;color:#eef4fb!important} html[data-refspata-theme="dark"] .main-inset input::placeholder,html[data-refspata-theme="dark"] .main-inset textarea::placeholder{color:#70839a!important} html[data-refspata-theme="dark"] .article-caption,html[data-refspata-theme="dark"] .bulk-toolbar,html[data-refspata-theme="dark"] .analysis-legend th,html[data-refspata-theme="dark"] .product-final-cost,html[data-refspata-theme="dark"] .product-sale-summary>div{background:#102032!important;color:#dce8f6!important;border-color:#2a3d52!important} html[data-refspata-theme="dark"] .article-table thead th{background:#102032!important;color:#9fb1c6!important;border-color:#273b50!important} html[data-refspata-theme="dark"] .article-table td,html[data-refspata-theme="dark"] .analysis-legend td{border-color:#24364a!important} html[data-refspata-theme="dark"] .article-table tbody tr:nth-child(even){background:#0b1826!important} html[data-refspata-theme="dark"] .article-table tbody tr:hover{background:#11243a!important} html[data-refspata-theme="dark"] .muted,html[data-refspata-theme="dark"] .page-description,html[data-refspata-theme="dark"] small{color:#8fa1b8!important} html[data-refspata-theme="dark"] .page-heading h1,html[data-refspata-theme="dark"] .panel h2,html[data-refspata-theme="dark"] .panel h3{color:#eef5ff!important} html[data-refspata-theme="dark"] .r33-document-hub{background:#08131f!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-header"],html[data-refspata-theme="dark"] .r33-document-hub .r32-document-toolbar{background:#0a1724!important;border-color:#203247!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-title"]{color:#f1f6fd!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-description"]{color:#9badc2!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-close"],html[data-refspata-theme="dark"] .r33-document-hub .r321-document-actions>button,html[data-refspata-theme="dark"] .r33-document-hub .r321-document-actions>a,html[data-refspata-theme="dark"] .r33-document-hub .r321-document-nav button{background:#0d1b2a!important;border-color:#2b3d52!important;color:#dbe7f5!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-document-actions>button:last-child{background:#0f6df5!important;border-color:#0f6df5!important;color:#fff!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-layout{background:#07111d!important} html[data-refspata-theme="dark"] .r33-document-preview{background:#101d2b!important;border-color:#263a50!important} html[data-refspata-theme="dark"] .r33-preview-toolbar{background:#0d1a28!important;border-color:#283a4d!important;color:#a3b4c8!important} html[data-refspata-theme="dark"] .r33-preview-pages>span,html[data-refspata-theme="dark"] .r33-preview-pages>strong{background:#132437!important;border-color:#2a4057!important;color:#c3d2e4!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-inspector{background:#0b1724!important;border-color:#263a50!important;color:#eaf1fa!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-tabs button{background:#101f30!important;color:#b9c8da!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-tabs button:not([data-variant="ghost"]){background:#0f6df5!important;color:#fff!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card{border-color:#22364a!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card>.r321-section-label{color:#8fa2b9!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card>strong,html[data-refspata-theme="dark"] .r33-document-hub .r321-total-card>strong{color:#f0f5fb!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-state-section:has(.status-row .badge.success:first-child):before{background:#0b2d23!important;border-color:#15543d!important;color:#61dea0!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions .status-row{background:#0d1b29!important;border-color:#26394d!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions .status-row:before,html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions>.export-buttons:first-of-type:before{color:#e7eef7!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions>.export-buttons button{background:#0d1a28!important;border-color:#26394d!important;color:#dce7f5!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions>.export-buttons button:disabled{background:#0a1521!important;color:#63768c!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions>.export-buttons:last-of-type button:last-child:not(:disabled){background:#291317!important;border-color:#6e2a32!important;color:#ff6874!important} html[data-refspata-theme="dark"] .r33-general-sharing{border-color:#23364a!important} html[data-refspata-theme="dark"] .r33-general-sharing>summary{color:#d8e5f4!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-share-card,html[data-refspata-theme="dark"] .r33-document-hub .revision-card{background:#0e1c2b!important;border-color:#283b50!important} @media(max-width:1100px){ .r33-document-hub{left:0!important;top:60px!important} .r33-document-hub .r32-document-layout{grid-template-columns:minmax(0,1fr) 340px!important} .r33-theme-label{display:none} } @media(max-width:820px){ .r33-document-hub{inset:0!important;width:100vw!important;height:100dvh!important} .r33-document-hub [data-slot="dialog-header"]{padding:72px 16px 13px 16px!important} .r33-document-hub [data-slot="dialog-close"]{top:14px!important;left:14px!important} .r33-document-hub .r321-document-nav{top:-55px!important;right:12px!important} .r33-document-hub .r321-document-nav button{min-width:44px!important;font-size:0!important} .r33-document-hub .r321-document-nav button svg{width:18px;height:18px} .r33-document-hub .r32-document-toolbar{padding:10px 12px!important} .r33-document-hub .r321-document-actions{display:grid!important;grid-template-columns:1fr 1fr!important;flex-wrap:wrap!important;width:100%} .r33-document-hub .r321-document-actions>*{width:100%!important} .r33-document-hub .r32-document-layout{display:block!important;height:calc(100dvh - 220px)!important;overflow:auto!important;padding:8px!important} .r33-document-preview{min-height:65dvh!important;margin-bottom:8px} .r33-document-hub .r32-document-inspector{overflow:visible!important} .r33-document-hub .r321-info-card{grid-template-columns:110px minmax(0,1fr)!important} } /* R34 · pasada visual unificada: visor documental full width, sidebar claro/oscuro y dark mode consistente. */ :root{ --r34-blue:#1473ff; --r34-blue-strong:#0b62e8; --r34-navy:#0b1a29; --r34-navy-2:#0f2234; --r34-navy-3:#132a3e; --r34-line:#2a4055; --r34-text:#e8f1fb; --r34-muted:#8ea6bf; } /* ----- Visor de presupuesto/remito: usa todo el ancho y oculta la navegación izquierda. ----- */ body:has(.r33-document-hub){overflow:hidden!important} body:has(.r33-document-hub) .app-sidebar{display:none!important} body:has(.r33-document-hub) [data-slot="sidebar-gap"]{display:none!important;width:0!important} body:has(.r33-document-hub) .main-inset{width:100vw!important;max-width:100vw!important;margin-left:0!important} .r33-document-hub{ left:0!important; right:0!important; width:100vw!important; max-width:100vw!important; } .r33-document-hub [data-slot="dialog-header"]{padding-left:84px!important} .r33-document-hub .r32-document-layout{grid-template-columns:minmax(0,1fr) minmax(350px,390px)!important} .r34-whatsapp-icon{width:21px!important;height:21px!important;object-fit:contain!important;display:block!important;flex:0 0 21px!important} /* ----- Sidebar definitivo, inspirado en la referencia suministrada. ----- */ .r34-sidebar [data-sidebar="sidebar"], .r34-sidebar [data-slot="sidebar-inner"]{ background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important; border-right:1px solid #dce6f1!important; box-shadow:8px 0 26px rgba(28,55,85,.035)!important; } .r34-sidebar [data-sidebar="header"]{padding:10px 10px 0!important} .r34-sidebar .brand{ min-height:96px!important; padding:10px 12px 18px!important; border-bottom:1px solid #dce6ef!important; display:flex!important; align-items:center!important; justify-content:center!important; } .r34-sidebar .brand-symbol{width:100%!important;height:62px!important;display:flex!important;align-items:center!important;justify-content:center!important} .r34-sidebar .r33-brand-logo{width:176px!important;max-width:100%!important;max-height:61px!important;object-fit:contain!important} .r34-sidebar .brand>div:last-child{display:none!important} .r34-sidebar [data-sidebar="group-label"]{display:none!important} .r34-sidebar [data-sidebar="content"]{padding:14px 10px 18px!important} .r34-sidebar [data-sidebar="menu"]{gap:3px!important} .r34-sidebar [data-sidebar="menu-button"]{ min-height:44px!important; border-radius:8px!important; padding:0 12px!important; gap:11px!important; color:#334e6e!important; font-size:14px!important; font-weight:550!important; transition:background .14s ease,color .14s ease,border-color .14s ease!important; } .r34-sidebar [data-sidebar="menu-button"] svg{width:18px!important;height:18px!important;color:#496b94!important;stroke-width:1.8!important} .r34-sidebar [data-sidebar="menu-button"]:hover{background:#f0f6fd!important;color:#0f4f9d!important} .r34-sidebar [data-sidebar="menu-button"][data-active="true"]{ background:linear-gradient(90deg,#e8f2ff 0%,#edf5ff 100%)!important; color:#0868e9!important; box-shadow:inset 4px 0 0 #1478ff!important; font-weight:700!important; } .r34-sidebar [data-sidebar="menu-button"][data-active="true"] svg{color:#1478ff!important} .r34-sidebar .nav-section{margin:3px 0!important} .r34-sidebar .nav-section>summary{ list-style:none!important; position:relative!important; min-height:44px!important; display:flex!important; align-items:center!important; gap:11px!important; padding:0 11px!important; border-radius:8px!important; color:#334e6e!important; cursor:pointer!important; font-size:14px!important; font-weight:650!important; user-select:none!important; } .r34-sidebar .nav-section>summary::-webkit-details-marker{display:none!important} .r34-sidebar .nav-section>summary:hover{background:#f1f6fc!important;color:#0f4f9d!important} .r34-sidebar .nav-section>summary>svg{margin-left:auto!important;color:#6e87a2!important;transition:transform .15s ease!important} .r34-sidebar .nav-section[open]>summary{ background:linear-gradient(90deg,#e7f2ff,#edf5ff)!important; color:#0766e3!important; box-shadow:inset 4px 0 0 #1478ff!important; } .r34-sidebar .nav-section[open]>summary>svg{transform:rotate(90deg)!important;color:#1478ff!important} .r34-nav-group-icon{ width:18px!important; height:18px!important; display:inline-block!important; flex:0 0 18px!important; border:1.7px solid currentColor!important; border-radius:4px!important; position:relative!important; opacity:.9!important; } .r34-nav-group-icon:after{content:"";position:absolute;left:4px;right:4px;top:4px;height:1.7px;background:currentColor;box-shadow:0 4px 0 currentColor;border-radius:2px} .r34-nav-group-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .r34-sidebar .nav-section [data-sidebar="menu-button"]{ min-height:37px!important; margin:1px 0 1px 15px!important; width:calc(100% - 15px)!important; padding-left:18px!important; border-radius:7px!important; font-size:13px!important; color:#607894!important; box-shadow:none!important; } .r34-sidebar .nav-section [data-sidebar="menu-button"]:before{content:"";width:5px;height:5px;border-radius:50%;background:#a8b8ca;flex:0 0 5px} .r34-sidebar .nav-section [data-sidebar="menu-button"] svg{display:none!important} .r34-sidebar .nav-section [data-sidebar="menu-button"][data-active="true"]{background:transparent!important;color:#0868e9!important;font-weight:750!important;box-shadow:none!important} .r34-sidebar .nav-section [data-sidebar="menu-button"][data-active="true"]:before{background:#1478ff!important;box-shadow:0 0 0 3px rgba(20,120,255,.12)} .r34-sidebar [data-sidebar="footer"]{margin-top:auto!important;padding:8px 12px 12px!important} .r34-sidebar .workspace-account{border-top:1px solid #dce6ef!important;padding-top:16px!important;color:#1e3a5b!important} .r34-sidebar .workspace-account .avatar{background:#e5f0ff!important;color:#145ec6!important} .r34-sidebar .workspace-account a,.r34-sidebar .workspace-account button{color:#415f7f!important} /* ----- Dark mode general: ninguna superficie funcional debe quedar blanca por accidente. ----- */ html[data-refspata-theme="dark"] body, html[data-refspata-theme="dark"] .main-inset{ background:#071522!important; color:var(--r34-text)!important; } html[data-refspata-theme="dark"] .topbar{background:#081725!important;border-color:#20364a!important;color:var(--r34-text)!important} html[data-refspata-theme="dark"] .topbar .breadcrumb, html[data-refspata-theme="dark"] .page-description, html[data-refspata-theme="dark"] .muted, html[data-refspata-theme="dark"] small{color:var(--r34-muted)!important} html[data-refspata-theme="dark"] h1, html[data-refspata-theme="dark"] h2, html[data-refspata-theme="dark"] h3, html[data-refspata-theme="dark"] h4, html[data-refspata-theme="dark"] strong{color:#f3f8ff} html[data-refspata-theme="dark"] .eyebrow{color:#4f94ff!important} html[data-refspata-theme="dark"] hr{border-color:#294056!important} /* Sidebar oscuro. */ html[data-refspata-theme="dark"] .r34-sidebar [data-sidebar="sidebar"], html[data-refspata-theme="dark"] .r34-sidebar [data-slot="sidebar-inner"]{ background:linear-gradient(180deg,#071522 0%,#0a1b2a 55%,#0c1f30 100%)!important; border-right-color:#263b4f!important; box-shadow:8px 0 30px rgba(0,0,0,.16)!important; } html[data-refspata-theme="dark"] .r34-sidebar .brand{border-bottom-color:#263b4f!important} html[data-refspata-theme="dark"] .r34-sidebar .r33-brand-logo{filter:brightness(1.08) saturate(1.05)!important} html[data-refspata-theme="dark"] .r34-sidebar [data-sidebar="menu-button"], html[data-refspata-theme="dark"] .r34-sidebar .nav-section>summary{color:#c8d8e8!important} html[data-refspata-theme="dark"] .r34-sidebar [data-sidebar="menu-button"] svg{color:#8fa9c3!important} html[data-refspata-theme="dark"] .r34-sidebar [data-sidebar="menu-button"]:hover, html[data-refspata-theme="dark"] .r34-sidebar .nav-section>summary:hover{background:#10263a!important;color:#eef6ff!important} html[data-refspata-theme="dark"] .r34-sidebar [data-sidebar="menu-button"][data-active="true"], html[data-refspata-theme="dark"] .r34-sidebar .nav-section[open]>summary{ background:linear-gradient(90deg,#10345c 0%,#102c4b 100%)!important; color:#55a4ff!important; box-shadow:inset 4px 0 0 #1683ff!important; } html[data-refspata-theme="dark"] .r34-sidebar .nav-section [data-sidebar="menu-button"]{color:#8fa8c2!important} html[data-refspata-theme="dark"] .r34-sidebar .nav-section [data-sidebar="menu-button"][data-active="true"]{background:transparent!important;color:#65adff!important;box-shadow:none!important} html[data-refspata-theme="dark"] .r34-sidebar .workspace-account{border-top-color:#263b4f!important;color:#e9f2fb!important} html[data-refspata-theme="dark"] .r34-sidebar .workspace-account .avatar{background:#173653!important;color:#8bc0ff!important} html[data-refspata-theme="dark"] .r34-sidebar .workspace-account a, html[data-refspata-theme="dark"] .r34-sidebar .workspace-account button{color:#a9bed3!important} /* Formularios, selectores, búsquedas y modales. */ html[data-refspata-theme="dark"] input:not([type="checkbox"]):not([type="radio"]), html[data-refspata-theme="dark"] textarea, html[data-refspata-theme="dark"] select, html[data-refspata-theme="dark"] [role="combobox"], html[data-refspata-theme="dark"] [data-slot="input"], html[data-refspata-theme="dark"] [data-slot="textarea"]{ background:#0d2031!important; color:#eaf3fc!important; border-color:#2a4259!important; box-shadow:none!important; caret-color:#65a9ff!important; } html[data-refspata-theme="dark"] input::placeholder, html[data-refspata-theme="dark"] textarea::placeholder{color:#7089a2!important;opacity:1!important} html[data-refspata-theme="dark"] input:focus, html[data-refspata-theme="dark"] textarea:focus, html[data-refspata-theme="dark"] select:focus, html[data-refspata-theme="dark"] [role="combobox"]:focus{border-color:#3187ff!important;box-shadow:0 0 0 2px rgba(49,135,255,.18)!important;outline:none!important} html[data-refspata-theme="dark"] input:disabled, html[data-refspata-theme="dark"] textarea:disabled, html[data-refspata-theme="dark"] select:disabled{background:#0a1927!important;color:#61778e!important;opacity:1!important} html[data-refspata-theme="dark"] input[type="date"]{color-scheme:dark!important} html[data-refspata-theme="dark"] .field>label, html[data-refspata-theme="dark"] .field label, html[data-refspata-theme="dark"] .form-grid label, html[data-refspata-theme="dark"] label{color:#9eb3c8!important} html[data-refspata-theme="dark"] .form-dialog, html[data-refspata-theme="dark"] [data-slot="dialog-content"]:not(.r33-document-hub), html[data-refspata-theme="dark"] .modal{ background:#0a1a29!important; color:var(--r34-text)!important; border-color:#2a4055!important; box-shadow:0 22px 70px rgba(0,0,0,.46)!important; } html[data-refspata-theme="dark"] [data-slot="dialog-title"], html[data-refspata-theme="dark"] .form-dialog h2{color:#f4f8fd!important} html[data-refspata-theme="dark"] [data-slot="dialog-description"], html[data-refspata-theme="dark"] .form-dialog>p{color:#89a1ba!important} html[data-refspata-theme="dark"] .form-footer, html[data-refspata-theme="dark"] .article-dialog .form-footer, html[data-refspata-theme="dark"] .product-save-bar{ background:#0a1a29!important; border-color:#2a4055!important; box-shadow:0 -8px 20px rgba(0,0,0,.16)!important; } /* Paneles, métricas y superficies de contenido. */ html[data-refspata-theme="dark"] .panel, html[data-refspata-theme="dark"] .metric, html[data-refspata-theme="dark"] .balance-card, html[data-refspata-theme="dark"] .finance-overview, html[data-refspata-theme="dark"] .product-card, html[data-refspata-theme="dark"] .article-workbench, html[data-refspata-theme="dark"] .quick-create-panel, html[data-refspata-theme="dark"] .help-topic, html[data-refspata-theme="dark"] .location-tree, html[data-refspata-theme="dark"] .document-totals, html[data-refspata-theme="dark"] .client-balance-box, html[data-refspata-theme="dark"] .concept-options, html[data-refspata-theme="dark"] .payment-review dl{ background:#0c1d2c!important; color:var(--r34-text)!important; border-color:#2a4156!important; box-shadow:none!important; } html[data-refspata-theme="dark"] .metric-top, html[data-refspata-theme="dark"] .metric p, html[data-refspata-theme="dark"] .metric small{color:#8fa7bf!important} html[data-refspata-theme="dark"] .metric strong, html[data-refspata-theme="dark"] .metric .metric-value{color:#f0f6fd!important} html[data-refspata-theme="dark"] .notice, html[data-refspata-theme="dark"] .help-note, html[data-refspata-theme="dark"] .rate-summary, html[data-refspata-theme="dark"] .cost-adjustments, html[data-refspata-theme="dark"] .product-sale-summary>div, html[data-refspata-theme="dark"] .product-photo-drop{ background:#102438!important; color:#a8bdd2!important; border-color:#2d475f!important; } html[data-refspata-theme="dark"] .provider-match{background:#0d2b26!important;border-color:#205248!important;color:#9ed7c7!important} html[data-refspata-theme="dark"] .product-final-cost{background:#102d4b!important;color:#8fbeff!important} /* Catálogo / productos: elimina las bandas blancas que quedaron en filtros y herramientas. */ html[data-refspata-theme="dark"] .catalog-panel{background:#0a1a29!important;border-color:#294157!important} html[data-refspata-theme="dark"] .catalog-panel>.filters, html[data-refspata-theme="dark"] .catalog-panel>.filters+div, html[data-refspata-theme="dark"] .catalog-panel .filter-panel, html[data-refspata-theme="dark"] .catalog-panel .advanced-filters, html[data-refspata-theme="dark"] .catalog-panel .bulk-toolbar, html[data-refspata-theme="dark"] .bulk-toolbar, html[data-refspata-theme="dark"] .article-caption{ background:#0e2234!important; color:#b8cbe0!important; border-color:#2b435a!important; } html[data-refspata-theme="dark"] .catalog-panel .filters{border-color:#2a4258!important} html[data-refspata-theme="dark"] .catalog-panel .filters label, html[data-refspata-theme="dark"] .catalog-panel .filters span{color:#93acc6!important} html[data-refspata-theme="dark"] .article-search{background:#0d2133!important;border-color:#31506d!important;color:#aac1d8!important} /* Tablas: encabezados, filas y estados seleccionados siempre legibles en oscuro. */ html[data-refspata-theme="dark"] table{color:#e7f0f9!important} html[data-refspata-theme="dark"] thead, html[data-refspata-theme="dark"] thead tr, html[data-refspata-theme="dark"] th, html[data-refspata-theme="dark"] .article-table thead th, html[data-refspata-theme="dark"] .analysis-legend th{ background:#0d2031!important; color:#9cb3ca!important; border-color:#2b4359!important; } html[data-refspata-theme="dark"] tbody tr, html[data-refspata-theme="dark"] .article-table tbody tr:nth-child(even){background:#0b1a29!important;color:#e8f0f9!important} html[data-refspata-theme="dark"] tbody tr:nth-child(even){background:#0c1d2d!important} html[data-refspata-theme="dark"] tbody tr:hover, html[data-refspata-theme="dark"] .article-table tbody tr:hover, html[data-refspata-theme="dark"] .analysis-selected{background:#102a42!important;color:#eef6ff!important} html[data-refspata-theme="dark"] td, html[data-refspata-theme="dark"] th, html[data-refspata-theme="dark"] .article-table td, html[data-refspata-theme="dark"] .analysis-legend td{border-color:#294158!important} html[data-refspata-theme="dark"] td small{color:#7f9bb5!important} /* Árbol de ubicaciones. */ html[data-refspata-theme="dark"] .location-tree-node{background:#0d2031!important;border-color:#2b4359!important;color:#e7f0fa!important} html[data-refspata-theme="dark"] .location-tree-node>summary{background:#0d2031!important;color:#e7f0fa!important;border-color:#2b4359!important} html[data-refspata-theme="dark"] .location-tree-node>summary:hover{background:#11283c!important} html[data-refspata-theme="dark"] .location-tree-node>summary span{color:#8fa8c1!important} html[data-refspata-theme="dark"] .location-tree-content{background:#0a1a29!important;border-color:#294158!important} /* Botones secundarios, pestañas y pickers. */ html[data-refspata-theme="dark"] .row-actions button:not([disabled]), html[data-refspata-theme="dark"] .export-buttons button:not([disabled]), html[data-refspata-theme="dark"] .portal-pdf, html[data-refspata-theme="dark"] .quick-create-panel button{ color:#dce9f6!important; border-color:#385169!important; } html[data-refspata-theme="dark"] .row-actions button:hover, html[data-refspata-theme="dark"] .export-buttons button:hover, html[data-refspata-theme="dark"] .quick-create-panel button:hover{background:#122a3f!important} html[data-refspata-theme="dark"] .picker-popup, html[data-refspata-theme="dark"] .picker-list, html[data-refspata-theme="dark"] [role="listbox"]{ background:#0d2031!important; color:#e6f0fa!important; border-color:#314b63!important; } html[data-refspata-theme="dark"] [role="option"]{color:#dce8f4!important} html[data-refspata-theme="dark"] [role="option"]:hover, html[data-refspata-theme="dark"] [role="option"][aria-selected="true"]{background:#13304a!important;color:#fff!important} /* Control de caja y dashboard: números que antes quedaban casi blancos sobre tarjeta blanca. */ html[data-refspata-theme="dark"] .metrics-grid .metric{background:#0c1d2c!important;border-color:#2a4157!important} html[data-refspata-theme="dark"] .metrics-grid .metric strong, html[data-refspata-theme="dark"] .metrics-grid .metric [class*="value"]{color:#f4f8fd!important} html[data-refspata-theme="dark"] .summary-strip, html[data-refspata-theme="dark"] .period-summary, html[data-refspata-theme="dark"] .cash-summary{background:#0e2234!important;color:#dce8f4!important;border-color:#2e485f!important} html[data-refspata-theme="dark"] .dashboard-card, html[data-refspata-theme="dark"] .home-card, html[data-refspata-theme="dark"] .quick-action-card{background:#0c1d2c!important;color:#e7f1fb!important;border-color:#2a4157!important} /* Visor documental oscuro: shell oscuro, papel/PDF siempre blanco. */ html[data-refspata-theme="dark"] .r33-document-hub{background:#071522!important;color:#eaf2fb!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-header"], html[data-refspata-theme="dark"] .r33-document-hub .r32-document-toolbar, html[data-refspata-theme="dark"] .r33-preview-toolbar, html[data-refspata-theme="dark"] .r33-document-hub .r32-document-inspector{background:#0a1a29!important;border-color:#294158!important;color:#e8f1fa!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-title"], html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card>strong, html[data-refspata-theme="dark"] .r33-document-hub .r321-total-card>strong{color:#f1f7fd!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-description"], html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card>small, html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card>.r321-section-label{color:#8fa8c1!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-layout{background:#07131f!important} html[data-refspata-theme="dark"] .r33-document-preview{background:#0d2030!important;border-color:#294158!important} html[data-refspata-theme="dark"] .r33-document-preview iframe{background:#fff!important;color-scheme:light!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-info-card{border-color:#263d52!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions .status-row{background:#0d2031!important;border-color:#2c455d!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions .status-row:before{color:#dce9f6!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-order-actions>.export-buttons button{background:#0d2031!important;border-color:#2c455d!important;color:#dce9f6!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-tabs button{background:#102337!important;color:#a9bfd4!important} html[data-refspata-theme="dark"] .r33-document-hub .r32-document-tabs button[data-variant="default"], html[data-refspata-theme="dark"] .r33-document-hub .r32-document-tabs button:not([data-variant="ghost"]){background:#1473ff!important;color:#fff!important} html[data-refspata-theme="dark"] .r33-document-hub [data-slot="dialog-close"], html[data-refspata-theme="dark"] .r33-document-hub .r321-document-nav button{background:#0e2132!important;border-color:#2e465c!important;color:#cfe0ef!important} html[data-refspata-theme="dark"] .r33-document-hub .r321-state-section:has(.status-row .badge.success:first-child):before{background:#0b3025!important;border-color:#1c5d45!important;color:#77d9aa!important} @media(max-width:820px){ body:has(.r33-document-hub) .topbar{display:none!important} .r33-document-hub{top:0!important;height:100dvh!important} .r33-document-hub .r32-document-layout{grid-template-columns:1fr!important;height:calc(100dvh - 178px)!important} } /* REFSPATA R34.1 · terminación visual del modo oscuro + iconografía del boceto. Esta hoja solo modifica presentación. No altera rutas, acciones ni datos. */ /* -------------------------------------------------------------------------- */ /* Sidebar: símbolos lineales equivalentes al boceto */ /* -------------------------------------------------------------------------- */ .r341-nav-symbol{ width:19px!important; height:19px!important; flex:0 0 19px!important; display:inline-block!important; background:currentColor!important; border:0!important; border-radius:0!important; box-shadow:none!important; -webkit-mask-repeat:no-repeat!important; mask-repeat:no-repeat!important; -webkit-mask-position:center!important; mask-position:center!important; -webkit-mask-size:19px 19px!important; mask-size:19px 19px!important; opacity:1!important; } .r341-nav-symbol:after,.r341-nav-symbol:before{display:none!important;content:none!important} /* Casa · Inicio */ .r341-nav-symbol[data-r341-icon="Inicio"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 11 9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")!important; } /* Usuarios · Portal Clientes */ .r341-nav-symbol[data-r341-icon="Portal Clientes"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M22 21v-2a4 4 0 0 0-3-3.87'/%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")!important; } /* Documento · Ventas */ .r341-nav-symbol[data-r341-icon="Ventas"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h8l4 4v16H6z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 2h8l4 4v16H6z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 13h6M9 17h6'/%3E%3C/svg%3E")!important; } /* Cubo · Inventario / productos */ .r341-nav-symbol[data-r341-icon="Inventario"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")!important; } /* Carrito · Compras */ .r341-nav-symbol[data-r341-icon="Compras"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 9.4a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.6L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.2 9.4a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.6L21 8H6'/%3E%3Ccircle cx='10' cy='20' r='1'/%3E%3Ccircle cx='18' cy='20' r='1'/%3E%3C/svg%3E")!important; } /* Barras · Finanzas / reportes */ .r341-nav-symbol[data-r341-icon="Finanzas"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V11h4v9M10 20V4h4v16M16 20v-7h4v7M2 20h20'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V11h4v9M10 20V4h4v16M16 20v-7h4v7M2 20h20'/%3E%3C/svg%3E")!important; } /* Engranaje · Administración / configuración */ .r341-nav-symbol[data-r341-icon="Administración"]{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.2 2h-.4a2 2 0 0 0-2 2v.2a2 2 0 0 1-1 1.7l-.4.3a2 2 0 0 1-2 0l-.2-.1a2 2 0 0 0-2.7.7l-.2.4A2 2 0 0 0 4 9.9l.2.1a2 2 0 0 1 1 1.7v.6a2 2 0 0 1-1 1.7l-.2.1a2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.2-.1a2 2 0 0 1 2 0l.4.3a2 2 0 0 1 1 1.7v.2a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2v-.2a2 2 0 0 1 1-1.7l.4-.3a2 2 0 0 1 2 0l.2.1a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7l-.2-.1a2 2 0 0 1-1-1.7v-.6a2 2 0 0 1 1-1.7l.2-.1a2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.2.1a2 2 0 0 1-2 0l-.4-.3a2 2 0 0 1-1-1.7V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important; mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12.2 2h-.4a2 2 0 0 0-2 2v.2a2 2 0 0 1-1 1.7l-.4.3a2 2 0 0 1-2 0l-.2-.1a2 2 0 0 0-2.7.7l-.2.4A2 2 0 0 0 4 9.9l.2.1a2 2 0 0 1 1 1.7v.6a2 2 0 0 1-1 1.7l-.2.1a2 2 0 0 0-.7 2.7l.2.4a2 2 0 0 0 2.7.7l.2-.1a2 2 0 0 1 2 0l.4.3a2 2 0 0 1 1 1.7v.2a2 2 0 0 0 2 2h.4a2 2 0 0 0 2-2v-.2a2 2 0 0 1 1-1.7l.4-.3a2 2 0 0 1 2 0l.2.1a2 2 0 0 0 2.7-.7l.2-.4a2 2 0 0 0-.7-2.7l-.2-.1a2 2 0 0 1-1-1.7v-.6a2 2 0 0 1 1-1.7l.2-.1a2 2 0 0 0 .7-2.7l-.2-.4a2 2 0 0 0-2.7-.7l-.2.1a2 2 0 0 1-2 0l-.4-.3a2 2 0 0 1-1-1.7V4a2 2 0 0 0-2-2z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important; } /* Quita el dibujo genérico de R34 y deja el color gobernado por el estado. */ .r34-sidebar .nav-section>summary .r34-nav-group-icon{margin:0!important;color:#496b94!important} .r34-sidebar .nav-section>summary>svg{margin-left:auto!important} html[data-refspata-theme="dark"] .r34-sidebar .nav-section>summary .r34-nav-group-icon{color:#91abc5!important} .r34-sidebar .nav-section[open]>summary .r34-nav-group-icon{color:#1478ff!important} html[data-refspata-theme="dark"] .r34-sidebar .nav-section[open]>summary .r34-nav-group-icon{color:#55a4ff!important} /* En los submenús vuelven a verse los iconos reales de cada herramienta. */ .r34-sidebar .nav-section [data-sidebar="menu-button"]:before{display:none!important;content:none!important} .r34-sidebar .nav-section [data-sidebar="menu-button"] svg{ display:block!important; width:16px!important; height:16px!important; flex:0 0 16px!important; color:#7990a9!important; stroke-width:1.75!important; } .r34-sidebar .nav-section [data-sidebar="menu-button"]{padding-left:14px!important;gap:9px!important} .r34-sidebar .nav-section [data-sidebar="menu-button"][data-active="true"] svg{color:#1478ff!important} html[data-refspata-theme="dark"] .r34-sidebar .nav-section [data-sidebar="menu-button"] svg{color:#7f9ab5!important} html[data-refspata-theme="dark"] .r34-sidebar .nav-section [data-sidebar="menu-button"][data-active="true"] svg{color:#65adff!important} /* -------------------------------------------------------------------------- */ /* Oscuro: superficies que todavía heredaban blancos de módulos históricos */ /* -------------------------------------------------------------------------- */ html[data-refspata-theme="dark"]{ --r341-surface:#0b1d2c; --r341-surface-2:#0e2335; --r341-surface-3:#12293d; --r341-border:#2b455c; --r341-text:#e8f1fb; --r341-muted:#91a9c1; } /* Remitos / presupuestos: Entrega y bultos. */ html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options{ background:var(--r341-surface)!important; border:1px solid var(--r341-border)!important; border-radius:10px!important; padding:14px!important; color:var(--r341-text)!important; } html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options h3{color:#f3f8ff!important;margin:0!important} html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options .field>label{color:#9eb4ca!important} html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options .checkbox-field{ background:#10263a!important; border:1px solid #2d485f!important; border-radius:8px!important; padding:9px 10px!important; color:#c5d6e7!important; } html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options .muted{color:#879fb7!important} html[data-refspata-theme="dark"] .r33-document-hub .delivery-print-options button[data-variant="outline"]{ background:#10263a!important; color:#dce9f6!important; border-color:#38536d!important; } /* Editor de presupuestos: ficha del cliente, opciones y totales. */ html[data-refspata-theme="dark"] .document-client-grid, html[data-refspata-theme="dark"] .document-options, html[data-refspata-theme="dark"] .document-totals{ background:var(--r341-surface-2)!important; color:var(--r341-text)!important; border:1px solid var(--r341-border)!important; box-shadow:none!important; } html[data-refspata-theme="dark"] .document-client-grid strong{color:#8fa8c1!important} html[data-refspata-theme="dark"] .document-client-grid>div{color:#dce8f4!important} html[data-refspata-theme="dark"] .document-client-grid>div:first-child{color:#f1f7fd!important} html[data-refspata-theme="dark"] .document-totals>div{color:#a2b7cc!important} html[data-refspata-theme="dark"] .document-totals .grand-total{color:#7cb5ff!important;border-color:#31516d!important} html[data-refspata-theme="dark"] .discount-control>p{color:#8fa9c2!important} /* Combobox / Picker: menú de clientes y listas sin superficies blancas. */ html[data-refspata-theme="dark"] .picker-popup, html[data-refspata-theme="dark"] [data-slot="combobox-content"]{ background:#0d2031!important; color:#e7f1fb!important; border-color:#345069!important; box-shadow:0 16px 42px rgba(0,0,0,.42)!important; } html[data-refspata-theme="dark"] .picker-list [data-slot="combobox-item"]{ background:transparent!important; color:#dfeaf5!important; border-color:#294359!important; } html[data-refspata-theme="dark"] .picker-list [data-slot="combobox-item"]:hover, html[data-refspata-theme="dark"] .picker-list [data-slot="combobox-item"][data-highlighted], html[data-refspata-theme="dark"] .picker-list [data-slot="combobox-item"][aria-selected="true"]{ background:#14314a!important; color:#fff!important; } html[data-refspata-theme="dark"] .picker-popup [data-slot="combobox-empty"]{color:#8fa8c0!important} /* Productos: la franja Modo de costo tenía background inline claro. */ html[data-refspata-theme="dark"] .catalog-panel .cost-mode-filter, html[data-refspata-theme="dark"] [data-refspata-cost-mode-filter="true"]{ background:#0b1d2c!important; color:#dfeaf5!important; border-top-color:#2b455c!important; border-bottom-color:#2b455c!important; } html[data-refspata-theme="dark"] .cost-mode-filter-copy strong{color:#eff6fd!important} html[data-refspata-theme="dark"] .cost-mode-filter-copy small{color:#91a9c1!important} html[data-refspata-theme="dark"] .cost-mode-filter-actions button[data-variant="outline"]{ background:#102538!important; color:#bed1e3!important; border-color:#38536c!important; } html[data-refspata-theme="dark"] .cost-mode-filter-actions button[data-variant="outline"]:hover{background:#153049!important;color:#f3f8ff!important} html[data-refspata-theme="dark"] .cost-mode-filter-actions button[data-variant="default"]{ background:#1473ff!important; color:#fff!important; border-color:#1473ff!important; } html[data-refspata-theme="dark"] .catalog-panel .filters, html[data-refspata-theme="dark"] .catalog-panel .r14-product-filters{background:#0d2031!important} html[data-refspata-theme="dark"] .catalog-panel .badge.warning{background:#3b2d12!important;color:#ffd17a!important;border-color:#604b22!important} html[data-refspata-theme="dark"] .catalog-panel .badge.success{background:#0c3025!important;color:#8be0b4!important;border-color:#1f5945!important} /* Inicio: alertas operativas y accesos rápidos. */ html[data-refspata-theme="dark"] .operational-alerts button{ background:#132333!important; border-color:#4a422d!important; color:#e8f1fb!important; box-shadow:none!important; } html[data-refspata-theme="dark"] .operational-alerts button:hover{background:#182b3e!important;border-color:#66562f!important} html[data-refspata-theme="dark"] .operational-alerts strong{color:#f3b94f!important} html[data-refspata-theme="dark"] .operational-alerts span{color:#d1bf99!important} html[data-refspata-theme="dark"] .quick-grid .quick-action{ background:#0d2031!important; color:#e7f1fb!important; border:1px solid #2b455c!important; box-shadow:none!important; } html[data-refspata-theme="dark"] .quick-grid .quick-action:hover{background:#122a40!important;border-color:#365a79!important} html[data-refspata-theme="dark"] .quick-grid .quick-action strong, html[data-refspata-theme="dark"] .quick-grid .quick-action b{color:#eff6fd!important} html[data-refspata-theme="dark"] .quick-grid .quick-action p, html[data-refspata-theme="dark"] .quick-grid .quick-action small, html[data-refspata-theme="dark"] .quick-grid .quick-action span:not(.quick-icon){color:#9eb4ca!important} html[data-refspata-theme="dark"] .quick-grid .quick-icon{background:#102e55!important;color:#69a9ff!important} html[data-refspata-theme="dark"] .quick-grid .quick-action>svg{color:#91a9c1!important} /* Preparación de envíos: cantidades, faltantes y líneas. */ html[data-refspata-theme="dark"] .packing-amounts>span{ background:#12283a!important; color:#b9cde0!important; border:1px solid #2d475e!important; } html[data-refspata-theme="dark"] .packing-amounts>span.pending{ background:#382b12!important; color:#ffd17a!important; border-color:#5c4823!important; } html[data-refspata-theme="dark"] .packing-amounts>span.complete{ background:#0d3026!important; color:#88ddb2!important; border-color:#205542!important; } html[data-refspata-theme="dark"] .packing-line{border-color:#2a445a!important} html[data-refspata-theme="dark"] .packing-line small{color:#8fa7bf!important} html[data-refspata-theme="dark"] .preparation-page [role="alert"]{background:#351923!important;color:#ff9fb8!important;border:1px solid #663044!important} /* Otras superficies antiguas vistas dentro de modales y paneles. */ html[data-refspata-theme="dark"] .credit-available, html[data-refspata-theme="dark"] .photo-editor, html[data-refspata-theme="dark"] .tier-editor, html[data-refspata-theme="dark"] .product-photo, html[data-refspata-theme="dark"] .product-photo-empty, html[data-refspata-theme="dark"] .product-stock-card, html[data-refspata-theme="dark"] .product-pricing, html[data-refspata-theme="dark"] .product-locations, html[data-refspata-theme="dark"] .product-extra, html[data-refspata-theme="dark"] .portal-layout aside, html[data-refspata-theme="dark"] .portal-balances>div{ background:#0d2031!important; color:#e5eff9!important; border-color:#2b455c!important; } html[data-refspata-theme="dark"] .photo-editor>img, html[data-refspata-theme="dark"] .photo-placeholder{background:#102538!important;border-color:#334e67!important} html[data-refspata-theme="dark"] .tier-editor>p, html[data-refspata-theme="dark"] .product-stock-actions, html[data-refspata-theme="dark"] .product-price>small, html[data-refspata-theme="dark"] .product-extra-body, html[data-refspata-theme="dark"] .portal-balances span{color:#8fa8c1!important} html[data-refspata-theme="dark"] .product-price, html[data-refspata-theme="dark"] .product-stock-actions, html[data-refspata-theme="dark"] .location-quantity, html[data-refspata-theme="dark"] .product-extra-body{border-color:#29445b!important} /* Radios, checks y controles neutros: evita rectángulos blancos alrededor. */ html[data-refspata-theme="dark"] [data-slot="checkbox"]{ background:#102538!important; border-color:#5a7188!important; color:#fff!important; } html[data-refspata-theme="dark"] [data-slot="checkbox"][data-state="checked"]{background:#1473ff!important;border-color:#1473ff!important} html[data-refspata-theme="dark"] button[data-variant="outline"]:disabled{ background:#0c1d2c!important; color:#607b94!important; border-color:#284157!important; opacity:.78!important; } /* El papel del documento sigue deliberadamente blanco. */ html[data-refspata-theme="dark"] .r33-document-preview iframe{background:#fff!important;color-scheme:light!important} /* REFSPATA V1.2 · Preparación de envíos · UI aprobada */ :root{ --shipping-bg:#fff;--shipping-surface:#f7f9fc;--shipping-surface-2:#f1f5fa; --shipping-border:#dce5ef;--shipping-border-strong:#c8d5e4;--shipping-text:#10213a; --shipping-muted:#667a93;--shipping-blue:#0f73ff;--shipping-blue-soft:#e8f2ff; --shipping-blue-text:#1769c8;--shipping-warn:#fff1d2;--shipping-warn-text:#865700; --shipping-ok:#dff5eb;--shipping-ok-text:#087052;--shipping-hover:#f6f9fd; --shipping-shadow:0 18px 54px rgba(19,42,70,.18); } html[data-refspata-theme="dark"]{ --shipping-bg:#0e1c2c;--shipping-surface:#0b1725;--shipping-surface-2:#122337; --shipping-border:#294157;--shipping-border-strong:#38536c;--shipping-text:#edf5fd; --shipping-muted:#91a9c1;--shipping-blue:#1473ff;--shipping-blue-soft:#102e55; --shipping-blue-text:#79b5ff;--shipping-warn:#382b12;--shipping-warn-text:#ffd17a; --shipping-ok:#0c3025;--shipping-ok-text:#8be0b4;--shipping-hover:#162a40; --shipping-shadow:0 22px 65px rgba(0,0,0,.38); } .shipping-preparation-modal{ width:min(1600px,84vw)!important;max-width:min(1600px,84vw)!important; max-height:85vh!important;border:1px solid var(--shipping-border)!important; border-radius:15px!important;background:var(--shipping-bg)!important;color:var(--shipping-text)!important; box-shadow:var(--shipping-shadow)!important;overflow:hidden!important; } .shipping-preparation-modal [data-slot="dialog-title"],.shipping-preparation-modal h2{color:var(--shipping-text)} .shipping-preparation-modal [data-slot="dialog-description"]{color:var(--shipping-muted)} /* Flex, no grid: needsReview es condicional. Con grid, cuando no existía ese bloque la lista de productos caía en una fila auto y la fila flexible quedaba vacía. */ .shipping-preparation-form{ display:flex;flex-direction:column;gap:14px; min-height:0;height:calc(85vh - 112px);max-height:calc(85vh - 112px);overflow:hidden; } .shipping-order-summary{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.9fr);gap:0;min-height:106px;padding:13px 18px;background:var(--shipping-surface);border:1px solid var(--shipping-border);border-radius:11px;flex:0 0 auto} .shipping-order-summary-main{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0;padding-right:28px} .shipping-order-summary-date{display:flex;flex-direction:column;justify-content:center;gap:7px;padding-left:30px;border-left:1px solid var(--shipping-border)} .shipping-order-summary-date label{font-size:13px;font-weight:750;color:var(--shipping-text)} .shipping-order-summary-date input{min-height:42px;background:var(--shipping-bg)!important;border-color:var(--shipping-border-strong)!important;color:var(--shipping-text)!important} .shipping-order-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:var(--shipping-text);font-size:19px} .shipping-order-title>strong{font-weight:780} .shipping-active-badge{display:inline-flex;align-items:center;min-height:27px;padding:4px 11px;border-radius:999px;background:var(--shipping-ok);color:var(--shipping-ok-text);font-size:12px;font-weight:760} .shipping-order-meta{display:flex;align-items:center;gap:9px;min-width:0;color:var(--shipping-text);font-size:14px} .shipping-meta-icon{display:inline-grid;place-items:center;width:19px;height:19px;flex:0 0 19px;color:var(--shipping-blue);font-weight:800} .shipping-order-note{margin:1px 0 0;color:var(--shipping-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .shipping-review-notice{padding:9px 12px;border:1px solid color-mix(in srgb,var(--shipping-warn-text) 20%,var(--shipping-border));border-radius:8px;background:var(--shipping-warn);color:var(--shipping-warn-text);font-size:12px;flex:0 0 auto} .shipping-products-section{display:flex;flex:1 1 0;flex-direction:column;gap:8px;min-height:190px;overflow:hidden} .shipping-products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex:0 0 auto} .shipping-products-heading h3{margin:0;color:var(--shipping-text);font-size:18px;font-weight:760} .shipping-products-heading span{color:var(--shipping-muted);font-size:13px} .shipping-products-table{flex:1 1 0;min-height:0;overflow:auto;border:1px solid var(--shipping-border);border-radius:10px;background:var(--shipping-bg);overscroll-behavior:contain} .shipping-products-head,.shipping-product-row{display:grid;grid-template-columns:52px minmax(250px,1.8fr) 110px minmax(300px,1fr) 166px;align-items:center} .shipping-products-head{position:sticky;top:0;z-index:3;min-height:40px;background:var(--shipping-surface);border-bottom:1px solid var(--shipping-border);color:var(--shipping-muted);font-size:12px;font-weight:720} .shipping-product-row{min-height:58px;border-bottom:1px solid var(--shipping-border);transition:background .14s ease} .shipping-product-row:last-child{border-bottom:0}.shipping-product-row:hover{background:var(--shipping-hover)} .shipping-products-head>* ,.shipping-product-row>*{min-width:0;padding:7px 12px} .shipping-check-cell{display:flex;align-items:center;justify-content:center;min-height:52px;cursor:pointer;border-radius:7px} .shipping-check-cell [data-slot="checkbox"]{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;border-radius:5px!important;cursor:pointer!important} .shipping-check-cell [data-slot="checkbox-indicator"] svg{width:17px!important;height:17px!important} .shipping-check-cell:focus-within{outline:3px solid color-mix(in srgb,var(--shipping-blue) 28%,transparent);outline-offset:-3px} .shipping-product-cell{display:flex;align-items:center;gap:13px;min-width:0} .shipping-product-cell img,.shipping-product-placeholder{width:42px;height:42px;flex:0 0 42px;border:1px solid var(--shipping-border);border-radius:8px;background:var(--shipping-surface);object-fit:contain} .shipping-product-placeholder{display:grid;place-items:center;color:var(--shipping-muted)} .shipping-product-copy{min-width:0}.shipping-product-name{display:block;color:var(--shipping-text);font-size:14px;font-weight:730;line-height:1.25;white-space:normal;overflow-wrap:anywhere} .shipping-product-code,.shipping-product-code-mobile{color:var(--shipping-muted);font-size:13px;overflow-wrap:anywhere}.shipping-product-code-mobile{display:none;margin-top:3px;font-size:11px} .shipping-product-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px} .shipping-amount-pill{display:grid;align-content:center;gap:2px;min-width:0;min-height:38px;padding:5px 8px;border-radius:7px;background:var(--shipping-blue-soft);color:var(--shipping-blue-text);font-weight:720} .shipping-amount-pill small{font-size:9px;line-height:1.1;color:inherit;text-transform:uppercase;letter-spacing:.025em}.shipping-amount-pill b{font-size:17px;line-height:1;font-weight:820} .shipping-amount-pill.prepared{background:var(--shipping-surface-2);color:var(--shipping-text)} .shipping-amount-pill.missing{background:var(--shipping-warn);color:var(--shipping-warn-text)}.shipping-amount-pill.complete{background:var(--shipping-ok);color:var(--shipping-ok-text)} .shipping-stepper{display:grid;grid-template-columns:42px 68px 42px;min-height:40px;border:1px solid var(--shipping-border-strong);border-radius:7px;overflow:hidden;background:var(--shipping-bg)} .shipping-stepper button{min-height:40px;border:0;background:transparent;color:var(--shipping-blue);font-size:22px;line-height:1;cursor:pointer}.shipping-stepper button:hover:not(:disabled){background:var(--shipping-blue-soft)}.shipping-stepper button:disabled{cursor:not-allowed;opacity:.38} .shipping-stepper input{width:100%;min-width:0!important;height:40px!important;padding:0 5px!important;border:0!important;border-left:1px solid var(--shipping-border)!important;border-right:1px solid var(--shipping-border)!important;border-radius:0!important;background:transparent!important;color:var(--shipping-text)!important;text-align:center;font-weight:700;appearance:textfield} .shipping-stepper input::-webkit-inner-spin-button,.shipping-stepper input::-webkit-outer-spin-button{appearance:none;margin:0} .shipping-stepper button:focus-visible,.shipping-action-card:focus-visible{outline:3px solid color-mix(in srgb,var(--shipping-blue) 32%,transparent);outline-offset:-3px} .shipping-status-row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;flex:0 0 auto} .shipping-status-control{display:flex;align-items:center;gap:14px}.shipping-status-control>span{font-size:13px;font-weight:700;white-space:nowrap}.shipping-status-control label{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important} .shipping-status-control [data-slot="select-trigger"],.shipping-status-control button{min-height:40px} .shipping-stock-note{display:flex;align-items:flex-start;gap:9px;max-width:390px;color:var(--shipping-muted);font-size:12px;line-height:1.35} .shipping-info-icon{display:grid;place-items:center;width:18px;height:18px;flex:0 0 18px;border:1px solid var(--shipping-blue);border-radius:50%;color:var(--shipping-blue);font-size:11px;font-weight:800} .shipping-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;flex:0 0 auto} .shipping-action-card{min-height:64px;display:flex;align-items:center;gap:14px;padding:10px 17px;border:1px solid var(--shipping-border);border-radius:9px;background:var(--shipping-bg);color:var(--shipping-text);cursor:pointer;text-align:left;transition:background .14s,border-color .14s,transform .14s} .shipping-action-card:hover:not(:disabled){background:var(--shipping-hover);border-color:var(--shipping-border-strong)}.shipping-action-card:active:not(:disabled){transform:translateY(1px)}.shipping-action-card:disabled{cursor:default;opacity:.55} .shipping-action-card>svg{width:25px;height:25px;flex:0 0 auto;color:var(--shipping-blue)} .shipping-action-card>span:not(.shipping-document-icon){min-width:0}.shipping-action-card strong{display:block;color:var(--shipping-text);font-size:13px}.shipping-action-card small{display:block;margin-top:2px;color:var(--shipping-muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .shipping-document-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:2px solid var(--shipping-blue);border-radius:5px;color:var(--shipping-blue);font-size:16px;font-weight:800} .shipping-action-arrow{margin-left:auto;color:var(--shipping-muted);font-size:26px;font-weight:400} .shipping-form-error{margin:0!important;flex:0 0 auto} .shipping-preparation-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:12px;border-top:1px solid var(--shipping-border);flex:0 0 auto} .shipping-preparation-footer button{min-height:42px;padding-inline:20px}.shipping-preparation-footer .shipping-confirm{min-width:215px;background:var(--shipping-blue)!important;color:#fff!important} .shipping-empty{padding:24px;color:var(--shipping-muted)} .shipping-guide-picker{max-width:620px!important}.shipping-guide-list{display:grid;gap:9px}.shipping-guide-list button{justify-content:flex-start;min-height:44px} html[data-refspata-theme="dark"] .shipping-preparation-modal input,html[data-refspata-theme="dark"] .shipping-preparation-modal button,html[data-refspata-theme="dark"] .shipping-preparation-modal [role="combobox"]{border-color:var(--shipping-border-strong)} @media(max-width:1450px){ .shipping-preparation-modal{width:92vw!important;max-width:92vw!important;max-height:90vh!important} .shipping-preparation-form{height:calc(90vh - 108px);max-height:calc(90vh - 108px)} .shipping-products-head,.shipping-product-row{grid-template-columns:48px minmax(240px,1.7fr) 105px minmax(270px,1fr) 150px} .shipping-products-head>* ,.shipping-product-row>*{padding-inline:8px} } @media(max-width:1100px){ .shipping-order-summary{grid-template-columns:1fr 285px}.shipping-products-head,.shipping-product-row{grid-template-columns:48px minmax(220px,1fr) minmax(270px,1fr) 146px} .shipping-products-head>*:nth-child(3),.shipping-product-row>*:nth-child(3){display:none}.shipping-product-code-mobile{display:block}.shipping-actions-grid{gap:9px}.shipping-action-card{padding-inline:12px} } @media(max-width:820px){ .shipping-preparation-modal{width:96vw!important;max-width:96vw!important;max-height:94vh!important}.shipping-preparation-form{height:calc(94vh - 102px);max-height:calc(94vh - 102px)} .shipping-products-section{min-height:170px} .shipping-order-summary{grid-template-columns:1fr;gap:12px;padding:12px}.shipping-order-summary-main{padding-right:0}.shipping-order-summary-date{padding:12px 0 0;border-left:0;border-top:1px solid var(--shipping-border)} .shipping-products-heading{align-items:flex-start;flex-direction:column;gap:2px}.shipping-products-head{display:none}.shipping-product-row{grid-template-columns:44px minmax(0,1fr) 144px;grid-template-areas:"check product stepper" ". amounts amounts";min-height:0;row-gap:5px;padding-block:6px}.shipping-check-cell{grid-area:check}.shipping-product-cell{grid-area:product;gap:9px}.shipping-product-code{display:none!important}.shipping-product-amounts{grid-area:amounts;padding-top:0!important}.shipping-stepper{grid-area:stepper;grid-template-columns:38px 60px 38px}.shipping-amount-pill{min-height:34px;padding:4px 7px} .shipping-status-row{align-items:flex-start;flex-direction:column;gap:8px}.shipping-stock-note{max-width:none}.shipping-actions-grid{grid-template-columns:1fr}.shipping-action-card{min-height:56px}.shipping-preparation-footer{position:sticky;bottom:0;background:var(--shipping-bg);z-index:5}.shipping-preparation-footer button{flex:1}.shipping-preparation-footer .shipping-confirm{min-width:0} } @media(max-width:560px){ .shipping-product-row{grid-template-columns:40px minmax(0,1fr) 132px}.shipping-product-cell img,.shipping-product-placeholder{width:36px;height:36px;flex-basis:36px}.shipping-order-title{font-size:16px}.shipping-order-meta{font-size:12px}.shipping-stepper{grid-template-columns:34px 58px 34px}.shipping-product-amounts{gap:4px}.shipping-amount-pill{padding-inline:5px}.shipping-amount-pill small{font-size:8px}.shipping-preparation-footer{gap:7px}.shipping-preparation-footer button{padding-inline:10px;font-size:12px} } /* Preparación de envíos · ajuste PDF canónico y alineación responsive · sep21 */ .shipping-products-table{scrollbar-gutter:stable} .shipping-products-head,.shipping-product-row{grid-template-columns:52px minmax(250px,1.8fr) 110px minmax(300px,1fr) 184px} .shipping-stepper{ width:min(156px,100%); max-width:100%; justify-self:center; box-sizing:border-box; grid-template-columns:40px minmax(54px,1fr) 40px; } .shipping-stepper input{min-width:0!important} .shipping-pdf-modal{ width:min(1500px,94vw)!important; max-width:min(1500px,94vw)!important; height:92vh!important; max-height:92vh!important; overflow:hidden!important; background:var(--shipping-bg)!important; color:var(--shipping-text)!important; } .shipping-pdf-modal [data-slot="dialog-title"],.shipping-pdf-modal h2{color:var(--shipping-text)} .shipping-pdf-modal [data-slot="dialog-description"]{color:var(--shipping-muted)} .shipping-pdf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex:0 0 auto} .shipping-pdf-toolbar button{min-height:40px} .shipping-pdf-canvas{position:relative;height:calc(92vh - 150px);min-height:420px;overflow:hidden;border:1px solid var(--shipping-border);border-radius:10px;background:var(--shipping-surface)} .shipping-pdf-canvas iframe{display:block;width:100%;height:100%;border:0;background:#fff} .shipping-pdf-state{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--shipping-muted);text-align:center} .shipping-pdf-state.error{color:#b42318} html[data-refspata-theme="dark"] .shipping-pdf-state.error{color:#ff9b93} @media(max-width:1450px){ .shipping-products-head,.shipping-product-row{grid-template-columns:48px minmax(240px,1.7fr) 105px minmax(270px,1fr) 170px} .shipping-stepper{width:150px;grid-template-columns:39px minmax(52px,1fr) 39px} } @media(max-width:1100px){ .shipping-products-head,.shipping-product-row{grid-template-columns:48px minmax(220px,1fr) minmax(270px,1fr) 164px} .shipping-stepper{width:148px;grid-template-columns:38px minmax(52px,1fr) 38px} } @media(max-width:820px){ .shipping-product-row{grid-template-columns:44px minmax(0,1fr) 154px} .shipping-stepper{width:142px;justify-self:center;grid-template-columns:37px minmax(50px,1fr) 37px} .shipping-pdf-modal{width:97vw!important;max-width:97vw!important;height:95vh!important;max-height:95vh!important} .shipping-pdf-canvas{height:calc(95vh - 156px);min-height:360px} .shipping-pdf-toolbar{align-items:stretch;flex-direction:column} .shipping-pdf-toolbar button{width:100%} } @media(max-width:560px){ .shipping-product-row{grid-template-columns:40px minmax(0,1fr) 142px} .shipping-stepper{width:132px;grid-template-columns:34px minmax(48px,1fr) 34px} .shipping-pdf-canvas{min-height:300px} } /* REFSPATA V1.2 · detalle rápido de producto en preparación */ .shipping-product-photo-button,.shipping-product-name-button{border:0!important;background:transparent!important;padding:0!important;margin:0!important;color:inherit;font:inherit;text-align:left;cursor:pointer} .shipping-product-photo-button{display:grid;place-items:center;border-radius:9px;flex:0 0 auto} .shipping-product-name-button{display:block;width:100%;font-weight:730;color:var(--shipping-text)} .shipping-product-photo-button:hover img,.shipping-product-photo-button:hover .shipping-product-placeholder{border-color:var(--shipping-blue)} .shipping-product-name-button:hover{color:var(--shipping-blue)} .shipping-product-photo-button:focus-visible,.shipping-product-name-button:focus-visible{outline:3px solid color-mix(in srgb,var(--shipping-blue) 32%,transparent);outline-offset:2px;border-radius:5px} .shipping-product-peek{display:grid;grid-template-columns:112px minmax(0,1fr);gap:18px;align-items:center;padding:14px 22px 16px 80px;background:var(--shipping-surface);border-bottom:1px solid var(--shipping-border)} .shipping-product-peek-media{display:grid;place-items:center} .shipping-product-peek-media img,.shipping-product-peek-media .shipping-product-placeholder{width:96px;height:96px;object-fit:contain;border:1px solid var(--shipping-border);border-radius:10px;background:var(--shipping-bg)} .shipping-product-peek-image-button{display:grid;place-items:center;padding:0;border:0!important;border-radius:10px;background:transparent!important;cursor:zoom-in} .shipping-product-peek-image-button:hover img{border-color:var(--shipping-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--shipping-blue) 18%,transparent)} .shipping-product-peek-image-button:focus-visible{outline:3px solid color-mix(in srgb,var(--shipping-blue) 35%,transparent);outline-offset:3px} .shipping-product-peek-copy{display:flex;flex-direction:column;gap:4px;min-width:0} .shipping-product-peek-copy>strong{color:var(--shipping-text);font-size:15px} .shipping-product-peek-copy>small{color:var(--shipping-muted);font-size:12px} .shipping-product-peek-label{margin-top:8px;color:var(--shipping-muted);font-size:11px;font-weight:780;text-transform:uppercase;letter-spacing:.06em} .shipping-product-location-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px} .shipping-product-location{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:6px 10px;border:1px solid var(--shipping-border);border-radius:7px;background:var(--shipping-bg);color:var(--shipping-text);font-size:12px} .shipping-product-location>span:first-child{color:var(--shipping-blue);font-size:16px;line-height:1} /* Visor de imagen tipo marketplace. */ .shipping-product-lightbox{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:42px;background:rgba(4,10,18,.9);cursor:zoom-out} .shipping-product-lightbox-stage{position:relative;display:grid;place-items:center;max-width:94vw;max-height:90vh;cursor:default} .shipping-product-lightbox-stage img{display:block;max-width:min(1100px,92vw);max-height:86vh;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.45)} .shipping-product-lightbox-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0!important;border:1px solid rgba(255,255,255,.34)!important;border-radius:999px!important;background:rgba(16,29,45,.9)!important;color:#fff!important;font-size:30px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important;box-shadow:0 8px 24px rgba(0,0,0,.28)} .shipping-product-lightbox-close:hover{background:#17314e!important}.shipping-product-lightbox-close:focus-visible{outline:3px solid #fff;outline-offset:3px} @media(max-width:820px){.shipping-product-peek{grid-template-columns:76px minmax(0,1fr);gap:12px;padding:12px 14px 14px 54px}.shipping-product-peek-media img,.shipping-product-peek-media .shipping-product-placeholder{width:68px;height:68px}.shipping-product-lightbox{padding:28px 18px}.shipping-product-lightbox-close{top:10px;right:10px;width:40px;height:40px}.shipping-product-lightbox-stage img{max-width:94vw;max-height:82vh}} @media(max-width:560px){.shipping-product-peek{grid-template-columns:1fr;padding-left:14px}.shipping-product-peek-media{justify-content:start}} /* REFSPATA R35 · pedidos WooCommerce + espejo autoritativo */ .r35-orders-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 240px auto;gap:14px;align-items:end;padding:18px 20px;margin-bottom:18px}.r35-orders-toolbar>p{margin:0 0 7px}.r35-orders-list{display:grid;gap:14px}.r35-order-card{padding:20px}.r35-order-main{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.r35-order-main h2{font-size:18px;margin:4px 0 7px}.r35-order-main p{font-size:13px;line-height:1.55;margin:0;color:#6f829a}.r35-order-main small{color:#7890aa;font-size:11px;letter-spacing:.06em}.r35-order-amount{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}.r35-order-amount>strong{font-size:22px}.r35-order-amount>small{letter-spacing:0;text-transform:none}.r35-order-summary{display:flex;gap:18px;flex-wrap:wrap;border-top:1px solid #e3eaf2;border-bottom:1px solid #e3eaf2;margin:16px 0;padding:12px 0;color:#667d97;font-size:13px}.r35-order-empty{padding:28px;text-align:center}.r35-order-empty p{margin-top:7px;color:#74869b}.r35-order-editor{width:min(1180px,calc(100vw - 34px))!important;max-width:1180px!important}.r35-order-customer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.r35-order-lines{border:1px solid #dce5ef;border-radius:10px;overflow:hidden}.r35-order-lines-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#f5f8fc;border-bottom:1px solid #dce5ef}.r35-order-line{display:grid;grid-template-columns:minmax(0,1fr) 130px 42px;gap:12px;align-items:end;padding:14px 16px;border-bottom:1px solid #e6edf5}.r35-order-line:last-child{border-bottom:0}.r35-order-product{display:grid;gap:6px}.r35-order-product small{color:#71849a}.r35-warning{color:#b16b13!important}.r35-order-editor .form-footer{position:sticky;bottom:-24px;background:#fff;border-top:1px solid #dce5ef;padding:16px 0 0;margin-top:18px} html[data-refspata-theme="dark"] .r35-order-card,html[data-refspata-theme="dark"] .r35-orders-toolbar,html[data-refspata-theme="dark"] .r35-order-empty{background:#0d2234!important;border-color:#28465f!important;color:#edf6ff!important}html[data-refspata-theme="dark"] .r35-order-main p,html[data-refspata-theme="dark"] .r35-order-main small,html[data-refspata-theme="dark"] .r35-order-summary,html[data-refspata-theme="dark"] .r35-order-product small{color:#9bb3c9!important}html[data-refspata-theme="dark"] .r35-order-summary{border-color:#28465f!important}html[data-refspata-theme="dark"] .r35-order-lines{border-color:#31516c!important;background:#0b1e2f!important}html[data-refspata-theme="dark"] .r35-order-lines-head{background:#102a40!important;border-color:#31516c!important;color:#edf6ff!important}html[data-refspata-theme="dark"] .r35-order-line{border-color:#28465f!important}html[data-refspata-theme="dark"] .r35-order-editor .form-footer{background:#0b1e2f!important;border-color:#31516c!important} @media(max-width:780px){.r35-orders-toolbar{grid-template-columns:1fr}.r35-order-main{flex-direction:column}.r35-order-amount{align-items:flex-start;text-align:left}.r35-order-customer{grid-template-columns:1fr}.r35-order-line{grid-template-columns:minmax(0,1fr) 100px 42px}.r35-order-summary{gap:10px}.r35-order-card{padding:15px}} .r36-orders-toolbar,.r36-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,240px) auto;gap:14px;align-items:end;margin-bottom:16px}.r36-orders-list,.r36-promo-list{display:grid;gap:14px}.r36-order-card,.r36-promo-card{padding:20px}.r36-order-main{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.r36-order-main h2,.r36-promo-card h3{margin:4px 0 6px}.r36-order-main p{margin:0;color:var(--text-muted,#5d7188)}.r36-order-amount{display:grid;justify-items:end;gap:7px}.r36-order-amount>strong{font-size:22px}.r36-order-amount small,.r36-orders-toolbar .muted{color:var(--text-muted,#5d7188)}.r36-order-summary{display:flex;flex-wrap:wrap;gap:10px 24px;margin:16px 0;padding:12px 0;border-block:1px solid var(--border);color:var(--text-muted,#5d7188)}.r36-unsent{color:#b86b00;font-weight:700}.r36-order-customer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.r36-order-lines{border:1px solid var(--border);border-radius:12px;padding:14px;margin:16px 0}.r36-order-lines-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.r36-order-line{display:grid;grid-template-columns:minmax(0,1fr) 130px 44px;gap:12px;align-items:end;padding:10px 0;border-top:1px solid var(--border)}.r36-order-line:first-of-type{border-top:0}.r36-tabs{display:flex;gap:8px;margin-bottom:16px}.r36-promo-card{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,2fr) auto;gap:18px;align-items:center}.r36-promo-tags{display:flex;flex-wrap:wrap;gap:8px}.r36-tier,.r36-offer{display:inline-flex;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700}.r36-tier{background:#eaf3ff;color:#0a58ca}.r36-offer{background:#fff4da;color:#8a5700}.r36-bulk-settings{margin:16px 0;padding:20px}.r36-bulk-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;margin:16px 0}.r36-bulk-field{border:1px solid var(--border);border-radius:10px;padding:12px}.r36-bulk-check{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:10px}.r36-disabled-control{opacity:.42;pointer-events:none}.r36-bulk-table{overflow:auto}.r36-bulk-table table{width:100%;border-collapse:collapse}.r36-bulk-table th,.r36-bulk-table td{padding:11px 10px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}.r36-bulk-table td:nth-child(n+3){white-space:nowrap}.r36-bulk-table td strong,.r36-bulk-table td small{display:block}.r36-payables-home{margin:18px 0;padding:20px;max-width:100%}.r36-payables-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.r36-payables-head h2{margin:4px 0 0}.r36-payables-head>strong{font-size:22px}.r36-payables-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:14px 0}.r36-payable-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border)}.r36-payable-row>div{display:grid;gap:3px}.r36-payable-row>div:last-child{text-align:right}.r36-payable-row small,.r36-payable-row span{color:var(--muted)} [data-theme="dark"] .r36-tier{background:#0e315d;color:#8bc2ff}[data-theme="dark"] .r36-offer{background:#493813;color:#ffd477}[data-theme="dark"] .r36-unsent{color:#ffbe55} @media(max-width:1100px){.r36-bulk-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.r36-promo-card{grid-template-columns:1fr}.r36-orders-toolbar,.r36-toolbar{grid-template-columns:1fr}.r36-payables-list{grid-template-columns:1fr}}@media(max-width:700px){.r36-order-customer,.r36-bulk-grid{grid-template-columns:1fr}.r36-order-line{grid-template-columns:1fr 110px 40px}.r36-order-main{display:grid}.r36-order-amount{justify-items:start}} /* Pedidos web · centro operativo y editor de precios */ .r36-orders-heading,.r36-order-stats,.r36-orders-toolbar-redesign,.r36-orders-table,.r36-order-editor-redesign{--r36-surface:#fff;--r36-surface-soft:#f6f9fd;--r36-surface-blue:#edf4ff;--r36-line:#d8e4f0;--r36-text:#10233e;--r36-muted:#61758f;--r36-blue:#1767e8;--r36-blue-soft:#e8f1ff;--r36-green:#087d56;--r36-green-soft:#e8f8f1;--r36-amber:#a25c00;--r36-amber-soft:#fff3dc;--r36-red:#b83b47;--r36-red-soft:#fff0f2;color:var(--r36-text)} html[data-refspata-theme="dark"] .r36-orders-heading,html[data-refspata-theme="dark"] .r36-order-stats,html[data-refspata-theme="dark"] .r36-orders-toolbar-redesign,html[data-refspata-theme="dark"] .r36-orders-table,html[data-refspata-theme="dark"] .r36-order-editor-redesign,[data-theme="dark"] .r36-orders-heading,[data-theme="dark"] .r36-order-stats,[data-theme="dark"] .r36-orders-toolbar-redesign,[data-theme="dark"] .r36-orders-table,[data-theme="dark"] .r36-order-editor-redesign{--r36-surface:#0c2031;--r36-surface-soft:#10283c;--r36-surface-blue:#13324c;--r36-line:#29465e;--r36-text:#edf6ff;--r36-muted:#a8bed2;--r36-blue:#5ba7ff;--r36-blue-soft:#133962;--r36-green:#55d6a5;--r36-green-soft:#123d32;--r36-amber:#ffc267;--r36-amber-soft:#46351b;--r36-red:#ff8993;--r36-red-soft:#4b222b} .r36-orders-heading{margin-bottom:18px}.r36-order-stats{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;margin:0 0 14px}.r36-order-stat{position:relative;display:grid;gap:3px;min-height:86px;padding:14px 15px;text-align:left;border:1px solid var(--r36-line);border-radius:13px;background:var(--r36-surface);color:var(--r36-text);overflow:hidden}.r36-order-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--r36-blue)}.r36-order-stat.nuevo:before{background:var(--r36-blue)}.r36-order-stat.enCurso:before{background:var(--r36-amber)}.r36-order-stat.completado:before{background:var(--r36-green)}.r36-order-stat.cancelado:before{background:var(--r36-red)}.r36-order-stat>span{font-size:12px;color:var(--r36-muted)}.r36-order-stat>strong{font-size:22px;line-height:1}.r36-order-stat>small{font-size:11px;color:var(--r36-muted)}.r36-order-stat.active{border-color:var(--r36-blue);background:var(--r36-blue-soft);box-shadow:inset 0 0 0 1px var(--r36-blue)} .r36-orders-toolbar-redesign{display:grid;grid-template-columns:minmax(280px,1fr) minmax(210px,260px) auto;gap:12px;align-items:end;padding:13px 14px;margin-bottom:12px;background:var(--r36-surface);border-color:var(--r36-line)}.r36-orders-toolbar-redesign>p{margin:0 0 8px;color:var(--r36-muted);white-space:nowrap}.r36-orders-table{border:1px solid var(--r36-line);border-radius:14px;background:var(--r36-surface);overflow:visible}.r36-orders-table-head,.r36-order-row{display:grid;grid-template-columns:118px minmax(230px,1.4fr) minmax(190px,1fr) minmax(150px,.8fr) 145px 112px;gap:14px;align-items:center}.r36-orders-table-head{padding:11px 14px;border-radius:14px 14px 0 0;background:var(--r36-surface-blue);color:var(--r36-muted);font-size:11px;font-weight:700}.r36-order-row{padding:12px 14px;border-top:1px solid var(--r36-line);background:var(--r36-surface)}.r36-order-status{display:inline-flex;width:max-content;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:var(--r36-blue-soft);color:var(--r36-blue);font-size:11px;font-weight:700}.r36-order-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.r36-order-status.preparacion,.r36-order-status.despachado{background:var(--r36-amber-soft);color:var(--r36-amber)}.r36-order-status.completado{background:var(--r36-green-soft);color:var(--r36-green)}.r36-order-status.cancelado{background:var(--r36-red-soft);color:var(--r36-red)}.r36-order-identity,.r36-order-delivery,.r36-order-progress,.r36-order-total{display:grid;gap:4px;min-width:0}.r36-order-identity strong,.r36-order-delivery strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r36-order-identity small,.r36-order-delivery small,.r36-order-progress span,.r36-order-total small{color:var(--r36-muted);font-size:11px}.r36-order-progress-track{height:4px;border-radius:999px;background:var(--r36-surface-blue);overflow:hidden}.r36-order-progress-track i{display:block;height:100%;border-radius:inherit;background:var(--r36-blue)}.r36-order-row.preparacion .r36-order-progress-track i,.r36-order-row.despachado .r36-order-progress-track i{background:var(--r36-amber)}.r36-order-row.completado .r36-order-progress-track i{background:var(--r36-green)}.r36-order-row.cancelado .r36-order-progress-track i{background:var(--r36-red)}.r36-order-total{text-align:right}.r36-order-total strong{font-size:16px}.r36-order-detail{grid-column:1/-1;padding-top:11px;border-top:1px solid var(--r36-line)}.r36-order-detail .r36-order-summary{margin:0 0 10px;padding:0 0 10px;border-top:0;border-color:var(--r36-line);color:var(--r36-muted)}.r36-order-detail .row-actions{display:flex;flex-wrap:wrap;gap:8px}.r36-order-empty{margin-top:12px;padding:28px;text-align:center}.r36-order-empty p{margin:6px 0 0;color:var(--r36-muted)} .r36-order-editor-redesign{width:min(1220px,calc(100vw - 34px))!important;max-width:1220px!important;background:var(--r36-surface)!important;color:var(--r36-text)!important}.r36-editor-tabs{display:flex;gap:6px;padding:0 0 12px;margin-bottom:16px;border-bottom:1px solid var(--r36-line);overflow:auto}.r36-editor-tabs button{min-height:38px;padding:8px 13px;border:0;border-radius:9px;background:transparent;color:var(--r36-muted);white-space:nowrap}.r36-editor-tabs button.active{background:var(--r36-blue-soft);color:var(--r36-blue);font-weight:700}.r36-order-client-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:14px;align-items:center;padding:13px 15px;border:1px solid var(--r36-line);border-radius:12px;background:var(--r36-surface-soft)}.r36-order-client-strip>div{display:grid;gap:3px;min-width:0}.r36-order-client-strip small{color:var(--r36-muted)}.r36-order-client-strip strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r36-price-comparison{padding:0;margin:18px 0;border-color:var(--r36-line);overflow:hidden}.r36-price-comparison .r36-order-lines-head{margin:0;padding:13px 14px;background:var(--r36-surface-soft);border-bottom:1px solid var(--r36-line)}.r36-price-comparison .r36-order-lines-head>div{display:grid;gap:3px}.r36-price-comparison .r36-order-lines-head small{color:var(--r36-muted)}.r36-price-head,.r36-price-line{display:grid;grid-template-columns:minmax(205px,1.35fr) 88px minmax(150px,.9fr) minmax(160px,.95fr) minmax(150px,.9fr) 42px;gap:12px;align-items:center}.r36-price-head{padding:9px 14px;background:var(--r36-surface-blue);color:var(--r36-muted);font-size:11px;font-weight:700}.r36-price-line{padding:12px 14px;border-top:1px solid var(--r36-line)}.r36-price-line:first-of-type{border-top:0}.r36-price-product,.r36-price-data,.r36-charge-price{display:grid;gap:4px;min-width:0}.r36-price-product small,.r36-price-data small,.r36-charge-price small{color:var(--r36-muted);font-size:11px}.r36-price-data strong{font-size:13px}.r36-auto-offer{display:inline-flex;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:var(--r36-green-soft);color:var(--r36-green);font-size:11px;font-weight:700}.r36-price-match{color:var(--r36-green);font-size:11px;font-weight:700}.r36-price-difference{color:var(--r36-amber);font-size:11px;font-weight:700}.r36-charge-price button{justify-content:flex-start;padding:0;min-height:22px;font-size:11px}.r36-order-editor-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.7fr);gap:16px;align-items:start}.r36-order-totals{display:grid;gap:8px;padding:14px;border:1px solid var(--r36-line);border-radius:12px;background:var(--r36-surface-soft)}.r36-order-totals>span{display:flex;justify-content:space-between;gap:16px;color:var(--r36-muted);font-size:12px}.r36-order-totals b{color:var(--r36-text)}.r36-order-totals .total{padding-top:9px;border-top:1px solid var(--r36-line);color:var(--r36-text);font-size:14px;font-weight:700}.r36-order-totals .total b{color:var(--r36-blue);font-size:17px}.r36-order-customer-redesign{padding:16px;border:1px solid var(--r36-line);border-radius:12px;background:var(--r36-surface-soft)}.r36-order-history{display:grid;gap:10px}.r36-order-history>div{display:grid;gap:4px;padding:14px;border:1px solid var(--r36-line);border-radius:12px;background:var(--r36-surface-soft)}.r36-order-history small,.r36-order-history span{color:var(--r36-muted)}.r36-order-editor-footer{position:sticky;bottom:-24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:14px 0 0;background:var(--r36-surface)!important;border-color:var(--r36-line)!important}.r36-order-editor-footer>p{margin:0;max-width:470px;color:var(--r36-muted);font-size:11px}.r36-order-editor-footer>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end} html[data-refspata-theme="dark"] .r36-orders-toolbar-redesign,html[data-refspata-theme="dark"] .r36-orders-table,html[data-refspata-theme="dark"] .r36-order-stat{background:var(--r36-surface)!important;border-color:var(--r36-line)!important}html[data-refspata-theme="dark"] .r36-order-editor-redesign input,html[data-refspata-theme="dark"] .r36-order-editor-redesign textarea,html[data-refspata-theme="dark"] .r36-order-editor-redesign button[data-variant="outline"]{border-color:var(--r36-line)!important;color:var(--r36-text)!important} @media(max-width:1180px){.r36-orders-table-head,.r36-order-row{grid-template-columns:105px minmax(210px,1.35fr) minmax(180px,1fr) 140px 110px}.r36-orders-table-head>span:nth-child(4),.r36-order-progress{display:none}.r36-order-stats{grid-template-columns:repeat(3,minmax(140px,1fr))}.r36-price-head{display:none}.r36-price-comparison{display:grid;gap:12px;border:0;overflow:visible}.r36-price-line{grid-template-columns:minmax(210px,1fr) 95px minmax(160px,.8fr);border:1px solid var(--r36-line);border-radius:12px}.r36-price-line>div:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--r36-muted);font-size:10px;font-weight:700}.r36-price-line>button{justify-self:end;align-self:end}} @media(max-width:820px){.r36-order-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}.r36-orders-toolbar-redesign{grid-template-columns:1fr}.r36-orders-toolbar-redesign>p{margin:0}.r36-orders-table{border:0;background:transparent}.r36-orders-table-head{display:none}.r36-order-row{grid-template-columns:1fr auto;border:1px solid var(--r36-line);border-radius:12px;margin-bottom:10px}.r36-order-status{grid-column:1}.r36-order-identity{grid-column:1/-1}.r36-order-delivery{grid-column:1}.r36-order-total{grid-column:2;grid-row:2;text-align:right}.r36-order-row>button{grid-column:2;grid-row:1}.r36-order-detail{grid-column:1/-1}.r36-order-client-strip{grid-template-columns:1fr 1fr}.r36-order-client-strip>button{justify-self:start}.r36-order-editor-lower{grid-template-columns:1fr}.r36-price-line{grid-template-columns:1fr 95px}} @media(max-width:560px){.r36-order-stats{grid-template-columns:1fr 1fr;gap:8px}.r36-order-stat{min-height:76px;padding:11px}.r36-order-row{grid-template-columns:1fr}.r36-order-status,.r36-order-identity,.r36-order-delivery,.r36-order-total,.r36-order-row>button{grid-column:1;grid-row:auto;text-align:left}.r36-order-total{justify-items:start}.r36-order-row>button{width:100%}.r36-order-client-strip{grid-template-columns:1fr}.r36-price-line{grid-template-columns:1fr}.r36-price-line>button{justify-self:end}.r36-order-editor-footer{align-items:stretch;flex-direction:column}.r36-order-editor-footer>div{display:grid;grid-template-columns:1fr}.r36-order-editor-footer button{width:100%;min-height:44px}} /* Pedidos web · lista comercial del cliente y acciones siempre visibles */ .r36-order-client-strip{grid-template-columns:1.15fr 1fr .8fr minmax(155px,.65fr) auto} .r36-order-detail .row-actions>button:first-child{order:-1} .r36-order-detail .r36-order-cancel-action{border-color:var(--r36-red)!important;background:var(--r36-red-soft)!important;color:var(--r36-red)!important;font-weight:700} .r36-order-detail .r36-order-cancel-action:hover:not(:disabled),.r36-order-detail .r36-order-cancel-action:focus-visible{box-shadow:0 0 0 2px var(--r36-red-soft);filter:saturate(1.15)} @media(max-width:1180px){.r36-order-client-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.r36-order-client-strip>button{justify-self:start}} @media(max-width:560px){.r36-order-client-strip{grid-template-columns:1fr}} /* R37 · Bulk editor + final theme pass */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0!important} input[type="number"]{-moz-appearance:textfield!important;appearance:textfield!important} .r37-bulk-dialog{width:min(94vw,1880px)!important;max-width:min(94vw,1880px)!important;height:min(92vh,1040px)!important;max-height:92vh!important;padding:0!important;overflow:hidden!important} .r37-bulk-dialog>.modal-header{padding:20px 24px 14px!important;border-bottom:1px solid var(--border,#d9e2ef)} .r37-bulk-dialog>.modal-body{padding:0 20px 18px!important;overflow:auto!important} .r37-steps{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 18px}.r37-step{display:flex;align-items:center;gap:8px;color:var(--muted,#73829a);font-size:13px}.r37-step>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2,#e9eef6);border:1px solid var(--border,#ccd8e8);font-weight:800}.r37-step.active{color:var(--text,#0b2346)}.r37-step.active>span{background:#1473e6;color:white;border-color:#1473e6;box-shadow:0 0 0 3px rgba(20,115,230,.12)}.r37-step.done>span{background:#13b26b;color:white;border-color:#13b26b}.r37-steps>i{display:block;width:76px;height:1px;background:var(--border,#ccd8e8)} .r37-filter-grid{display:grid;grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(150px,.75fr)) minmax(260px,1.2fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid var(--border,#d7e1ee);border-radius:12px;background:var(--surface,#fff)} .r37-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0;padding:10px 14px;border-radius:10px;background:linear-gradient(90deg,rgba(20,115,230,.12),rgba(20,115,230,.035));border:1px solid rgba(20,115,230,.22)}.r37-selection-bar>div{display:flex;gap:8px;flex-wrap:wrap} .r37-table-wrap{width:100%;overflow:auto;border:1px solid var(--border,#d6e0ec);border-radius:12px;background:var(--surface,#fff);max-height:49vh}.r37-edit-table,.r37-confirm-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:12px}.r37-edit-table th,.r37-edit-table td,.r37-confirm-table th,.r37-confirm-table td{border-right:1px solid var(--border,#dfe6ef);border-bottom:1px solid var(--border,#dfe6ef);padding:7px 8px;vertical-align:middle;white-space:nowrap}.r37-edit-table th,.r37-confirm-table th{position:sticky;top:0;z-index:2;background:var(--surface-2,#f4f7fb);color:var(--text-muted,#5d718e);font-size:11px;text-transform:none}.r37-edit-table td{background:var(--surface,#fff)}.r37-edit-table tbody tr:hover td{background:var(--surface-hover,#f8fbff)}.r37-edit-table input:not([type="checkbox"]),.r37-edit-table select,.r37-edit-table button[role="combobox"]{min-width:68px;height:34px;font-size:12px;padding:5px 7px}.r37-code{font-weight:700;color:var(--primary,#126de5)} .r37-product-cell{min-width:210px!important;white-space:normal!important}.r37-product-cell>img{float:left;width:36px;height:36px;object-fit:contain;border-radius:7px;background:white;border:1px solid var(--border,#dbe4ef);margin-right:8px}.r37-product-cell strong,.r37-provider-cell strong{display:block}.r37-product-cell small,.r37-provider-cell small,.r37-price-cell small{display:block;color:var(--text-muted,#72839b);margin-top:2px}.r37-provider-cell{min-width:150px!important}.r37-provider-cell input{width:110px!important;margin-top:4px} .r37-provider-check{display:flex;gap:5px;align-items:center;margin-top:4px}.r37-provider-check button{border:1px solid var(--border,#ccd8e8);background:var(--surface-2,#f4f7fb);color:var(--text,#102441);border-radius:999px;padding:2px 7px;font-size:10px}.r37-provider-check.ok button{border-color:rgba(20,178,107,.35);color:#078950;background:rgba(20,178,107,.1)}.r37-provider-check.bad button{border-color:rgba(220,65,65,.35);color:#c73939;background:rgba(220,65,65,.08)}.r37-mini-check{display:flex!important;align-items:center;gap:4px;font-size:10px;margin-top:4px;color:var(--text-muted,#72839b)} .r37-multi-percent{min-width:112px;white-space:normal}.r37-chip-row{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.r37-percent-chip{border:1px solid rgba(20,115,230,.26);background:rgba(20,115,230,.1);color:var(--primary,#126de5);border-radius:7px;padding:3px 6px;font-size:11px;font-weight:700}.r37-add-link{background:none!important;border:0!important;color:var(--primary,#126de5)!important;padding:2px 0!important;height:auto!important;font-size:10px!important}.r37-inline-add{display:flex;gap:3px;align-items:center}.r37-inline-add input{width:50px!important}.r37-inline-add button{height:30px!important;min-width:28px!important;border-radius:6px;border:1px solid var(--border,#ccd8e8);background:var(--surface-2,#f4f7fb);color:var(--text,#102441)} .r37-tax-cell{display:flex!important;align-items:center;gap:5px}.r37-tax-cell input[type="text"]{width:54px!important}.r37-calculated{background:rgba(20,115,230,.05)!important}.r37-calculated strong,.r37-price-cell strong{font-size:13px}.r37-price-cell{min-width:125px}.r37-empty{text-align:center;padding:36px;color:var(--text-muted,#72839b)} .r37-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:12px;margin-top:12px}.r37-options,.r37-impact,.r37-review-bottom>section{border:1px solid var(--border,#d6e0ec);border-radius:12px;background:var(--surface,#fff);padding:14px 16px}.r37-options h3,.r37-impact h3,.r37-review-bottom h3{margin:0 0 10px}.r37-options label{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;margin:7px 0}.r37-options label small{grid-column:2;color:var(--text-muted,#72839b)}.r37-impact>div{display:flex;gap:16px;flex-wrap:wrap;color:var(--text-muted,#72839b)}.r37-impact .up{color:#0b995c}.r37-impact .down{color:#d04444}.r37-impact>strong{display:block;margin-top:10px;font-size:24px;color:#06a865}.r37-impact>small{display:block;margin-top:4px;color:var(--text-muted,#72839b)}.r37-modal-actions{display:flex;justify-content:flex-end;gap:8px;grid-column:1/-1;margin-top:12px} .r37-confirm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.r37-confirm-cards>section{border:1px solid var(--border,#d6e0ec);border-radius:11px;background:var(--surface,#fff);padding:13px}.r37-confirm-cards strong{display:block;font-size:20px}.r37-confirm-cards span{color:var(--text-muted,#72839b)}.r37-confirm-cards .impact{background:rgba(20,178,107,.08);border-color:rgba(20,178,107,.22)}.r37-confirm-cards .impact strong{color:#06985a}.r37-confirm-table .new{font-weight:800;color:var(--primary,#126de5)}.r37-confirm-table td small{display:block;color:var(--text-muted,#72839b)}.r37-impact-badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-weight:700}.r37-impact-badge.up{background:rgba(218,60,60,.1);color:#d53a3a}.r37-impact-badge.down{background:rgba(17,158,93,.12);color:#0c9859}.r37-impact-badge.same{background:var(--surface-2,#eef3f8);color:var(--text-muted,#72839b)}.r37-review-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.r37-review-bottom p{margin:6px 0;color:var(--text-muted,#72839b)}.r37-review-bottom strong{font-size:23px;color:#08a362} /* Residual light/dark surfaces: product cards, location editor, commercial classification and upload areas. */ html[data-refspata-theme="dark"] .product-detail .panel, html[data-refspata-theme="dark"] .product-detail section, html[data-refspata-theme="dark"] .modal-content .panel, html[data-refspata-theme="dark"] .modal-content fieldset, html[data-refspata-theme="dark"] .web-product-filters, html[data-refspata-theme="dark"] .commercial-classification, html[data-refspata-theme="dark"] .location-card, html[data-refspata-theme="dark"] .location-reference, html[data-refspata-theme="dark"] .upload-dropzone{background:#0d2132!important;color:#eef6ff!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .product-detail input, html[data-refspata-theme="dark"] .product-detail textarea, html[data-refspata-theme="dark"] .product-detail select, html[data-refspata-theme="dark"] .modal-content input:not([type="checkbox"]):not([type="radio"]), html[data-refspata-theme="dark"] .modal-content textarea, html[data-refspata-theme="dark"] .modal-content select{background:#10283b!important;color:#f5f9ff!important;border-color:#35536d!important} html[data-refspata-theme="dark"] .modal-content input::placeholder, html[data-refspata-theme="dark"] .product-detail input::placeholder{color:#8ca4bb!important;opacity:1} html[data-refspata-theme="dark"] .product-detail .muted, html[data-refspata-theme="dark"] .modal-content .muted, html[data-refspata-theme="dark"] .product-detail small{color:#9eb4c8!important} html[data-refspata-theme="dark"] .r37-bulk-dialog{background:#081b2b!important;color:#f1f7fd!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-filter-grid, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-edit-table td, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-options, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-impact, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-confirm-cards>section, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-review-bottom>section{background:#0d2234!important;border-color:#29465f!important;color:#eef6ff!important} html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-edit-table th, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-confirm-table th{background:#102a3f!important;color:#a9bfd2!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-edit-table td, html[data-refspata-theme="dark"] .r37-bulk-dialog .r37-confirm-table td{border-color:#26445d!important} html[data-refspata-theme="dark"] .r37-bulk-dialog input:not([type="checkbox"]), html[data-refspata-theme="dark"] .r37-bulk-dialog select, html[data-refspata-theme="dark"] .r37-bulk-dialog button[role="combobox"]{background:#10283b!important;color:#f4f8fc!important;border-color:#35536d!important} html[data-refspata-theme="dark"] .r37-calculated{background:#0b3150!important} html[data-refspata-theme="dark"] .r37-product-cell>img{background:#f8fafc!important} html[data-refspata-theme="light"] .r37-bulk-dialog{background:#fbfdff!important;color:#102441!important}.r37-bulk-dialog .modal-description{color:var(--text-muted,#70829b)} html[data-refspata-theme="light"] .r37-selection-bar{background:#f3f8ff} html[data-refspata-theme="light"] .r37-edit-table tbody tr:hover td{background:#f6faff} @media(max-width:1200px){.r37-filter-grid{grid-template-columns:1fr 1fr 1fr}.r37-filter-grid>*:first-child,.r37-filter-grid>*:nth-child(5){grid-column:span 2}.r37-bottom,.r37-review-bottom{grid-template-columns:1fr}.r37-confirm-cards{grid-template-columns:1fr 1fr}.r37-bulk-dialog{width:97vw!important;max-width:97vw!important}} /* R38 · bulk UI polish, form framing and residual theme fixes */ .r37-bulk-dialog>.modal-header{padding:30px 28px 18px!important} .r37-bulk-dialog>.modal-body{padding:8px 20px 18px!important} .r37-steps{margin:10px 0 22px!important} .r37-filter-grid{grid-template-columns:repeat(3,minmax(155px,.58fr)) minmax(420px,2.1fr) auto!important;gap:12px!important} .r37-filter-grid>*:nth-child(4){min-width:360px} .r37-table-wrap{background:var(--surface,#fff)!important;min-height:118px} .r37-edit-table th:nth-child(7),.r37-edit-table td:nth-child(7){width:112px;max-width:112px} .r37-edit-table th:nth-child(8),.r37-edit-table td:nth-child(8){width:92px;max-width:92px} .r37-edit-table th:nth-child(14),.r37-edit-table td:nth-child(14), .r37-edit-table th:nth-child(15),.r37-edit-table td:nth-child(15){width:100px;max-width:100px} .r37-edit-table td:nth-child(7) input,.r37-edit-table td:nth-child(8) input, .r37-edit-table td:nth-child(14) input,.r37-edit-table td:nth-child(15) input{width:86px!important;min-width:0!important} .r37-empty{background:transparent!important;border:0!important;min-height:92px;display:grid;place-items:center} /* Choice / Picker controls need a visible frame in both themes. */ select, button[role="combobox"], [data-slot="select-trigger"], [data-slot="combobox-trigger"]{border-width:1px!important;border-style:solid!important;border-color:#c6d3e2!important;box-shadow:0 0 0 1px rgba(17,53,91,.025)!important} html[data-refspata-theme="dark"] select, html[data-refspata-theme="dark"] button[role="combobox"], html[data-refspata-theme="dark"] [data-slot="select-trigger"], html[data-refspata-theme="dark"] [data-slot="combobox-trigger"]{border-color:#385875!important;background:#10283b!important;color:#f4f8fc!important;box-shadow:0 0 0 1px rgba(124,173,215,.04)!important} html[data-refspata-theme="light"] select, html[data-refspata-theme="light"] button[role="combobox"], html[data-refspata-theme="light"] [data-slot="select-trigger"], html[data-refspata-theme="light"] [data-slot="combobox-trigger"]{background:#fff!important;color:#102441!important;border-color:#c7d5e5!important} /* Bulk hub: remove the white empty strip and keep all surfaces coherent. */ html[data-refspata-theme="dark"] .r37-table-wrap, html[data-refspata-theme="dark"] .r37-empty{background:#0b2031!important;color:#a9bfd2!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r37-bulk-dialog>.modal-header, html[data-refspata-theme="dark"] .r37-bulk-dialog>.modal-body{background:#081b2b!important;color:#f1f7fd!important} html[data-refspata-theme="dark"] .r37-selection-bar{background:linear-gradient(90deg,rgba(20,115,230,.20),rgba(20,115,230,.06))!important;border-color:#245786!important} html[data-refspata-theme="light"] .r37-table-wrap, html[data-refspata-theme="light"] .r37-empty{background:#fff!important;color:#6d809a!important} /* Product detail: commercial profile cards must follow theme, not stay white. */ .product-web-profile .web-profile-grid>div{border:1px solid #d4dfeb!important;border-radius:10px!important;background:#f8fbff!important;padding:12px!important;min-height:66px} html[data-refspata-theme="dark"] .product-web-profile, html[data-refspata-theme="dark"] .product-web-profile .web-profile-grid>div{background:#0d2234!important;color:#eef6ff!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .product-web-profile .web-profile-grid small{color:#91abc1!important} html[data-refspata-theme="dark"] .product-web-profile .web-profile-grid strong{color:#f2f7fd!important} html[data-refspata-theme="light"] .product-web-profile .web-profile-grid>div{background:#f8fbff!important;color:#102441!important;border-color:#d4dfeb!important} /* Product editor/classification and image uploader. */ .web-classification-grid button[role="combobox"],.web-classification-grid input,.web-classification-grid select{border:1px solid #c6d5e5!important;border-radius:9px!important} .product-photo-drop{border:1px dashed #9cb4cd!important;border-radius:12px!important} html[data-refspata-theme="dark"] .product-photo-drop{background:#0d2234!important;border-color:#3a5d79!important;color:#eef6ff!important} html[data-refspata-theme="dark"] .product-photo-drop input[type="file"]{background:#10283b!important;color:#eaf3fb!important;border:1px solid #385875!important} html[data-refspata-theme="dark"] .web-classification-grid button[role="combobox"], html[data-refspata-theme="dark"] .web-classification-grid input, html[data-refspata-theme="dark"] .web-classification-grid select{background:#10283b!important;color:#f4f8fc!important;border-color:#385875!important} /* Location carousel and location editor residual light surfaces. */ .product-location-carousel{border:1px solid #d1deeb!important;border-radius:11px!important;background:#f7faff!important;overflow:hidden} .location-carousel-stage,.location-carousel-no-media{background:#fff!important} .location-editor-item{border:1px solid #cbd9e8!important;border-radius:10px!important;background:#f7faff!important;padding:10px 12px!important} .location-editor-current{border-top:1px solid #d4dfeb!important;margin-top:16px;padding-top:16px} .location-upload{border:1px dashed #9eb5cc!important;border-radius:10px!important;background:#f8fbff!important;color:#617b97!important} .location-upload input[type="file"]{border:1px solid #c7d6e5!important;background:#fff!important;color:#183652!important;border-radius:7px!important;padding:8px!important;width:100%!important} html[data-refspata-theme="dark"] .product-location-carousel, html[data-refspata-theme="dark"] .location-carousel-stage, html[data-refspata-theme="dark"] .location-carousel-no-media, html[data-refspata-theme="dark"] .location-editor-item, html[data-refspata-theme="dark"] .location-editor-current, html[data-refspata-theme="dark"] .location-upload{background:#0d2234!important;color:#eef6ff!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .location-carousel-heading, html[data-refspata-theme="dark"] .location-carousel-no-media, html[data-refspata-theme="dark"] .location-editor-item small{color:#9eb4c8!important} html[data-refspata-theme="dark"] .location-upload input[type="file"]{background:#10283b!important;color:#eef6ff!important;border-color:#385875!important} html[data-refspata-theme="dark"] .location-carousel-arrow{background:#10283b!important;color:#eef6ff!important;border-color:#385875!important} /* Generic dark modal/form safety net, excluding printable document paper. */ html[data-refspata-theme="dark"] .modal-content:not(.document-view-dialog) .field, html[data-refspata-theme="dark"] .modal-content:not(.document-view-dialog) .form-grid>div, html[data-refspata-theme="dark"] .modal-content:not(.document-view-dialog) .form-grid>label{color:#eef6ff!important} html[data-refspata-theme="dark"] .modal-content:not(.document-view-dialog) input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), html[data-refspata-theme="dark"] .modal-content:not(.document-view-dialog) textarea{background:#10283b!important;color:#f4f8fc!important;border:1px solid #385875!important} @media(max-width:1400px){.r37-filter-grid{grid-template-columns:repeat(3,minmax(140px,1fr))!important}.r37-filter-grid>*:nth-child(4){grid-column:1/3;min-width:0}.r37-filter-grid>*:nth-child(5){grid-column:3}} @media(max-width:900px){.r37-filter-grid{grid-template-columns:1fr!important}.r37-filter-grid>*{grid-column:auto!important}.r37-filter-grid>*:nth-child(4){min-width:0}} /* R38.2 · true full-screen bulk editor + R38.1 compact controls and stock-web toolbar */ /* Tailwind/Radix centers DialogContent with the CSS `translate` property. `transform:none` does not cancel that in modern Tailwind, so the previous full-screen box was shifted half a viewport up/left. Force both translate and sizing here. */ [data-slot="dialog-content"].r37-bulk-dialog, .r37-bulk-dialog{ position:fixed!important; inset:0!important; top:0!important;right:0!important;bottom:0!important;left:0!important; width:100vw!important;min-width:100vw!important;max-width:100vw!important; height:100vh!important;height:100dvh!important;min-height:100vh!important;max-height:100dvh!important; translate:none!important;transform:none!important; margin:0!important;padding:0!important; border-radius:0!important;overflow:hidden!important; } /* Modal puts title/description directly inside DialogContent in this build. Give them real breathing room. */ .r37-bulk-dialog>h2:first-of-type,.r37-bulk-dialog>[data-slot="dialog-title"]{margin:26px 30px 0!important;padding:0!important;line-height:1.2!important} .r37-bulk-dialog>p:first-of-type,.r37-bulk-dialog>[data-slot="dialog-description"]{margin:7px 30px 0!important;padding:0!important} .r37-bulk-dialog>div:first-child:not(.r37-filter-grid), .r37-bulk-dialog [data-slot="dialog-header"]{padding:26px 30px 12px!important;margin:0!important} .r37-bulk-dialog>.modal-body{padding:8px 22px 20px!important;max-height:none!important;min-height:0!important;overflow:auto!important} .r37-steps{margin:18px 0 24px!important;min-height:34px!important} .r37-step>span{color:#17324f!important;background:#e9f0f8!important;border-color:#c7d5e5!important} .r37-step.active>span{color:#fff!important;background:#1473e6!important;border-color:#1473e6!important} .r37-step.done>span{color:#fff!important;background:#13a967!important;border-color:#13a967!important} html[data-refspata-theme="dark"] .r37-step:not(.active):not(.done)>span{color:#10283b!important;background:#e7eff8!important;border-color:#c8d5e4!important} html[data-refspata-theme="dark"] .r37-step:not(.active):not(.done){color:#eaf2fa!important} /* Keep the spreadsheet compact: the field must fit its own column, never the opposite. */ .r37-edit-table th,.r37-edit-table td{box-sizing:border-box!important} .r37-edit-table input:not([type="checkbox"]), .r37-edit-table select, .r37-edit-table button[role="combobox"]{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important} .r37-edit-table th:nth-child(7),.r37-edit-table td:nth-child(7){width:94px!important;min-width:94px!important;max-width:94px!important} .r37-edit-table th:nth-child(8),.r37-edit-table td:nth-child(8){width:82px!important;min-width:82px!important;max-width:82px!important} .r37-edit-table th:nth-child(14),.r37-edit-table td:nth-child(14), .r37-edit-table th:nth-child(15),.r37-edit-table td:nth-child(15){width:86px!important;min-width:86px!important;max-width:86px!important} .r37-edit-table td:nth-child(7) input,.r37-edit-table td:nth-child(8) input, .r37-edit-table td:nth-child(14) input,.r37-edit-table td:nth-child(15) input{width:100%!important;max-width:100%!important;min-width:0!important;padding-left:6px!important;padding-right:6px!important} .r37-edit-table th:nth-child(9),.r37-edit-table td:nth-child(9){width:112px!important;min-width:112px!important;max-width:112px!important} .r37-edit-table td:nth-child(9) button[role="combobox"]{width:100%!important;min-width:0!important} /* Full-screen layout can use more vertical room for rows while keeping footer visible. */ .r37-table-wrap{max-height:calc(100dvh - 480px)!important;min-height:116px!important} .r37-bottom{margin-bottom:4px!important} /* Explicitly kill any accidental light strip inside the table in dark mode. */ html[data-refspata-theme="dark"] .r37-table-wrap, html[data-refspata-theme="dark"] .r37-table-wrap>*, html[data-refspata-theme="dark"] .r37-empty{background:#0b2031!important;border-color:#29465f!important} /* Manual one-click stock mirror on Inventory > Stock. */ .r381-stock-sync-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 16px;padding:14px 16px;border:1px solid #cedbe9;border-radius:12px;background:#f8fbff} .r381-stock-sync-bar>div{display:grid;gap:3px}.r381-stock-sync-bar small{color:#6f829b}.r381-stock-sync-bar button{white-space:nowrap} html[data-refspata-theme="dark"] .r381-stock-sync-bar{background:#0d2234!important;border-color:#29465f!important;color:#eef6ff!important} html[data-refspata-theme="dark"] .r381-stock-sync-bar small{color:#9db4c8!important} @media(max-width:1100px){ [data-slot="dialog-content"].r37-bulk-dialog,.r37-bulk-dialog{inset:0!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;translate:none!important} .r37-table-wrap{max-height:calc(100dvh - 500px)!important} .r381-stock-sync-bar{align-items:flex-start;flex-direction:column} } /* R40 · Hubs de Presupuestos. Geometría única; light/dark cambian solo tokens. */ .r40-quote-workspace{ --r40-app:#f7fafd;--r40-surface:#fff;--r40-surface-2:#f0f5fa;--r40-border:#d7e2ec;--r40-text:#071b2d;--r40-muted:#5d748a;--r40-blue:#0b73ff;--r40-green:#0c9b68;--r40-warning:#b57510;--r40-danger:#c23b42;--r40-shadow:0 1px 2px rgba(15,35,55,.05); color:var(--r40-text);background:var(--r40-app);width:100%;min-width:0;box-sizing:border-box;font-size:13px;line-height:1.35 } [data-refspata-theme="dark"] .r40-quote-workspace{ --r40-app:#061827;--r40-surface:#0a2033;--r40-surface-2:#0c253b;--r40-border:#24445d;--r40-text:#f4f8fc;--r40-muted:#91aac0;--r40-blue:#1385ff;--r40-green:#2cc68d;--r40-warning:#e8aa45;--r40-danger:#ff7b7f;--r40-shadow:none } body:has(.r40-detail-hub){overflow:hidden} .main-content:has(> .r40-detail-hub){padding:0!important;overflow:hidden!important;min-height:0!important} .main-inset:has(.r40-editor-hub),.main-content:has(> .r40-editor-hub){--r40-editor-outer-bg:#f7fafd;background:var(--r40-editor-outer-bg)!important} [data-refspata-theme="dark"] .main-inset:has(.r40-editor-hub),[data-refspata-theme="dark"] .main-content:has(> .r40-editor-hub){--r40-editor-outer-bg:#061827} .main-content:has(> .r40-editor-hub){padding:0!important;overflow:visible!important;min-height:calc(100dvh - 60px)!important} .r40-quote-workspace *{box-sizing:border-box} .r40-quote-workspace h1,.r40-quote-workspace h2,.r40-quote-workspace p,.r40-quote-workspace dl,.r40-quote-workspace dd{margin:0} .r40-quote-workspace h1{font-size:27px;line-height:1.05;letter-spacing:-.035em;color:var(--r40-text)} .r40-quote-workspace h2{font-size:15px;line-height:1.2;color:var(--r40-text)} .r40-quote-workspace small,.r40-quote-workspace p{color:var(--r40-muted)} .r40-quote-workspace input,.r40-quote-workspace textarea,.r40-quote-workspace button,.r40-quote-workspace [role="combobox"]{font:inherit} .r40-quote-workspace input,.r40-quote-workspace textarea{color:var(--r40-text)!important;background:var(--r40-surface)!important;border-color:var(--r40-border)!important} .r40-quote-workspace textarea{width:100%;resize:vertical;border:1px solid var(--r40-border);border-radius:8px;padding:8px 10px;min-height:58px} .r40-quote-workspace input[type=number]::-webkit-inner-spin-button,.r40-quote-workspace input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0} .r40-quote-workspace input[type=number]{-moz-appearance:textfield} .r40-quote-workspace :focus-visible{outline:2px solid var(--r40-blue)!important;outline-offset:2px} .r40-detail-hub{height:calc(100dvh - 64px);min-height:0;display:flex;flex-direction:column;padding:12px 16px 16px;gap:10px;overflow:hidden} .r40-detail-header{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:5px 2px 8px;border-bottom:1px solid var(--r40-border);flex:none} .r40-detail-heading{display:flex;align-items:center;gap:10px;min-width:0;flex:1} .r40-back{width:34px;height:34px;flex:none;border:1px solid var(--r40-border);border-radius:9px;background:var(--r40-surface);color:var(--r40-text);font-size:25px;line-height:1;cursor:pointer} .r40-title-line{display:flex;align-items:center;gap:9px;min-width:0} .r40-state{display:inline-flex;align-items:center;height:23px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:750;border:1px solid var(--r40-border);white-space:nowrap} .r40-state.success{background:color-mix(in srgb,var(--r40-green) 12%,var(--r40-surface));color:var(--r40-green);border-color:color-mix(in srgb,var(--r40-green) 32%,var(--r40-border))} .r40-state.warning{background:color-mix(in srgb,var(--r40-warning) 12%,var(--r40-surface));color:var(--r40-warning);border-color:color-mix(in srgb,var(--r40-warning) 32%,var(--r40-border))} .r40-header-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:7px;color:var(--r40-muted);font-size:11px} .r40-header-meta b{color:var(--r40-text);font-weight:650} .r40-detail-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:58%} .r40-detail-actions>button,.r40-detail-actions>a{min-height:34px!important;padding:0 11px!important;font-size:12px!important;white-space:nowrap} .r40-more{position:relative} .r40-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--r40-border);border-radius:8px;background:var(--r40-surface);color:var(--r40-text);font-weight:650} .r40-more>summary::-webkit-details-marker{display:none} .r40-more-menu{position:absolute;right:0;top:39px;z-index:20;min-width:190px;padding:5px;background:var(--r40-surface);border:1px solid var(--r40-border);border-radius:9px;box-shadow:0 12px 35px rgba(1,16,31,.18)} .r40-more-menu button{width:100%;border:0;background:transparent;text-align:left;color:var(--r40-text);padding:8px 10px;border-radius:6px;cursor:pointer} .r40-more-menu button:hover{background:var(--r40-surface-2)} .r40-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,430px);gap:12px;min-height:0;flex:1;overflow:hidden} .r40-pdf-shell{min-width:0;min-height:0;border:1px solid var(--r40-border);border-radius:11px;background:var(--r40-surface);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--r40-shadow)} .r40-pdf-toolbar{height:42px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#253746;color:#eaf1f6;border-bottom:1px solid #172a39} [data-refspata-theme="dark"] .r40-pdf-toolbar{background:#06131f;border-bottom-color:#24445d} .r40-pdf-pages{display:flex;align-items:center;gap:8px;font-size:11px}.r40-pdf-pages strong{min-width:33px;height:26px;padding:0 8px;display:grid;place-items:center;border-radius:6px;background:rgba(255,255,255,.1)}.r40-pdf-pages span{opacity:.75} .r40-pdf-controls{display:flex;align-items:center;gap:4px}.r40-pdf-controls button{height:28px;border:0;border-radius:6px;background:transparent;color:#eaf1f6;padding:0 8px;cursor:pointer}.r40-pdf-controls button:hover{background:rgba(255,255,255,.1)}.r40-pdf-controls strong{min-width:46px;text-align:center;font-size:11px} .r40-pdf-canvas{min-height:0;flex:1;overflow:auto;background:#dfe5ea;padding:10px;display:flex;justify-content:center} [data-refspata-theme="dark"] .r40-pdf-canvas{background:#102536} .r40-pdf-canvas iframe{width:100%;height:100%;min-height:600px;border:0;background:#fff;display:block} .r40-pdf-state{align-self:center;margin:auto;color:#456079;background:#fff;border-radius:9px;padding:10px 14px;box-shadow:0 2px 12px rgba(12,30,45,.09)}.r40-pdf-state.error{color:#a12b31} .r40-side-panel{min-height:0;background:var(--r40-surface);border:1px solid var(--r40-border);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--r40-shadow)} .r40-tabs{display:grid;grid-template-columns:repeat(3,1fr);height:43px;border-bottom:1px solid var(--r40-border);flex:none;padding:0 8px} .r40-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--r40-muted);font-size:12px;font-weight:650;cursor:pointer} .r40-tabs button.active{color:var(--r40-blue);border-bottom-color:var(--r40-blue)} .r40-side-scroll{min-height:0;overflow:auto;padding:11px 12px 14px;flex:1} .r40-tab-panel{display:flex;flex-direction:column;gap:10px} .r40-summary-card{padding:11px 12px;border:1px solid var(--r40-border);border-radius:9px;background:var(--r40-surface-2);display:flex;align-items:end;justify-content:space-between}.r40-summary-card span{font-size:11px;color:var(--r40-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em}.r40-summary-card strong{font-size:23px;letter-spacing:-.03em;color:var(--r40-text)} .r40-facts{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--r40-border);border-radius:9px;overflow:hidden}.r40-facts>div{padding:8px 9px;border-bottom:1px solid var(--r40-border)}.r40-facts>div:nth-child(odd){border-right:1px solid var(--r40-border)}.r40-facts>div:nth-last-child(-n+2){border-bottom:0}.r40-facts dt{font-size:10px;color:var(--r40-muted);margin-bottom:2px}.r40-facts dd{font-weight:650;color:var(--r40-text);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .r40-side-section{border-top:1px solid var(--r40-border);padding-top:10px}.r40-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.r40-section-title strong{font-size:12px}.r40-section-title small{font-size:10px}.r40-status-summary{padding:12px;border:1px solid var(--r40-border);border-radius:10px;background:var(--r40-surface-2)}.r40-status-summary .r40-section-title strong{font-size:14px}.r40-status-summary .r40-status-pills{gap:7px}.r40-status-summary .r40-pill{min-height:29px;padding:0 10px;font-size:11px} .r40-status-pills{display:flex;flex-wrap:wrap;gap:5px}.r40-pill{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;border:1px solid var(--r40-border);font-size:10px;font-weight:700}.r40-pill.neutral{color:var(--r40-muted);background:var(--r40-surface-2)}.r40-pill.success{color:var(--r40-green);background:color-mix(in srgb,var(--r40-green) 10%,var(--r40-surface))}.r40-pill.warning{color:var(--r40-warning);background:color-mix(in srgb,var(--r40-warning) 10%,var(--r40-surface))} .r40-side-panel .order-actions{padding:0!important;border:0!important;background:transparent!important}.r40-side-panel .order-actions>h3{display:none}.r40-side-panel .order-actions>.status-row{display:none!important}.r40-side-panel .order-actions .export-buttons{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.r40-side-panel .order-actions .export-buttons button{width:100%;justify-content:flex-start;min-height:33px!important;font-size:11px!important}.r40-side-panel .share-document{margin:0!important}.r40-side-panel .share-document input{font-size:11px!important}.r40-note-actions{display:flex;justify-content:flex-end;margin-top:5px}.r40-inline-error{color:var(--r40-danger)!important;display:block;margin-top:4px} .r40-timeline-row{position:relative;display:grid;grid-template-columns:15px 1fr;gap:7px;padding-bottom:13px}.r40-timeline-row:before{content:"";position:absolute;left:5px;top:11px;bottom:-1px;width:1px;background:var(--r40-border)}.r40-timeline-row:last-child:before{display:none}.r40-timeline-dot{width:11px;height:11px;border-radius:50%;margin-top:3px;background:var(--r40-blue);border:3px solid color-mix(in srgb,var(--r40-blue) 20%,var(--r40-surface))}.r40-timeline-row strong{display:block;font-size:12px}.r40-timeline-row small{display:block;margin-top:2px;font-size:10px}.r40-empty-small{padding:16px;border:1px dashed var(--r40-border);border-radius:9px;color:var(--r40-muted);text-align:center}.r40-empty-small strong{color:var(--r40-text);display:block;margin-bottom:4px}.r40-empty-small p{font-size:11px}.r40-message-actions{display:flex;flex-direction:column;gap:8px} .r40-editor-hub{width:min(100%,1960px);min-height:calc(100dvh - 60px);margin:0 auto;padding:14px clamp(14px,1.6vw,30px) 28px;display:flex;flex-direction:column;gap:12px;overflow:visible} .r40-editor-breadcrumb{display:flex;align-items:center;gap:10px;min-height:24px;color:var(--r40-muted);font-size:11px}.r40-editor-breadcrumb b{font-size:15px;font-weight:400}.r40-editor-breadcrumb strong{color:var(--r40-text)} .r40-editor-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 10px;border-bottom:1px solid var(--r40-border)}.r40-editor-title{display:flex;align-items:center;gap:12px;min-width:0}.r40-editor-title p{font-size:12px;margin-top:5px}.r40-editor-back{display:grid;place-items:center;width:42px;height:42px;flex:none;border:0;border-radius:12px;background:color-mix(in srgb,var(--r40-blue) 10%,var(--r40-surface));color:var(--r40-blue);font-size:23px;cursor:pointer}.r40-editor-header>button{min-width:94px} .r40-customer-card{display:grid;grid-template-columns:minmax(360px,2fr) minmax(145px,.62fr) minmax(145px,.62fr) minmax(190px,.8fr) minmax(225px,.92fr);gap:16px;align-items:start;padding:14px 16px;border:1px solid var(--r40-border);border-radius:12px;background:var(--r40-surface);box-shadow:var(--r40-shadow);overflow:visible}.r40-customer-card>*{min-width:0}.r40-customer-main{display:flex;flex-direction:column;gap:7px}.r40-customer-summary{display:flex;gap:8px;align-items:baseline;min-width:0;padding:0 2px}.r40-customer-summary strong,.r40-customer-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r40-customer-summary strong{font-size:11px}.r40-customer-summary small{font-size:10px}.r40-list-box,.r40-balance-card{min-height:74px;padding-left:16px;border-left:1px solid var(--r40-border)}.r40-mini-label{display:block;color:var(--r40-muted);font-size:11px;font-weight:700;margin-bottom:9px}.r40-list-box [role="radiogroup"],.r40-list-box .price-switch{width:100%}.r40-balance-lines{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--r40-muted)}.r40-balance-lines b{color:var(--r40-text)}.r40-balance-lines .negative{color:var(--r40-danger);font-weight:750}.r40-balance-lines .positive{color:var(--r40-green);font-weight:750}.r40-inline-check{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--r40-text);font-size:10px;cursor:pointer}.r40-inline-check input{margin:0} .r40-customer-card label,.r40-conditions-card label,.r40-totals-card label{font-size:11px!important}.r40-customer-card input{height:42px!important;min-height:42px!important} .r40-items-card{display:flex;flex-direction:column;border:1px solid var(--r40-border);border-radius:12px;background:var(--r40-surface);box-shadow:var(--r40-shadow);overflow:visible} .r40-items-head{display:flex;align-items:center;min-height:56px;padding:10px 16px;border-bottom:1px solid var(--r40-border)}.r40-items-heading{display:flex;align-items:baseline;gap:12px;min-width:0}.r40-items-heading h2{white-space:nowrap;font-size:17px}.r40-items-heading small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px} .r40-items-table-wrap,.r40-items-scroll{overflow:visible}.r40-items-grid{display:grid;grid-template-columns:54px minmax(350px,1.65fr) minmax(240px,1.1fr) 88px 136px 116px 145px 34px;gap:8px;align-items:center;min-width:0}.r40-grid-head{min-height:39px;padding:0 12px;background:var(--r40-surface-2);border-bottom:1px solid var(--r40-border);color:var(--r40-muted);font-size:10px;font-weight:800;text-transform:none}.r40-grid-head .num{text-align:right;padding-right:6px}.r40-item-row{position:relative;min-height:76px;padding:8px 12px;border-bottom:1px solid var(--r40-border);background:var(--r40-surface);transition:box-shadow .12s,background .12s}.r40-item-row:last-child{border-bottom:0}.r40-item-row.drag-over{box-shadow:inset 0 3px 0 var(--r40-blue);background:color-mix(in srgb,var(--r40-blue) 5%,var(--r40-surface))}.r40-item-row.is-empty{background:color-mix(in srgb,var(--r40-surface-2) 45%,var(--r40-surface))}.r40-item-row input{height:40px!important;min-height:40px!important;padding:0 10px!important;font-size:12px!important} .r40-order-cell{display:flex;align-items:center;justify-content:flex-start;gap:2px}.r40-line-number{min-width:13px;text-align:center;font-weight:750}.r40-empty-number{width:100%;text-align:center;color:var(--r40-muted)}.r40-order-tools{display:flex;align-items:center;gap:1px}.r40-drag-handle{width:23px;height:32px;border:0;background:transparent;color:var(--r40-muted);cursor:grab;font-size:18px;line-height:1}.r40-drag-handle:active{cursor:grabbing}.r40-move-buttons{display:flex;flex-direction:column}.r40-move-buttons button{border:0;background:transparent;color:var(--r40-muted);padding:0;width:14px;height:14px;font-size:9px;cursor:pointer}.r40-move-buttons button:disabled{opacity:.25} .r40-line-product{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.r40-product-thumb{width:48px;height:48px;border:1px solid var(--r40-border);border-radius:8px;object-fit:contain;background:#fff}.r40-product-placeholder{display:grid;place-items:center;background:var(--r40-surface-2);color:var(--r40-muted)}.r40-line-product-copy,.r40-concept-picker{min-width:0}.r40-line-product-copy>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;color:var(--r40-muted);font-size:9px}.r40-line-description{min-height:48px!important;height:48px;padding:7px 9px!important;resize:vertical;font-size:12px!important;line-height:1.35}.r40-price-cell,.r40-discount-cell{position:relative;min-width:0;padding-bottom:13px}.r40-price-cell small,.r40-discount-cell small{position:absolute;left:3px;bottom:-1px;overflow:hidden;max-width:100%;color:var(--r40-green);font-size:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.r40-discount-cell small{color:var(--r40-blue)}.r40-line-total{text-align:right;font-size:12px;white-space:nowrap}.r40-delete-line{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--r40-muted);cursor:pointer;font-size:19px}.r40-delete-line:hover{color:var(--r40-danger);background:color-mix(in srgb,var(--r40-danger) 8%,var(--r40-surface))} .r40-concept-overlay{position:fixed;z-index:10000;display:flex;flex-direction:column;padding:7px;border:1px solid #cddbea;border-radius:12px;background:#fff;color:#071b2d;box-shadow:0 22px 55px rgba(7,27,45,.24)}.r40-concept-results{max-height:inherit;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.r40-concept-overlay button{width:100%;min-height:54px;padding:7px 9px;border:0;border-radius:9px;background:transparent;color:inherit;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;text-align:left;cursor:pointer}.r40-concept-overlay button:hover,.r40-concept-overlay button[aria-selected="true"]{background:#eaf3ff}.r40-concept-overlay .r40-product-thumb{width:42px;height:42px}.r40-result-copy{display:block;min-width:0}.r40-result-copy strong,.r40-result-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r40-result-copy strong{font-size:12px}.r40-result-copy small{margin-top:3px;color:#5d748a;font-size:10px}.r40-concept-overlay button>b{padding-left:10px;color:#163d69;font-size:12px;white-space:nowrap}.r40-free-concept{margin-top:6px;border-top:1px solid #d7e2ec!important;border-radius:0 0 9px 9px!important}.r40-no-results{padding:11px;color:#5d748a;font-size:11px} [data-refspata-theme="dark"] .r40-concept-overlay{border-color:#36566f;background:#0b2134;color:#f5f9fd;box-shadow:0 22px 55px rgba(0,0,0,.5)}[data-refspata-theme="dark"] .r40-concept-overlay button:hover,[data-refspata-theme="dark"] .r40-concept-overlay button[aria-selected="true"]{background:#173952}[data-refspata-theme="dark"] .r40-concept-overlay .r40-result-copy small,[data-refspata-theme="dark"] .r40-concept-overlay .r40-no-results{color:#b3c7d9}[data-refspata-theme="dark"] .r40-concept-overlay button>b{color:#f5f9fd}[data-refspata-theme="dark"] .r40-concept-overlay .r40-free-concept{border-color:#36566f!important} .r40-bottom-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(390px,.72fr);gap:12px;align-items:stretch}.r40-conditions-card,.r40-totals-card{position:relative;min-width:0;border:1px solid var(--r40-border);border-radius:12px;background:var(--r40-surface);padding:14px 16px;box-shadow:var(--r40-shadow);overflow:visible}.r40-conditions-card h2{margin-bottom:10px}.r40-condition-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.r40-conditions-card input{height:40px!important;min-height:40px!important}.r40-conditions-card textarea{min-height:66px;resize:vertical;font-size:12px!important}.r40-character-count{position:absolute;right:22px;bottom:19px;font-size:9px}.r40-totals-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px}.r40-general-discount{padding-right:15px;border-right:1px solid var(--r40-border)}.r40-totals-card dl{display:flex;flex-direction:column;justify-content:center;gap:7px}.r40-totals-card dl>div{display:flex;justify-content:space-between;align-items:center;font-size:11px}.r40-totals-card dt{color:var(--r40-muted)}.r40-totals-card dd{font-weight:750;color:var(--r40-text)}.r40-grand-total{margin-top:4px;padding:10px 10px 0;border-top:1px solid var(--r40-border);font-size:15px!important}.r40-grand-total dt{font-weight:850;color:var(--r40-text)!important}.r40-grand-total dd{font-size:24px;color:var(--r40-blue)!important;letter-spacing:-.035em} .r40-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:58px;padding:4px 0 0}.r40-actions-spacer{flex:1}.r40-editor-actions>button{min-height:44px!important;padding-inline:20px!important}.r40-editor-actions>button:last-child{min-width:190px}.r40-save-error{max-width:620px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--r40-danger) 9%,var(--r40-surface));color:var(--r40-danger);font-size:11px} @media (max-width:1679px){ .r40-detail-hub{padding-left:10px;padding-right:10px}.r40-detail-layout{grid-template-columns:minmax(0,1fr) minmax(340px,390px)}.r40-detail-actions{max-width:61%}.r40-detail-actions>button,.r40-detail-actions>a{padding-left:8px!important;padding-right:8px!important}.r40-editor-hub{padding-inline:14px}.r40-customer-card{grid-template-columns:minmax(310px,1.7fr) 138px 138px 175px minmax(210px,.9fr);gap:10px}.r40-items-grid{grid-template-columns:50px minmax(285px,1.55fr) minmax(205px,1fr) 82px 124px 108px 132px 32px;gap:6px}.r40-bottom-grid{grid-template-columns:minmax(0,1.3fr) minmax(360px,.8fr)} } @media (max-width:1280px){ .r40-customer-card{grid-template-columns:minmax(300px,1.6fr) 140px 140px 180px}.r40-balance-card{grid-column:1/-1;border-left:0;border-top:1px solid var(--r40-border);padding:10px 0 0;min-height:0}.r40-balance-lines{flex-direction:row;flex-wrap:wrap;gap:8px 20px}.r40-items-table-wrap{overflow-x:auto;overflow-y:visible}.r40-items-grid{min-width:1160px}.r40-bottom-grid{grid-template-columns:minmax(0,1fr) minmax(340px,.75fr)} } @media (max-width:1100px){ body:has(.r40-detail-hub){overflow:auto}.main-content:has(> .r40-detail-hub){overflow:auto!important}.r40-detail-hub{height:auto;min-height:calc(100dvh - 64px);overflow:visible}.r40-detail-layout{grid-template-columns:1fr;overflow:visible}.r40-pdf-shell{height:650px}.r40-side-panel{max-height:650px}.r40-detail-actions{max-width:none}.r40-detail-header{flex-wrap:wrap}.r40-customer-card{grid-template-columns:1fr 1fr}.r40-list-box{border-left:0;padding-left:0}.r40-bottom-grid{grid-template-columns:1fr}.r40-editor-actions{position:static} } @media (max-width:720px){.r40-editor-hub{padding:10px 8px 22px}.r40-editor-breadcrumb{display:none}.r40-editor-header{align-items:flex-start}.r40-editor-title h1{font-size:23px}.r40-editor-title p{font-size:10px}.r40-customer-card{grid-template-columns:1fr}.r40-list-box,.r40-balance-card{grid-column:auto;border-left:0;border-top:1px solid var(--r40-border);padding:10px 0 0}.r40-condition-fields,.r40-totals-card{grid-template-columns:1fr}.r40-general-discount{padding:0 0 10px;border-right:0;border-bottom:1px solid var(--r40-border)}.r40-items-heading{align-items:flex-start;flex-direction:column;gap:3px}.r40-items-heading small{white-space:normal}.r40-editor-actions{flex-wrap:wrap}.r40-save-error{width:100%;max-width:none}.r40-actions-spacer{display:none}.r40-editor-actions>button{flex:1}.r40-concept-overlay{max-width:calc(100vw - 16px)}} /* Facturación ARCA asistida: selección explícita por comprobante, también dentro del portal del modal. */ .r40-arca-form{--r40-arca-surface:var(--r40-surface,#fff);--r40-arca-surface-2:var(--r40-surface-2,#f0f5fa);--r40-arca-border:var(--r40-border,#d7e2ec);--r40-arca-text:var(--r40-text,#071b2d);--r40-arca-muted:var(--r40-muted,#5d748a);--r40-arca-blue:var(--r40-blue,#0b73ff);--r40-arca-warning:var(--r40-warning,#b57510);display:flex;flex-direction:column;gap:14px;color:var(--r40-arca-text)} [data-refspata-theme="dark"] .r40-arca-form{--r40-arca-surface:var(--r40-surface,#0a2033);--r40-arca-surface-2:var(--r40-surface-2,#0c253b);--r40-arca-border:var(--r40-border,#24445d);--r40-arca-text:var(--r40-text,#f4f8fc);--r40-arca-muted:var(--r40-muted,#91aac0);--r40-arca-blue:var(--r40-blue,#1385ff);--r40-arca-warning:var(--r40-warning,#e8aa45)} .r40-fiscal-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}.r40-fiscal-detail dl>div{padding:9px;border:1px solid var(--r40-border,#d7e2ec);border-radius:8px}.r40-fiscal-detail dt{font-size:11px;color:var(--r40-muted,#5d748a)}.r40-fiscal-detail dd{margin:3px 0 0;font-weight:700;color:var(--r40-text,#071b2d)} .r40-fiscal-page{min-height:calc(100dvh - 64px);padding:22px}.r40-list-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.r40-list-head form{display:flex;gap:7px;min-width:min(520px,50vw)}.r40-fiscal-list{display:flex;flex-direction:column;border:1px solid var(--r40-border);border-radius:12px;overflow:hidden;background:var(--r40-surface)}.r40-fiscal-row{display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(220px,1fr) 120px 130px;gap:12px;align-items:center;min-height:54px;padding:9px 13px;border:0;border-bottom:1px solid var(--r40-border);background:transparent;color:var(--r40-text);text-align:left;cursor:pointer}.r40-fiscal-row:last-child{border-bottom:0}.r40-fiscal-row:hover,.r40-fiscal-row:focus-visible{background:var(--r40-surface-2)}.r40-fiscal-row span:last-child{text-align:right;font-weight:700} @media(max-width:760px){.r40-list-head{align-items:stretch;flex-direction:column}.r40-list-head form{min-width:0;width:100%}.r40-fiscal-row{grid-template-columns:1fr 1fr}.r40-fiscal-detail dl{grid-template-columns:1fr}} .r40-arca-warning{margin:0;padding:11px 12px;border:1px solid color-mix(in srgb,var(--r40-arca-warning) 45%,var(--r40-arca-border));border-radius:9px;background:color-mix(in srgb,var(--r40-arca-warning) 9%,var(--r40-arca-surface));color:var(--r40-arca-text)}.r40-arca-form fieldset{margin:0;padding:0;border:0}.r40-arca-form legend{margin-bottom:7px;font-size:12px;font-weight:800;color:var(--r40-arca-text)}.r40-arca-form select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--r40-arca-border);border-radius:8px;background:var(--r40-arca-surface);color:var(--r40-arca-text)}.r40-arca-form select:focus-visible{border-color:var(--r40-arca-blue);outline:2px solid color-mix(in srgb,var(--r40-arca-blue) 25%,transparent);outline-offset:1px}.r40-arca-types{display:grid;grid-template-columns:1fr 1fr;gap:8px}.r40-arca-types .r40-arca-type{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 13px;border:2px solid var(--r40-arca-border);border-radius:10px;background:var(--r40-arca-surface-2);color:var(--r40-arca-text);font-weight:800;cursor:pointer;box-shadow:0 1px 2px rgba(15,35,55,.08)}.r40-arca-types .r40-arca-type:hover,.r40-arca-types .r40-arca-type:focus-visible{border-color:var(--r40-arca-blue);outline:2px solid color-mix(in srgb,var(--r40-arca-blue) 25%,transparent);outline-offset:1px}.r40-arca-types .r40-arca-type.active,.r40-arca-types .r40-arca-type[aria-pressed="true"]{border-color:var(--r40-arca-blue);background:#e8f2ff;background:color-mix(in srgb,var(--r40-arca-blue) 18%,var(--r40-arca-surface));color:var(--r40-arca-blue)}[data-refspata-theme="dark"] .r40-arca-types .r40-arca-type.active,[data-refspata-theme="dark"] .r40-arca-types .r40-arca-type[aria-pressed="true"]{background:#102f4d;background:color-mix(in srgb,var(--r40-arca-blue) 22%,var(--r40-arca-surface))}.r40-arca-check{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:999px;background:var(--r40-arca-blue);color:#fff;font-size:14px;line-height:1}.r40-arca-check:empty{visibility:hidden}.r40-arca-help{margin-top:-9px;color:var(--r40-arca-muted)}.r40-arca-stage{margin:0;font-size:12px;color:var(--r40-arca-muted)}.r40-arca-linked-invoices{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.r40-arca-issued{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;border:1px solid color-mix(in srgb,var(--r40-success,#0c9b68) 55%,var(--r40-border,#d7e2ec));border-radius:8px;color:var(--r40-success,#0c9b68);font-size:11px;font-weight:800} .r40-arca-recovery-types{display:grid;grid-template-columns:1fr 1fr;gap:9px}.r40-arca-recovery-types>button{display:flex;min-height:88px;padding:12px;flex-direction:column;align-items:flex-start;gap:5px;border:2px solid var(--r40-arca-border);border-radius:10px;background:var(--r40-arca-surface-2);color:var(--r40-arca-text);text-align:left;cursor:pointer}.r40-arca-recovery-types>button small{color:var(--r40-arca-muted)}.r40-arca-recovery-types>button:hover,.r40-arca-recovery-types>button:focus-visible,.r40-arca-recovery-types>button.active{border-color:var(--r40-arca-blue);outline:2px solid color-mix(in srgb,var(--r40-arca-blue) 22%,transparent);outline-offset:1px}.r40-arca-recovery-types>button.active{background:color-mix(in srgb,var(--r40-arca-blue) 14%,var(--r40-arca-surface))}.r40-arca-pdf-upload{display:flex;flex-direction:column;gap:9px;padding:12px;border:1px solid var(--r40-arca-border);border-radius:10px;background:var(--r40-arca-surface-2)}.r40-arca-pdf-upload p,.r40-arca-pdf-upload small{margin:0}.r40-arca-pdf-upload small{color:var(--r40-arca-muted)}.r40-arca-pdf-upload input[type="file"]{max-width:100%;padding:8px;border:1px dashed var(--r40-arca-border);border-radius:8px;background:var(--r40-arca-surface);color:var(--r40-arca-text)} @media(max-width:620px){.r40-arca-recovery-types{grid-template-columns:1fr}} /* Presupuesto · legibilidad y pulido de interacción. */ .r40-editor-hub{font-size:14px;line-height:1.42} .r40-editor-hub .r40-editor-breadcrumb{font-size:13px} .r40-editor-hub .r40-editor-title p{font-size:14px} .r40-editor-hub .r40-customer-card label,.r40-editor-hub .r40-conditions-card label,.r40-editor-hub .r40-totals-card label{font-size:13px!important} .r40-editor-hub .r40-mini-label{font-size:13px} .r40-editor-hub .r40-balance-lines{font-size:13px;line-height:1.4} .r40-editor-hub .r40-inline-check{font-size:12px} .r40-editor-hub .r40-items-heading small{font-size:12px} .r40-editor-hub .r40-grid-head{font-size:12px;letter-spacing:.01em} .r40-editor-hub .r40-item-row input{font-size:14px!important} .r40-editor-hub .r40-line-description{font-size:14px!important} .r40-editor-hub .r40-line-product-copy>small{font-size:11px;line-height:1.35} .r40-editor-hub .r40-price-cell,.r40-editor-hub .r40-discount-cell{padding-bottom:16px} .r40-editor-hub .r40-price-cell small,.r40-editor-hub .r40-discount-cell small{bottom:-3px;font-size:11px} .r40-editor-hub .r40-line-total{font-size:14px} .r40-editor-hub .r40-conditions-card textarea{font-size:14px!important} .r40-editor-hub .r40-character-count{font-size:11px} .r40-editor-hub .r40-totals-card dl>div{font-size:13px} .r40-editor-hub .r40-save-error{font-size:13px} .r40-editor-hub .r40-customer-summary{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:2px;align-items:center;min-height:58px;padding:8px 10px;border:1px solid var(--r40-border);border-radius:10px;background:var(--r40-surface-2)} .r40-editor-hub .r40-customer-summary::before{content:"";grid-row:1/3;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 50% 34%,rgba(255,255,255,.98) 0 15%,transparent 16%),radial-gradient(ellipse at 50% 96%,rgba(255,255,255,.98) 0 31%,transparent 32%),var(--r40-blue);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--r40-blue) 70%,var(--r40-border))} .r40-editor-hub .r40-customer-summary strong,.r40-editor-hub .r40-customer-summary small{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis} .r40-editor-hub .r40-customer-summary strong{align-self:end;font-size:14px;white-space:nowrap} .r40-editor-hub .r40-customer-summary small{align-self:start;font-size:12px;line-height:1.35;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .r40-concept-overlay:not(:has(button)):not(:has(.r40-no-results)){display:none} .r40-concept-overlay .r40-result-copy strong{font-size:14px} .r40-concept-overlay .r40-result-copy small{font-size:12px} .r40-concept-overlay button>b{font-size:13px} .r40-concept-overlay .r40-no-results{font-size:12px} .r40-editor-hub .r40-editor-actions{width:100%!important;align-self:stretch!important;display:flex!important;justify-content:flex-end!important;margin-left:auto!important;margin-right:0!important} .r40-editor-hub .r40-actions-spacer{display:none!important} .r40-editor-hub .r40-editor-actions>button:first-of-type{margin-left:auto!important} @media(max-width:720px){.r40-editor-hub .r40-editor-title p{font-size:12px}.r40-editor-hub .r40-grid-head{font-size:11px}.r40-editor-hub .r40-editor-actions{flex-wrap:wrap!important}.r40-editor-hub .r40-editor-actions>button{flex:1}.r40-editor-hub .r40-editor-actions>button:first-of-type{margin-left:0!important}} /* Presupuesto · ajuste final botón bajo total y tipografía +2. */ .r40-editor-hub{font-size:16px;line-height:1.42} .r40-editor-hub .r40-editor-breadcrumb{font-size:15px} .r40-editor-hub .r40-editor-title p{font-size:16px} .r40-editor-hub h2{font-size:17px} .r40-editor-hub .r40-customer-card label,.r40-editor-hub .r40-conditions-card label,.r40-editor-hub .r40-totals-card label{font-size:15px!important} .r40-editor-hub .r40-mini-label{font-size:15px} .r40-editor-hub .r40-balance-lines{font-size:15px;line-height:1.4} .r40-editor-hub .r40-inline-check{font-size:14px} .r40-editor-hub .r40-items-heading small{font-size:14px} .r40-editor-hub .r40-grid-head{font-size:14px;letter-spacing:.01em} .r40-editor-hub .r40-item-row input{font-size:16px!important} .r40-editor-hub .r40-line-description{font-size:16px!important} .r40-editor-hub .r40-line-product-copy>small{font-size:13px;line-height:1.35} .r40-editor-hub .r40-price-cell,.r40-editor-hub .r40-discount-cell{padding-bottom:18px} .r40-editor-hub .r40-price-cell small,.r40-editor-hub .r40-discount-cell small{bottom:-3px;font-size:13px} .r40-editor-hub .r40-line-total{font-size:16px} .r40-editor-hub .r40-conditions-card textarea{font-size:16px!important} .r40-editor-hub .r40-character-count{font-size:13px} .r40-editor-hub .r40-totals-card dl>div{font-size:15px} .r40-editor-hub .r40-save-error{font-size:15px} .r40-editor-hub .r40-customer-summary strong{font-size:16px} .r40-editor-hub .r40-customer-summary small{font-size:14px} .r40-concept-overlay .r40-result-copy strong{font-size:16px} .r40-concept-overlay .r40-result-copy small{font-size:14px} .r40-concept-overlay button>b{font-size:15px} .r40-concept-overlay .r40-no-results{font-size:14px} /* El bloque de acciones ocupa exactamente la columna del recuadro de totales. */ .r40-editor-hub .r40-editor-actions{width:calc(33.962264% - 4.08px)!important;align-self:flex-end!important;justify-content:flex-end!important;margin-left:auto!important;margin-right:0!important;padding-top:4px!important} .r40-editor-hub .r40-editor-actions>button:first-of-type{margin-left:0!important} @media(max-width:1679px){.r40-editor-hub .r40-editor-actions{width:calc(38.095238% - 4.57px)!important}} @media(max-width:1280px){.r40-editor-hub .r40-editor-actions{width:calc(42.857143% - 5.14px)!important}} @media(max-width:1100px){.r40-editor-hub .r40-editor-actions{width:100%!important}} @media(max-width:720px){.r40-editor-hub{font-size:15px}.r40-editor-hub .r40-editor-title p{font-size:14px}.r40-editor-hub .r40-grid-head{font-size:13px}} /* Presupuesto · acciones estructuralmente debajo del total. */ .r40-summary-stack{display:flex;flex-direction:column;gap:10px;min-width:0} .r40-summary-stack>.r40-totals-card{width:100%} .r40-editor-hub .r40-summary-stack>.r40-editor-actions{width:100%!important;align-self:stretch!important;display:flex!important;justify-content:flex-end!important;margin:0!important;padding:4px 0 0!important;min-height:58px} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>.r40-actions-spacer{display:none!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>button:first-of-type{margin-left:auto!important} @media(max-width:1100px){.r40-summary-stack{width:100%}.r40-editor-hub .r40-summary-stack>.r40-editor-actions{width:100%!important}} /* Presupuesto · ubicación definitiva de acciones por grilla. */ .r40-editor-hub .r40-summary-stack{display:contents!important} @media(min-width:1101px){ .r40-editor-hub .r40-bottom-grid{align-items:start!important} .r40-editor-hub .r40-summary-stack>.r40-totals-card{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions{grid-column:2!important;grid-row:2!important;width:100%!important;max-width:none!important;display:flex!important;position:static!important;float:none!important;transform:none!important;align-self:start!important;justify-content:flex-end!important;gap:10px!important;margin:0!important;padding:2px 0 0!important;min-height:54px!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>.r40-actions-spacer{display:none!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>button:first-of-type{margin-left:0!important} } @media(max-width:1100px){ .r40-editor-hub .r40-summary-stack>.r40-totals-card,.r40-editor-hub .r40-summary-stack>.r40-editor-actions{grid-column:1!important;grid-row:auto!important;width:100%!important} } /* Presupuesto · posición final REAL de acciones debajo del recuadro de totales. */ .r40-editor-hub .r40-bottom-grid{align-items:start!important} .r40-editor-hub .r40-summary-stack{ display:flex!important; flex-direction:column!important; gap:10px!important; width:100%!important; min-width:0!important; align-self:start!important; } .r40-editor-hub .r40-summary-stack>.r40-totals-card{ width:100%!important; min-width:0!important; flex:none!important; } .r40-editor-hub .r40-summary-stack>.r40-editor-actions{ display:flex!important; width:100%!important; max-width:none!important; min-width:0!important; min-height:44px!important; position:static!important; float:none!important; transform:none!important; align-self:stretch!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; margin:0!important; padding:0!important; background:transparent!important; box-shadow:none!important; border:0!important; } .r40-editor-hub .r40-summary-stack>.r40-editor-actions>.r40-actions-spacer{display:block!important;flex:1 1 auto!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>button{flex:0 0 auto!important;margin:0!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions>button:first-of-type{margin-left:0!important} @media(max-width:1100px){ .r40-editor-hub .r40-summary-stack{display:flex!important;width:100%!important} .r40-editor-hub .r40-summary-stack>.r40-editor-actions{width:100%!important;flex-wrap:wrap!important} } /* Presupuesto: acciones canonicas fuera del recuadro de totales. */ .r40-editor-hub .r40-summary-stack{display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-width:0!important;align-self:start!important} .r40-editor-hub .r40-summary-stack>.r40-totals-card{width:100%!important;min-width:0!important;flex:none!important} .r40-editor-hub .r40-quote-actions-below-total{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important;min-width:0!important;min-height:44px!important;margin:0!important;padding:0!important;position:static!important;float:none!important;transform:none!important;background:transparent!important;border:0!important;box-shadow:none!important} .r40-editor-hub .r40-quote-actions-below-total>.r40-actions-spacer{display:none!important} .r40-editor-hub .r40-quote-actions-below-total>.r40-save-error{margin-right:auto!important} .r40-editor-hub .r40-quote-actions-below-total>button{flex:0 0 auto!important;margin:0!important;min-height:44px!important;padding-inline:20px!important} .r40-editor-hub .r40-quote-actions-below-total>button:last-child{min-width:190px} @media(max-width:1100px){.r40-editor-hub .r40-summary-stack,.r40-editor-hub .r40-quote-actions-below-total{width:100%!important}.r40-editor-hub .r40-quote-actions-below-total{flex-wrap:wrap!important}} @media(max-width:720px){.r40-editor-hub .r40-quote-actions-below-total>button{flex:1 1 0!important}} /* R41 · Hub de remitos alineado con Presupuestos + pequeños ajustes de documento. */ .r41-remito-hub .r40-detail-header{min-height:74px} .r41-remito-hub .r40-detail-heading{min-width:0} .r41-remito-hub .r40-title-line h1{letter-spacing:-.02em} .r41-remito-hub .r40-summary-card strong{font-size:24px} .r41-remito-general .r40-facts{margin-bottom:12px} .r41-delivery-card{display:grid;gap:10px} .r41-delivery-card .field{margin:0} .r41-delivery-card [data-slot="input"],.r41-delivery-card input[type="text"],.r41-delivery-card input[type="number"]{min-height:38px} .r41-check{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;border:1px solid var(--r40-border);border-radius:8px;background:var(--r40-surface-2);color:var(--r40-text);font-size:13px;font-weight:650;cursor:pointer} .r41-check input{width:16px;height:16px;margin:0;accent-color:var(--r40-blue)} .r41-help{margin:0;color:var(--r40-muted);font-size:12px;line-height:1.45} .r41-remito-hub .r40-detail-actions{flex-wrap:wrap} .r41-remito-hub .r40-pdf-canvas iframe{background:#fff} html[data-refspata-theme="dark"] .r41-check:hover{background:#143653;border-color:#3a6383;color:#fff} html[data-refspata-theme="dark"] .r41-delivery-card .field>label{color:#b4c7d9!important} html[data-refspata-theme="dark"] .r41-help{color:#9ab0c5} @media(max-width:1365px){.r41-remito-hub .r40-detail-actions{gap:6px}.r41-remito-hub .r40-detail-actions button,.r41-remito-hub .r40-detail-actions summary{min-height:34px;padding-inline:9px}} /* R42 · Modificación masiva basada en la selección de Productos */ .r42-bulk-source{ display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 12px; padding:12px 14px; border:1px solid var(--border,#d7e1ee); border-radius:12px; background:var(--surface-2,#f4f8fc); } .r42-bulk-source>div{display:flex;flex-direction:column;gap:3px;min-width:0} .r42-bulk-source strong{font-size:14px;color:var(--text,#102441)} .r42-bulk-source small{color:var(--text-muted,#70829b);line-height:1.35} .r42-selection-pill{ display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; min-width:104px; padding:7px 11px; border-radius:999px; background:rgba(20,115,230,.1); border:1px solid rgba(20,115,230,.2); color:var(--primary,#126de5); font-size:12px; font-weight:800; } .r37-bulk-dialog .r37-table-wrap{max-height:56vh} .r42-select-cell{width:66px;min-width:66px;text-align:center!important} .r42-select-cell input[type="checkbox"]{display:block;margin:0 auto!important;width:17px;height:17px} .r42-cost-cell{width:104px;min-width:104px;text-align:center!important;white-space:nowrap!important} .r42-cost-mode{ display:inline-flex!important; align-items:center; justify-content:center; min-width:78px; margin:0!important; padding:5px 9px!important; border-radius:999px!important; line-height:1!important; font-weight:800!important; } html[data-refspata-theme="dark"] .r42-bulk-source{ background:#0d2234!important; border-color:#29465f!important; } html[data-refspata-theme="dark"] .r42-bulk-source strong{color:#eef6ff!important} html[data-refspata-theme="dark"] .r42-bulk-source small{color:#9eb4c8!important} html[data-refspata-theme="dark"] .r42-selection-pill{ background:rgba(19,133,255,.15); border-color:rgba(19,133,255,.3); color:#8fc5ff; } @media(max-width:900px){ .r42-bulk-source{align-items:flex-start;flex-direction:column} .r42-selection-pill{min-width:0} .r42-cost-cell{width:94px;min-width:94px} } /* Shared light/dark surfaces; no fixed page height, content remains reachable. */ .home-dashboard,.delivery-pending-panel{color:var(--shipping-text)} .home-dashboard{display:grid;gap:16px;width:100%;max-width:2300px;margin:0 auto} .main-content:has(>.home-dashboard){max-width:none!important} .home-dashboard{line-height:1.35} .home-heading p{margin:0;line-height:20px} .home-heading h1{line-height:1.2} .home-heading small{line-height:18px} .home-dashboard .home-metric>span:last-child>span{font-size:13px;line-height:18px} .home-dashboard .home-metric strong{line-height:1.25} .home-dashboard .home-metric small{line-height:16px} .home-dashboard .home-rate{display:grid;align-content:start;gap:3px} .home-dashboard .home-rate .exchange-number{color:var(--shipping-text);display:block;line-height:1.2} .home-dashboard .home-rate .form-error{padding:6px 9px;font-size:10px;line-height:1.3;margin:2px 0;background:var(--shipping-warn);color:var(--shipping-warn-text);border-color:var(--shipping-border)} .home-dashboard .home-card header button{color:var(--shipping-blue-text)} .home-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:2px 0 6px} .home-heading h1{font-size:clamp(26px,2.2vw,36px);font-weight:750;letter-spacing:-1px;margin:6px 0} .home-heading small,.home-heading p,.home-card small,.home-greeting{color:var(--shipping-muted)} .home-greeting{font-size:13px;text-align:right}.home-greeting strong{color:var(--shipping-text)} .home-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} .home-card{min-width:0;background:var(--shipping-bg);border:1px solid var(--shipping-border);border-radius:10px;padding:16px} .home-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px} .home-card h2{font-size:17px;font-weight:700}.home-card header button{font-size:12px;padding:4px;height:auto} .home-metric{display:flex;align-items:center;text-align:left;gap:14px;min-height:104px} .home-metric>span:last-child{display:grid;gap:4px;min-width:0}.home-metric strong{font-size:clamp(18px,1.4vw,26px);font-weight:750;white-space:nowrap}.home-metric small{font-size:11px}.home-metric:hover,.home-quick button:hover{border-color:var(--shipping-blue)} .home-symbol{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--shipping-blue);background:var(--shipping-blue-soft)} .home-symbol.green{color:var(--shipping-ok-text);background:var(--shipping-ok)}.home-symbol.orange,.home-symbol.red{color:var(--shipping-warn-text);background:var(--shipping-warn)}.home-symbol.purple{color:#8c5fd7;background:color-mix(in srgb,#8c5fd7 13%,transparent)} .home-columns{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.home-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:16px} .home-task{width:100%;display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--shipping-border);text-align:left;cursor:pointer} .home-task:last-child{border-bottom:0}.home-task>span:nth-child(2){display:grid;gap:4px;flex:1}.home-task strong{font-size:13px}.home-task small{font-size:12px}.home-task:hover{background:var(--shipping-hover)} .home-accounts{max-height:290px;overflow:auto}.home-accounts>div{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--shipping-border);font-size:13px}.home-accounts>div>:last-child{margin-left:auto}.home-account-total{background:var(--shipping-blue-soft);border-radius:7px;padding:12px!important} .home-recent>div{display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(90px,.7fr) 84px auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--shipping-border);font-size:12px}.home-recent .home-symbol{height:26px;width:26px}.home-recent>div>strong:last-child{text-align:right;white-space:nowrap}.home-recent>div>span{color:var(--shipping-muted)} .home-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.home-quick button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--shipping-border);border-radius:6px;padding:14px 8px;font-size:12px;text-align:center}.home-quick svg{color:var(--shipping-blue)} .home-dashboard .home-exchange{padding:16px 18px;margin:0}.home-exchange-compact{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;align-items:center}.home-exchange-error{grid-column:1/-1;margin:0}.home-exchange-rates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.home-dashboard .home-rate{padding:4px 16px;min-width:0}.home-dashboard .home-rate+.home-rate{border-left:1px solid var(--shipping-border)}.home-rate-title{display:flex;align-items:center;gap:6px}.home-dashboard .exchange-number{font-size:24px;margin:4px 0}.home-dashboard .home-rate small{display:block;font-size:10px;color:var(--shipping-muted);line-height:1.45}.home-rate-warning{color:var(--shipping-warn-text)!important}.home-exchange-control{display:grid;gap:10px;border-left:1px solid var(--shipping-border);padding-left:18px}.home-exchange-mode{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-exchange-mode>div{display:grid;gap:3px}.home-exchange-mode small,.home-exchange-message{color:var(--shipping-muted);font-size:11px}.home-cost-switch{display:flex;align-items:center;gap:8px;min-height:40px;cursor:pointer}.home-cost-switch input{position:absolute;opacity:0;pointer-events:none}.home-cost-switch>span{position:relative;width:42px;height:24px;border-radius:999px;background:var(--shipping-muted);transition:background .18s ease;flex:none}.home-cost-switch>span:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:var(--shipping-bg);box-shadow:0 1px 3px color-mix(in srgb,var(--shipping-text) 25%,transparent);transition:transform .18s ease}.home-cost-switch input:checked+span{background:var(--shipping-blue)}.home-cost-switch input:checked+span:after{transform:translateX(18px)}.home-cost-switch input:focus-visible+span{outline:3px solid var(--shipping-blue-soft);outline-offset:2px}.home-cost-switch input:disabled+span{opacity:.55}.home-cost-switch b{font-size:12px}.home-exchange-actions{display:flex;gap:8px;flex-wrap:wrap}.home-exchange-actions button{flex:1;white-space:nowrap}.home-exchange-message{min-height:16px}.home-more{font-size:13px;color:var(--shipping-muted)}.home-more>summary{cursor:pointer;padding:8px}.home-more[open]>section{margin-top:12px} .shipping-order-summary{display:grid!important;grid-template-columns:minmax(240px,1.8fr) repeat(3,minmax(130px,1fr));gap:20px!important;align-items:center}.shipping-summary-field{display:flex;align-items:center;gap:16px;border-left:1px solid var(--shipping-border);padding-left:20px}.shipping-summary-field>svg{color:var(--shipping-blue);flex:none}.shipping-summary-field>div{display:grid;gap:5px}.shipping-summary-field small{color:var(--shipping-muted);font-size:12px}.shipping-summary-field strong{font-size:15px} .shipping-confirm-dialog{width:min(760px,94vw)!important;max-width:760px!important}.delivery-table-wrap{overflow:auto;margin:14px 0}.delivery-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.delivery-table-wrap th{background:var(--shipping-surface);text-align:left;color:var(--shipping-muted);font-weight:600}.delivery-table-wrap td,.delivery-table-wrap th{padding:12px 10px;border-bottom:1px solid var(--shipping-border);vertical-align:top}.delivery-table-wrap td small{display:block;color:var(--shipping-muted)}.delivery-table-wrap button{height:auto;font-size:12px;padding:6px 10px}.delivery-table-wrap details{font-size:11px;max-width:400px} .delivery-pending-panel{padding:18px;background:var(--shipping-bg);border:1px solid var(--shipping-border);border-radius:10px;margin:14px 0}.delivery-pending-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.delivery-pending-panel h2{font-size:19px;font-weight:700}.delivery-pending-panel header p{color:var(--shipping-muted);font-size:13px}.delivery-row-actions{display:flex;gap:7px;flex-wrap:wrap}.delivery-badge{background:var(--shipping-warn);color:var(--shipping-warn-text);padding:4px 9px;border-radius:16px;font-size:12px}.delivery-info{background:var(--shipping-blue-soft);color:var(--shipping-blue-text);padding:12px 15px;border-radius:7px;font-size:12px;line-height:1.6}.delivery-pending-panel>button{margin:10px 8px 0 0} @media(min-width:1900px){.home-dashboard{gap:14px}.home-card{padding:16px 20px}.home-task{padding:8px 0}.home-quick button{padding:12px 10px}} @media(max-width:1300px){.home-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.home-columns{grid-template-columns:1fr 1fr}.home-columns>.home-card:last-child{grid-column:1/-1}.home-bottom{grid-template-columns:1fr}.shipping-order-summary{grid-template-columns:1fr 1fr}} @media(max-width:820px){.home-heading{align-items:flex-start;flex-direction:column}.home-greeting{text-align:left}.home-kpis{grid-template-columns:1fr 1fr}.home-columns{grid-template-columns:1fr}.home-exchange-compact{grid-template-columns:1fr!important}.home-exchange-control{border-left:0;border-top:1px solid var(--shipping-border);padding:14px 0 0}.home-recent{overflow:auto}.home-recent>div{min-width:590px}.home-quick{grid-template-columns:repeat(2,1fr)}.shipping-order-summary{grid-template-columns:1fr!important}.shipping-summary-field{padding:8px 0;border-left:0}.delivery-pending-panel>header{align-items:flex-start;flex-direction:column}} @media(max-width:480px){.home-kpis{grid-template-columns:1fr}.home-metric{min-height:80px}.home-exchange-rates{grid-template-columns:1fr}.home-dashboard .home-rate{padding:10px 4px}.home-dashboard .home-rate+.home-rate{border-left:0;border-top:1px solid var(--shipping-border)}.home-exchange-mode{align-items:flex-start;flex-direction:column}.home-exchange-actions{flex-direction:column}.delivery-pending-panel{padding:12px}} @media(max-width:1100px){.main-inset:has(.home-dashboard) .topbar{height:auto;min-height:58px;flex-wrap:wrap}.main-inset:has(.home-dashboard) .top-actions{min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end}} /* R46 · Proveedores, reglas y asignación masiva */ .r46-provider-heading-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap} .r46-provider-rules-panel{margin-top:18px} .r46-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px} .r46-panel-head h2{margin:0 0 4px} .r46-panel-head p{margin:0;color:var(--muted-foreground,#61758a)} .r46-rules-editor{min-width:min(760px,calc(100vw - 64px))} .r46-rule-columns,.r46-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .r46-percent-box{border:1px solid var(--border,#d8e1eb);border-radius:12px;padding:14px;display:grid;gap:10px;background:var(--card,#fff)} .r46-percent-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:8px;align-items:center} .r46-percent-row input{min-width:0} .r46-provider-rules-panel .data-grid,.r46-provider-rules-panel table{width:100%} .r46-provider-rules-panel td:last-child{white-space:nowrap} @media(max-width:850px){.r46-rule-columns,.r46-rule-grid{grid-template-columns:1fr}.r46-rules-editor{min-width:0}.r46-panel-head{flex-direction:column}.r46-percent-row{grid-template-columns:90px minmax(0,1fr) auto}} /* Importador inteligente de proveedores · fuente canónica */ .smart-importer{ --smart-blue:#0878ff;--smart-blue-soft:#e9f3ff;--smart-green:#07976e;--smart-green-soft:#e3f8f0; --smart-yellow:#bd7a00;--smart-yellow-soft:#fff4d8;--smart-red:#d43f4c;--smart-red-soft:#ffe9eb; display:grid;gap:12px;color:var(--foreground,#12233a);min-width:0 } .smart-importer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0} .smart-importer-head h1{margin:0;font-size:clamp(24px,2vw,32px);line-height:1.12;letter-spacing:-.025em} .smart-importer-head p{margin:3px 0 0;color:var(--muted-foreground,#65778d);font-size:14px} .smart-stepper{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none} .smart-stepper li{position:relative;display:grid;justify-items:center;gap:4px;color:var(--muted-foreground,#65778d);text-align:center;font-size:11px} .smart-stepper li:not(:last-child)::after{content:"";position:absolute;left:calc(50% + 21px);right:calc(-50% + 21px);top:15px;height:2px;background:var(--border,#d3dde8)} .smart-stepper li.done:not(:last-child)::after{background:var(--smart-blue)} .smart-stepper li>span{position:relative;z-index:1;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--muted,#e8eef5);color:var(--muted-foreground,#60758a);font-weight:800} .smart-stepper li.active>span,.smart-stepper li.done>span{background:var(--smart-blue);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--smart-blue) 28%,transparent)} .smart-stepper li.active strong{color:var(--foreground,#12233a)} .smart-stage{display:grid;gap:12px;min-width:0;padding:16px 18px;border:1px solid var(--border,#d6e0eb);border-radius:14px;background:var(--card,#fff);box-shadow:0 10px 32px rgba(31,62,92,.06);overflow:hidden}.smart-stage>*{min-width:0} .smart-stage h2,.smart-stage h3{margin:0}.smart-upload-stage{grid-template-columns:minmax(0,1fr) minmax(270px,340px)} .smart-stage-main{display:grid;gap:11px;min-width:0}.smart-side-cards{display:grid;align-content:start;gap:10px;min-width:0} .smart-side-cards article,.smart-preview-card,.smart-mapping-card,.smart-calculation,.smart-review-list,.smart-confirm-grid>article{padding:13px 14px;border:1px solid var(--border,#d6e0eb);border-radius:11px;background:var(--background,#fff);min-width:0} .smart-side-cards dl,.smart-calc-lines{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 18px;margin:13px 0 0}.smart-side-cards dt,.smart-calc-lines dt{color:var(--muted-foreground,#65778d)}.smart-side-cards dd,.smart-calc-lines dd{margin:0;text-align:right;font-weight:700} .smart-known-format{border-color:color-mix(in srgb,var(--smart-green) 45%,var(--border))!important;background:var(--smart-green-soft)!important;color:#07664e}.smart-known-format p{margin:4px 0 0} .smart-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .smart-drop{position:relative;display:grid;min-height:150px;place-items:center;align-content:center;gap:6px;border:2px dashed color-mix(in srgb,var(--smart-blue) 55%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--smart-blue-soft) 40%,var(--card));cursor:pointer;text-align:center;transition:.15s ease} .smart-drop:hover,.smart-drop.dragging{border-color:var(--smart-blue);background:var(--smart-blue-soft)}.smart-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.smart-file-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:12px;background:#10a567;color:#fff;font-size:28px;font-weight:850}.smart-drop small{color:var(--muted-foreground,#65778d)} .smart-selected-file{display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:var(--muted,#f5f8fb)}.smart-selected-file span{color:var(--muted-foreground);font-size:12px}.smart-selected-file button{margin-left:auto;border:0;background:transparent;color:var(--muted-foreground);font-size:24px;cursor:pointer} .smart-info,.smart-error,.smart-recognized,.smart-ready,.smart-warning{margin:0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--smart-blue) 50%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--smart-blue-soft) 55%,var(--card));color:color-mix(in srgb,var(--smart-blue) 65%,var(--foreground))} .smart-upload-info{align-self:start;min-height:0;padding:7px 11px;line-height:1.25;font-size:12px} .smart-recognized,.smart-ready{display:flex;align-items:center;gap:12px;border-color:color-mix(in srgb,var(--smart-green) 55%,var(--border));background:var(--smart-green-soft);color:#07664e}.smart-warning{border-color:color-mix(in srgb,var(--smart-yellow) 70%,var(--border));background:var(--smart-yellow-soft);color:#775000;font-weight:700} .smart-map-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:12px}.smart-preview-card,.smart-mapping-card{display:grid;align-content:start;gap:10px}.smart-preview-scroll,.smart-match-table,.smart-change-table{min-width:0;overflow:auto;border:1px solid var(--border);border-radius:9px}.smart-preview-scroll{max-height:330px}.smart-match-table,.smart-change-table{max-height:min(43vh,430px)}.smart-preview-scroll table,.smart-match-table table,.smart-change-table table{width:100%;border-collapse:collapse}.smart-preview-scroll th,.smart-preview-scroll td,.smart-match-table th,.smart-match-table td,.smart-change-table th,.smart-change-table td{padding:8px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;font-size:12px}.smart-preview-scroll th,.smart-match-table th,.smart-change-table th{position:sticky;top:0;z-index:1;background:var(--muted,#f3f7fb);color:var(--muted-foreground);font-weight:750}.smart-rules{padding:10px 13px;border:1px solid var(--border);border-radius:9px}.smart-rules summary{cursor:pointer;font-weight:750}.smart-rules>.edit-form{margin-top:12px} .smart-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.smart-metric{display:flex;align-items:center;gap:10px;min-height:62px;padding:10px 13px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--foreground);cursor:pointer;text-align:left}.smart-metric b{font-size:23px}.smart-metric span{color:var(--muted-foreground)}.smart-metric.ok{border-color:color-mix(in srgb,var(--smart-green) 40%,var(--border))}.smart-metric.info{border-color:color-mix(in srgb,var(--smart-blue) 45%,var(--border))}.smart-metric.warn{border-color:color-mix(in srgb,var(--smart-yellow) 45%,var(--border))}.smart-metric.danger{border-color:color-mix(in srgb,var(--smart-red) 45%,var(--border))} .smart-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) minmax(210px,300px);gap:12px}.smart-status{display:inline-flex;padding:4px 9px;border-radius:999px;background:var(--muted);font-size:11px;font-weight:750}.smart-status.linked,.smart-status.confirmed{background:var(--smart-green-soft);color:#087152}.smart-status.suggested{background:var(--smart-blue-soft);color:#075fc6}.smart-status.unidentified{background:var(--smart-yellow-soft);color:#815500}.smart-status.ignored{background:var(--smart-red-soft);color:#9b2934} .smart-review-secondary{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:-4px}.smart-review-secondary span{padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--muted);color:var(--muted-foreground);font-size:11px;font-weight:700}.smart-quick-filters{display:flex;gap:7px;min-width:0;overflow-x:auto;padding-bottom:2px}.smart-quick-filters button{flex:0 0 auto;padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--background);color:var(--muted-foreground);font-size:12px;font-weight:700;cursor:pointer}.smart-quick-filters button:hover,.smart-quick-filters button.active{border-color:var(--smart-blue);background:var(--smart-blue-soft);color:color-mix(in srgb,var(--smart-blue) 75%,var(--foreground))}.smart-toolbar-search{grid-template-columns:minmax(250px,1fr) minmax(190px,260px)} .smart-change-table tr.abnormal{background:color-mix(in srgb,var(--smart-red-soft) 60%,transparent)}.smart-product-link{display:grid;gap:2px;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.smart-product-link small{color:var(--muted-foreground)} .smart-detail-layout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:12px}.smart-review-list{display:grid;align-content:start;gap:5px;max-height:450px;overflow:auto}.smart-review-list button{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-align:left}.smart-review-product{display:grid;gap:2px;min-width:0}.smart-review-product strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-review-product small{color:var(--muted-foreground);font-size:11px}.smart-review-list button:hover,.smart-review-list button.active{border-color:var(--smart-blue);background:var(--smart-blue-soft)}.smart-review-list b.danger{color:var(--smart-red)}.smart-calculation{display:grid;align-content:start;gap:11px}.smart-product-summary{display:flex;align-items:center;gap:13px}.smart-product-summary img{width:76px;height:76px;border:1px solid var(--border);border-radius:10px;object-fit:contain}.smart-product-summary p{margin:3px 0;color:var(--muted-foreground)}.smart-calc-lines{padding:10px;border:1px solid var(--border);border-radius:9px}.smart-calc-lines .total{padding-top:9px;border-top:1px solid var(--border);color:var(--foreground);font-size:16px}.smart-calc-lines .suggested{color:var(--smart-green)}.smart-calc-lines .smart-calc-highlight{margin-inline:0;padding:9px 10px;font-weight:800}.smart-calc-lines dt.smart-calc-highlight{border-radius:8px 0 0 8px}.smart-calc-lines dd.smart-calc-highlight{border-radius:0 8px 8px 0;font-size:17px}.smart-calc-lines .smart-calc-highlight.cost{background:color-mix(in srgb,var(--smart-blue-soft) 78%,var(--card));color:color-mix(in srgb,var(--smart-blue) 78%,var(--foreground));border-top:0}.smart-calc-lines .smart-calc-highlight.retail{background:color-mix(in srgb,var(--smart-green-soft) 80%,var(--card));color:color-mix(in srgb,var(--smart-green) 72%,var(--foreground))}.smart-calc-lines .smart-calc-highlight.wholesale{background:var(--muted);color:var(--foreground)} .smart-summary-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px}.smart-summary-metrics article{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid var(--border);border-radius:10px}.smart-summary-metrics b{font-size:24px}.smart-summary-metrics span{color:var(--muted-foreground);font-size:12px}.smart-confirm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.smart-confirm-grid ul{display:grid;gap:6px;margin:9px 0 0;padding-left:20px}.smart-confirm-details{padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:var(--background)}.smart-confirm-details summary{cursor:pointer;font-weight:750}.smart-confirm-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:11px}.smart-confirm-detail-grid section{min-width:0;padding:11px;border:1px solid var(--border);border-radius:8px}.smart-confirm-detail-grid ul{display:grid;gap:7px;margin:9px 0 0;padding:0;list-style:none}.smart-confirm-detail-grid li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding-bottom:6px;border-bottom:1px solid var(--border);font-size:12px}.smart-confirm-detail-grid li strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-confirm-detail-grid li span{color:var(--muted-foreground)}.smart-confirm-detail-grid li em{grid-column:1/-1;color:var(--smart-red);font-style:normal}.smart-footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0;max-width:100%;padding-top:11px;border-top:1px solid var(--border)}.smart-footer>button:first-child{margin-right:auto}.smart-footer button{max-width:100%;white-space:normal}.smart-importer .form-footer{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;max-width:100%}.smart-importer .form-footer button{max-width:100%;white-space:normal}.smart-importer-finished{min-height:460px;place-items:center;align-content:center;text-align:center}.smart-success-icon{display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:var(--smart-green);color:#fff;font-size:38px;font-weight:800} .smart-home{gap:14px}.smart-home-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 2px 7px}.smart-home-hero>div{max-width:760px}.smart-home-kicker{display:block;margin-bottom:5px;color:var(--smart-blue);font-size:11px;font-weight:850;letter-spacing:.12em}.smart-home-hero h2{font-size:clamp(22px,2vw,30px);letter-spacing:-.02em}.smart-home-hero p{margin:6px 0 0;color:var(--muted-foreground);line-height:1.5}.smart-home-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.smart-home-metrics article{display:grid;gap:4px;padding:13px 14px;border:1px solid var(--border);border-radius:10px;background:var(--background)}.smart-home-metrics article.attention{border-color:color-mix(in srgb,var(--smart-yellow) 48%,var(--border))}.smart-home-metrics article.danger{border-color:color-mix(in srgb,var(--smart-red) 48%,var(--border))}.smart-home-metrics small,.smart-home-metrics span{color:var(--muted-foreground);font-size:11px}.smart-home-metrics strong{font-size:21px}.smart-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-home-panel{min-width:0;padding:14px;border:1px solid var(--border);border-radius:11px;background:var(--background)}.smart-home-panel-head{display:flex;justify-content:space-between;gap:12px}.smart-home-panel-head p{margin:3px 0 0;color:var(--muted-foreground);font-size:12px}.smart-home-count{display:grid;place-items:center;align-self:start;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--smart-blue-soft);color:var(--smart-blue);font-weight:800}.smart-home-formats{display:grid;gap:0;margin:10px 0 0;padding:0;list-style:none}.smart-home-formats li,.smart-home-recent>div{display:flex;justify-content:space-between;gap:12px;padding:8px 2px;border-top:1px solid var(--border)}.smart-home-formats li>span,.smart-home-recent span{display:grid;min-width:0}.smart-home-formats small,.smart-home-recent small{color:var(--muted-foreground);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-home-formats b{align-self:center;color:var(--smart-green);font-size:12px}.smart-home-recent{display:grid;margin-top:10px}.smart-home-recent>div>span:last-child{text-align:right}.smart-home-empty{margin:12px 0 0;color:var(--muted-foreground);font-size:13px} html[data-refspata-theme="dark"] .smart-importer{--foreground:#eef4fb;--muted-foreground:#9fb0c5;--background:#08131f;--card:#0b1724;--muted:#102032;--border:#2a3c50;--smart-blue-soft:#0d2f54;--smart-green-soft:#0a352a;--smart-yellow-soft:#3a2b0c;--smart-red-soft:#3b1720}html[data-refspata-theme="dark"] .smart-known-format,html[data-refspata-theme="dark"] .smart-recognized,html[data-refspata-theme="dark"] .smart-ready{color:#89e3c3}html[data-refspata-theme="dark"] .smart-warning{color:#ffd071}html[data-refspata-theme="dark"] .smart-status.linked,html[data-refspata-theme="dark"] .smart-status.confirmed{color:#89e3c3}html[data-refspata-theme="dark"] .smart-status.suggested{color:#8fc5ff}html[data-refspata-theme="dark"] .smart-status.unidentified{color:#ffd071}html[data-refspata-theme="dark"] .smart-status.ignored{color:#ff9daa}html[data-refspata-theme="dark"] .smart-importer input:not([type="checkbox"]):not([type="radio"]),html[data-refspata-theme="dark"] .smart-importer select,html[data-refspata-theme="dark"] .smart-importer textarea,html[data-refspata-theme="dark"] .smart-importer [data-slot="select-trigger"],html[data-refspata-theme="dark"] .smart-importer [role="combobox"]{background:#0b1724!important;border-color:#2a3c50!important;color:#eef4fb!important}html[data-refspata-theme="dark"] .smart-importer input::placeholder,html[data-refspata-theme="dark"] .smart-importer textarea::placeholder{color:#8ea1b8!important}html[data-refspata-theme="dark"] .smart-preview-scroll td,html[data-refspata-theme="dark"] .smart-match-table td,html[data-refspata-theme="dark"] .smart-change-table td{background:#08131f;border-color:#24364a;color:#e8eef7}html[data-refspata-theme="dark"] .smart-preview-scroll th,html[data-refspata-theme="dark"] .smart-match-table th,html[data-refspata-theme="dark"] .smart-change-table th{background:#102032;color:#b2c1d3;border-color:#273b50}html[data-refspata-theme="dark"] .smart-home-panel,html[data-refspata-theme="dark"] .smart-home-metrics article,html[data-refspata-theme="dark"] .smart-confirm-details,html[data-refspata-theme="dark"] .smart-confirm-detail-grid section,html[data-refspata-theme="dark"] .smart-summary-metrics article{background:#0b1724;border-color:#2a3c50}html[data-refspata-theme="dark"] .smart-calc-lines .smart-calc-highlight.cost{background:#0d2f54;color:#a9d2ff}html[data-refspata-theme="dark"] .smart-calc-lines .smart-calc-highlight.retail{background:#0a352a;color:#9be7ca}html[data-refspata-theme="dark"] .smart-calc-lines .smart-calc-highlight.wholesale{background:#102032;color:#eef4fb} @media(max-width:1180px){.smart-stepper li strong{font-size:10px}.smart-upload-stage,.smart-map-layout,.smart-detail-layout{grid-template-columns:1fr}.smart-side-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-metrics,.smart-summary-metrics,.smart-home-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-match-table,.smart-change-table{max-height:420px}} @media(max-width:760px){.smart-importer-head{flex-direction:column}.smart-stepper{grid-template-columns:repeat(3,1fr);row-gap:13px}.smart-stepper li::after{display:none}.smart-stage{padding:14px}.smart-side-cards,.smart-form-grid,.smart-toolbar,.smart-confirm-grid,.smart-confirm-detail-grid,.smart-home-grid{grid-template-columns:1fr}.smart-metrics,.smart-summary-metrics,.smart-home-metrics{grid-template-columns:1fr 1fr}.smart-home-hero{align-items:flex-start;flex-direction:column;gap:13px}.smart-home-hero button{width:100%}.smart-footer{position:sticky;bottom:0;z-index:5;padding:10px;background:var(--card)}.smart-footer button{flex:1 1 180px}} @media(max-width:480px){.smart-stepper{grid-template-columns:repeat(2,1fr)}.smart-metrics,.smart-summary-metrics,.smart-home-metrics{grid-template-columns:1fr}.smart-stage{padding:11px}.smart-footer{align-items:stretch;flex-direction:column-reverse}.smart-footer>button:first-child{margin-right:0}.smart-footer button{width:100%;flex:auto}.smart-importer .form-footer{align-items:stretch;flex-direction:column}.smart-importer .form-footer button{width:100%}} /* Importador Maestro · borradores */ .smart-importer-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap} .smart-draft-saved{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid color-mix(in srgb,var(--smart-green) 45%,var(--border));border-radius:999px;background:var(--smart-green-soft);color:color-mix(in srgb,var(--smart-green) 78%,var(--foreground));font-size:11px;font-weight:750} .smart-drafts-panel{grid-column:1/-1}.smart-draft-list{display:grid;gap:7px}.smart-draft-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--background)} .smart-draft-item>span{display:grid;gap:2px;min-width:0}.smart-draft-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-draft-item small{color:var(--muted-foreground);font-size:11px}.smart-draft-item .row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end} .smart-draft-resume-note{display:grid;gap:3px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--smart-blue) 42%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--smart-blue-soft) 60%,var(--card))}.smart-draft-resume-note span{color:var(--muted-foreground);font-size:12px;line-height:1.35} @media(max-width:760px){.smart-importer-head{align-items:stretch}.smart-importer-head-actions{justify-content:flex-start}.smart-draft-item{grid-template-columns:1fr}.smart-draft-item .row-actions{justify-content:flex-start}} /* Importador Maestro · decisiones de precio */ .smart-price-decision{display:grid;gap:11px;padding:12px 13px;border:1px solid var(--border);border-radius:10px;background:var(--background)} .smart-price-decision-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,280px);gap:14px;align-items:end}.smart-price-decision-head p{margin:3px 0 0;color:var(--muted-foreground);font-size:12px}.smart-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.smart-price-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:9px 11px;border-radius:8px;background:var(--muted);font-size:12px}.smart-price-summary span{color:var(--muted-foreground)}.smart-price-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.smart-plan-table td:first-child{display:grid;gap:2px}.smart-plan-table td:first-child small{color:var(--muted-foreground)}.smart-plan-errors{padding:11px 13px;border:1px solid color-mix(in srgb,var(--smart-red) 55%,var(--border));border-radius:9px;background:var(--smart-red-soft);color:color-mix(in srgb,var(--smart-red) 78%,var(--foreground))}.smart-plan-errors ul{margin:8px 0 0;padding-left:20px}.smart-apply-stage{gap:14px} @media(max-width:760px){.smart-price-decision-head,.smart-price-grid{grid-template-columns:1fr}.smart-price-actions{align-items:flex-start;flex-direction:column}} /* Importador Maestro · historial */ .smart-history-panel{grid-column:1/-1}.smart-history-list{display:grid;gap:7px}.smart-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:var(--background)}.smart-history-item>span:first-child{display:grid;gap:2px;min-width:0}.smart-history-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-history-item small{color:var(--muted-foreground);font-size:11px}.smart-history-result{display:grid;justify-items:end;gap:1px;text-align:right}.smart-history-result b{font-size:18px}.smart-history-result small{white-space:nowrap}@media(max-width:760px){.smart-history-item{grid-template-columns:1fr}.smart-history-result{justify-items:start;text-align:left}.smart-history-result small{white-space:normal}} .smart-web-import-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 4px;padding:14px 16px;border:1px solid var(--border,#d7e2ec);border-radius:12px;background:var(--card,#fff)} .smart-web-import-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.smart-web-import-copy>strong{font-size:14px;color:var(--foreground,#0b1e32)}.smart-web-import-copy>small{font-size:12px;line-height:1.4;color:var(--muted-foreground,#60758b)} .smart-web-import-sources{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.smart-web-import-source{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border,#d7e2ec);border-radius:10px;background:var(--background,#fff)}.smart-web-import-source>span{display:flex;flex-direction:column;gap:1px}.smart-web-import-source b{font-size:12px}.smart-web-import-source small{font-size:10px;color:var(--muted-foreground,#60758b)} [data-refspata-theme="dark"] .smart-web-import-card,[data-refspata-theme="dark"] .smart-web-import-source{background:var(--card,#0d263a);border-color:var(--border,#28465d)} @media(max-width:760px){.smart-web-import-card{align-items:stretch;flex-direction:column}.smart-web-import-sources{justify-content:stretch}.smart-web-import-source{width:100%;justify-content:space-between;box-sizing:border-box}} /* R47 · reglas responsivas + pendientes de modificación masiva */ .r47-rules-modal{width:min(980px,calc(100vw - 40px))!important;max-width:980px!important;max-height:min(92vh,900px)!important;overflow:hidden!important} .r47-rules-modal>.modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding-right:22px!important} .r47-rules-editor,.r46-rules-editor{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box} .r47-rules-editor .r46-rule-columns,.r47-rules-editor .r46-rule-grid{width:100%;min-width:0} .r47-rules-editor .r46-percent-box{min-width:0;overflow:hidden} .r47-rules-editor .r46-percent-row{grid-template-columns:minmax(74px,92px) minmax(0,1fr) 36px} .r47-rules-editor .r46-percent-row input{width:100%!important;min-width:0!important;box-sizing:border-box} .r47-rules-editor .form-footer{position:sticky;bottom:0;margin-top:4px;padding-top:14px;background:var(--surface,#fff);border-top:1px solid var(--border,#d7e1eb);z-index:2} .r47-supplier-modal{width:min(760px,calc(100vw - 40px))!important;max-width:760px!important;max-height:min(88vh,720px)!important;overflow:hidden!important} .r47-supplier-modal>.modal-body{overflow-y:auto!important;overflow-x:hidden!important} .r47-supplier-editor{width:100%;min-width:0} .r47-supplier-editor .notice{line-height:1.45} .r47-delete-modal{width:min(680px,calc(100vw - 40px))!important;max-width:680px!important;overflow:hidden!important} .r47-delete-modal>.modal-body{overflow-y:auto!important;overflow-x:hidden!important} .r47-delete-body{min-width:0!important} .r47-delete-product{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border,#d7e1eb);border-radius:12px;background:var(--surface-2,#f4f7fb)} .r47-delete-product img{width:52px;height:52px;object-fit:contain;border-radius:9px;background:#fff;border:1px solid var(--border,#d7e1eb)} .r47-delete-product strong,.r47-delete-product span{display:block}.r47-delete-product span{margin-top:3px;color:var(--text-muted,#6d8199)} .r47-danger-button,.r47-trash-button{color:#c63838!important}.r47-danger-button{border-color:rgba(198,56,56,.35)!important}.r47-danger-button:hover,.r47-trash-button:hover{background:rgba(198,56,56,.1)!important} .r47-product-actions{display:flex!important;align-items:center;gap:2px;flex-wrap:nowrap!important} .r47-scope-column{min-width:174px!important;padding-top:6px!important;padding-bottom:6px!important} .r47-scope-head{display:grid;grid-template-columns:1fr;gap:5px;align-items:center;min-width:158px;white-space:normal} .r47-scope-label{font-weight:700;color:inherit;white-space:nowrap} .r47-scope-tabs{display:inline-flex;width:max-content;max-width:100%;padding:2px;border:1px solid var(--border,#ccd8e8);border-radius:7px;background:var(--surface,#fff)} .r47-scope-tabs button{height:24px!important;min-width:0!important;padding:2px 6px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:var(--text-muted,#647890)!important;font-size:8.5px!important;font-weight:800!important;letter-spacing:.035em;cursor:pointer} .r47-scope-tabs button.active{background:#1473e6!important;color:#fff!important} .r47-global-input{width:92px!important;min-width:92px!important;height:30px!important;font-size:11px!important;padding:4px 7px!important} .r47-global-cell{background:rgba(20,115,230,.065)!important} .r47-global-cell input:disabled{opacity:.72;cursor:not-allowed} .r47-remove-head,.r47-remove-cell{width:46px!important;min-width:46px!important;max-width:46px!important;text-align:center!important;padding-left:4px!important;padding-right:4px!important} .r47-remove-cell button{color:#8a9aab!important}.r47-remove-cell button:hover{color:#c63838!important;background:rgba(198,56,56,.08)!important} html[data-refspata-theme="dark"] .r47-rules-modal, html[data-refspata-theme="dark"] .r47-supplier-modal, html[data-refspata-theme="dark"] .r47-delete-modal{background:#081b2b!important;color:#f1f7fd!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r47-rules-modal>.modal-header, html[data-refspata-theme="dark"] .r47-supplier-modal>.modal-header, html[data-refspata-theme="dark"] .r47-delete-modal>.modal-header{border-color:#29465f!important} html[data-refspata-theme="dark"] .r47-rules-modal .modal-description, html[data-refspata-theme="dark"] .r47-supplier-modal .modal-description, html[data-refspata-theme="dark"] .r47-delete-modal .modal-description, html[data-refspata-theme="dark"] .r47-rules-modal .muted{color:#9fb6ca!important} html[data-refspata-theme="dark"] .r47-rules-modal .r46-percent-box, html[data-refspata-theme="dark"] .r47-delete-product{background:#0d2234!important;color:#eef6ff!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r47-rules-modal .r46-percent-box strong{color:#f4f8fc!important} html[data-refspata-theme="dark"] .r47-rules-modal input:not([type="checkbox"]), html[data-refspata-theme="dark"] .r47-rules-modal select, html[data-refspata-theme="dark"] .r47-rules-modal button[role="combobox"], html[data-refspata-theme="dark"] .r47-supplier-modal input:not([type="checkbox"]), html[data-refspata-theme="dark"] .r47-supplier-modal select, html[data-refspata-theme="dark"] .r47-supplier-modal button[role="combobox"]{background:#10283b!important;color:#f5f9ff!important;border-color:#35536d!important} html[data-refspata-theme="dark"] .r47-rules-editor .form-footer{background:#081b2b!important;border-color:#29465f!important} html[data-refspata-theme="dark"] .r47-scope-tabs{background:#0d2234;border-color:#35536d} html[data-refspata-theme="dark"] .r47-scope-tabs button{color:#a9bfd2!important} html[data-refspata-theme="dark"] .r47-scope-tabs button.active{background:#1473e6!important;color:#fff!important} html[data-refspata-theme="dark"] .r47-global-cell{background:#0b3150!important} html[data-refspata-theme="dark"] .r47-delete-product span{color:#9eb4c8!important} html[data-refspata-theme="light"] .r47-rules-modal, html[data-refspata-theme="light"] .r47-supplier-modal, html[data-refspata-theme="light"] .r47-delete-modal{background:#fbfdff!important;color:#102441!important} html[data-refspata-theme="light"] .r47-rules-modal .r46-percent-box{background:#f8fbff!important;color:#102441!important} html[data-refspata-theme="light"] .r47-rules-editor .form-footer{background:#fbfdff!important} @media(max-width:820px){ .r47-rules-modal,.r47-supplier-modal,.r47-delete-modal{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important} .r47-rules-editor .r46-rule-columns,.r47-rules-editor .r46-rule-grid{grid-template-columns:1fr!important} .r47-rules-modal>.modal-body{padding-left:14px!important;padding-right:14px!important} .r47-rules-editor .r46-percent-row{grid-template-columns:76px minmax(0,1fr) 36px} } /* R48 · proveedores buscables, menús oscuros y quick quote */ html[data-refspata-theme="dark"] .picker-popup{ background:#0b2032!important; color:#f3f8fd!important; border:1px solid #315069!important; box-shadow:0 18px 45px rgba(0,0,0,.42)!important; } html[data-refspata-theme="dark"] .picker-popup [data-slot="input-group"]{ background:#102a40!important; border-color:#3a5b75!important; color:#f5f9ff!important; } html[data-refspata-theme="dark"] .picker-popup input{ background:#102a40!important; color:#f5f9ff!important; caret-color:#f5f9ff!important; } html[data-refspata-theme="dark"] .picker-popup input::placeholder{color:#91aac0!important;opacity:1} html[data-refspata-theme="dark"] .picker-list{background:#0b2032!important} html[data-refspata-theme="dark"] .picker-list [role="option"]{ color:#eaf3fb!important; border-color:#203e56!important; } html[data-refspata-theme="dark"] .picker-list [role="option"]:hover, html[data-refspata-theme="dark"] .picker-list [role="option"][data-highlighted], html[data-refspata-theme="dark"] .picker-list [role="option"][aria-selected="true"]{ background:#163851!important; color:#fff!important; } html[data-refspata-theme="dark"] .picker-popup svg{color:#a9bfd2!important} html[data-refspata-theme="light"] .picker-popup{ background:#fff!important; color:#102441!important; border-color:#d3dfeb!important; box-shadow:0 16px 38px rgba(23,48,78,.16)!important; } html[data-refspata-theme="light"] .picker-list [role="option"]{color:#18314d!important} html[data-refspata-theme="light"] .picker-list [role="option"]:hover, html[data-refspata-theme="light"] .picker-list [role="option"][data-highlighted], html[data-refspata-theme="light"] .picker-list [role="option"][aria-selected="true"]{background:#eef5ff!important} .r47-supplier-modal .picker-positioner,.r47-rules-modal .picker-positioner{z-index:1300!important} .r47-supplier-modal .picker-popup,.r47-rules-modal .picker-popup{min-width:min(520px,calc(100vw - 60px))} /* El editor de presupuesto abierto desde Crear usa el mismo contenedor que la ruta Presupuestos. */ .main-content>.r40-quote-workspace{position:relative;z-index:5} /* R49 · Ajustes operativos Sep 2026 */ /* Productos · la selección de página vive en el encabezado. */ .products-select-all{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:650;white-space:nowrap} .products-select-all input{width:16px;height:16px;margin:0;accent-color:var(--primary,#155be8)} .products-page-size{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:12px;color:var(--muted-foreground,#5c738d)} .products-page-size select{height:34px;min-width:86px;padding:0 28px 0 10px;border:1px solid var(--border,#d7e2ec);border-radius:8px;background:var(--background,#fff);color:var(--foreground,#0b1e32);font:inherit} .products-clear-selection{white-space:nowrap} .products-pager{display:flex;justify-content:flex-end;align-items:center;gap:9px;padding:12px 0} .products-pager>span{min-width:72px;text-align:center;font-weight:650;font-size:12px;color:var(--muted-foreground,#5c738d)} /* Producto · una sola galería para Gestión y WooCommerce. */ .r49-product-media-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px} .r49-product-media-head p{margin:0;max-width:760px} .r49-product-media-count{flex:0 0 auto;padding:5px 9px;border:1px solid var(--border,#d7e2ec);border-radius:999px;background:var(--muted,#f5f8fb);color:var(--muted-foreground,#5c738d);font-size:12px;font-weight:650} .r49-product-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px} .r49-product-media-card{overflow:hidden;border:1px solid var(--border,#d7e2ec);border-radius:12px;background:var(--card,var(--background,#fff));transition:border-color .15s ease,box-shadow .15s ease} .r49-product-media-card.is-primary{border-color:color-mix(in srgb,var(--primary,#155be8) 52%,var(--border,#d7e2ec));box-shadow:0 0 0 1px color-mix(in srgb,var(--primary,#155be8) 12%,transparent)} .r49-product-media-preview{position:relative;display:grid;place-items:center;aspect-ratio:1/1;padding:12px;background:var(--muted,#f7f9fb);border-bottom:1px solid var(--border,#d7e2ec)} .r49-product-media-preview img{display:block;width:100%;height:100%;object-fit:contain} .r49-product-media-badge{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--background,#fff) 92%,transparent);border:1px solid var(--border,#d7e2ec);color:var(--foreground,#0b1e32);font-size:11px;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.08)} .r49-product-media-card.is-primary .r49-product-media-badge{border-color:color-mix(in srgb,var(--primary,#155be8) 40%,var(--border,#d7e2ec));color:var(--primary,#155be8)} .r49-product-media-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:9px} .r49-product-media-actions button{min-height:32px} /* Envíos · mantener la fila de acciones legible aunque se agregue Remito. */ .fulfillment-table .row-actions,.shipping-list .row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap} /* Documentos · las acciones no se superponen en anchos intermedios o móviles. */ .r40-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px} .r40-detail-actions>button,.r40-detail-actions>details{flex:0 1 auto;max-width:100%} .r40-detail-actions button{min-height:36px;white-space:normal} /* Presupuesto · acciones laterales consistentes en todos sus estados. */ .r40-side-panel .order-actions .export-buttons{display:grid!important;grid-template-columns:1fr!important;gap:6px!important} .r40-side-panel .order-actions .export-buttons button{ width:100%!important;min-height:38px!important;height:auto!important;padding:8px 11px!important; justify-content:flex-start!important;align-items:center!important;gap:8px!important; border:1px solid var(--r40-border)!important;border-radius:8px!important; background:var(--r40-surface)!important;color:var(--r40-text)!important; font-size:11.5px!important;line-height:1.2!important;white-space:normal!important;text-align:left!important } .r40-side-panel .order-actions .export-buttons button:hover:not(:disabled){background:var(--r40-surface-2)!important;border-color:color-mix(in srgb,var(--r40-blue) 45%,var(--r40-border))!important} .r40-side-panel .order-actions .export-buttons button:disabled{opacity:.48!important;cursor:not-allowed!important;background:var(--r40-surface-2)!important} .r40-side-panel .order-actions .export-buttons button svg{flex:0 0 auto} .r40-side-panel .order-actions .export-buttons button:last-child:not(:disabled){color:var(--r40-danger)!important;background:color-mix(in srgb,var(--r40-danger) 6%,var(--r40-surface))!important;border-color:color-mix(in srgb,var(--r40-danger) 18%,var(--r40-border))!important} [data-refspata-theme="dark"] .products-page-size select{background:var(--background,#0a2033);color:var(--foreground,#f4f8fc);border-color:var(--border,#24445d)} [data-refspata-theme="dark"] .products-pager>span{color:var(--muted-foreground,#91aac0)} .products-page-size select:focus-visible,.products-select-all input:focus-visible{outline:2px solid var(--ring,var(--primary,#155be8));outline-offset:2px} @media(max-width:1100px){ .products-page-size{margin-left:0} .products-pager{justify-content:center} .r40-detail-actions>button,.r40-detail-actions>details{flex:1 1 180px} } @media(max-width:640px){ .r49-product-media-head{flex-direction:column;gap:8px} .r49-product-media-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))} .r49-product-media-actions button{flex:1 1 auto} .r40-detail-actions{align-items:stretch} .r40-detail-actions>button,.r40-detail-actions>details{flex-basis:100%;width:100%} } /* CRM inherits the existing shell; scoped tokens support both themes. */ .main-content:has(> .crm){max-width:none} body:has(.crm) .topbar{flex-wrap:wrap;height:auto;min-height:56px} body:has(.crm) .top-actions{flex-wrap:wrap;min-width:0} .crm .heading-actions>button:last-child{background:#0665ef!important;color:#fff!important;border-color:#0665ef!important} @media(max-width:1500px){.crm-metric-icon{display:none}.crm-metric strong{font-size:22px}} .crm{--crm-bg:#fff;--crm-soft:#f3f7fc;--crm-ink:#102c49;--crm-muted:#526e89;--crm-line:#d4e2ef;--crm-blue:#0067ef;--crm-tag:#e6f0ff;color:var(--crm-ink);display:grid;gap:16px;min-width:0} html[data-refspata-theme="dark"] .crm{--crm-bg:#092234;--crm-soft:#0c2b42;--crm-ink:#eef5ff;--crm-muted:#a9c8e8;--crm-line:#22465e;--crm-blue:#49acff;--crm-tag:#143d67} .crm .page-heading{margin:0;gap:18px;align-items:center}.crm h1{font-size:30px;line-height:1.2}.crm h2{font-size:17px;margin:0}.crm h3{font-size:15px}.crm p{margin:6px 0}.crm small,.crm dt,.crm time{color:var(--crm-muted)}.crm button{max-width:100%;white-space:normal}.crm button:focus-visible,.crm-form :focus-visible{outline:3px solid #4c9eff;outline-offset:3px} .crm-panel{background:var(--crm-bg);border:1px solid var(--crm-line);border-radius:10px;min-width:0;padding:16px;overflow-wrap:anywhere}.crm-panel>header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.crm-panel>header button{font-size:12px;flex-shrink:0}.crm-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.crm-columns>div{min-width:0;display:grid;gap:16px}.crm-home-bottom{grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)} .crm-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.crm-metric{display:flex;gap:14px;padding:20px 16px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-bg);min-width:0;align-items:flex-start}.crm-metric>div{min-width:0;flex:1}.crm-metric strong{display:block;font-size:24px;line-height:1.5;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.crm-metric span,.crm-metric small{font-size:13px}.crm-metric-icon{background:var(--crm-tag);padding:12px;border-radius:12px;color:var(--crm-blue)}.crm-metric button{padding:4px} .crm-toolbar,.crm-tabs,.crm-identity{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.crm-toolbar button[aria-pressed=true],.crm-tabs button[aria-pressed=true]{background:#0067ef;color:#fff;border-color:#0067ef}.crm-tabs{border-bottom:1px solid var(--crm-line);padding-bottom:10px}.crm-identity{font-size:13px}.crm-tag{display:inline-flex;align-items:center;justify-content:center;border-radius:20px;background:var(--crm-tag);color:var(--crm-blue);padding:5px 12px;font-size:12px;line-height:1.2;white-space:normal}.crm-tag.danger{background:#fae0e2;color:#a51a28}.crm-tag.warning{background:#fff0c8;color:#775318}.crm-tag.success{background:#d6f3e4;color:#075b3c}.dark .crm-tag.danger{background:#592737;color:#ffccd1}.dark .crm-tag.warning{background:#564527;color:#ffe7a8}.dark .crm-tag.success{background:#065e46;color:#c4fae5} .crm-filters{background:var(--crm-bg);border:1px solid var(--crm-line);padding:14px;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px}.crm-filters>*{flex:1 1 155px;min-width:0}.crm select,.crm-form select{font:inherit;padding:9px 12px;background:var(--crm-bg,var(--card,#fff));color:inherit;border:1px solid var(--crm-line,var(--border,#b9c8d8));border-radius:7px;min-height:38px;width:100%;min-width:0}.crm-inline{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-top:14px}.crm-inline>label,.crm-inline>.field{flex:1;min-width:180px} .crm-feed{padding:0;margin:0;list-style:none}.crm-feed li{display:grid;grid-template-columns:105px 36px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--crm-line)}.crm-feed time{font-size:12px}.crm-feed p{font-size:13px}.crm-feed small{display:block}.crm-feed button{font-size:12px;padding:4px 8px;margin-top:4px}.crm-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--crm-tag);color:var(--crm-blue);font-size:12px;font-weight:600} .crm-task-list article{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--crm-line)}.crm-task-list article>div{flex:1;min-width:0}.crm-task-list time{width:105px;flex-shrink:0;font-size:12px}.crm-task-list strong,.crm-task-list p{font-size:13px}.crm-task-list button{font-size:12px}.crm-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.crm-facts dt{font-size:12px}.crm-facts dd{margin:4px 0 0;font-size:14px;white-space:pre-wrap}.crm-trace{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:12px;line-height:1.5;color:inherit;opacity:.8;padding:8px 0}.crm table .crm-trace{max-width:250px} .crm-table-wrap{overflow:auto;max-width:100%}.crm table{width:100%;border-collapse:collapse;font-size:13px}.crm th{text-align:left;background:var(--crm-soft);font-size:12px;color:var(--crm-muted);font-weight:500;white-space:nowrap}.crm td,.crm th{padding:10px 8px;border-bottom:1px solid var(--crm-line)}.crm td button{font-size:13px;padding:4px 8px}.crm td:nth-last-child(2){font-variant-numeric:tabular-nums}.crm-empty{padding:22px 10px;color:var(--crm-muted);font-size:13px}.crm-pipeline-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.crm-pipeline-summary>div{background:var(--crm-tag);border-radius:6px;padding:12px 8px}.crm-pipeline-summary strong,.crm-pipeline-summary small{display:block}.crm-op-line,.crm-recovery{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--crm-line)}.crm-op-line button{flex:1;text-align:left}.crm-recovery small{display:block;font-size:11px}.crm-recovery>div{text-align:right} .crm-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 225px;gap:14px}.crm-kanban{display:grid;grid-template-columns:repeat(6,minmax(170px,1fr));gap:10px;overflow:auto;align-items:start;padding-bottom:8px}.crm-column{background:var(--crm-soft);border:1px solid var(--crm-line);border-top:3px solid #1478ff;border-radius:9px;padding:10px;min-width:0}.crm-column[data-stage="En análisis"]{border-top-color:#915bff}.crm-column[data-stage=Propuesta]{border-top-color:#6565ed}.crm-column[data-stage=Negociación]{border-top-color:#e7a124}.crm-column[data-stage=Ganada]{border-top-color:#16bd84}.crm-column[data-stage=Perdida]{border-top-color:#fa5965}.crm-column>header{display:flex;align-items:center;justify-content:space-between;gap:5px}.crm-column h2{font-size:13px}.crm-column>p{font-size:13px;margin:10px 0}.crm-opportunity{border:1px solid var(--crm-line);background:var(--crm-bg);border-radius:8px;padding:12px;margin-top:9px;font-size:13px;overflow-wrap:anywhere}.crm-opportunity small{display:block;margin:6px 0}.crm-opportunity>button:last-child{font-size:11px;padding:5px 8px;margin-top:8px}.crm-card-link{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer}.crm-conversion{display:grid;gap:10px}.crm-ring{margin:auto;width:145px;height:145px;border-radius:50%;background:conic-gradient(#13c28d var(--crm-rate),#126fff 0);display:grid;place-items:center}.crm-ring strong{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:var(--crm-bg);font-size:28px}.crm-loss span{display:block;font-size:12px}.crm-loss meter{width:100%}.crm-period{font-size:12px;color:var(--crm-muted)}.crm-stage-history{padding-left:20px}.crm-stage-history li{padding:8px 0}.crm-stage-history small{display:block}.crm-notice{padding:12px;background:var(--crm-tag);border-radius:7px} .crm-form{display:grid;gap:14px}.crm-form fieldset{border:0;padding:0;min-width:0}.crm-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.crm-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--border,#aabed3);border-radius:7px;background:transparent;color:inherit;font:inherit}.crm-form details{margin-top:16px}.crm-form summary{cursor:pointer;padding:10px 0}.crm-form .form-footer{flex-wrap:wrap} html[data-refspata-theme="dark"] .crm-tag.danger{background:#592737;color:#ffccd1}html[data-refspata-theme="dark"] .crm-tag.warning{background:#564527;color:#ffe7a8}html[data-refspata-theme="dark"] .crm-tag.success{background:#065e46;color:#c4fae5} .crm .page-heading>.row-actions>button:last-child,.crm .page-heading>button{background:#0665ef;color:#fff;border-color:#0665ef} .crm-trace{margin-inline:16px}.crm .crm-trace{margin-inline:0} @media(min-width:2200px){.crm{gap:18px}.crm-panel{padding:20px}.crm-board-layout{grid-template-columns:minmax(0,1fr) 270px}.crm-kanban{grid-template-columns:repeat(6,minmax(0,1fr))}.crm-metric strong{font-size:28px}} @media(max-width:1500px){.crm-board-layout{grid-template-columns:1fr}.crm-conversion{grid-template-columns:150px repeat(3,1fr);align-items:center}.crm-conversion h3{grid-column:1/-1}.crm-kanban{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.crm-home-bottom{grid-template-columns:1fr 1.3fr}.crm-task-list article{flex-wrap:wrap}.crm-task-list time{width:auto}.crm-task-list article>div{flex-basis:60%}} @media(max-width:1050px){.crm-columns,.crm-home-bottom{grid-template-columns:1fr}.crm .page-heading{flex-wrap:wrap}.crm-pipeline-summary{grid-template-columns:repeat(3,1fr)}.crm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-metric{padding:14px}.crm-metric-icon{display:none}.crm-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){.crm h1{font-size:25px}.crm-form-grid,.crm-kanban,.crm-facts{grid-template-columns:1fr}.crm-feed li{grid-template-columns:30px minmax(0,1fr)}.crm-feed time{grid-column:1/-1}.crm-conversion{grid-template-columns:1fr 1fr}.crm-metric strong{font-size:20px}.crm-task-list article>div{flex-basis:80%}} /* CRM analytics + semantic event iconography */ .crm-help{font-size:13px;color:var(--crm-muted);background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:8px;padding:10px 12px;margin:0 0 12px}.crm-help-wide{margin:0}.crm-feed li{grid-template-columns:105px 38px minmax(0,1fr) 38px;align-items:start}.crm-event-icon,.crm-history-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--crm-tag);color:var(--crm-blue)}.crm-feed-body{min-width:0}.crm-feed .crm-avatar{justify-self:end}.crm-history-avatar{opacity:.65}.crm-metric[data-icon=receivable] .crm-metric-icon,.crm-metric[data-icon=credit] .crm-metric-icon,.crm-metric[data-icon=sales] .crm-metric-icon{color:#15a872}.crm-metric[data-icon=won] .crm-metric-icon{color:#d99a00}.crm-metric[data-icon=overdue] .crm-metric-icon{color:#d94b59}.crm-analytics{display:grid;gap:14px}.crm-analytics-header{display:flex;justify-content:space-between;gap:18px;align-items:end}.crm-analytics-header h2{font-size:20px}.crm-analytics-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.crm-analytics-filters>.field{min-width:190px}.crm-category-picker{position:relative;min-width:220px}.crm-category-picker>summary{cursor:pointer;list-style:none;border:1px solid var(--crm-line);border-radius:7px;padding:9px 12px;background:var(--crm-bg);min-height:38px}.crm-category-picker>summary::-webkit-details-marker{display:none}.crm-category-options{position:absolute;z-index:20;right:0;top:calc(100% + 5px);width:min(360px,80vw);max-height:330px;overflow:auto;background:var(--crm-bg);border:1px solid var(--crm-line);border-radius:9px;padding:10px;box-shadow:0 15px 35px rgba(0,0,0,.22);display:grid;gap:4px}.crm-category-options label{display:flex;gap:9px;align-items:center;padding:7px;border-radius:6px}.crm-category-options label:hover{background:var(--crm-soft)}.crm-mini-toggle{display:flex;gap:8px;margin-bottom:10px}.crm-mini-toggle button[aria-pressed=true]{background:var(--crm-blue);color:#fff;border-color:var(--crm-blue)}.crm-category-sales{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.crm-category-sales button{text-align:left;border:1px solid var(--crm-line);background:var(--crm-soft);color:inherit;border-radius:8px;padding:12px;display:grid;gap:4px}.crm-category-sales strong{font-size:17px}.crm-manual{display:grid;gap:4px}.crm-manual h3{margin:12px 0 0}.crm-manual p{color:var(--crm-muted)} @media(max-width:1050px){.crm-analytics-header{align-items:stretch;flex-direction:column}.crm-analytics-filters{align-items:stretch}.crm-category-picker{min-width:0}} @media(max-width:650px){.crm-feed li{grid-template-columns:34px minmax(0,1fr) 34px}.crm-feed time{grid-column:1/-1}.crm-analytics-filters{display:grid}.crm-category-options{left:0;right:auto}} /* The five commercial drill-downs share the native accessible dialog. */ .crm.crm-detail-dialog{width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:calc(100dvh - 32px);padding:24px;gap:18px;display:flex;flex-direction:column;overflow:hidden;background:var(--crm-bg);color:var(--crm-ink);border:1px solid var(--crm-line);border-radius:12px} .crm-detail-dialog>[data-slot=dialog-header]{flex:none;padding-right:30px;text-align:left} .crm-dialog-title{display:flex;gap:16px;align-items:center;font-size:20px;line-height:1.35;overflow-wrap:anywhere} .crm-dialog-icon{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:11px;background:var(--crm-tag);color:var(--crm-blue)} .crm-dialog-icon[data-icon=receivable]{background:#d9f6e8;color:#07834e}.crm-dialog-icon[data-icon=credit],.crm-dialog-icon[data-icon=product]{background:#eee5ff;color:#7440d4} .crm-detail-dialog [data-slot=dialog-description]{color:var(--crm-muted);margin-left:60px;font-size:13px} .crm-dialog-body{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain} .crm-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:none} .crm-detail-metrics>div{padding:12px 16px;background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:8px;min-width:0} .crm-detail-metrics span{display:block;font-size:12px;color:var(--crm-muted);margin-bottom:4px}.crm-detail-metrics strong{font-size:21px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere} .crm-detail-filters{display:flex;align-items:end;gap:12px;flex:none}.crm-detail-filters .searchbox{flex:1;min-width:0}.crm-detail-filters .field{min-width:175px}.crm-filter-context{font-size:12px;color:var(--crm-muted);overflow-wrap:anywhere} .crm-dialog-body>.crm-table-wrap{min-height:120px;max-height:50dvh;flex:1;border:1px solid var(--crm-line);border-radius:8px;overflow:auto} .crm-detail-dialog table{min-width:620px}.crm-detail-dialog th{position:sticky;top:0;z-index:1;background:var(--crm-soft)}.crm-detail-dialog td{font-size:13px;padding:10px}.crm td.crm-number{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums} .crm-dialog-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;flex:none;border-top:1px solid var(--crm-line);padding-top:14px}.crm-dialog-footer>div{display:flex;gap:8px}.crm-dialog-footer small{font-size:12px} .crm button.crm-primary{background:#0665ef!important;border-color:#0665ef!important;color:#fff!important} .crm button.crm-text-button{border:0!important;background:transparent!important;box-shadow:none!important;padding:2px 0;color:inherit!important;text-align:left;justify-content:start;font-weight:500;height:auto;min-height:28px} .crm button.crm-text-button:hover{color:var(--crm-blue)!important;text-decoration:underline} .crm button.crm-document-chip{padding:3px 9px;min-height:28px;height:auto;background:var(--crm-soft)!important;border:1px solid var(--crm-line)!important;border-radius:6px;color:var(--crm-ink)!important;font-size:12px;white-space:nowrap} .crm button.crm-context-button{min-height:28px;height:auto;padding:4px 10px;color:var(--crm-blue)!important;background:var(--crm-tag)!important;border:1px solid var(--crm-line)!important} .crm .crm-mini-toggle button[aria-pressed=true]{background:#0665ef!important;color:#fff!important;border-color:#0665ef!important} .crm :is(button,summary,input,select,[tabindex]):focus-visible{outline:3px solid #4c9eff;outline-offset:2px} .crm-metric[data-icon=credit] .crm-metric-icon,.crm-metric[data-icon=buyers] .crm-metric-icon{color:#9264e6}.crm-metric[data-icon=sales] .crm-metric-icon{color:#087dff} .crm-analytics{padding:18px;border:1px solid var(--crm-line);border-radius:10px;background:var(--crm-bg)}.crm-analytics-header h2{font-size:18px}.crm-analytics-header p{font-size:12px;color:var(--crm-muted)} .crm-analytics .crm-metric{padding:12px;gap:10px;background:var(--crm-soft)}.crm-analytics .crm-metric strong{font-size:22px}.crm-analytics .crm-metric-icon{padding:8px;display:grid} .crm-analytics-lists{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:12px}.crm-analytics-lists .crm-panel{padding:12px}.crm-analytics-lists h2{font-size:14px}.crm-analytics-lists td,.crm-analytics-lists th{padding:7px 5px;font-size:12px}.crm-analytics-lists td button{font-size:12px}.crm-analytics-lists .crm-table-wrap{max-height:330px}.crm-mini-toggle{flex-wrap:wrap}.crm-mini-toggle button{font-size:12px} .crm-category-sales{display:flex;flex-direction:column;gap:10px}.crm-category-sales button{display:grid;grid-template-columns:minmax(75px,1fr) minmax(35px,.8fr) 38px auto;gap:8px;align-items:center;padding:7px 0;background:transparent;border:0;border-radius:4px;font-size:12px}.crm-category-sales strong{font-size:12px;white-space:nowrap}.crm-share-track{height:7px;background:var(--crm-line);border-radius:3px;overflow:hidden}.crm-share-track>span{display:block;height:100%;background:#2585fa;border-radius:3px}.crm-data-note{font-size:11px;line-height:1.5} .crm-recovery-list{max-height:340px}.crm-recovery-list th{position:sticky;top:0}.crm-recovery-list td:nth-child(2){white-space:nowrap} .crm.crm-detail-dialog{width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important} @media(max-width:650px){.crm-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-detail-metrics>div:last-child{grid-column:1/-1}.crm-detail-metrics strong{white-space:nowrap;font-size:16px}} html[data-refspata-theme="dark"] .crm-dialog-icon[data-icon=receivable]{background:#104735;color:#78e5b7}html[data-refspata-theme="dark"] .crm-dialog-icon[data-icon=credit],html[data-refspata-theme="dark"] .crm-dialog-icon[data-icon=product]{background:#372657;color:#d6b8ff} @media(max-width:1500px){.crm-analytics-lists{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.crm-analytics-lists>.crm-panel:last-child{grid-column:1/-1}} @media(max-width:1050px){.crm-analytics-lists{grid-template-columns:1fr}.crm-analytics .crm-metric strong{font-size:20px}} @media(max-width:650px){.crm.crm-detail-dialog{padding:16px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);gap:12px}.crm-dialog-title{font-size:17px;gap:10px}.crm-dialog-icon{width:36px;height:36px}.crm-detail-dialog [data-slot=dialog-description]{margin-left:46px}.crm-detail-metrics{gap:6px}.crm-detail-metrics>div{padding:8px}.crm-detail-metrics strong{font-size:16px}.crm-detail-filters{flex-wrap:wrap}.crm-detail-filters .searchbox{flex-basis:100%}.crm-detail-filters .field{flex:1}.crm-dialog-footer{align-items:start;flex-wrap:wrap;gap:8px}.crm-dialog-footer>div{margin-left:auto}.crm-analytics{padding:12px}.crm-analytics .crm-metric-icon{display:none}.crm-category-sales button{grid-template-columns:minmax(65px,1fr) 40px 34px auto;gap:5px}} /* Customer and CRM information architecture · responsive redesign */ .crm-home-tabs{display:flex;gap:8px;padding:6px;background:var(--crm-soft);border:1px solid var(--crm-line);border-radius:12px;overflow:auto;position:sticky;top:0;z-index:4}.crm-home-tabs button{flex:0 0 auto;border:0;background:transparent}.crm-home-tabs button[aria-pressed=true]{background:var(--crm-blue);color:#fff} .crm-customer-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px;border:1px solid var(--crm-line);background:linear-gradient(135deg,var(--crm-bg),var(--crm-soft));border-radius:14px}.crm-customer-avatar,.crm-customer-link img,.crm-customer-link>span,.r40-customer-avatar{width:64px;height:64px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#087dff,#7148db);color:#fff;font-weight:800;letter-spacing:.03em;flex:0 0 auto}.crm-customer-title{min-width:0}.crm-customer-title h1{margin:2px 0 4px}.crm-eyebrow{font-size:11px;letter-spacing:.12em;color:var(--crm-blue);font-weight:800}.crm-customer-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.crm-customer-tabs{position:sticky;top:0;z-index:3;background:var(--crm-bg);padding:9px;border:1px solid var(--crm-line);border-radius:10px;flex-wrap:nowrap;overflow:auto}.crm-customer-tabs button{flex:0 0 auto} .crm-account-view{display:grid;gap:14px}.crm-account-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border:1px solid var(--crm-line);background:var(--crm-bg);border-radius:12px}.crm-account-hero small,.crm-account-hero strong{display:block}.crm-account-hero strong{font-size:30px;margin:4px 0;font-variant-numeric:tabular-nums}.crm-account-hero strong.debt{color:#d43c4c}.crm-account-hero strong.credit{color:#0b9a67}.crm-account-hero strong.zero{color:var(--crm-blue)}.payment-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.payment-balance-grid>div{padding:14px;border:1px solid var(--border);border-radius:9px;background:var(--muted)}.payment-balance-grid span,.payment-balance-grid strong{display:block}.payment-balance-grid strong{font-size:20px;margin-top:5px}.payment-balance-grid .payment-total{border-color:#2585fa;background:#eaf4ff}.dark .payment-balance-grid>div,html[data-refspata-theme=dark] .payment-balance-grid>div{background:#0d2b43;border-color:#315976;color:#eef6ff}.dark .payment-balance-grid span,html[data-refspata-theme=dark] .payment-balance-grid span{color:#a9c8e8}.dark .payment-balance-grid .payment-total,html[data-refspata-theme=dark] .payment-balance-grid .payment-total{background:#123b60;border-color:#2585fa} .crm-customer-link{display:flex;align-items:center;gap:10px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer;padding:0}.crm-customer-link img,.crm-customer-link>span{width:34px;height:34px;border-radius:10px;font-size:11px}.crm-customer-photo-editor{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:end;padding:12px;border:1px solid var(--border);border-radius:10px}.crm-customer-photo-editor img,.crm-photo-placeholder{width:76px;height:76px;border-radius:18px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#087dff,#7148db);color:#fff;font-weight:800}.r40-customer-summary{display:flex!important;align-items:center;gap:10px}.r40-customer-summary>span:last-child{display:grid;gap:2px}.r40-customer-avatar{width:42px;height:42px;border-radius:12px;font-size:12px}.crm-customer-table td{vertical-align:middle}.crm-customer-table .crm-tag{white-space:nowrap} @media(max-width:1050px){.crm-customer-hero{grid-template-columns:auto minmax(0,1fr)}.crm-customer-actions{grid-column:1/-1;justify-content:flex-start}.crm-account-hero{align-items:flex-start}.payment-balance-grid{grid-template-columns:1fr 1fr}.payment-balance-grid .payment-total{grid-column:1/-1}} @media(max-width:650px){.crm-customer-page{gap:12px}.crm-customer-hero{grid-template-columns:auto minmax(0,1fr);padding:14px;gap:12px}.crm-customer-avatar{width:54px;height:54px;border-radius:15px}.crm-customer-title h1{font-size:21px}.crm-customer-title .crm-identity{display:none}.crm-customer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.crm-customer-actions button:first-child{grid-column:1/-1}.crm-customer-tabs{margin-inline:-8px;border-radius:0}.crm-account-hero{display:grid;padding:16px}.crm-account-hero .row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.payment-balance-grid{grid-template-columns:1fr}.payment-balance-grid .payment-total{grid-column:auto}.crm-customer-photo-editor{grid-template-columns:auto minmax(0,1fr)}.crm-customer-photo-editor>button{grid-column:1/-1}.crm-customer-table table,.crm-customer-table tbody,.crm-customer-table tr,.crm-customer-table td{display:block}.crm-customer-table thead{display:none}.crm-customer-table tr{border:1px solid var(--crm-line);border-radius:10px;padding:10px;margin-bottom:10px;background:var(--crm-bg)}.crm-customer-table td{border:0;padding:6px}.crm-customer-table td:nth-child(2)::before{content:'Última compra · ';color:var(--crm-muted)}.crm-customer-table td:nth-child(3)::before{content:'Saldo neto · ';color:var(--crm-muted)}.crm-home-tabs{margin-inline:-8px;border-radius:0}.crm-account-view .crm-panel{padding:10px}.crm-account-view table{min-width:640px}} @media(max-width:420px){.crm-customer-page .crm-metrics>.crm-metric[data-icon=receivable]{grid-column:1/-1}.crm-customer-page .crm-metrics>.crm-metric[data-icon=receivable] strong{overflow-wrap:normal;word-break:normal}} .account-transfer-editor{display:grid;gap:18px}.account-transfer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.account-transfer-fields .field:last-child{grid-column:1/-1}.transfer-account-actions{flex-wrap:nowrap}.mostrador-payment-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid #dce4ef;border-radius:13px;background:#fff;overflow:hidden}.mostrador-payment-option.active{border-color:#1765db;background:#f4f8ff;box-shadow:0 0 0 1px #1765db22}.mostrador-payment-option .mostrador-payment{border:0;border-radius:0;background:transparent;grid-template-columns:24px auto minmax(0,1fr);gap:10px;min-height:68px;width:100%;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mostrador-payment-option .mostrador-payment.active{border:0;background:transparent}.mostrador-payment-option .mostrador-payment:focus-visible,.mostrador-transfer-info:focus-visible,.mostrador-transfer-detail button:focus-visible{outline:3px solid #1765db55;outline-offset:-3px}.mostrador-payment-copy{display:grid;gap:3px;min-width:0;color:inherit!important}.mostrador-payment-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mostrador-payment-copy small{color:#6f8096;font-size:11px}.mostrador-transfer-info{width:50px;border:0;border-left:1px solid #dce4ef;background:transparent;color:#1765db;font-size:19px}.mercado-pago-account-logo{width:44px;height:30px;object-fit:contain;aspect-ratio:2345/1305;background:#fff;border-radius:7px}.mostrador-transfer-detail{display:grid;gap:18px}.mostrador-transfer-detail>.mercado-pago-account-logo{width:86px;height:auto}.mostrador-transfer-detail dl{margin:0;display:grid;grid-template-columns:minmax(120px,.55fr) minmax(0,1.45fr);border:1px solid #dce4ef;border-radius:14px;overflow:hidden}.mostrador-transfer-detail dt,.mostrador-transfer-detail dd{margin:0;padding:13px 15px;border-bottom:1px solid #e5eaf1}.mostrador-transfer-detail dt{font-weight:700;background:#f7f9fc;color:#607289}.mostrador-transfer-detail dd{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;overflow-wrap:anywhere}.mostrador-transfer-detail dt:nth-last-of-type(1),.mostrador-transfer-detail dd:last-of-type{border-bottom:0}.mostrador-transfer-detail dd button{border:1px solid #ccd7e5;border-radius:8px;background:#fff;color:#1765db;padding:6px 9px;font-weight:700}.mostrador-transfer-detail .form-footer{margin-top:0} html[data-refspata-theme="dark"] .mostrador-payment-option,html[data-refspata-theme="dark"] .mostrador-transfer-detail dd,html[data-refspata-theme="dark"] .mostrador-transfer-detail dd button{background:#0d1d2d!important;border-color:#2a4056!important;color:#eaf2fb!important}html[data-refspata-theme="dark"] .mostrador-payment-option.active{background:#0d2b50!important;border-color:#3b8bf1!important}html[data-refspata-theme="dark"] .mostrador-transfer-info,html[data-refspata-theme="dark"] .mostrador-transfer-detail dl{border-color:#2a4056!important}html[data-refspata-theme="dark"] .mostrador-transfer-detail dt{background:#102337!important;color:#9eb4ca!important;border-color:#2a4056!important} @media(max-width:800px){.account-transfer-fields{grid-template-columns:1fr}.account-transfer-fields .field:last-child{grid-column:auto}.transfer-account-actions{align-items:stretch;flex-direction:column}.mostrador-transfer-detail dl{grid-template-columns:1fr}.mostrador-transfer-detail dt{padding-bottom:5px;border-bottom:0}.mostrador-transfer-detail dd{padding-top:5px}.mostrador-transfer-detail dt:nth-last-of-type(1){border-bottom:0}} .mercado-pago-account-logo{background:transparent!important;border-radius:50%;clip-path:ellipse(49% 48% at 50% 50%)} .mostrador-shell-v2{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.mostrador-shell-v2,.mostrador-shell-v2 *{box-sizing:border-box} .mostrador-shell-v2{--ms-primary:#1768e5;--ms-primary-strong:#0b58ca;--ms-primary-soft:#eaf3ff;--ms-bg:#f4f7fb;--ms-surface:#fff;--ms-surface-soft:#f8fafc;--ms-text:#13233a;--ms-muted:#687b94;--ms-border:#dce5f0;--ms-border-strong:#c9d7e7;--ms-success:#109861;--ms-shadow:0 10px 30px rgba(23,49,84,.08);display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100dvh;background:var(--ms-bg);color:var(--ms-text);font-feature-settings:"tnum" 1}.mostrador-stage{min-width:0;min-height:100dvh;display:flex;flex-direction:column}.mostrador-stage-content{min-width:0;flex:1;display:flex;flex-direction:column}.mostrador-sidebar{position:sticky;top:0;height:100dvh;z-index:40;background:var(--ms-surface);border-right:1px solid var(--ms-border);display:flex;flex-direction:column;padding:18px 14px}.mostrador-sidebar-brand{border:0;background:transparent;color:inherit;display:flex;align-items:center;gap:11px;text-align:left;padding:4px 8px 20px}.mostrador-sidebar-brand .mostrador-logo{width:42px;height:42px;flex:0 0 auto}.mostrador-sidebar-brand strong{display:block;font-size:18px;letter-spacing:-.02em}.mostrador-sidebar-brand small{display:block;margin-top:2px;color:var(--ms-muted);font-size:12px}.mostrador-sidebar-nav{display:grid;gap:3px;overflow:auto;padding:2px}.mostrador-nav-item{width:100%;min-height:42px;border:0;border-radius:10px;background:transparent;color:var(--ms-muted);display:flex;align-items:center;gap:12px;padding:9px 11px;text-align:left;font:600 13px/1.2 inherit;transition:background .16s,color .16s,transform .16s}.mostrador-nav-item:hover{background:var(--ms-surface-soft);color:var(--ms-text)}.mostrador-nav-item.active{background:var(--ms-primary-soft);color:var(--ms-primary)}.mostrador-nav-item:active{transform:translateY(1px)}.mostrador-nav-item svg{flex:0 0 auto}.mostrador-sidebar-footer{margin-top:auto;border-top:1px solid var(--ms-border);padding:12px 2px 0}.mostrador-topbar{position:sticky;top:0;z-index:30;min-height:72px;border-bottom:1px solid var(--ms-border);background:color-mix(in srgb,var(--ms-surface) 92%,transparent);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 24px}.mostrador-topbar-title,.mostrador-topbar-actions{display:flex;align-items:center;gap:12px}.mostrador-topbar-title>div{display:grid;gap:2px}.mostrador-topbar-title strong{font-size:17px}.mostrador-topbar-title small{font-size:11px;color:var(--ms-muted)}.mostrador-menu-toggle{display:none}.mostrador-refresh{min-height:40px;border:1px solid var(--ms-border-strong);border-radius:10px;background:var(--ms-surface);color:var(--ms-text);display:flex;align-items:center;gap:8px;padding:0 13px;font:700 12px inherit}.mostrador-refresh:disabled{opacity:.55}.mostrador-refresh:disabled svg{animation:spin 1s linear infinite}.mostrador-home-v2{max-width:1440px;margin:0 auto;padding:30px;width:100%}.mostrador-hero{min-height:212px;border:1px solid #cfe0f6;border-radius:24px;background:radial-gradient(circle at 85% 20%,#dcecff 0,transparent 34%),linear-gradient(135deg,#fff 5%,#edf5ff 100%);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;box-shadow:0 8px 30px rgba(23,82,155,.05)}.mostrador-hero-copy>span{display:block;color:var(--ms-primary);font-size:11px;font-weight:850;letter-spacing:.15em}.mostrador-hero h1{margin:9px 0 8px;font-size:clamp(31px,4vw,48px);line-height:1.04;letter-spacing:-.045em}.mostrador-hero p{margin:0;color:var(--ms-muted);font-size:16px}.mostrador-hero>button{min-height:48px;padding-inline:20px;display:flex;align-items:center;gap:9px;white-space:nowrap}.mostrador-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.mostrador-metrics article{min-width:0;border:1px solid var(--ms-border);border-radius:16px;background:var(--ms-surface);padding:16px;display:flex;align-items:center;gap:13px;box-shadow:0 2px 8px rgba(23,49,84,.035)}.mostrador-metric-icon{width:42px;height:42px;border-radius:12px;background:var(--ms-primary-soft);color:var(--ms-primary);display:grid;place-items:center;flex:0 0 auto}.mostrador-metrics article div{display:grid;gap:3px;min-width:0}.mostrador-metrics small{color:var(--ms-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mostrador-metrics strong{font-size:21px}.mostrador-home-section{margin-top:28px}.mostrador-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.mostrador-section-heading h2{margin:0;font-size:21px}.mostrador-section-heading p{margin:4px 0 0;color:var(--ms-muted);font-size:13px}.mostrador-home-v2 .mostrador-menu-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mostrador-home-v2 .mostrador-menu-card{position:relative;min-height:138px;border-color:var(--ms-border);border-radius:16px;padding:16px;background:var(--ms-surface);box-shadow:0 2px 8px rgba(23,49,84,.035);display:grid;grid-template-rows:auto auto 1fr;gap:8px}.mostrador-home-v2 .mostrador-menu-card:hover{border-color:#9ec4f5;box-shadow:var(--ms-shadow);transform:translateY(-1px)}.mostrador-home-v2 .mostrador-menu-card.active{background:linear-gradient(145deg,#f5f9ff,#eaf3ff);border-color:#9dc3f6}.mostrador-card-icon{width:38px;height:38px;border-radius:11px;background:var(--ms-primary-soft);color:var(--ms-primary);display:grid;place-items:center}.mostrador-menu-card strong{font-size:15px}.mostrador-menu-card small{font-size:12px}.mostrador-card-arrow{position:absolute;right:14px;top:18px;color:#8ca0b8;font-size:18px}.mostrador-home-v2 .mostrador-today{margin-top:18px;border-color:var(--ms-border);background:var(--ms-surface);border-radius:14px;padding:14px 17px;gap:10px;flex-wrap:wrap}.mostrador-today-dot{width:8px;height:8px;border-radius:50%;background:var(--ms-success);box-shadow:0 0 0 4px color-mix(in srgb,var(--ms-success) 15%,transparent)}.mostrador-home-v2 .mostrador-today span:last-child{font-size:13px}.mostrador-nav-scrim{display:none}.mostrador-shell-v2 .mostrador-sale{min-height:calc(100dvh - 72px)}.mostrador-shell-v2 .mostrador-cart{top:72px;height:calc(100dvh - 72px);min-height:calc(100dvh - 72px)}.mostrador-shell-v2 .mostrador-checkout{min-height:calc(100dvh - 72px)} .mostrador-shell-v2 button:focus-visible,.mostrador-shell-v2 a:focus-visible,.mostrador-shell-v2 input:focus-visible,.mostrador-shell-v2 select:focus-visible,.mostrador-shell-v2 textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--ms-primary) 35%,transparent);outline-offset:2px} .mostrador-catalog-v2{padding:24px;display:flex;flex-direction:column;min-width:0}.mostrador-sale-head-v2{display:grid;grid-template-columns:minmax(200px,.7fr) minmax(360px,1.3fr);align-items:end;gap:20px;margin-bottom:14px}.mostrador-sale-head-v2 h1{margin:4px 0 2px;font-size:26px;letter-spacing:-.025em}.mostrador-sale-head-v2 p{margin:0;color:var(--ms-muted);font-size:13px}.mostrador-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:850;color:var(--ms-primary)}.mostrador-category-strip{display:flex;gap:7px;overflow:auto;padding:2px 1px 14px;scrollbar-width:thin}.mostrador-category-strip button{flex:0 0 auto;border:1px solid var(--ms-border);border-radius:999px;background:var(--ms-surface);color:var(--ms-muted);min-height:34px;padding:0 13px;font:700 11px inherit}.mostrador-category-strip button.active{border-color:var(--ms-primary);background:var(--ms-primary);color:#fff}.mostrador-catalog-v2 .mostrador-product-grid{flex:1}.mostrador-catalog-empty{grid-column:1/-1;min-height:300px;border:1px dashed var(--ms-border-strong);border-radius:18px;color:var(--ms-muted);display:grid;place-content:center;justify-items:center;text-align:center;gap:8px;padding:28px}.mostrador-catalog-empty strong{color:var(--ms-text);font-size:17px}.mostrador-catalog-empty button{margin-top:5px;border:0;background:transparent;color:var(--ms-primary);font-weight:800}.mostrador-cart-v2 .mostrador-cart-head{padding:18px}.mostrador-cart-count{display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;border-radius:999px;background:var(--ms-primary);color:#fff;font-size:12px;vertical-align:2px}.mostrador-cart-clear{border:0;background:transparent;color:#c23a3a;font:750 12px inherit}.mostrador-cart-customer{margin:12px 14px 0;border:1px solid var(--ms-border);border-radius:13px;background:var(--ms-surface-soft);color:var(--ms-text);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;text-align:left}.mostrador-cart-customer-icon{width:36px;height:36px;border-radius:10px;background:var(--ms-primary-soft);color:var(--ms-primary);display:grid;place-items:center}.mostrador-cart-customer>span:nth-child(2){display:grid;min-width:0}.mostrador-cart-customer small{color:var(--ms-muted);font-size:10px}.mostrador-cart-customer strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mostrador-cart-customer>b{color:var(--ms-primary);font-size:11px}.mostrador-cart-thumb{width:45px;height:45px;border-radius:8px;background:var(--ms-surface-soft);display:grid;place-items:center;color:var(--ms-muted);font-size:12px;flex:0 0 auto}.mostrador-empty-cart-icon{width:62px;height:62px;border-radius:18px;background:var(--ms-primary-soft);color:var(--ms-primary);display:grid;place-items:center;margin:0 auto 4px}.mostrador-cart-grand-total{border-top:1px solid var(--ms-border);padding-top:12px}.mostrador-cart-v2 .mostrador-cart-total>button:last-child{min-height:48px}.mostrador-cart-v2 .mostrador-cart-total>button:last-child:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb,var(--ms-primary) 20%,transparent)} .mostrador-checkout-v2{grid-template-rows:auto 1fr;align-content:start;gap:20px}.mostrador-checkout-progress{width:min(860px,100%);margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.mostrador-checkout-progress:before{content:"";position:absolute;left:16.66%;right:16.66%;top:17px;height:2px;background:var(--ms-border);z-index:0}.mostrador-checkout-progress li{position:relative;z-index:1;display:grid;justify-items:center;gap:6px;color:var(--ms-muted);font-size:11px}.mostrador-checkout-progress li>span{width:34px;height:34px;border-radius:50%;background:var(--ms-surface);border:1px solid var(--ms-border-strong);display:grid;place-items:center;font-weight:800}.mostrador-checkout-progress li.active{color:var(--ms-primary)}.mostrador-checkout-progress li.active>span{background:var(--ms-primary);border-color:var(--ms-primary);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--ms-primary) 13%,transparent)}.mostrador-checkout-progress li.done{color:var(--ms-success)}.mostrador-checkout-progress li.done>span{background:var(--ms-success);border-color:var(--ms-success);color:#fff}.mostrador-payment-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.mostrador-payment-heading h2{margin:4px 0 0}.mostrador-payment-mode{border:1px solid var(--ms-border);border-radius:10px;background:var(--ms-surface-soft);display:flex;padding:3px}.mostrador-payment-mode button{border:0;border-radius:7px;background:transparent;color:var(--ms-muted);min-height:34px;padding:0 11px;font:750 11px inherit}.mostrador-payment-mode button.active{background:var(--ms-surface);color:var(--ms-primary);box-shadow:0 2px 7px rgba(22,49,84,.08)}.mostrador-split-payment{display:grid;gap:12px}.mostrador-split-payment>p{margin:0}.mostrador-split-options{display:grid;gap:9px}.mostrador-split-option{border:1px solid transparent;border-radius:14px}.mostrador-split-option.active{border-color:var(--ms-primary);background:var(--ms-primary-soft);padding:5px}.mostrador-split-option>label{display:grid;grid-template-columns:auto minmax(120px,1fr);align-items:center;gap:12px;padding:7px 9px 9px;font-size:11px;font-weight:800}.mostrador-split-option input{min-height:42px;text-align:right;font-size:16px}.mostrador-split-status{border:1px solid var(--ms-border);border-radius:13px;background:var(--ms-surface-soft);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px}.mostrador-split-status>div{display:grid;gap:3px}.mostrador-split-status small{color:var(--ms-muted);font-size:11px}.mostrador-split-status.complete{border-color:#8bd7b6;background:#eafaf3;color:#08764a}.mostrador-split-status.over{border-color:#f0b0b0;background:#fff0f0;color:#a82424}.mostrador-split-status.pending b{color:var(--ms-primary)} .mostrador-module-host{padding:24px;min-width:0;width:100%;max-width:none}.mostrador-module{display:grid;gap:18px}.mostrador-module-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.mostrador-module-heading h1{font-size:30px;letter-spacing:-.03em;margin:5px 0}.mostrador-module-heading p{margin:0;color:var(--ms-muted)}.mostrador-module-total{border:1px solid var(--ms-border);border-radius:14px;background:var(--ms-surface);padding:13px 16px;display:grid;gap:3px;text-align:right}.mostrador-module-total small{color:var(--ms-muted)}.mostrador-module-total strong{font-size:20px}.mostrador-sales-list{border:1px solid var(--ms-border);border-radius:16px;background:var(--ms-surface);overflow:hidden}.mostrador-sales-list article{display:grid;grid-template-columns:minmax(220px,1fr) 120px 140px 150px;align-items:center;gap:14px;padding:14px 17px;border-bottom:1px solid var(--ms-border)}.mostrador-sales-list article:last-child{border-bottom:0}.mostrador-sales-list article>div{display:grid;gap:3px;min-width:0}.mostrador-sales-list small,.mostrador-sales-list span{color:var(--ms-muted)}.mostrador-sales-list em{justify-self:end;border-radius:999px;padding:5px 9px;font-style:normal;font-size:11px;font-weight:800}.mostrador-sales-list em.paid{background:#e7f8ef;color:#08764a}.mostrador-sales-list em.pending{background:#fff3d9;color:#945c00}.mostrador-module-empty{min-height:280px;border:1px dashed var(--ms-border-strong);border-radius:16px;display:grid;place-items:center;color:var(--ms-muted)}.mostrador-report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mostrador-report-grid article{border:1px solid var(--ms-border);border-radius:16px;background:var(--ms-surface);padding:18px;display:grid;gap:8px}.mostrador-report-grid article>span{width:40px;height:40px;border-radius:11px;background:var(--ms-primary-soft);color:var(--ms-primary);display:grid;place-items:center}.mostrador-report-grid small{color:var(--ms-muted)}.mostrador-report-grid strong{font-size:21px}.mostrador-report-accounts{border:1px solid var(--ms-border);border-radius:16px;background:var(--ms-surface);padding:20px}.mostrador-report-accounts h2{margin:0 0 12px}.mostrador-report-accounts>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--ms-border);padding:12px 0} .mostrador-module-host>.page-heading,.mostrador-module-host>.product-detail>.page-heading{margin:0 0 20px}.mostrador-module-host .page-heading h1{color:var(--ms-text);font-size:clamp(26px,3vw,34px);letter-spacing:-.035em}.mostrador-module-host .page-heading p,.mostrador-module-host .page-heading small{color:var(--ms-muted)}.mostrador-module-host .panel,.mostrador-module-host .catalog-strip,.mostrador-module-host .cash-summary,.mostrador-module-host .metrics-grid>*,.mostrador-module-host .customer-balance-cards>*{background:var(--ms-surface);border-color:var(--ms-border);border-radius:16px;box-shadow:0 3px 14px rgba(23,49,84,.04)}.mostrador-module-host .filters{border-color:var(--ms-border)}.mostrador-module-host [data-slot="table-container"],.mostrador-module-host .table-wrap{max-width:100%;overflow:auto}.mostrador-module-host table{color:var(--ms-text)}.mostrador-module-host th{color:var(--ms-muted)}.mostrador-module-host td{border-color:var(--ms-border)} html[data-refspata-theme="dark"] .mostrador-shell-v2{--ms-primary:#67a9ff;--ms-primary-strong:#86baff;--ms-primary-soft:#102d4d;--ms-bg:#07131f;--ms-surface:#0d1d2d;--ms-surface-soft:#12263a;--ms-text:#edf5fd;--ms-muted:#96abc0;--ms-border:#223a50;--ms-border-strong:#31506b;--ms-success:#45d39b;--ms-shadow:0 12px 34px rgba(0,0,0,.28)}html[data-refspata-theme="dark"] .mostrador-topbar{background:rgba(13,29,45,.9)}html[data-refspata-theme="dark"] .mostrador-hero{border-color:#294963;background:radial-gradient(circle at 85% 20%,#15375c 0,transparent 37%),linear-gradient(135deg,#0d1d2d,#0b2238)}html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-product-card,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-cart,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-checkout-card,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-success-card,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-choice,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-payment,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-customer-list button{background:var(--ms-surface);border-color:var(--ms-border);color:var(--ms-text)}html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-catalog,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-checkout{background:var(--ms-bg)}html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-product-card>img,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-product-fallback,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-cart-product img,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-checkout-thumb{background:var(--ms-surface-soft)}html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-checkout-customer,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-cash-box{background:var(--ms-surface-soft);border-color:var(--ms-border)}html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-choice.active,html[data-refspata-theme="dark"] .mostrador-shell-v2 .mostrador-payment.active{background:var(--ms-primary-soft);border-color:var(--ms-primary)} html[data-refspata-theme="dark"] .mostrador-split-status.complete{background:#0d3329;border-color:#24664f;color:#78e1b4}html[data-refspata-theme="dark"] .mostrador-split-status.over{background:#3a1d24;border-color:#74404b;color:#ff9eac} @media(max-width:1180px){.mostrador-shell-v2{grid-template-columns:204px minmax(0,1fr)}.mostrador-sidebar{padding-inline:10px}.mostrador-home-v2{padding:22px}.mostrador-home-v2 .mostrador-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mostrador-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mostrador-sale-head-v2{grid-template-columns:1fr}.mostrador-product-search{grid-column:auto}.mostrador-report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mostrador-sales-list article{grid-template-columns:minmax(180px,1fr) 100px 120px}.mostrador-sales-list article>span{display:none}} @media(max-width:860px){.mostrador-shell-v2{display:block}.mostrador-sidebar{position:fixed;left:0;top:0;width:min(300px,86vw);transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--ms-shadow)}.mostrador-sidebar.open{transform:translateX(0)}.mostrador-nav-scrim{display:block;position:fixed;inset:0;z-index:35;border:0;background:rgba(4,14,24,.52)}.mostrador-menu-toggle{width:42px;height:42px;border:1px solid var(--ms-border);border-radius:10px;background:var(--ms-surface);color:var(--ms-text);display:grid;place-items:center}.mostrador-topbar{padding:10px 14px}.mostrador-topbar-actions .refspata-mode-switch{display:none!important}.mostrador-refresh span{display:none}.mostrador-refresh{width:42px;padding:0;justify-content:center}.mostrador-home-v2{padding:16px}.mostrador-hero{min-height:190px;padding:26px;align-items:flex-start;flex-direction:column}.mostrador-home-v2 .mostrador-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mostrador-shell-v2 .mostrador-cart{top:auto;height:auto;min-height:420px}} @media(max-width:560px){.mostrador-topbar-title small{display:none}.mostrador-hero h1{font-size:32px}.mostrador-hero>button{width:100%;justify-content:center}.mostrador-metrics{grid-template-columns:1fr}.mostrador-home-v2 .mostrador-menu-grid{grid-template-columns:1fr}.mostrador-home-v2 .mostrador-menu-card{min-height:112px}.mostrador-home-v2 .mostrador-today{align-items:flex-start}.mostrador-module-host{padding:14px}.mostrador-module-heading{align-items:stretch;flex-direction:column}.mostrador-module-total{text-align:left}.mostrador-report-grid{grid-template-columns:1fr}.mostrador-sales-list article{grid-template-columns:1fr auto}.mostrador-sales-list article>b{grid-column:2;grid-row:1}.mostrador-sales-list article>em{grid-column:1/-1;justify-self:start}.mostrador-payment-heading{flex-direction:column}.mostrador-payment-mode{width:100%}.mostrador-payment-mode button{flex:1}} .mostrador-loading{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:8px;padding:24px;background:#f4f7fb;color:#13233a;text-align:center}.mostrador-loading h1{margin:0;font-size:clamp(28px,4vw,38px);letter-spacing:-.035em}.mostrador-loading p{margin:0;color:#687b94;font-size:16px}.mostrador-loading button{margin-top:12px} .mostrador-shell-v2 .mostrador-product-card{min-height:248px;overflow:hidden}.mostrador-shell-v2 .mostrador-product-info{flex:1}.mostrador-shell-v2 .mostrador-product-info strong{display:-webkit-box;min-height:52.5px;max-width:100%;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;white-space:normal;overflow-wrap:anywhere;word-break:normal}.mostrador-shell-v2 .mostrador-cart-product strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere} html[data-refspata-theme="dark"] .mostrador-loading{color:#edf5fd;background:#07131f;color-scheme:dark}html[data-refspata-theme="dark"] .mostrador-loading p{color:#a6b8cb} html[data-refspata-theme="dark"] .mostrador-shell-v2{color-scheme:dark}html[data-refspata-theme="dark"] .mostrador-home-v2 .mostrador-menu-card.active{background:linear-gradient(145deg,#102d4d,#0f2741);border-color:#3e78b7;color:var(--ms-text)}html[data-refspata-theme="dark"] .mostrador-home-v2 .mostrador-menu-card.active small,html[data-refspata-theme="dark"] .mostrador-home-v2 .mostrador-menu-card.active .mostrador-card-arrow{color:#b6c9dc} html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(input,textarea,select,[data-slot="select-trigger"],[role="combobox"]){background:var(--ms-surface-soft)!important;border-color:var(--ms-border-strong)!important;color:var(--ms-text)!important}html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(input,textarea)::placeholder{color:#8197ad!important;opacity:1}html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(.mostrador-stepper,.mostrador-big-stepper){background:var(--ms-surface)!important;border-color:var(--ms-border-strong)!important}html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(.mostrador-stepper,.mostrador-big-stepper) button{background:var(--ms-surface-soft)!important;color:var(--ms-primary)!important}html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(.mostrador-stepper,.mostrador-big-stepper) :is(b,strong){border-color:var(--ms-border)!important;color:var(--ms-text)!important} html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(.mostrador-tier-list>div,.mostrador-detail-main>img,.mostrador-line-editor-product>img,.mostrador-line-editor-fallback){background:var(--ms-surface-soft)!important;border-color:var(--ms-border)!important;color:var(--ms-text)!important}html[data-refspata-theme="dark"] .mostrador-shell-v2 :is(.mostrador-detail-section,.mostrador-line-summary,.mostrador-cart-lines article){border-color:var(--ms-border)!important} html[data-refspata-theme="dark"] body:has(.mostrador-shell-v2) [data-slot="dialog-content"]{color-scheme:dark;background:#0d1d2d!important;border-color:#2a4056!important;color:#edf5fd!important}html[data-refspata-theme="dark"] body:has(.mostrador-shell-v2) [data-slot="dialog-title"]{color:#f3f7fc!important}html[data-refspata-theme="dark"] body:has(.mostrador-shell-v2) [data-slot="dialog-description"]{color:#9db1c6!important}html[data-refspata-theme="dark"] body:has(.mostrador-shell-v2) [data-slot="dialog-content"] :is(input,textarea,select,[role="combobox"],[data-slot="select-trigger"]){background:#12263a!important;border-color:#31506b!important;color:#edf5fd!important}html[data-refspata-theme="dark"] body:has(.mostrador-shell-v2) [data-slot="dialog-content"] :is(input,textarea)::placeholder{color:#8298af!important;opacity:1} .refspata-mode-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid var(--ms-border,#dce5f0);border-radius:12px;background:var(--ms-surface-soft,#f8fafc)}.refspata-mode-switch button{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:var(--ms-muted,#687b94);font:700 12px/1 system-ui,-apple-system,sans-serif;white-space:nowrap;cursor:pointer}.refspata-mode-switch button.active{background:var(--ms-primary,#1768e5);color:#fff;cursor:default}.refspata-mode-switch button:focus-visible{outline:3px solid color-mix(in srgb,var(--ms-primary,#1768e5) 35%,transparent);outline-offset:2px} @media(prefers-reduced-motion:reduce){.mostrador-shell-v2 *{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}} .mostrador-version-badge{display:inline-flex;align-items:center;min-height:18px;margin:5px 0 0 11px;padding:2px 6px;border:1px solid var(--ms-border);border-radius:999px;background:var(--ms-surface-soft);color:var(--ms-muted);font-size:9px;font-weight:750;line-height:1;letter-spacing:.02em} /* REFSPATA · Mostrador sales flow · iPad/desktop operational polish */ .mostrador-sale-search{margin-bottom:10px}.mostrador-sale-search .mostrador-product-search input{min-height:56px} .mostrador-info-hint{display:none!important} .mostrador-shell-v2 .mostrador-product-info strong{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;line-height:1.22} .mostrador-shell-v2 .mostrador-cart-product strong{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2} .mostrador-checkout-two{align-items:start}.mostrador-summary-card{align-content:start;height:auto!important}.mostrador-summary-card .mostrador-checkout-summary{align-content:start;max-height:46dvh;overflow:auto;overscroll-behavior:contain}.mostrador-summary-card .mostrador-checkout-line{align-items:start}.mostrador-summary-card .mostrador-checkout-totals{margin-top:4px} .mostrador-final-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.mostrador-final-actions>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mostrador-document-number{font-size:20px}.mostrador-success-payment{font-size:13px!important} .mostrador-customer-picker{max-height:calc(100dvh - 190px);overflow:hidden}.mostrador-customer-list{max-height:calc(100dvh - 330px)!important;overflow:auto;overscroll-behavior:contain}.mostrador-customer-search{position:sticky;top:0;z-index:4} html[data-refspata-theme="dark"] .mostrador-customer-search{background:var(--ms-surface,#0d1d2d)!important}html[data-refspata-theme="dark"] .mostrador-customer-search input{background:var(--ms-surface-soft,#12263a)!important;border-color:var(--ms-border,#223a50)!important;color:var(--ms-text,#edf5fd)!important}html[data-refspata-theme="dark"] .mostrador-customer-search input::placeholder{color:var(--ms-muted,#96abc0)!important}html[data-refspata-theme="dark"] .mostrador-customer-list button{background:var(--ms-surface,#0d1d2d)!important;border-color:var(--ms-border,#223a50)!important;color:var(--ms-text,#edf5fd)!important}html[data-refspata-theme="dark"] .mostrador-customer-list button:hover,html[data-refspata-theme="dark"] .mostrador-customer-list button:focus-visible{background:var(--ms-surface-soft,#12263a)!important}html[data-refspata-theme="dark"] .mostrador-customer-list button small{color:var(--ms-muted,#96abc0)!important} @media(min-width:861px){ .mostrador-shell-v2.mostrador-shell-work{display:block} .mostrador-shell-work .mostrador-stage{width:100%;min-height:100dvh} .mostrador-shell-work .mostrador-sidebar{position:fixed;left:0;top:0;width:236px;height:100dvh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--ms-shadow);z-index:50} .mostrador-shell-work .mostrador-sidebar.open{transform:translateX(0)} .mostrador-shell-work .mostrador-menu-toggle{width:42px;height:42px;border:1px solid var(--ms-border);border-radius:10px;background:var(--ms-surface);color:var(--ms-text);display:grid;place-items:center;flex:0 0 auto} .mostrador-shell-work .mostrador-nav-scrim{display:block;position:fixed;inset:0;z-index:45;border:0;background:rgba(4,14,24,.48)} .mostrador-shell-work .mostrador-catalog-v2{padding-top:14px} .mostrador-shell-work .mostrador-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .mostrador-shell-work .mostrador-product-card{min-height:208px;padding:10px} .mostrador-shell-work .mostrador-product-card>img,.mostrador-shell-work .mostrador-product-fallback{height:92px;margin-bottom:8px} } @media(min-width:861px) and (max-width:1180px){ .shipping-preparation-modal{width:96vw!important;max-width:96vw!important} .shipping-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px} .shipping-action-card{min-width:0;padding-inline:10px} .shipping-action-card small{white-space:normal;line-height:1.2} } @media(max-width:860px){ .mostrador-sale-search{margin-bottom:8px}.mostrador-sale-search .mostrador-product-search input{min-height:54px} .mostrador-final-actions{align-items:stretch;flex-direction:column}.mostrador-final-actions>div{display:grid;grid-template-columns:1fr;justify-content:stretch}.mostrador-final-actions>button,.mostrador-final-actions>div>button{width:100%} .mostrador-summary-card .mostrador-checkout-summary{max-height:none;overflow:visible} } @media(max-height:760px){.mostrador-customer-picker{max-height:calc(100dvh - 120px)}.mostrador-customer-list{max-height:calc(100dvh - 255px)!important}} @media(prefers-reduced-motion:reduce){.mostrador-shell-work .mostrador-sidebar{transition:none!important}} /* Nueva venta: imágenes neutras, jerarquía de lectura y paneles independientes. */ .mostrador-sale-mobile-nav{display:none} .mostrador-shell-v2 .mostrador-sale{flex:none;height:calc(100dvh - 72px);min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) minmax(350px,400px)} .mostrador-shell-v2 .mostrador-catalog-v2{min-height:0;overflow:hidden;padding:16px} .mostrador-shell-v2 .mostrador-product-grid{min-height:0;overflow:auto;align-items:stretch;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));padding:2px 4px 12px;scrollbar-width:thin} .mostrador-shell-v2 .mostrador-product-card{min-height:0;padding:10px;border-radius:15px;box-shadow:0 3px 12px #10263e08;transition:border-color .15s,box-shadow .15s;touch-action:pan-y;-webkit-user-select:none;user-select:none} .mostrador-shell-v2 .mostrador-product-card:has(.mostrador-qty-badge){border-color:var(--ms-primary);box-shadow:inset 0 -3px var(--ms-primary)} .mostrador-shell-v2 .mostrador-product-card:hover{border-color:var(--ms-primary)} .mostrador-shell-v2 .mostrador-product-card>img{height:124px;width:100%;background:#fff!important;padding:9px;object-fit:contain;border-radius:10px;flex-shrink:0} .mostrador-shell-v2 .mostrador-product-fallback{height:124px;background:color-mix(in srgb,var(--ms-primary) 10%,var(--ms-surface))!important;color:var(--ms-primary);font-size:28px;flex-shrink:0} .mostrador-shell-v2 .mostrador-product-info strong{font-size:14px;min-height:0;line-height:1.35} .mostrador-shell-v2 .mostrador-product-info small{font-size:11px;color:var(--ms-muted);margin-top:7px} .mostrador-shell-v2 .mostrador-product-info b{font-size:19px;color:var(--ms-primary);margin-top:auto;padding-top:9px;font-variant-numeric:tabular-nums} .mostrador-shell-v2 .mostrador-product-info span{font-size:11px;color:var(--ms-muted)} .mostrador-shell-v2 .mostrador-product-info span.danger{color:#e65d68} .mostrador-shell-v2 .mostrador-cart-v2{position:relative;top:0;height:100%;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden} .mostrador-shell-v2 .mostrador-cart-lines{min-height:0;overscroll-behavior:contain;scrollbar-width:thin} .mostrador-shell-v2 .mostrador-cart-customer{background:color-mix(in srgb,var(--ms-primary) 6%,var(--ms-surface));border-color:color-mix(in srgb,var(--ms-primary) 30%,var(--ms-border))} .mostrador-shell-v2 .mostrador-cart-customer strong{font-size:15px;white-space:normal;overflow-wrap:anywhere} .mostrador-shell-v2 .mostrador-cart-customer small{font-size:11px} .mostrador-shell-v2 .mostrador-cart-product img,.mostrador-shell-v2 .mostrador-checkout-line>img{background:#fff!important;padding:3px;flex-shrink:0;object-fit:contain} .mostrador-shell-v2 .mostrador-cart-product strong{font-size:13px;line-height:1.35;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important} .mostrador-shell-v2 .mostrador-product-grid{grid-auto-rows:max-content;align-content:start} .mostrador-shell-v2 .mostrador-stepper button{width:36px;height:38px} .mostrador-shell-v2 .mostrador-line-total{font-size:16px;color:var(--ms-text)} .mostrador-shell-v2 .mostrador-line-discount{color:var(--ms-success)} .mostrador-shell-v2 .mostrador-cart-total{padding:14px 18px;background:var(--ms-surface);border-top:1px solid var(--ms-border)} .mostrador-shell-v2 .mostrador-cart-grand-total strong{color:var(--ms-success);font-size:28px!important} .mostrador-shell-v2 .mostrador-cart-total>button[data-variant="outline"]{height:38px;font-size:13px;color:var(--ms-primary)!important;background:var(--ms-primary-soft)!important;border-color:var(--ms-border)!important} .mostrador-shell-v2 .mostrador-checkout-v2{padding-top:24px;overflow:visible} .mostrador-shell-v2 .mostrador-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .mostrador-shell-v2 .mostrador-checkout-customer strong{font-size:18px} .mostrador-shell-v2 .mostrador-choice.active{box-shadow:inset 0 -3px var(--ms-primary)} .r40-facts .r40-invoice-intent{grid-column:1/-1;background:color-mix(in srgb,#3988ff 10%,transparent)} .r40-facts .r40-invoice-intent dd{font-size:15px} @media(min-width:701px) and (max-width:1000px){ .mostrador-shell-v2 .mostrador-sale{grid-template-columns:minmax(0,1fr) 330px!important} .mostrador-shell-v2 .mostrador-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .mostrador-shell-v2 .mostrador-catalog-v2{padding:12px} } @media(max-width:700px){ .mostrador-shell-v2 .mostrador-sale{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 72px)} .mostrador-sale-mobile-nav{display:grid;grid-template-columns:1fr 1.5fr;gap:6px;padding:8px 12px;background:var(--ms-surface);border-bottom:1px solid var(--ms-border)} .mostrador-sale-mobile-nav button{min-width:0;min-height:42px;border:1px solid var(--ms-border);border-radius:10px;background:transparent;color:var(--ms-muted);font-size:13px;font-weight:700} .mostrador-sale-mobile-nav button strong{display:block;font-size:12px} .mostrador-sale-mobile-nav button[aria-pressed="true"]{color:var(--ms-primary);background:var(--ms-primary-soft);border-color:var(--ms-primary)} .mostrador-shell-v2 .mostrador-sale-pane-catalog>.mostrador-cart,.mostrador-shell-v2 .mostrador-sale-pane-cart>.mostrador-catalog{display:none} .mostrador-shell-v2 .mostrador-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .mostrador-shell-v2 .mostrador-product-card>img,.mostrador-shell-v2 .mostrador-product-fallback{height:112px} .mostrador-shell-v2 .mostrador-product-info b{font-size:18px} .mostrador-shell-v2 .mostrador-catalog-v2{padding:10px} .mostrador-shell-v2 .mostrador-cart-v2{grid-row:2;border-left:0} .mostrador-shell-v2 .mostrador-cart-head{padding:10px 16px} .mostrador-shell-v2 .mostrador-choice-grid{grid-template-columns:1fr} .mostrador-shell-v2 .mostrador-topbar{gap:6px;padding-inline:8px} .mostrador-shell-v2 .mostrador-topbar-actions{gap:5px} } /* Catálogo: estilos locales; mantiene los tokens y controles compartidos. */ .products-screen{--pc-bg:var(--surface,#fff);--pc-soft:var(--surface-2,#f5f8fc);--pc-border:var(--border,#dce6f2);--pc-text:var(--text,#172743);--pc-muted:var(--text-muted,#677f9d);display:grid;gap:20px;min-width:0;color:var(--pc-text)} .products-screen .page-heading{margin-bottom:0}.products-screen .catalog-strip{display:flex;flex-wrap:wrap;gap:24px;padding:0;background:transparent;border:0;margin:0}.products-screen .catalog-strip>span{padding:0 24px 0 0;border-right:1px solid var(--pc-border);color:var(--pc-muted)}.products-screen .catalog-strip strong{color:var(--pc-text);font-size:22px;margin-right:8px}.products-screen .catalog-strip .amber-text strong{color:#b76506}.products-screen .catalog-strip .right-note{margin-left:auto;border:0;font-size:12px} .products-catalog{display:grid;gap:16px;min-width:0}.products-filter-card,.products-cost-card,.products-actions-card,.products-table-card{min-width:0;border:1px solid var(--pc-border);border-radius:14px;background:var(--pc-bg);box-shadow:0 3px 12px #18345b05} .products-filter-card{padding:18px 20px}.products-filter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.products-filter-heading h2{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700}.products-filter-heading svg{color:var(--primary,#1768e5)} .products-screen .products-filter-card>.filters{display:grid;grid-template-columns:minmax(160px,1.1fr) minmax(220px,2fr) minmax(120px,.8fr) minmax(210px,1fr);gap:12px;padding:0;border:0;background:transparent;align-items:center}.products-filter-card .filters>*{min-width:0;width:100%}.products-screen .products-filter-card .search-box{max-width:none}.products-facets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.products-facets>*{min-width:0;max-width:100%} .products-cost-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 22px}.products-cost-card strong{font-size:16px}.products-cost-card small{font-size:13px}.products-cost-card .cost-mode-filter-actions{margin-left:auto} .products-actions-card{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:20px;padding:18px 20px}.products-selection{min-width:0;display:grid;gap:12px}.products-selection-count{font-size:14px;font-weight:750}.products-bulk-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.products-selection-help{font-size:12px;line-height:1.5;color:var(--pc-muted)}.products-catalog-controls{border-left:1px solid var(--pc-border);padding-left:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.products-ordering,.products-sync{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.products-screen .products-page-size{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0;font-size:12px;color:var(--pc-muted)}.products-page-size select{min-height:36px;max-width:100%;padding:6px 10px;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-bg);color:var(--pc-text)} .products-screen button{max-width:100%}.products-bulk-actions button,.products-sync button{white-space:normal;min-height:36px;height:auto;line-height:1.35}.products-sync{padding-top:12px;border-top:1px solid var(--pc-border)}.products-sync>span{flex-basis:100%}.products-table-card{overflow-x:auto}.products-table-card table{width:100%;table-layout:auto;font-size:13px}.products-table-card th{background:var(--pc-soft);font-size:12px;font-weight:650;color:var(--pc-muted);padding:13px 12px;white-space:nowrap}.products-table-card td{padding:12px;border-bottom:1px solid var(--pc-border);vertical-align:middle}.products-table-card tr:last-child td{border-bottom:0}.products-table-card .product-cell{width:30%;min-width:300px}.products-table-card .catalog-product{display:flex;gap:12px;align-items:center}.products-table-card .catalog-product>div{min-width:0}.products-table-card .catalog-product button:not(.catalog-thumbnail){white-space:normal;overflow-wrap:anywhere;text-align:left;font-size:13px;line-height:1.45;color:var(--pc-text)}.products-table-card .catalog-thumbnail{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--pc-border);border-radius:8px;background:var(--pc-soft);overflow:hidden}.products-table-card .catalog-thumbnail img{width:100%;height:100%;object-fit:contain}.products-table-card .sku{font-size:12px;color:var(--pc-muted);white-space:normal;overflow-wrap:anywhere}.products-table-card .category-label{white-space:normal;overflow-wrap:anywhere;font-size:12px;color:var(--pc-muted);min-width:120px;display:block}.products-table-card .price-cell{white-space:nowrap;font-variant-numeric:tabular-nums}.products-table-card .price-cell small{font-size:11px;color:var(--pc-muted)}.products-select-all span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.products-table-card input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary,#1768e5)} .products-publication{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:11px;background:var(--pc-soft);color:var(--pc-muted)}.products-publication:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.products-publication.published{background:#e7f8ec;color:#187846}.products-publication.pending{background:#fff3df;color:#9b6000}.products-row-menu{position:relative}.products-row-menu summary{list-style:none;cursor:pointer;font-size:24px;line-height:1;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;color:var(--pc-muted)}.products-row-menu summary::-webkit-details-marker{display:none}.products-row-menu summary:hover{background:var(--pc-soft)}.products-row-menu-items{position:absolute;right:0;bottom:38px;z-index:20;display:grid;gap:4px;padding:6px;min-width:140px;border:1px solid var(--pc-border);border-radius:10px;background:var(--pc-bg);box-shadow:0 8px 24px #0002}.products-row-menu-items button{width:100%;justify-content:flex-start;padding:8px 10px;gap:8px;height:auto}.products-row-menu summary:focus-visible{outline:3px solid var(--primary,#1768e5);outline-offset:2px}.products-table-card .products-pager{padding:14px;border-top:1px solid var(--pc-border);display:flex;justify-content:flex-end;align-items:center;gap:12px} .products-table-card tbody tr:first-child .products-row-menu-items{top:38px;bottom:auto} html[data-refspata-theme="dark"] .products-screen{--pc-bg:#0e2030;--pc-soft:#152b3e;--pc-border:#2b4359;--pc-text:#eaf2fb;--pc-muted:#a1b6cb;color-scheme:dark}html[data-refspata-theme="dark"] .products-publication.published{background:#113d2e;color:#91e5b6}html[data-refspata-theme="dark"] .products-publication.pending{background:#3f3018;color:#ffd180} html[data-refspata-theme="dark"] .products-filter-card [role=tab][data-state=active]{color:#82b8ff} .products-filter-card [role=tablist]{width:100%;background:var(--pc-soft);border:1px solid var(--pc-border)}.products-filter-card [role=tab]{color:var(--pc-muted)}.products-filter-card [role=tab][data-state=active]{background:var(--pc-bg);color:var(--primary,#1768e5);border-color:var(--pc-border)}.products-facets>[data-slot=input-group]{background:var(--pc-bg);border-color:var(--pc-border)}.products-table-card td.muted{min-width:120px;max-width:240px;white-space:normal;overflow-wrap:anywhere} html[data-refspata-theme="dark"] .products-screen .badge.success{background:#113d2e;color:#91e5b6}html[data-refspata-theme="dark"] .products-screen .badge.warning{background:#3f3018;color:#ffd180}html[data-refspata-theme="dark"] .products-screen .badge.neutral{background:var(--pc-soft);color:var(--pc-muted)}html[data-refspata-theme="dark"] .products-screen .catalog-strip .amber-text strong{color:#ffd180} /* Excepciones locales necesarias para los fondos inline/heredados. */ html[data-refspata-theme="dark"] .products-sync>div{background:var(--pc-bg)!important;border-color:var(--pc-border)!important}html[data-refspata-theme="dark"] .products-filter-card>.filters{background:transparent!important} @media(min-width:1800px){.products-actions-card{grid-template-columns:minmax(0,2fr) minmax(400px,1fr)}.products-table-card td{padding-block:15px}} @media(max-width:1200px){.products-screen .products-filter-card>.filters{grid-template-columns:1fr 1fr}.products-facets{grid-template-columns:repeat(3,minmax(0,1fr))}.products-actions-card{grid-template-columns:1fr}.products-catalog-controls{padding:14px 0 0;border-left:0;border-top:1px solid var(--pc-border)}.products-table-card table{min-width:940px}} @media(max-width:640px){.products-filter-card,.products-actions-card,.products-cost-card{padding:14px}.products-screen .products-filter-card>.filters,.products-facets{grid-template-columns:1fr}.products-screen .catalog-strip{gap:12px}.products-screen .catalog-strip>span{padding-right:12px}.products-cost-card .cost-mode-filter-actions{margin:0;width:100%}.products-cost-card button{flex:1}.products-filter-heading{align-items:flex-start}.products-table-card .products-pager{justify-content:center}} /* Costos automáticos: controles nativos compactos con área táctil accesible. */ .automatic-cost-bulk-modal .checkbox-field{display:flex;align-items:center;gap:8px;min-height:40px} .automatic-cost-bulk-modal .automatic-cost-check{display:grid;place-items:center;width:40px;height:40px;margin:auto;cursor:pointer} .automatic-cost-bulk-modal :is(.checkbox-field,.automatic-cost-check)>input[type="checkbox"]{appearance:auto!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;transform:none!important;accent-color:var(--primary,#1768e5);cursor:pointer} /* Productos · catálogo, ficha y editor responsive */ .products-screen,.product-detail,.product-workbench-dialog{--px-surface:var(--card,#fff);--px-soft:var(--muted,#f4f7fb);--px-line:var(--border,#d7e2ec);--px-text:var(--foreground,#10263e);--px-muted:var(--muted-foreground,#60758d);--px-blue:var(--primary,#1768e5);--px-blue-soft:color-mix(in srgb,var(--px-blue) 11%,var(--px-surface));} /* Catálogo: sólo la búsqueda esencial queda abierta; lo secundario vive en un panel. */ .products-command-card,.products-table-card{min-width:0;border:1px solid var(--px-line);border-radius:15px;background:var(--px-surface);box-shadow:0 3px 14px rgba(16,38,62,.045)} .products-command-card{padding:12px}.products-primary-toolbar>.filters{display:grid!important;grid-template-columns:minmax(260px,1.8fr) minmax(170px,.9fr) minmax(150px,.8fr) minmax(210px,1fr)!important;gap:9px!important;padding:0!important;border:0!important;background:transparent!important}.products-primary-toolbar>.filters>*{min-width:0;width:100%}.products-primary-toolbar .search-box{max-width:none!important} .products-advanced-panel{margin-top:10px;border-top:1px solid var(--px-line)}.products-advanced-panel>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:10px 4px 0;color:var(--px-text);font-size:13px;font-weight:700}.products-advanced-panel>summary::-webkit-details-marker{display:none}.products-advanced-panel>summary:after{content:'⌄';font-size:18px;color:var(--px-muted);transition:transform .18s ease}.products-advanced-panel[open]>summary:after{transform:rotate(180deg)}.products-advanced-panel>summary small{margin-left:auto;color:var(--px-muted);font-size:11px;font-weight:500}.products-advanced-body{display:grid;gap:12px;padding-top:12px}.products-advanced-body .products-filter-heading{margin:0}.products-advanced-body .products-filter-heading h2{font-size:14px}.products-advanced-body .products-facets{margin:0}.products-advanced-body .products-cost-card,.products-advanced-body .products-actions-card{box-shadow:none} .products-screen .catalog-strip{align-items:center}.products-screen .catalog-strip .right-note{font-size:0}.products-screen .catalog-strip .right-note:after{content:'Precios finales';font-size:12px}.products-table-card .catalog-thumbnail{width:58px!important;height:58px!important;flex-basis:58px!important;border-radius:10px!important}.products-table-card .price-cell>small{display:none!important}.products-table-card th:nth-child(6){font-size:0}.products-table-card th:nth-child(6):before{content:'Precio final';font-size:12px}.products-table-card th:nth-child(6) .cell-secondary{display:block;font-size:11px;margin-top:3px} /* Ficha: una sola galería, precios finales y mejor uso del ancho. */ .product-detail{width:100%;max-width:none;min-width:0}.product-detail>.page-heading{align-items:flex-start}.product-detail .product-overview{display:grid!important;grid-template-columns:minmax(250px,310px) minmax(360px,1fr) minmax(260px,310px)!important;gap:14px!important}.product-detail .product-photo-panel,.product-detail .product-stock-card,.product-detail .product-locations,.product-detail .product-pricing{border-radius:14px;box-shadow:0 3px 14px rgba(16,38,62,.045)}.product-detail .product-photo{min-height:280px}.product-detail .product-photo img{width:100%;height:280px;object-fit:contain}.product-detail-thumbnails{display:flex;gap:8px;max-width:100%;padding:10px 0 2px;overflow-x:auto;scrollbar-width:thin}.product-detail-thumbnails button{flex:0 0 54px;width:54px;height:54px;padding:4px;border:1px solid var(--px-line);border-radius:9px;background:var(--px-soft)}.product-detail-thumbnails button.active{border-color:var(--px-blue);box-shadow:inset 0 0 0 1px var(--px-blue)}.product-detail-thumbnails img{width:100%;height:100%;object-fit:contain}.product-detail .product-pricing .net-price,.product-detail .product-pricing>p.muted:last-child,.product-detail .product-web-profile .product-detail-gallery{display:none!important}.product-detail .product-price{padding:14px 0}.product-detail .product-price strong{font-size:clamp(22px,2vw,30px)}.product-detail .web-profile-grid{grid-template-columns:repeat(6,minmax(0,1fr))} /* Editor: mismo flujo por secciones en PC, iPad y celular. */ .form-dialog.product-workbench-dialog{width:calc(100vw - 32px)!important;max-width:1500px!important;max-height:96dvh!important;padding:22px 24px!important;overflow:auto!important;background:var(--px-soft)!important}.product-workbench{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;margin-top:14px!important}.product-editor-nav{position:sticky;top:-22px;z-index:8;grid-column:1/-1;display:flex;gap:6px;padding:8px;border:1px solid var(--px-line);border-radius:13px;background:color-mix(in srgb,var(--px-surface) 94%,transparent);box-shadow:0 7px 22px rgba(16,38,62,.08);backdrop-filter:blur(12px);overflow-x:auto}.product-editor-nav button{flex:1 1 130px;min-width:max-content;min-height:42px;padding:8px 11px;border:0;border-radius:9px;background:transparent;color:var(--px-muted);display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:700}.product-editor-nav button.active{color:#fff;background:var(--px-blue)}.product-editor-step-number{display:grid;place-items:center;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:10px}.product-editor-section{min-width:0;padding:20px!important;margin:0!important;border-color:var(--px-line)!important;background:var(--px-surface)!important}.product-editor-section[hidden]{display:none!important}.product-editor-section[data-product-editor-section="information"],.product-editor-section[data-product-editor-section="classification"],.product-editor-section[data-product-editor-section="confirm"],.product-editor-section[data-product-editor-section="costs"]:has(.product-final-cost){grid-column:1/-1}.product-editor-section[data-product-editor-section="information"]+.product-editor-section[data-product-editor-section="information"]{grid-column:1/-1}.product-editor-section[data-product-editor-section="inventory"]:has(.article-table){grid-column:1/-1}.product-editor-section>h2{font-size:18px!important;margin-bottom:16px!important;color:var(--px-text)!important}.product-editor-section .product-basics{grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:20px}.product-editor-section .product-photo-drop{min-height:220px}.product-editor-section .form-grid{gap:14px!important;margin:14px 0!important}.product-editor-section .cost-adjustments{height:100%;border:1px solid var(--px-line);background:var(--px-soft)}.product-editor-section .product-sale-summary{gap:12px}.product-editor-section .product-sale-summary>div{padding:18px;background:var(--px-blue-soft)}.product-editor-section .product-sale-summary strong{font-size:26px}.product-confirm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-confirm-grid article{display:grid;gap:5px;min-height:112px;padding:15px;border:1px solid var(--px-line);border-radius:11px;background:var(--px-soft)}.product-confirm-grid small,.product-confirm-grid span{color:var(--px-muted)}.product-confirm-grid strong{font-size:16px;overflow-wrap:anywhere}.product-save-bar{grid-column:1/-1;bottom:-22px!important;margin:0 -24px -22px;padding:14px 24px!important;background:color-mix(in srgb,var(--px-surface) 96%,transparent)!important;backdrop-filter:blur(12px)}.product-workbench .article-table{min-width:640px}.product-workbench [data-slot="table-container"],.product-workbench .table-wrap{max-width:100%;overflow-x:auto} .product-state-help{grid-column:1/-1;display:grid;gap:4px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--px-blue) 24%,var(--px-line));border-radius:10px;background:var(--px-blue-soft);color:var(--px-text)}.product-state-help strong{font-size:13px}.product-state-help p{margin:0;font-size:12px;line-height:1.5;color:var(--px-muted)} html[data-refspata-theme="dark"] .products-screen,html[data-refspata-theme="dark"] .product-detail,html[data-refspata-theme="dark"] .product-workbench-dialog{--px-surface:#0d2031;--px-soft:#12293c;--px-line:#29445b;--px-text:#eef5fc;--px-muted:#9db2c6;--px-blue:#3f91ff;--px-blue-soft:#12335a;color-scheme:dark}.product-workbench-dialog input,.product-workbench-dialog textarea,.product-workbench-dialog select{color:var(--px-text)!important}.product-workbench-dialog .muted,.product-workbench-dialog small{color:var(--px-muted)!important} @media(max-width:1100px){.products-primary-toolbar>.filters{grid-template-columns:1fr 1fr!important}.product-detail .product-overview{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr)!important}.product-detail .product-pricing{grid-column:1/-1}.product-detail .web-profile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-workbench{grid-template-columns:1fr}.product-editor-section{grid-column:1/-1!important}.product-editor-nav button{flex:1 0 auto}} @media(max-width:700px){.products-command-card{padding:10px}.products-primary-toolbar>.filters{grid-template-columns:1fr!important}.products-advanced-panel>summary{align-items:flex-start}.products-advanced-panel>summary small{display:none}.products-screen .catalog-strip{gap:8px!important}.products-screen .catalog-strip>span{padding-right:9px!important;font-size:11px}.products-screen .catalog-strip strong{font-size:17px!important}.products-advanced-body .products-facets{grid-template-columns:1fr!important}.products-advanced-body .products-cost-card{align-items:stretch}.products-advanced-body .cost-mode-filter-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;margin:0!important}.products-advanced-body .products-actions-card{padding:12px!important}.products-table-card{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}.products-table-card [data-slot="table-container"]{overflow:visible!important}.products-table-card table,.products-table-card tbody{display:block!important;width:100%!important;min-width:0!important}.products-table-card thead{display:none!important}.products-table-card tr{display:grid!important;grid-template-columns:30px 68px minmax(0,1fr) auto!important;gap:7px 9px;margin-bottom:10px;padding:11px;border:1px solid var(--px-line);border-radius:13px;background:var(--px-surface)}.products-table-card td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:0!important;border:0!important}.products-table-card td:nth-child(1){grid-column:1;grid-row:1}.products-table-card td:nth-child(2){grid-column:2;grid-row:3}.products-table-card td:nth-child(3){grid-column:2/4;grid-row:1/3}.products-table-card td:nth-child(4){grid-column:2/4;grid-row:3;color:var(--px-muted)}.products-table-card td:nth-child(5){grid-column:2/4;grid-row:4}.products-table-card td:nth-child(6){grid-column:2/4;grid-row:5;text-align:left!important;font-size:17px;font-weight:750}.products-table-card td:nth-child(7){grid-column:2;grid-row:6}.products-table-card td:nth-child(8){grid-column:3;grid-row:6}.products-table-card td:nth-child(9){grid-column:4;grid-row:1}.products-table-card .catalog-product{align-items:flex-start}.products-table-card .catalog-thumbnail{width:64px!important;height:64px!important;flex-basis:64px!important}.products-table-card .catalog-product>div{padding-top:2px}.products-table-card .products-row-menu-items{position:fixed;left:16px;right:16px;bottom:16px;min-width:0}.product-detail>.page-heading{display:grid}.product-detail .heading-actions{width:100%;overflow-x:auto;justify-content:flex-start}.product-detail .product-overview{grid-template-columns:1fr!important}.product-detail .product-pricing{grid-column:auto}.product-detail .product-photo{min-height:220px}.product-detail .product-photo img{height:220px}.product-detail .web-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-dialog.product-workbench-dialog{inset:4px!important;width:calc(100vw - 8px)!important;max-height:calc(100dvh - 8px)!important;padding:14px 10px!important;border-radius:14px!important}.product-workbench{margin-top:10px!important;gap:10px!important}.product-editor-nav{top:-14px;margin-inline:-2px;padding:6px}.product-editor-nav button{min-height:40px;padding:7px 9px}.product-editor-nav button span:last-child{font-size:11px}.product-editor-section{padding:14px!important}.product-editor-section .product-basics,.product-editor-section .form-grid{grid-template-columns:1fr!important}.product-editor-section .product-photo-drop{min-height:160px}.product-confirm-grid{grid-template-columns:1fr}.product-save-bar{bottom:-14px!important;margin:0 -10px -14px;padding:11px 10px!important;flex-wrap:wrap}.product-save-bar>span{flex-basis:100%;font-size:12px}.product-save-bar button{flex:1 1 auto}.adjustment-row{grid-template-columns:minmax(0,1fr) 76px 12px 38px!important}} /* Catálogo: la miniatura abre una galería real y las tarjetas móviles no heredan las columnas de la tabla de escritorio. */ .product-catalog-gallery-dialog{--px-surface:var(--card,#fff);--px-line:var(--border,#d7e2ec);--px-text:var(--foreground,#10263e);--px-muted:var(--muted-foreground,#60758d);--px-blue:var(--primary,#1768e5);width:min(900px,calc(100vw - 24px))!important;height:min(780px,calc(100dvh - 24px))!important;max-height:calc(100dvh - 24px)!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;color:var(--px-text)}.product-catalog-gallery{display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;min-width:0;min-height:0;height:100%;overflow:hidden}.product-catalog-gallery-main{display:grid;place-items:center;box-sizing:border-box;width:100%;height:100%;min-height:0;padding:16px;overflow:hidden;border:1px solid var(--px-line);border-radius:14px;background:#fff;cursor:pointer}.product-catalog-gallery-main img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.product-catalog-gallery-empty{display:grid;place-items:center;gap:10px;min-height:0;color:var(--px-muted)}.product-catalog-gallery-thumbs{display:flex;gap:8px;min-width:0;overflow-x:auto;padding:2px}.product-catalog-gallery-thumbs button{width:64px;height:64px;flex:0 0 64px;padding:4px;border:1px solid var(--px-line);border-radius:9px;background:#fff}.product-catalog-gallery-thumbs button.active{border-color:var(--px-blue);box-shadow:inset 0 0 0 1px var(--px-blue)}.product-catalog-gallery-thumbs img{width:100%;height:100%;object-fit:contain}.product-catalog-gallery-actions{display:flex;justify-content:flex-end;gap:8px}.product-catalog-gallery-actions [data-slot="button"][data-variant="outline"]{background:var(--px-surface)!important;color:var(--px-text)!important;border-color:var(--px-line)!important}.product-catalog-gallery-actions [data-slot="button"][data-variant="outline"]:hover{background:color-mix(in srgb,var(--px-blue) 10%,var(--px-surface))!important;color:var(--px-text)!important} /* Ficha unificada del producto. */ .product-detail-redesign{max-width:1800px;margin:0 auto;padding:4px 4px 28px}.product-detail-redesign-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0 14px;border-bottom:1px solid var(--px-line)}.product-detail-redesign-head .back-link{width:40px;height:40px;padding:0!important}.product-detail-redesign-title{min-width:0}.product-detail-redesign-title h1{margin:4px 0;font-size:clamp(24px,2vw,34px);line-height:1.1;overflow-wrap:anywhere}.product-detail-redesign-title p{margin:0}.product-detail-redesign-body{display:grid;gap:14px;padding-top:14px}.product-detail-summary-grid{display:grid;grid-template-columns:minmax(260px,340px) minmax(330px,1fr) minmax(270px,330px);gap:14px;align-items:stretch}.product-detail-media-card,.product-detail-metric,.product-detail-location-card,.product-detail-price-card,.product-detail-tab-panel{margin:0!important;border-radius:14px!important;box-shadow:0 4px 18px rgba(16,38,62,.05)}.product-detail-media-card{display:flex;min-width:0;flex-direction:column;padding:12px!important}.product-detail-main-photo{position:relative;display:grid;place-items:center;width:100%;min-height:300px;padding:10px;border:0;border-radius:11px;background:#fff;color:var(--px-muted);overflow:hidden;cursor:zoom-in}.product-detail-main-photo img{width:100%;height:300px;object-fit:contain}.product-detail-main-photo>span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border-radius:8px;background:rgba(8,28,45,.76);color:#fff;font-size:11px;font-weight:700}.product-detail-main-photo.empty{gap:10px;cursor:pointer}.product-detail-summary-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.product-detail-metric{display:grid;align-content:start;gap:8px;padding:18px!important}.product-detail-metric>span{display:flex;align-items:center;gap:7px;color:var(--px-muted);font-size:12px;font-weight:700}.product-detail-metric>strong{font-size:32px;line-height:1;color:var(--px-text)}.product-detail-metric>strong small{font-size:12px;font-weight:600}.product-detail-metric>strong.success,.product-detail-fact.success strong{color:#07905f}.product-detail-metric p,.product-detail-location-card p,.product-detail-price-card p{margin:0;color:var(--px-muted);font-size:12px}.product-detail-location-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px!important}.product-detail-location-card strong{display:flex;align-items:center;gap:7px}.product-detail-location-card p{margin-top:5px}.product-detail-price-card{display:grid;align-content:start;gap:2px;padding:18px!important}.product-detail-price-card h2{margin:0 0 5px;font-size:17px}.product-detail-final-price{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid var(--px-line)}.product-detail-final-price span{color:var(--px-muted);font-size:12px;font-weight:700}.product-detail-final-price strong{font-size:clamp(21px,2vw,28px);color:var(--px-blue);white-space:nowrap}.product-detail-price-card p{padding-top:12px}.product-detail-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;border:1px solid var(--px-line);border-radius:13px;background:var(--px-surface)}.product-detail-tabs button{min-height:43px;padding:8px;border:0;border-radius:9px;background:transparent;color:var(--px-muted);font-size:12px;font-weight:750}.product-detail-tabs button.active{background:var(--px-blue-soft);color:var(--px-blue)}.product-detail-tab-panel{min-height:210px;padding:18px!important}.product-detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-detail-fact{display:grid;gap:5px;min-height:82px;padding:13px;border:1px solid var(--px-line);border-radius:10px;background:var(--px-soft)}.product-detail-fact span{color:var(--px-muted);font-size:11px}.product-detail-fact strong{overflow-wrap:anywhere}.product-detail-fact.warning strong{color:#c17a00}.product-detail-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product-detail-info-grid article{display:grid;align-content:start;gap:0;padding:16px;border:1px solid var(--px-line);border-radius:11px;background:var(--px-soft)}.product-detail-info-grid h3{margin:0 0 9px;font-size:16px}.product-detail-info-grid button{justify-self:start;margin-top:12px}.product-detail-info-row{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--px-line);font-size:12px}.product-detail-info-row span{color:var(--px-muted)}.product-detail-info-row strong{text-align:right;overflow-wrap:anywhere}.product-detail-components,.product-detail-history-list{display:grid;gap:8px}.product-detail-components article,.product-detail-history-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:12px;border:1px solid var(--px-line);border-radius:9px}.product-detail-components article span,.product-detail-history-list span,.product-detail-history-list small{color:var(--px-muted);font-size:11px}.product-detail-components>button{justify-self:start;margin-top:6px}.product-detail-history-list article{grid-template-columns:160px minmax(0,1fr) auto}.product-detail-history-list small{text-align:right} html[data-refspata-theme="dark"] .product-catalog-gallery-dialog{--px-surface:#0d2031;--px-line:#29445b;--px-text:#eef5fc;--px-muted:#9db2c6;--px-blue:#3f91ff;color-scheme:dark}html[data-refspata-theme="dark"] .product-detail-main-photo,html[data-refspata-theme="dark"] .product-catalog-gallery-main,html[data-refspata-theme="dark"] .product-catalog-gallery-thumbs button{background:#f8fafc} @media(max-width:1100px){.product-detail-redesign-head{grid-template-columns:auto minmax(0,1fr)}.product-detail-redesign-head .heading-actions{grid-column:1/-1}.product-detail-summary-grid{grid-template-columns:minmax(230px,.8fr) minmax(320px,1.2fr)}.product-detail-price-card{grid-column:1/-1}.product-detail-facts{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.products-table-card tr{grid-template-columns:28px 68px minmax(0,1fr) 30px!important;grid-template-rows:auto auto auto auto auto!important;gap:7px 9px!important;padding:12px!important}.products-table-card td:nth-child(1){grid-column:1!important;grid-row:1!important}.products-table-card td:nth-child(2){grid-column:3!important;grid-row:2!important;align-self:start}.products-table-card td:nth-child(3){grid-column:2/4!important;grid-row:1!important}.products-table-card td:nth-child(4){grid-column:3/5!important;grid-row:3!important}.products-table-card td:nth-child(5){grid-column:3/5!important;grid-row:4!important}.products-table-card td:nth-child(6){grid-column:3/5!important;grid-row:5!important}.products-table-card td:nth-child(7){grid-column:2!important;grid-row:6!important}.products-table-card td:nth-child(8){grid-column:3/5!important;grid-row:6!important}.products-table-card td:nth-child(9){grid-column:4!important;grid-row:1!important}.products-table-card .catalog-product{display:grid!important;grid-template-columns:68px minmax(0,1fr)!important;gap:9px!important;width:100%!important}.products-table-card .catalog-thumbnail{display:grid!important;grid-column:1!important;grid-row:1/3!important;visibility:visible!important;opacity:1!important;width:68px!important;height:68px!important;min-width:68px!important}.products-table-card .catalog-thumbnail img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.products-table-card .catalog-product>div{grid-column:2!important;min-width:0!important}.products-table-card .catalog-product>div button{display:block;width:100%;overflow-wrap:anywhere;text-align:left}.products-table-card .category-label{display:block!important;line-height:1.35;overflow-wrap:anywhere}.product-detail-redesign{padding-inline:0}.product-detail-redesign-head{grid-template-columns:auto minmax(0,1fr);padding:8px 2px 12px}.product-detail-redesign-head .heading-actions{display:grid!important;grid-template-columns:1fr 1fr;width:100%;overflow:visible}.product-detail-redesign-head .heading-actions>*:last-child{grid-column:1/-1}.product-detail-summary-grid{grid-template-columns:1fr}.product-detail-summary-stack{grid-template-columns:1fr 1fr}.product-detail-media-card,.product-detail-price-card{grid-column:auto}.product-detail-main-photo{min-height:220px}.product-detail-main-photo img{height:220px}.product-detail-tabs{grid-template-columns:repeat(4,max-content);justify-content:start;overflow-x:auto;scrollbar-width:none}.product-detail-tabs button{padding-inline:13px}.product-detail-facts,.product-detail-info-grid{grid-template-columns:1fr}.product-detail-history-list article{grid-template-columns:1fr}.product-detail-history-list small{text-align:left}.product-catalog-gallery-dialog{inset:6px!important;width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important;translate:none!important}.product-catalog-gallery-main{padding:10px}.product-catalog-gallery-actions>*{flex:1}} /* El catálogo móvil tiene siete columnas semánticas. Esta asignación evita que categoría, modo de costo y nombre se superpongan en tarjetas angostas. */ @media(max-width:700px){.products-table-card tr{position:relative;grid-template-columns:28px 72px minmax(0,1fr) 34px!important;grid-template-rows:auto auto auto auto auto auto!important;gap:6px 10px!important;min-height:154px;padding:13px!important}.products-table-card td{min-width:0!important;padding:0!important}.products-table-card td:nth-child(1){grid-column:1!important;grid-row:1!important;align-self:start}.products-table-card td:nth-child(1) small{display:none!important}.products-table-card td:nth-child(2){grid-column:2/4!important;grid-row:1/3!important;align-self:start!important}.products-table-card td:nth-child(3){grid-column:3/5!important;grid-row:3!important}.products-table-card td:nth-child(4){grid-column:3/5!important;grid-row:4!important}.products-table-card td:nth-child(5){grid-column:3/5!important;grid-row:5!important;text-align:left!important}.products-table-card td:nth-child(6){grid-column:2/5!important;grid-row:6!important}.products-table-card td:nth-child(7){grid-column:4!important;grid-row:1!important;justify-self:end}.products-table-card td:nth-child(n+8){display:none!important}.products-table-card .catalog-product{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;gap:10px!important;align-items:start;width:100%!important}.products-table-card .catalog-thumbnail{display:grid!important;grid-column:1!important;grid-row:1!important;visibility:visible!important;opacity:1!important;width:72px!important;height:72px!important;min-width:72px!important;padding:4px!important;border:1px solid var(--px-line)!important;border-radius:10px!important;background:#fff!important}.products-table-card .catalog-thumbnail img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important}.products-table-card .catalog-product>div{grid-column:2!important;min-width:0!important;padding-right:28px}.products-table-card .catalog-product>div button{display:block;width:100%;overflow-wrap:anywhere;text-align:left;line-height:1.3}.products-table-card .category-label{display:block!important;line-height:1.3;overflow-wrap:anywhere}.products-table-card .price-cell{font-size:18px!important}.products-table-card .price-cell small{display:none!important}} .product-editor-section[data-product-editor-section="variants"]{grid-column:1/-1;width:100%;max-width:none;box-sizing:border-box;color:var(--px-text)} .variant-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;max-width:920px} .variant-shared-toggle{margin:18px 0 4px} .variant-editor-list{display:grid;gap:12px;width:100%;min-width:0;margin:18px 0} .variant-editor-row,.product-variant-cards article{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--px-line);border-radius:14px;background:color-mix(in srgb,var(--px-surface) 94%,var(--px-blue) 6%);color:var(--px-text);padding:16px} .variant-editor-heading,.variant-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0} .variant-editor-heading span,.variant-editor-heading small,.product-variant-cards article small{color:var(--px-muted)!important} .variant-editor-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;width:100%;min-width:0;margin:14px 0} .variant-editor-fields>.field{min-width:0} .variant-editor-fields input,.variant-editor-fields select{width:100%;box-sizing:border-box} .variant-editor-list>button{width:100%;box-sizing:border-box} .product-variant-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px} .product-variant-cards article{display:grid;gap:14px} .product-variant-cards article>div:first-child{display:grid;gap:4px} .product-variant-cards article.inactive{opacity:.62} .variant-card-prices{display:flex;gap:12px;flex-wrap:wrap;color:var(--px-muted)} .variant-card-prices span{padding:5px 9px;border-radius:999px;background:var(--px-soft)} .product-workbench-dialog .product-save-bar>span{color:var(--px-muted)!important} @media(max-width:1100px){.variant-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:700px){.variant-mode-grid,.variant-editor-fields{grid-template-columns:1fr}.variant-editor-heading,.variant-editor-actions{align-items:flex-start;flex-direction:column}.variant-editor-actions{width:100%}.variant-editor-actions button{width:100%}.product-variant-cards{grid-template-columns:1fr}} /* Catálogo: revisión explicable y publicación observada */ .catalog-review-menu{position:relative}.catalog-review-menu>summary{list-style:none}.catalog-review-menu>summary::-webkit-details-marker{display:none}.catalog-review-shortcut,.catalog-state-shortcut{border:0;background:transparent;font:inherit;cursor:pointer;padding:4px 6px;border-radius:8px;white-space:nowrap}.catalog-review-shortcut{color:#a86400}.catalog-review-shortcut:hover,.catalog-review-menu[open]>.catalog-review-shortcut{background:#fff3d6}.catalog-state-shortcut.unpublished{color:#52708f}.catalog-state-shortcut.inactive{color:#687386}.catalog-state-shortcut:hover{background:#eef3f8}.catalog-review-popover{position:absolute;z-index:20;top:calc(100% + 8px);left:0;width:min(300px,calc(100vw - 40px));padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 14px 34px rgba(20,38,64,.18);display:grid;gap:5px}.catalog-review-popover>strong{padding:5px 8px;font-size:.78rem;color:var(--muted)}.catalog-review-popover button{border:0;border-radius:8px;background:transparent;color:var(--text);padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer}.catalog-review-popover button:hover,.catalog-review-popover button.active{background:var(--surface-2)}.catalog-review-popover button.active{color:#a86400}.catalog-review-popover button:disabled{opacity:.45;cursor:default}.catalog-review-popover b{font-variant-numeric:tabular-nums}.product-review-button{border:0;cursor:pointer}.publication-refresh-progress{white-space:nowrap} [data-theme="dark"] .catalog-review-shortcut{color:#f4c85b}[data-theme="dark"] .catalog-review-shortcut:hover,[data-theme="dark"] .catalog-review-menu[open]>.catalog-review-shortcut{background:rgba(244,200,91,.12)}[data-theme="dark"] .catalog-state-shortcut:hover{background:rgba(145,167,194,.12)}[data-theme="dark"] .catalog-review-popover button.active{color:#f4c85b} .product-detail-fact.warning strong{font-size:.86rem;line-height:1.45;font-weight:600} @media(max-width:760px){.publication-refresh-progress{width:100%;white-space:normal}.catalog-review-shortcut,.catalog-state-shortcut{min-height:36px}.catalog-review-popover{position:fixed;top:auto;left:16px;right:16px;bottom:16px;width:auto;max-height:70dvh;overflow:auto}.catalog-review-popover button{min-height:44px}} .kit-price-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.kit-price-summary article,.kit-auto-price-note{display:grid;gap:5px;padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.kit-price-summary span,.kit-auto-price-note small{color:var(--muted);font-size:12px}.kit-price-summary strong,.kit-auto-price-note strong{font-size:18px}.catalog-publication-auto{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap} @media(max-width:760px){.kit-price-summary{grid-template-columns:1fr}.catalog-publication-auto{flex-basis:100%;margin-left:0}} /* Presupuesto · vista completa aprobada, acciones compactas y pendientes en pestaña. */ .r40-detail-redesign{max-width:none!important}.r40-detail-redesign .r40-detail-header{min-height:64px;padding:7px 2px 10px}.r40-detail-redesign .r40-detail-heading h1{font-size:clamp(20px,1.8vw,27px)}.r40-detail-redesign .r40-header-meta{gap:7px 16px}.r40-redesign-actions{display:flex;align-items:center;gap:8px;max-width:none!important}.r40-redesign-actions>a,.r40-redesign-actions>button{min-height:40px!important}.r40-redesign-more{position:relative}.r40-redesign-more>summary{display:grid!important;place-items:center;width:42px!important;height:40px!important;padding:0!important;border:1px solid var(--r40-border)!important;border-radius:9px!important;background:var(--r40-surface)!important;color:var(--r40-text)!important;font-size:24px!important;line-height:1;list-style:none;cursor:pointer}.r40-redesign-more>summary::-webkit-details-marker{display:none}.r40-redesign-more .r40-more-menu{right:0;left:auto;top:calc(100% + 7px);min-width:230px;z-index:60}.r40-redesign-more .r40-more-menu>*,.r40-redesign-more .r40-more-menu>*>button{width:100%!important;justify-content:flex-start!important;text-align:left}.r40-danger-action{margin-top:5px;padding-top:5px;border-top:1px solid var(--r40-border)}.r40-danger-action button{color:var(--r40-danger)!important}.r40-detail-redesign>.crm-trace{margin:0!important}.r40-pending-alert{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:42px;padding:9px 12px;border:1px solid color-mix(in srgb,var(--r40-danger) 45%,var(--r40-border));border-radius:10px;background:color-mix(in srgb,var(--r40-danger) 11%,var(--r40-surface));color:var(--r40-danger);text-align:left;cursor:pointer}.r40-pending-alert>span:last-child{font-size:11px;font-weight:750}.r40-detail-redesign .r40-detail-layout{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) clamp(330px,23vw,430px);gap:10px}.r40-detail-redesign .r40-pdf-shell{height:100%;min-height:0}.r40-detail-redesign .r40-pdf-canvas{min-height:0}.r40-detail-redesign .r40-pdf-canvas iframe{width:100%;height:100%;border:0}.r40-detail-redesign .r40-side-panel{height:100%;max-height:none;min-height:0}.r40-detail-redesign .r40-tabs{grid-template-columns:repeat(4,minmax(0,1fr));height:48px}.r40-detail-redesign .r40-tabs button{position:relative;padding-inline:4px;font-size:11px}.r40-detail-redesign .r40-tabs button.danger{color:var(--r40-danger)}.r40-detail-redesign .r40-tabs button.success{color:var(--r40-green)}.r40-tab-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:4px;padding:0 4px;border-radius:99px;background:color-mix(in srgb,currentColor 14%,transparent);font-size:9px}.r40-detail-redesign .r40-side-scroll{padding:12px}.r40-pending-tab .delivery-pending-panel{margin:0;padding:0;border:0;background:transparent}.r40-pending-tab .delivery-pending-panel>header{display:none}.r40-pending-tab .delivery-table-wrap{overflow:visible}.r40-pending-tab table,.r40-pending-tab tbody{display:block}.r40-pending-tab thead{display:none}.r40-pending-tab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;padding:11px 0;border-bottom:1px solid var(--r40-border)}.r40-pending-tab td{display:block;padding:0!important;border:0!important}.r40-pending-tab td:first-child{grid-column:1}.r40-pending-tab td:nth-child(2){grid-column:2;grid-row:1;color:var(--r40-danger);font-weight:800}.r40-pending-tab td:nth-child(2):before{content:'Faltan ';font-weight:500}.r40-pending-tab td:nth-child(n+3){grid-column:1/-1;color:var(--r40-muted);font-size:10px}.r40-pending-tab .delivery-info{margin-top:12px}.r40-delivery-complete{display:grid;place-items:center;min-height:220px;text-align:center}.r40-delivery-complete strong{font-size:18px;color:var(--r40-green)}.r40-delivery-complete p{margin-top:6px}.r40-mobile-view-nav{display:none} @media(max-width:1100px){.r40-detail-redesign{height:auto;min-height:calc(100dvh - 64px)}.r40-detail-redesign .r40-detail-layout{grid-template-columns:minmax(0,1fr) 330px}.r40-detail-redesign .r40-pdf-shell{height:650px}.r40-detail-redesign .r40-side-panel{height:650px;max-height:650px}} @media(max-width:720px){body:has(.r40-detail-redesign){overflow:auto}.main-content:has(> .r40-detail-redesign){overflow:visible!important}.r40-detail-redesign{padding:7px 7px 72px!important;gap:8px}.r40-detail-redesign .r40-detail-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:0}.r40-detail-redesign .r40-detail-heading{min-width:0}.r40-detail-redesign .r40-detail-heading>div:last-child{min-width:0}.r40-detail-redesign .r40-title-line{align-items:flex-start;flex-direction:column;gap:4px}.r40-detail-redesign .r40-header-meta{display:flex;max-width:100%;overflow:hidden;white-space:nowrap}.r40-detail-redesign .r40-header-meta span:nth-child(n+3){display:none}.r40-redesign-actions{align-self:start}.r40-redesign-actions>button{min-width:44px;padding-inline:10px!important;font-size:0}.r40-redesign-actions>button:after{content:'PDF';font-size:12px}.r40-redesign-more>summary{width:40px!important}.r40-detail-redesign>.crm-trace{display:none}.r40-pending-alert{grid-template-columns:auto minmax(0,1fr);font-size:11px}.r40-pending-alert>span:last-child{display:none}.r40-mobile-view-nav{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px max(5px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--r40-border);background:color-mix(in srgb,var(--r40-surface) 96%,transparent);box-shadow:0 -8px 24px rgba(7,27,45,.12);backdrop-filter:blur(12px)}.r40-mobile-view-nav button{position:relative;min-height:42px;padding:6px 2px;border:0;border-radius:8px;background:transparent;color:var(--r40-muted);font-size:9px;font-weight:750}.r40-mobile-view-nav button.active{background:color-mix(in srgb,var(--r40-blue) 12%,var(--r40-surface));color:var(--r40-blue)}.r40-mobile-view-nav button.danger{color:var(--r40-danger)}.r40-mobile-view-nav button.success{color:var(--r40-green)}.r40-mobile-view-nav span{position:absolute;top:3px;right:5px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:currentColor;color:#fff;font-size:8px}.r40-detail-redesign .r40-detail-layout{display:block}.r40-detail-redesign .r40-pdf-shell,.r40-detail-redesign .r40-side-panel{height:auto;min-height:calc(100dvh - 205px);max-height:none}.r40-detail-redesign .r40-pdf-shell{display:none}.r40-detail-redesign[data-mobile-view="document"] .r40-pdf-shell{display:flex;height:calc(100dvh - 205px);min-height:520px}.r40-detail-redesign[data-mobile-view="document"] .r40-side-panel{display:none}.r40-detail-redesign:not([data-mobile-view="document"]) .r40-side-panel{display:flex}.r40-detail-redesign .r40-side-panel>.r40-tabs{display:none}.r40-detail-redesign .r40-side-scroll{overflow:visible}.r40-detail-redesign .r40-pdf-toolbar{padding-inline:8px}.r40-detail-redesign .r40-pdf-controls button:last-child{display:none}.r40-detail-redesign .r40-pdf-canvas iframe{min-height:460px}} /* Listado único para Gestión completa y Mostrador. */ .r40-quote-list-page{min-height:calc(100dvh - 72px);padding:clamp(18px,2.4vw,34px);display:flex;flex-direction:column;gap:18px;background:var(--r40-app)} .r40-quote-list-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.r40-quote-list-title>div{display:grid;gap:7px}.r40-quote-list-title h1{font-size:clamp(28px,3vw,40px)}.r40-quote-list-title p{font-size:14px}.r40-list-eyebrow{color:var(--r40-blue);font-size:11px;font-weight:850;letter-spacing:.16em}.r40-quote-list-title>button{min-height:42px!important;white-space:nowrap} .r40-list-notice{min-height:48px;padding:11px 15px;display:flex;align-items:center;gap:10px;border:1px solid var(--r40-border);border-radius:10px;background:var(--r40-surface-2);color:var(--r40-muted)}.r40-list-notice>span:first-child{color:var(--r40-blue);font-size:18px} .r40-quote-list-panel{min-width:0;border:1px solid var(--r40-border);border-radius:14px;background:var(--r40-surface);overflow:hidden;box-shadow:var(--r40-shadow)} .r40-quote-list-filters{display:grid;grid-template-columns:minmax(260px,1fr) minmax(155px,190px) minmax(155px,190px) auto;align-items:end;gap:12px;padding:16px;border-bottom:1px solid var(--r40-border)}.r40-quote-list-filters>button{margin-bottom:1px} .r40-quote-list{min-width:0}.r40-quote-list-head,.r40-quote-row{display:grid;grid-template-columns:105px 105px minmax(180px,1.2fr) 105px minmax(145px,.8fr) 140px minmax(180px,auto);gap:14px;align-items:center;padding:0 16px}.r40-quote-list-head{min-height:42px;background:var(--r40-surface-2);color:var(--r40-muted);font-size:11px;font-weight:750}.r40-quote-row{min-height:74px;border-top:1px solid var(--r40-border);color:var(--r40-text)}.r40-quote-row:first-of-type{border-top:0}.r40-quote-row:hover{background:color-mix(in srgb,var(--r40-blue) 3%,var(--r40-surface))}.r40-quote-number{padding:0;border:0;background:transparent;color:var(--r40-blue);font-weight:850;text-align:left;cursor:pointer}.r40-quote-date,.r40-quote-list-name{color:var(--r40-muted)}.r40-quote-client{display:grid;min-width:0;gap:3px}.r40-quote-client strong,.r40-quote-client small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.r40-quote-client small{font-size:10px}.r40-quote-state{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.r40-list-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border:1px solid var(--r40-border);border-radius:999px;font-size:10px;font-weight:750;white-space:nowrap}.r40-list-pill.success{border-color:color-mix(in srgb,var(--r40-green) 35%,var(--r40-border));background:color-mix(in srgb,var(--r40-green) 10%,var(--r40-surface));color:var(--r40-green)}.r40-list-pill.neutral{background:var(--r40-surface-2);color:var(--r40-muted)}.r40-quote-state small.success{color:var(--r40-green)}.r40-quote-state small.warning{color:var(--r40-warning)}.r40-quote-total{text-align:right;white-space:nowrap;font-size:14px}.r40-quote-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.r40-quote-row-actions button{min-height:34px!important;white-space:nowrap}.r40-quote-list-empty{min-height:220px;display:grid;place-items:center;color:var(--r40-muted)}.r40-quote-list-panel>.pager{padding:14px 16px;border-top:1px solid var(--r40-border)} /* El detalle usa todo el alto disponible y elimina el segundo encabezado de Gestión. */ body:has(.r40-detail-redesign) .management-location-bar{display:none!important} .management-shell>.main-content:has(>.r40-detail-redesign),.mostrador-module-host:has(>.r40-detail-redesign){height:calc(100dvh - 72px)!important;min-height:0!important;padding:0!important;overflow:hidden!important} .r40-detail-redesign{height:100%!important;min-height:0!important;padding:8px 10px 10px!important;overflow:hidden!important}.r40-detail-redesign .r40-detail-layout{overflow:hidden}.r40-detail-redesign .r40-pdf-canvas{padding:0;overflow:auto}.r40-detail-redesign .r40-pdf-canvas iframe{display:block;min-width:0;min-height:0;width:100%;height:100%;background:#fff}.r40-pdf-controls button:disabled{opacity:.45;cursor:wait}.r40-pdf-controls button[aria-pressed="true"]{background:rgba(255,255,255,.14)} @media(max-width:1180px){.r40-quote-list-head,.r40-quote-row{grid-template-columns:94px 94px minmax(150px,1fr) 85px minmax(130px,.8fr) 125px auto;gap:9px}.r40-quote-row-actions>button:first-child{font-size:0}.r40-quote-row-actions>button:first-child:after{content:'Ver';font-size:12px}} @media(min-width:721px) and (max-width:1100px){body:has(.r40-detail-redesign){overflow:hidden}.main-content:has(>.r40-detail-redesign){overflow:hidden!important}.r40-detail-redesign{height:100%!important;min-height:0!important}.r40-detail-redesign .r40-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,34vw);overflow:hidden}.r40-detail-redesign .r40-pdf-shell,.r40-detail-redesign .r40-side-panel{height:100%;min-height:0;max-height:none}} @media(max-width:900px){.r40-quote-list-page{padding:18px 14px}.r40-quote-list-filters{grid-template-columns:1fr 1fr}.r40-quote-list-filters>*:first-child{grid-column:1/-1}.r40-quote-list-head{display:none}.r40-quote-list{display:grid;gap:10px;padding:12px;background:var(--r40-surface-2)}.r40-quote-row{min-height:0;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'number total' 'client client' 'date list' 'state actions';gap:9px 14px;border:1px solid var(--r40-border)!important;border-radius:12px;background:var(--r40-surface);box-shadow:var(--r40-shadow)}.r40-quote-number{grid-area:number;font-size:15px}.r40-quote-total{grid-area:total;font-size:16px}.r40-quote-client{grid-area:client;padding:9px 0;border-top:1px solid var(--r40-border);border-bottom:1px solid var(--r40-border)}.r40-quote-date{grid-area:date}.r40-quote-list-name{grid-area:list;text-align:right}.r40-quote-state{grid-area:state}.r40-quote-row-actions{grid-area:actions;align-self:end}.r40-quote-row-actions>button:first-child{font-size:12px}.r40-quote-row-actions>button:first-child:after{display:none}} @media(max-width:720px){body:has(.r40-detail-redesign){overflow:hidden}.main-content:has(>.r40-detail-redesign){height:calc(100dvh - 72px)!important;overflow:hidden!important}.r40-detail-redesign{height:100%!important;min-height:0!important;padding:7px 7px calc(62px + env(safe-area-inset-bottom))!important}.r40-detail-redesign .r40-detail-layout{min-height:0;flex:1;overflow:hidden}.r40-detail-redesign .r40-pdf-shell,.r40-detail-redesign .r40-side-panel{height:100%!important;min-height:0!important;max-height:none!important}.r40-detail-redesign[data-mobile-view="document"] .r40-pdf-shell{height:100%!important;min-height:0!important}.r40-detail-redesign .r40-pdf-canvas iframe{height:100%!important;min-height:0!important}.r40-detail-redesign .r40-pdf-controls{gap:1px}.r40-detail-redesign .r40-pdf-controls button{padding-inline:7px}.r40-detail-redesign .r40-pdf-controls strong{min-width:54px}.r40-detail-redesign .r40-pdf-controls button:last-child{display:none}.r40-quote-list-page{padding:14px 10px;gap:14px}.r40-quote-list-title{align-items:stretch;flex-direction:column}.r40-quote-list-title>button{align-self:flex-start}.r40-quote-list-title h1{font-size:29px}.r40-list-notice{align-items:flex-start}.r40-quote-list-panel{overflow:visible}.r40-quote-list-filters{grid-template-columns:1fr;padding:12px}.r40-quote-list-filters>*:first-child{grid-column:auto}.r40-quote-list{padding:10px}.r40-quote-row{grid-template-areas:'number total' 'client client' 'date list' 'state state' 'actions actions'}.r40-quote-row-actions{justify-content:space-between;width:100%}.r40-quote-row-actions>button:first-child{flex:1}.r40-quote-list-panel>.pager{background:var(--r40-surface)}} @media(max-width:430px){.r40-quote-row{grid-template-columns:minmax(0,1fr);grid-template-areas:'number' 'total' 'client' 'date' 'list' 'state' 'actions'}.r40-quote-total,.r40-quote-list-name{text-align:left}.r40-quote-total{font-size:18px}.r40-quote-date:before{content:'Fecha · ';color:var(--r40-muted)}.r40-quote-list-name:before{content:'Lista · ';color:var(--r40-muted)}} @media(max-width:760px){.management-shell>.main-content:has(>.r40-detail-redesign){height:calc(100dvh - 118px)!important}} /* Paso 4 · Fase 5: interfaz individual de Ofertas */ .offers-heading,.offers-kpis,.offers-toolbar,.offers-table-panel,.offers-pagination,.offers-empty,.offers-error,.offers-editor-modal,.offers-confirm-modal,.offers-bulk-bar{--text:var(--foreground);--muted:var(--muted-foreground);--surface-2:var(--background);--offers-info:#0b5fc7;--offers-success:#0b7148;--offers-warning:#7a4e00;--offers-danger:#b02b40} html[data-refspata-theme="dark"] .offers-heading,html[data-refspata-theme="dark"] .offers-kpis,html[data-refspata-theme="dark"] .offers-toolbar,html[data-refspata-theme="dark"] .offers-table-panel,html[data-refspata-theme="dark"] .offers-pagination,html[data-refspata-theme="dark"] .offers-empty,html[data-refspata-theme="dark"] .offers-error,html[data-refspata-theme="dark"] .offers-editor-modal,html[data-refspata-theme="dark"] .offers-confirm-modal,html[data-refspata-theme="dark"] .offers-bulk-bar{--text:#e7f0fa;--muted:#9db2c7;--surface-2:#10283c;--offers-info:#73b6ff;--offers-success:#71d9ab;--offers-warning:#f3bf5b;--offers-danger:#ff8194} .offers-heading{align-items:flex-end}.offers-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.offers-kpis article{display:flex;flex-direction:column;gap:3px;padding:15px 17px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.offers-kpis strong{font-size:1.35rem;color:var(--text)}.offers-kpis span{font-size:.79rem;color:var(--muted)} .offers-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px 210px auto;gap:12px;align-items:end;margin-bottom:14px}.offers-table-panel{padding:0;overflow:hidden}.offers-table-wrap{overflow:auto}.offers-table{width:100%;min-width:960px;border-collapse:collapse}.offers-table th,.offers-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.offers-table th{font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--card) 88%,var(--bg))}.offers-table td>strong,.offers-table td>span{display:block}.offers-table td>span{margin-top:3px;font-size:.78rem;color:var(--muted)}.offers-table tbody tr:hover{background:color-mix(in srgb,var(--primary) 4%,transparent)}.offers-actions-col{text-align:right!important;white-space:nowrap}.offers-rule-summary{display:flex;flex-direction:column;gap:3px}.offers-rule-summary span{font-size:.76rem;color:var(--muted)} .offers-status{display:inline-flex!important;width:max-content;align-items:center;padding:5px 9px;border:1px solid transparent;border-radius:999px;font-size:.72rem!important;font-weight:700;line-height:1.1}.offers-status.neutral{background:var(--surface-2);border-color:var(--border);color:var(--muted)}.offers-status.info{background:color-mix(in srgb,#2784ff 12%,transparent);border-color:color-mix(in srgb,#2784ff 34%,var(--border));color:#1970dc}.offers-status.success{background:color-mix(in srgb,#18a567 13%,transparent);border-color:color-mix(in srgb,#18a567 34%,var(--border));color:#168557}.offers-status.warning{background:color-mix(in srgb,#e9a01b 15%,transparent);border-color:color-mix(in srgb,#e9a01b 38%,var(--border));color:#a66d05}.offers-status.danger{background:color-mix(in srgb,#d9485f 12%,transparent);border-color:color-mix(in srgb,#d9485f 35%,var(--border));color:#c4344b}.offers-row-error{display:block;max-width:260px;margin-top:5px;color:#c4344b}.offers-pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:13px 16px}.offers-pagination span{font-size:.8rem;color:var(--muted)}.offers-empty{padding:42px 20px;text-align:center}.offers-empty p{margin:6px 0 0;color:var(--muted)} .offers-editor button:focus-visible,.offers-toolbar button:focus-visible,.offers-table button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 50%,transparent);outline-offset:2px} .offers-error{display:flex;justify-content:space-between;align-items:center;gap:12px}.offers-editor-modal,.offers-confirm-modal{width:min(1080px,calc(100vw - 32px));max-width:1080px}.offers-editor{display:grid;gap:16px}.offers-product-summary{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-2)}.offers-product-summary>div{display:flex;align-items:center;gap:10px}.offers-product-summary>div>span:first-child{color:var(--muted);font-size:.82rem}.offers-product-summary dl{display:flex;gap:24px;margin:0}.offers-product-summary dl div{display:flex;flex-direction:column;gap:2px}.offers-product-summary dt{font-size:.68rem;text-transform:uppercase;color:var(--muted)}.offers-product-summary dd{margin:0;font-weight:700;color:var(--text)} .offers-config,.offers-comparison,.offers-legacy,.offers-failure{padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.offers-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:14px}.offers-section-head h3{margin:0;font-size:1rem}.offers-section-head p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.offers-shared-switch{display:flex;align-items:center;gap:9px;font-size:.82rem;font-weight:700;white-space:nowrap}.offers-shared-switch input{width:18px;height:18px;accent-color:var(--primary)}.offers-list-tabs{display:flex;gap:6px;margin-bottom:12px;border-bottom:1px solid var(--border)}.offers-list-tabs button{border:0;border-bottom:2px solid transparent;padding:9px 13px;background:transparent;color:var(--muted);font:inherit;font-size:.82rem;font-weight:700;cursor:pointer}.offers-list-tabs button.active{border-color:var(--primary);color:var(--primary)} .offers-shared-conflict{display:grid;gap:8px;margin:0 0 13px;padding:13px;border:1px solid color-mix(in srgb,#e9a01b 42%,var(--border));border-radius:12px;background:color-mix(in srgb,#e9a01b 8%,var(--card))}.offers-shared-conflict p{margin:0;color:var(--muted);font-size:.8rem}.offers-shared-conflict>div{display:flex;flex-wrap:wrap;gap:8px}.offers-field-error{margin:0;color:#c4344b;font-size:.8rem;font-weight:650}.offers-tombstone-note{margin:0;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#e9a01b 11%,var(--card));color:#9b6706;font-size:.82rem;font-weight:700}.offers-description{display:block;max-width:360px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)} .offers-tier-editor{display:grid;gap:8px}.offers-tier-head,.offers-tier-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) minmax(150px,1fr) 42px;gap:10px;align-items:center}.offers-tier-head{padding:0 4px;font-size:.7rem;text-transform:uppercase;color:var(--muted)}.offers-tier-row{padding:9px;border:1px solid var(--border);border-radius:12px;background:var(--surface-2)}.offers-percent-input{position:relative}.offers-percent-input input{padding-right:28px}.offers-percent-input span{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.offers-tier-row>strong{font-variant-numeric:tabular-nums}.offers-empty-inline{margin:8px 0;color:var(--muted);font-size:.82rem} .offers-preview-grid{display:grid;gap:8px}.offers-preview-grid article{display:grid;grid-template-columns:105px 1fr auto;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2)}.offers-preview-grid article>span{font-size:.72rem;color:var(--muted)}.offers-preview-grid article>strong{font-size:.8rem}.offers-preview-grid article>small{font-weight:700;color:var(--text)}.offers-compare-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offers-compare-columns>article{padding:13px;border:1px solid var(--border);border-radius:12px}.offers-compare-columns h4{margin:0 0 10px;font-size:.84rem}.offers-diff-flag{padding:5px 9px;border-radius:999px;background:color-mix(in srgb,#e9a01b 15%,transparent);color:#a66d05;font-size:.73rem;font-weight:700}.offers-legacy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.offers-legacy dl div{padding:10px;border-radius:10px;background:var(--surface-2)}.offers-legacy dt{font-size:.67rem;text-transform:uppercase;color:var(--muted)}.offers-legacy dd{margin:3px 0 0;font-weight:700}.offers-candidates{display:grid;gap:8px;margin-top:12px}.offers-candidates article{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;font-size:.78rem}.offers-failure{border-color:color-mix(in srgb,#d9485f 40%,var(--border))}.offers-failure p{color:var(--muted)}.offers-editor-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;bottom:-1px;padding:12px 0 0;background:var(--card)}.offers-editor-actions>div{display:flex;gap:9px}.offers-confirm-body{display:grid;gap:15px}.offers-loading{padding:50px;text-align:center;color:var(--muted)} .offers-review-reasons{display:grid;gap:7px;margin:12px 0 0;padding:0;list-style:none}.offers-review-reasons li{display:flex;flex-direction:column;gap:2px;padding:9px 10px;border-radius:10px;background:var(--surface-2)}.offers-review-reasons strong{font-size:.74rem;text-transform:capitalize}.offers-review-reasons span{font-size:.78rem;color:var(--muted)} html[data-refspata-theme="dark"] .offers-kpis article,html[data-refspata-theme="dark"] .offers-config,html[data-refspata-theme="dark"] .offers-comparison,html[data-refspata-theme="dark"] .offers-legacy,html[data-refspata-theme="dark"] .offers-failure,html[data-refspata-theme="dark"] .offers-tier-row,html[data-refspata-theme="dark"] .offers-preview-grid article,html[data-refspata-theme="dark"] .offers-legacy dl div,html[data-refspata-theme="dark"] .offers-review-reasons li,html[data-refspata-theme="dark"] .offers-product-summary{border-color:#294158;background:#0d2031;color:#e7f0fa}html[data-refspata-theme="dark"] .offers-kpis strong{color:#f3f8ff}html[data-refspata-theme="dark"] .offers-kpis span{color:#8fa7bf}html[data-refspata-theme="dark"] .offers-editor-actions{background:#0d2031}html[data-refspata-theme="dark"] .offers-status.info{color:#73b6ff}html[data-refspata-theme="dark"] .offers-status.success{color:#71d9ab}html[data-refspata-theme="dark"] .offers-status.warning{color:#f3bf5b}html[data-refspata-theme="dark"] .offers-status.danger{color:#ff8194}html[data-refspata-theme="dark"] .offers-diff-flag{color:#f3bf5b} @media(max-width:900px){.offers-kpis{grid-template-columns:1fr 1fr}.offers-toolbar{grid-template-columns:1fr 1fr}.offers-toolbar>*:first-child{grid-column:1/-1}.offers-product-summary{align-items:flex-start}.offers-product-summary dl{flex-wrap:wrap;gap:12px}.offers-compare-columns{grid-template-columns:1fr}.offers-legacy dl{grid-template-columns:1fr}} @media(max-width:560px){.offers-kpis{grid-template-columns:1fr 1fr;gap:8px}.offers-kpis article{padding:12px}.offers-toolbar{grid-template-columns:1fr}.offers-toolbar>*:first-child{grid-column:auto}.offers-editor-modal,.offers-confirm-modal{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;min-height:0;max-height:calc(100dvh - 16px)!important;border-radius:10px}.offers-product-summary{flex-direction:column}.offers-product-summary dl{width:100%;justify-content:space-between}.offers-section-head{flex-direction:column}.offers-shared-switch{white-space:normal}.offers-tier-head{display:none}.offers-tier-row{grid-template-columns:1fr 1fr 42px}.offers-tier-row>strong{grid-column:1/3;grid-row:2}.offers-preview-grid article{grid-template-columns:1fr}.offers-candidates article{grid-template-columns:1fr}.offers-editor-actions{align-items:stretch;flex-direction:column-reverse}.offers-editor-actions>div{display:grid;grid-template-columns:1fr 1fr}.offers-editor-actions>button{width:100%}} @media(prefers-reduced-motion:reduce){.offers-editor *{scroll-behavior:auto!important;transition-duration:.01ms!important}} /* Fase 6 · edición y publicación masiva */ .offers-select-col{width:48px!important;padding-right:4px!important}.offers-select-col label{display:grid;place-items:center}.offers-select-col input{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.offers-table tbody tr.selected{background:color-mix(in srgb,var(--primary) 8%,transparent)} .offers-bulk-bar{position:sticky;top:72px;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:13px 15px;border:1px solid color-mix(in srgb,var(--primary) 38%,var(--border));border-radius:14px;background:color-mix(in srgb,var(--card) 94%,var(--primary));box-shadow:0 9px 24px rgb(15 39 66/.12)}.offers-bulk-bar>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.offers-bulk-bar>div:first-child{display:grid;gap:2px}.offers-bulk-bar span{font-size:.75rem;color:var(--muted)} .offers-bulk-modal,.offers-bulk-publish-modal{--text:#14243b;--muted:#60758c;--border:#dfe6ef;--card:#fff;--surface-2:#f3f6fa;--primary:#155be8;width:min(1500px,calc(100vw - 28px));max-width:1500px;height:min(85vh,900px);max-height:85vh;grid-template-rows:auto minmax(0,1fr);align-content:start;overflow:hidden;color:var(--text);background:var(--card)}.offers-bulk-modal>.modal-body,.offers-bulk-publish-modal>.modal-body{height:calc(100% - 88px);min-height:0;overflow:hidden}.offers-bulk-editor,.offers-bulk-publisher{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:14px;height:100%;min-width:0;min-height:0}.offers-bulk-steps{display:flex;align-items:center;align-self:start;gap:8px}.offers-bulk-steps span{padding:7px 11px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.75rem;font-weight:750}.offers-bulk-steps span.active{background:var(--primary);color:white}.offers-bulk-steps span.done{background:color-mix(in srgb,#18a567 14%,var(--surface-2));color:#168557} .offers-bulk-config,.offers-bulk-preview,.offers-bulk-result,.offers-publish-warning,.offers-publish-progress{min-width:0;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--card)}.offers-bulk-controls{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:12px}.offers-bulk-tiers{display:grid;gap:8px;margin-top:14px}.offers-bulk-config-actions,.offers-bulk-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.offers-bulk-config-actions p,.offers-bulk-summary span,.offers-publish-warning p,.offers-publish-progress p{margin:0;color:var(--muted);font-size:.79rem}.offers-bulk-summary>div{display:flex;align-items:center;gap:9px}.offers-bulk-summary>div:first-child{display:grid;gap:3px} .offers-bulk-editor.has-preview .offers-bulk-config{padding:10px 16px}.offers-bulk-editor.has-preview .offers-bulk-config .offers-section-head p,.offers-bulk-editor.has-preview .offers-bulk-controls{display:none}.offers-bulk-policy-compact{margin:8px 0 0;color:var(--muted);font-size:.78rem;font-weight:700} .offers-bulk-counts{display:flex;flex-wrap:wrap;gap:6px}.offers-bulk-counts button{border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:.73rem;font-weight:700;cursor:pointer}.offers-bulk-counts button.active{border-color:var(--primary);color:var(--primary)}.offers-bulk-counts button.danger{color:#c4344b}.offers-bulk-preview{display:flex;flex-direction:column;min-height:0;overflow:hidden}.offers-bulk-table-wrap{width:100%;min-width:0;max-height:none;flex:1 1 0;overflow:auto;border:1px solid var(--border);border-radius:12px}.offers-bulk-table{width:100%;min-width:1180px;border-collapse:collapse}.offers-bulk-table th,.offers-bulk-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.offers-bulk-table th{position:sticky;top:0;z-index:1;background:var(--surface-2);color:var(--muted);font-size:.68rem;text-transform:uppercase}.offers-bulk-table td>strong,.offers-bulk-table td>span,.offers-bulk-table td>small{display:block}.offers-bulk-table td>span,.offers-bulk-table td>small{margin-top:3px;font-size:.73rem;color:var(--muted)}.offers-bulk-table .offers-preview-grid{min-width:235px}.offers-bulk-table .offers-preview-grid article{grid-template-columns:1fr;padding:7px}.offers-bulk-table tr.result-ineligible{background:color-mix(in srgb,#d9485f 6%,transparent)}.offers-bulk-table tr.result-unchanged{background:color-mix(in srgb,var(--muted) 5%,transparent)}.offers-bulk-result{text-align:center;padding:44px}.offers-bulk-result>strong{font-size:1.2rem}.offers-bulk-result p{color:var(--muted)} .offers-publish-list{display:grid;gap:8px;max-height:54vh;overflow:auto}.offers-publish-list article{display:grid;grid-template-columns:minmax(230px,1fr) minmax(180px,.7fr) minmax(120px,.4fr);gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface-2)}.offers-publish-list article div{display:grid;gap:2px}.offers-publish-list article span,.offers-publish-list article small{font-size:.76rem;color:var(--muted)}.offers-publish-list small.success{color:#168557;font-weight:700}.offers-progress-track{height:8px;margin:10px 0;border-radius:999px;overflow:hidden;background:var(--surface-2)}.offers-progress-track span{display:block;height:100%;border-radius:inherit;background:var(--primary);transition:width .2s ease}.publish-state{font-weight:750!important}.publish-state.publishing,.publish-state.queued{color:#1970dc!important}.publish-state.published{color:#168557!important}.publish-state.failed,.publish-state.stale{color:#c4344b!important} html[data-refspata-theme="dark"] .offers-bulk-modal,html[data-refspata-theme="dark"] .offers-bulk-publish-modal{--text:#e7f0fa;--muted:#9db2c7;--border:#294158;--card:#0d2031;--surface-2:#10283c;--primary:#4f9dff}html[data-refspata-theme="dark"] .offers-bulk-bar,html[data-refspata-theme="dark"] .offers-bulk-config,html[data-refspata-theme="dark"] .offers-bulk-preview,html[data-refspata-theme="dark"] .offers-bulk-result,html[data-refspata-theme="dark"] .offers-publish-warning,html[data-refspata-theme="dark"] .offers-publish-progress,html[data-refspata-theme="dark"] .offers-publish-list article{border-color:#294158;background:#0d2031;color:#e7f0fa}html[data-refspata-theme="dark"] .offers-bulk-steps span.done{color:#71d9ab}html[data-refspata-theme="dark"] .offers-bulk-table th{background:#10283c}html[data-refspata-theme="dark"] .offers-bulk-counts button{border-color:#294158;background:#10283c} @media(max-width:1050px){.offers-bulk-bar{align-items:flex-start;flex-direction:column}.offers-bulk-controls{grid-template-columns:1fr 1fr}.offers-bulk-bar>div:last-child{width:100%}.offers-bulk-table-wrap{max-height:48vh}} @media(max-width:560px){.offers-bulk-bar{top:58px}.offers-bulk-bar>div:last-child{display:grid;grid-template-columns:1fr 1fr}.offers-bulk-bar button{white-space:normal}.offers-bulk-modal,.offers-bulk-publish-modal{width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important;height:calc(100dvh - 12px)!important;max-height:calc(100dvh - 12px)!important}.offers-bulk-modal>.modal-body,.offers-bulk-publish-modal>.modal-body{overflow:auto}.offers-bulk-editor,.offers-bulk-publisher{display:grid;height:auto;grid-template-rows:auto}.offers-bulk-controls{grid-template-columns:1fr}.offers-bulk-steps{overflow:auto}.offers-bulk-config-actions,.offers-bulk-summary{align-items:stretch;flex-direction:column}.offers-bulk-summary>div{width:100%}.offers-bulk-summary>div:last-child{display:grid;grid-template-columns:1fr 1fr}.offers-bulk-counts{flex-wrap:nowrap;overflow:auto}.offers-bulk-table-wrap{max-height:46vh;flex:none}.offers-publish-list article{grid-template-columns:1fr}.offers-publish-list{max-height:48vh}} @media(max-width:560px){.offers-bulk-modal,.offers-bulk-publish-modal{overflow:auto}.offers-bulk-table-wrap{max-height:32vh}} .offers-status.info,.publish-state.publishing,.publish-state.queued{color:var(--offers-info)!important}.offers-status.success,.offers-bulk-steps span.done,.offers-publish-list small.success,.publish-state.published{color:var(--offers-success)!important}.offers-status.warning,.offers-diff-flag,.offers-tombstone-note{color:var(--offers-warning)!important}.offers-status.danger,.offers-row-error,.offers-field-error,.offers-bulk-counts button.danger,.publish-state.failed,.publish-state.stale{color:var(--offers-danger)!important} @media(prefers-reduced-motion:reduce){.offers-progress-track span{transition:none!important}} /* Paso 3A · identidad visual estática REFSPATA / Spata e Hijos. */ .brand-symbol{overflow:hidden} .management-brand-logo{display:block;width:176px;max-width:100%;height:auto;object-fit:contain} .brand strong{letter-spacing:.035em} .brand>div:last-child span{letter-spacing:.02em} .mostrador-logo{display:grid;place-items:center;background:transparent!important;border:0!important;box-shadow:none!important} .mostrador-logo>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none} .login-card>img{display:block;width:min(100%,430px)!important;max-width:430px!important;height:auto!important;aspect-ratio:3.45/1;object-fit:cover;object-position:center center;margin:0 auto 10px!important} .login-card>h1{text-align:center;margin-top:2px} .login-card>.muted{text-align:center} @media(max-width:640px){.login-card>img{max-width:340px!important}} /* Gestión · cabecera superior canónica · sep21 */ .management-shell{width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;background:#f5f8fc} .management-header{--mh-bg:#fff;--mh-surface:#f7f9fc;--mh-surface-hover:#edf4ff;--mh-border:#dce6f1;--mh-border-strong:#c7d7e8;--mh-text:#18324f;--mh-muted:#647b96;--mh-accent:#1768e5;position:sticky;top:0;z-index:30;min-height:72px;width:100%;display:grid;grid-template-columns:minmax(154px,190px) minmax(0,1fr) auto;align-items:center;gap:16px;padding:8px clamp(14px,2vw,28px);border-bottom:1px solid var(--mh-border);background:color-mix(in srgb,var(--mh-bg) 94%,transparent);color:var(--mh-text);backdrop-filter:blur(16px)} .management-header-brand{display:flex;align-items:center;min-width:0;border-radius:8px;padding:2px}.management-header-brand img{display:block;width:156px;max-width:100%;height:46px;object-fit:contain;filter:none!important}.management-header button,.management-header a{font-family:inherit}.management-header :is(button,a):focus-visible{outline:3px solid color-mix(in srgb,var(--mh-accent) 34%,transparent);outline-offset:2px} .management-navigation{position:relative;min-width:0}.management-primary-nav{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0}.management-nav-group{position:relative}.management-nav-trigger{min-height:42px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--mh-muted);font-size:13px;font-weight:650;white-space:nowrap;cursor:pointer}.management-nav-trigger:hover,.management-nav-trigger[aria-expanded=true]{background:var(--mh-surface);border-color:var(--mh-border);color:var(--mh-text)}.management-nav-trigger.active{background:var(--mh-surface-hover);border-color:#cce0fb;color:var(--mh-accent)}.management-nav-trigger>svg:last-child{margin-left:1px;transition:transform .16s ease}.management-nav-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)} .management-nav-panel,.management-mobile-panel,.management-popover-panel{position:absolute;top:calc(100% + 8px);z-index:35;border:1px solid var(--mh-border);border-radius:12px;background:var(--mh-bg);color:var(--mh-text);box-shadow:0 16px 36px rgba(26,55,88,.16)}.management-nav-panel{left:0;display:grid;gap:3px;width:max-content;min-width:210px;padding:7px}.management-nav-panel button,.management-mobile-panel button,.management-profile-panel button{width:100%;min-height:39px;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;padding:8px 10px;background:transparent;color:inherit;text-align:left;font-size:13px;cursor:pointer}.management-nav-panel button:hover,.management-nav-panel button:focus-visible,.management-mobile-panel button:hover,.management-mobile-panel button:focus-visible,.management-profile-panel button:hover,.management-profile-panel button:focus-visible{background:var(--mh-surface-hover);color:var(--mh-accent)}.management-nav-panel button.current,.management-mobile-panel button.current{background:var(--mh-surface-hover);color:var(--mh-accent);font-weight:750} .management-nav-panel button[data-pending-count]::after,.management-mobile-panel button[data-pending-count]::after{content:attr(data-pending-count);min-width:20px;height:20px;display:grid;place-items:center;margin-left:auto;padding:0 5px;border-radius:999px;background:#e43d4f;color:#fff;font-size:11px;font-weight:800;line-height:1;box-shadow:0 0 0 2px var(--mh-bg)} .management-menu-toggle{display:none;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--mh-border);border-radius:10px;background:var(--mh-surface);color:var(--mh-text);padding:0 13px;font-weight:700}.management-mobile-panel{left:auto;right:0;top:calc(100% + 8px);width:min(360px,calc(100vw - 28px));max-height:calc(100dvh - 92px);padding:8px;overflow:auto;overscroll-behavior:contain}.management-mobile-panel details{border-top:1px solid var(--mh-border)}.management-mobile-panel summary{min-height:42px;display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;color:var(--mh-text);font-size:13px;font-weight:750;list-style:none}.management-mobile-panel summary::-webkit-details-marker{display:none}.management-mobile-panel summary>svg:last-child{margin-left:auto;transition:transform .16s ease}.management-mobile-panel details[open] summary>svg:last-child{transform:rotate(180deg)}.management-mobile-panel details button{padding-left:34px} .management-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}.management-header .refspata-mode-switch{flex:0 0 auto}.management-header .r33-theme-toggle{min-height:40px!important;border:1px solid var(--mh-border)!important;border-radius:10px!important;background:var(--mh-surface)!important;color:var(--mh-text)!important;padding-inline:11px!important}.management-header .quick-create>button{min-height:42px;border-color:transparent;background:var(--mh-accent);color:#fff;border-radius:12px;padding-inline:14px}.management-header .quick-create-panel{z-index:35}.management-icon-button{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid var(--mh-border);border-radius:11px;background:var(--mh-surface);color:var(--mh-text);cursor:pointer}.management-icon-button:hover{border-color:var(--mh-border-strong);background:var(--mh-surface-hover);color:var(--mh-accent)}.management-icon-button:disabled{opacity:.55;cursor:wait}.management-icon-button:disabled svg{animation:spin 1s linear infinite} .management-popover{position:relative}.management-popover-panel{right:0;min-width:250px;padding:14px}.management-notifications-panel strong{display:block;font-size:14px}.management-notifications-panel p{margin:8px 0 0;color:var(--mh-muted);font-size:13px;line-height:1.45}.management-profile-trigger{min-height:44px;max-width:190px;display:flex;align-items:center;gap:9px;border:0;border-radius:11px;background:transparent;color:var(--mh-text);padding:3px 5px;cursor:pointer;text-align:left}.management-profile-trigger:hover{background:var(--mh-surface)}.management-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#dfeafa;color:#274a72;font-size:12px;font-weight:800}.management-profile-copy{display:grid;min-width:0;line-height:1.15}.management-profile-copy strong,.management-profile-copy small{max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-profile-copy strong{font-size:12px}.management-profile-copy small{margin-top:4px;color:var(--mh-muted);font-size:10px}.management-profile-panel{display:grid;gap:2px}.management-profile-panel>strong{padding:2px 8px 9px;overflow-wrap:anywhere;font-size:13px}.management-profile-panel button:last-child{margin-top:4px;border-top:1px solid var(--mh-border);border-radius:0 0 8px 8px;color:#a83242} .management-location-bar{min-height:42px;display:flex;align-items:center;padding:0 clamp(18px,2.6vw,42px);border-bottom:1px solid #e5ebf3;background:#fff}.management-location-bar .breadcrumb{display:flex;align-items:center;gap:8px;color:#687d96;font-size:12px}.management-location-bar .breadcrumb strong{color:#294661}.management-shell>.main-content{width:100%;max-width:none;padding-inline:clamp(18px,2.6vw,42px)} html[data-refspata-theme="dark"] .management-shell{background:#071827}html[data-refspata-theme="dark"] .management-header{--mh-bg:#081a2a;--mh-surface:#0c2336;--mh-surface-hover:#102f48;--mh-border:#1d4058;--mh-border-strong:#2c5874;--mh-text:#eef6ff;--mh-muted:#9db6cf;--mh-accent:#2993ff;background:color-mix(in srgb,var(--mh-bg) 94%,transparent)} html[data-refspata-theme="dark"] .management-header-brand img{filter:brightness(1.06) saturate(1.08)!important}html[data-refspata-theme="dark"] .management-avatar{background:#173b5a;color:#d9ecff}html[data-refspata-theme="dark"] .management-location-bar{background:#081a2a;border-color:#1d4058}html[data-refspata-theme="dark"] .management-location-bar .breadcrumb{color:#91abc4}html[data-refspata-theme="dark"] .management-location-bar .breadcrumb strong{color:#eaf4ff} @media(max-width:1500px){.management-header{grid-template-columns:146px minmax(0,1fr) auto;gap:10px;padding-inline:14px}.management-header-brand img{width:140px}.management-nav-trigger{gap:5px;padding-inline:8px;font-size:12px}.management-profile-copy{display:none}.management-profile-trigger{max-width:none}.management-refresh{display:none}} @media(max-width:1320px){.management-header{grid-template-columns:minmax(132px,1fr) auto auto}.management-primary-nav{display:none}.management-menu-toggle{display:flex}.management-navigation{justify-self:end}.management-header-actions{justify-self:end}.management-profile-trigger>svg{display:none}} @media(max-width:760px){.management-header{position:sticky;min-height:118px;grid-template-columns:minmax(118px,1fr) auto;grid-template-rows:54px 48px;gap:4px 10px;padding:6px 12px}.management-header-brand img{width:132px;height:43px}.management-navigation{grid-column:2;grid-row:1}.management-header-actions{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:5px}.management-header .refspata-mode-switch button{padding:7px 8px;font-size:11px}.management-header .r33-theme-toggle,.management-icon-button,.management-profile-trigger,.management-header .quick-create>button{width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;display:grid!important;place-items:center!important}.management-header .management-refresh{display:none!important}.management-header .r33-theme-label,.management-header .quick-create>button:not([aria-expanded]) span,.management-header .quick-create>button{font-size:0}.management-header .quick-create>button svg{width:20px;height:20px}.management-profile-trigger .management-avatar{width:34px;height:34px}.management-profile-copy{display:none}.management-location-bar{padding-inline:14px}.management-shell>.main-content{padding-inline:14px}.management-mobile-panel{position:fixed;top:66px;right:10px;left:10px;width:auto;max-height:calc(100dvh - 76px)}.management-popover-panel{position:fixed;top:116px;right:10px;max-width:calc(100vw - 20px)}.management-header .quick-create-panel{position:fixed!important;top:116px!important;right:10px!important;left:auto!important;max-width:calc(100vw - 20px)!important}} @media(max-width:420px){.management-header{padding-inline:9px}.management-header .refspata-mode-switch button{padding-inline:6px}.management-header-actions{gap:3px}.management-menu-toggle span{display:none}.management-menu-toggle{width:42px;padding:0}.management-location-bar{min-height:38px}.management-notifications-panel{left:10px;right:10px;min-width:0}} @media(max-width:420px){.management-header .refspata-mode-switch button:first-child{font-size:0}.management-header .refspata-mode-switch button:first-child::after{content:'Gestión';font-size:11px}.management-header-actions>*{min-width:0}.management-header-actions{overflow:visible}} @media(prefers-reduced-motion:reduce){.management-header *{transition:none!important;animation-duration:.01ms!important;scroll-behavior:auto!important}} .management-header-brand{position:relative;width:max-content;max-width:100%}.management-version-footer{width:100%;padding:8px 18px 12px;text-align:right;color:var(--mh-muted);font-size:10px;font-weight:650;letter-spacing:.02em} /* Paso 3B · transición institucional compartida por login y preparación de Mostrador. */ .post-login-splash{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;min-width:0;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 43%,rgba(25,103,169,.2),transparent 34%),linear-gradient(145deg,#061420 0%,#071b2b 54%,#06131f 100%);color:#eaf5ff;isolation:isolate} .post-login-splash.is-exiting{animation:post-login-splash-exit 250ms ease both;pointer-events:none} .post-login-splash.is-stalled{opacity:1;animation:none} .post-login-splash::before{content:"";position:absolute;inset:auto -15% -35%;height:58%;background:radial-gradient(ellipse at center,rgba(21,119,219,.16),transparent 68%);filter:blur(16px);pointer-events:none} .post-login-splash__stage{position:relative;width:min(700px,calc(100vw - 40px));height:min(340px,52vh);display:grid;place-items:center;contain:layout paint} .post-login-splash__emblem,.post-login-splash__brand,.post-login-splash__sweep{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none} .post-login-splash__emblem{z-index:1;animation:post-login-emblem 1500ms cubic-bezier(.22,.75,.24,1) var(--institutional-splash-offset,0ms) both} .post-login-splash__emblem::before{content:"";position:absolute;width:min(260px,46vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,190,43,.25),rgba(34,156,243,.1) 48%,transparent 72%);filter:blur(13px)} .post-login-splash__emblem img{position:relative;width:min(210px,40vw);height:auto;filter:drop-shadow(0 0 13px rgba(255,188,42,.22)) drop-shadow(0 0 22px rgba(54,163,241,.16))} .post-login-splash__sweep{z-index:3;overflow:hidden;animation:post-login-sweep-container 1450ms linear calc(400ms + var(--institutional-splash-offset,0ms)) both} .post-login-splash__sweep::before,.post-login-splash__sweep::after,.post-login-splash__sweep span{content:"";position:absolute;left:50%;top:50%;width:min(560px,82vw);height:3px;border-radius:999px;transform:translate(-145%,-50%) rotate(-2deg);opacity:0;background:linear-gradient(90deg,transparent 0%,rgba(70,173,247,.18) 18%,#53b5f4 39%,#fff4c6 51%,#f8b72d 62%,rgba(64,163,239,.44) 78%,transparent 100%);box-shadow:0 0 8px rgba(67,171,244,.42),0 0 16px rgba(246,184,48,.22);animation:post-login-light-sweep 1150ms cubic-bezier(.25,.65,.34,1) calc(400ms + var(--institutional-splash-offset,0ms)) both} .post-login-splash__sweep::before{margin-top:-20px;height:1px;opacity:.72;animation-delay:calc(455ms + var(--institutional-splash-offset,0ms))} .post-login-splash__sweep::after{margin-top:18px;height:2px;opacity:.58;animation-delay:calc(505ms + var(--institutional-splash-offset,0ms))} .post-login-splash__sweep span{margin-top:1px} .post-login-splash__brand{z-index:2;clip-path:inset(0 100% 0 0);opacity:0;filter:drop-shadow(0 0 10px rgba(69,169,239,.15));animation:post-login-brand 1450ms cubic-bezier(.22,.74,.2,1) calc(400ms + var(--institutional-splash-offset,0ms)) both} .post-login-splash__brand img{display:block;width:min(560px,82vw);height:auto;max-height:190px;object-fit:contain} .post-login-splash__loader{position:absolute;z-index:4;left:50%;top:calc(50% + 102px);display:flex;align-items:center;gap:10px;transform:translateX(-50%);opacity:0;color:#b9cee1;font-size:14px;letter-spacing:.025em;white-space:nowrap;animation:post-login-loader-show 1ms linear calc(2100ms + var(--institutional-splash-offset,0ms)) forwards} .post-login-splash__spinner{width:18px;height:18px;border:2px solid rgba(112,190,245,.22);border-top-color:#65bff8;border-right-color:#efb641;border-radius:50%;animation:post-login-spinner 820ms linear infinite} .post-login-splash__loader.is-stalled{top:calc(50% + 96px);flex-direction:column;gap:12px;opacity:1;animation:none;text-align:center;white-space:normal} .post-login-splash__recovery{display:flex;justify-content:center;gap:10px} .post-login-splash__recovery button,.post-login-splash__recovery a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border:1px solid rgba(101,191,248,.42);border-radius:10px;background:rgba(17,54,83,.72);color:#eaf5ff;font:inherit;text-decoration:none;cursor:pointer} .post-login-splash__recovery button:hover,.post-login-splash__recovery a:hover{border-color:#65bff8;background:rgba(24,76,114,.84)} .post-login-splash__recovery button:focus-visible,.post-login-splash__recovery a:focus-visible{outline:3px solid rgba(101,191,248,.42);outline-offset:2px} @keyframes post-login-splash-exit{to{opacity:0;visibility:hidden}} @keyframes post-login-emblem{0%{opacity:0;transform:scale(.9)}16%{opacity:1;transform:scale(1)}28%{opacity:1;transform:scale(1)}67%{opacity:.44;transform:scale(.94) translateX(-30px)}100%{opacity:0;transform:scale(.86) translateX(-70px)}} @keyframes post-login-sweep-container{0%,18%{opacity:0}25%,78%{opacity:1}100%{opacity:0}} @keyframes post-login-light-sweep{0%,8%{opacity:0;transform:translate(-145%,-50%) rotate(-2deg)}22%{opacity:.92}72%{opacity:.86}92%,100%{opacity:0;transform:translate(45%,-50%) rotate(-2deg)}} @keyframes post-login-brand{0%,12%{clip-path:inset(0 100% 0 0);opacity:0;transform:translateX(20px)}44%{opacity:.82}82%,100%{clip-path:inset(0 0 0 0);opacity:1;transform:translateX(0);filter:drop-shadow(0 0 0 rgba(69,169,239,0))}} @keyframes post-login-loader-show{to{opacity:1}} @keyframes post-login-spinner{to{transform:rotate(360deg)}} @media(max-width:640px){.post-login-splash__stage{height:min(300px,48vh)}.post-login-splash__emblem img{width:min(180px,48vw)}.post-login-splash__brand img{width:min(500px,86vw)}.post-login-splash__loader{top:calc(50% + 84px)}.post-login-splash__loader.is-stalled{top:calc(50% + 82px);width:min(330px,90vw)}} @media(prefers-reduced-motion:reduce){.post-login-splash__emblem,.post-login-splash__brand{animation-duration:180ms;animation-delay:var(--institutional-splash-offset,0ms);animation-timing-function:ease-out}.post-login-splash__emblem{animation-name:post-login-reduced-emblem}.post-login-splash__brand{animation-name:post-login-reduced-brand}.post-login-splash__sweep{display:none}.post-login-splash__loader{animation-delay:calc(180ms + var(--institutional-splash-offset,0ms))}.post-login-splash__spinner{animation-duration:1.4s}.post-login-splash.is-exiting{animation-duration:.01ms}@keyframes post-login-reduced-emblem{0%{opacity:.32}100%{opacity:0}}@keyframes post-login-reduced-brand{0%{clip-path:inset(0 0 0 0);opacity:.72}100%{clip-path:inset(0 0 0 0);opacity:1}}} /* Fixes rápidos sep21 · dark mode + carrito Mostrador iPad */ /* CRM: los selectores buscables viven dentro de un portal de diálogo y por eso no heredan --crm-* desde .crm. Forzamos la misma paleta oscura del módulo. */ html[data-refspata-theme="dark"] .crm-customer-picker>button{ background:#092234!important; border-color:#22465e!important; color:#eef5ff!important; } html[data-refspata-theme="dark"] .crm-customer-picker-menu{ background:#092234!important; border-color:#22465e!important; color:#eef5ff!important; } html[data-refspata-theme="dark"] .crm-customer-picker-menu :is(input,[role="combobox"]){ background:#0c2b42!important; border-color:#31506b!important; color:#eef5ff!important; } html[data-refspata-theme="dark"] .crm-customer-picker-menu input::placeholder{ color:#89a3ba!important; opacity:1!important; } html[data-refspata-theme="dark"] .crm-customer-picker-menu button[role="option"]{ color:#eef5ff!important; } html[data-refspata-theme="dark"] .crm-customer-picker-menu button[role="option"]:hover, html[data-refspata-theme="dark"] .crm-customer-picker-menu button[role="option"][aria-selected="true"]{ background:#143d67!important; } /* Producto: la galería unificada no heredaba las variables oscuras fuera de ciertos contenedores, dejando tarjetas y acciones blancas. */ html[data-refspata-theme="dark"] .r49-product-media-card{ background:#0d2234!important; border-color:#2d475f!important; color:#eef6ff!important; } html[data-refspata-theme="dark"] .r49-product-media-card.is-primary{ border-color:#4d8ed0!important; box-shadow:0 0 0 1px rgba(77,142,208,.22)!important; } html[data-refspata-theme="dark"] .r49-product-media-preview{ background:#10283b!important; border-color:#2d475f!important; } html[data-refspata-theme="dark"] .r49-product-media-badge{ background:#0b1d2d!important; border-color:#385875!important; color:#eaf3fb!important; } html[data-refspata-theme="dark"] .r49-product-media-card.is-primary .r49-product-media-badge{ color:#67a9ff!important; border-color:#4d8ed0!important; } html[data-refspata-theme="dark"] .r49-product-media-actions{ background:#0d2234!important; } html[data-refspata-theme="dark"] .r49-product-media-actions button{ background:#10283b!important; border-color:#385875!important; color:#eaf3fb!important; } html[data-refspata-theme="dark"] .r49-product-media-actions button:hover:not(:disabled){ background:#14344d!important; } html[data-refspata-theme="dark"] .r49-product-media-actions button:disabled{ opacity:.48!important; } /* Mostrador / Nueva venta: en iPad el carrito queda angosto y Safari puede desbordar títulos largos. Reservamos más ancho al carrito y hacemos que nombre, precio unitario, stepper y total ocupen filas estables sin superponerse. */ @media (hover:none) and (pointer:coarse) and (min-width:861px) and (max-width:1400px){ .mostrador-shell-v2 .mostrador-sale{ grid-template-columns:minmax(0,1fr) minmax(390px,420px)!important; } .mostrador-shell-v2 .mostrador-cart-lines article{ grid-template-columns:minmax(0,1fr) auto!important; align-items:start!important; column-gap:10px!important; row-gap:8px!important; padding-block:13px!important; } .mostrador-shell-v2 .mostrador-cart-product{ display:grid!important; grid-template-columns:44px minmax(0,1fr)!important; align-items:start!important; gap:9px!important; min-width:0!important; } .mostrador-shell-v2 .mostrador-cart-product>img, .mostrador-shell-v2 .mostrador-cart-thumb{ width:44px!important; height:44px!important; } .mostrador-shell-v2 .mostrador-cart-product>div{ display:grid!important; align-content:start!important; min-width:0!important; } .mostrador-shell-v2 .mostrador-cart-product strong{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:3!important; line-clamp:3!important; max-height:3.6em!important; line-height:1.2!important; overflow:hidden!important; white-space:normal!important; overflow-wrap:anywhere!important; font-size:12px!important; } .mostrador-shell-v2 .mostrador-cart-product small{ display:block!important; position:static!important; margin-top:7px!important; line-height:1.2!important; font-size:10px!important; white-space:normal!important; } .mostrador-shell-v2 .mostrador-stepper{ align-self:start!important; margin-top:2px!important; flex:0 0 auto!important; } .mostrador-shell-v2 .mostrador-line-total{ grid-column:1/-1!important; margin-top:0!important; padding-top:0!important; text-align:right!important; } } /* Desplazamiento REFSPATA: conserva todos los paneles desplazables, pero evita que las barras nativas compitan visualmente con el contenido. Firefox usa scrollbar-color/width y Chromium/WebKit los pseudo-elementos equivalentes. */ :root{ --refspata-scrollbar-thumb:rgba(83,111,137,.48); --refspata-scrollbar-thumb-hover:rgba(40,112,190,.78); } html[data-refspata-theme="dark"], .dark{ --refspata-scrollbar-thumb:rgba(145,174,199,.38); --refspata-scrollbar-thumb-hover:rgba(91,164,238,.72); } html, body, body *{ scrollbar-width:thin; scrollbar-color:var(--refspata-scrollbar-thumb) transparent; } html::-webkit-scrollbar, body::-webkit-scrollbar, body *::-webkit-scrollbar{ width:7px; height:7px; } html::-webkit-scrollbar-track, body::-webkit-scrollbar-track, body *::-webkit-scrollbar-track{ background:transparent; } html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb, body *::-webkit-scrollbar-thumb{ min-height:36px; border:2px solid transparent; border-radius:999px; background:var(--refspata-scrollbar-thumb); background-clip:padding-box; } html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover, body *::-webkit-scrollbar-thumb:hover{ background:var(--refspata-scrollbar-thumb-hover); background-clip:padding-box; } html::-webkit-scrollbar-corner, body::-webkit-scrollbar-corner, body *::-webkit-scrollbar-corner{ background:transparent; } /* En pantallas táctiles el gesto ya comunica el desplazamiento. Ocultamos sólo el indicador visual: el contenido sigue aceptando swipe, rueda y teclado. */ @media (hover:none) and (pointer:coarse){ html, body, body *{ scrollbar-width:none; } html::-webkit-scrollbar, body::-webkit-scrollbar, body *::-webkit-scrollbar{ width:0; height:0; display:none; } } /* Preparación de envíos · regresiones responsive tablet · sep21 */ /* Esta hoja va al final del bundle para que reglas globales posteriores no vuelvan a deformar el modal ni los controles de cantidad. Los colores siguen dependiendo exclusivamente de las variables --shipping-* y del tema global. */ .shipping-stepper{box-sizing:border-box!important;justify-self:center!important;max-width:calc(100% - 8px)!important} .shipping-stepper>button{box-sizing:border-box!important;min-width:0!important;width:100%!important;padding:0!important;margin:0!important} .shipping-stepper>input{box-sizing:border-box!important;min-width:0!important;width:100%!important;margin:0!important} /* Radix agrega un input checkbox nativo oculto junto al botón visual para propagar eventos del formulario. En modo oscuro, la regla global input:disabled{opacity:1!important} lo volvía visible cuando la preparación ya estaba confirmada/bloqueada, generando los checks grises desplazados de la captura. El input auxiliar debe seguir oculto; el único control visible e interactivo es [data-slot="checkbox"]. */ .shipping-check-cell{position:relative!important} .shipping-check-cell>[data-slot="checkbox"]{position:relative!important;z-index:1!important;touch-action:manipulation} .shipping-check-cell>[data-slot="checkbox"]:not(:disabled){cursor:pointer!important} .shipping-check-cell>input[type="checkbox"][aria-hidden="true"]{ position:absolute!important; opacity:0!important; pointer-events:none!important; appearance:none!important; -webkit-appearance:none!important; z-index:0!important; } @media(max-width:1100px){ .shipping-products-table{overflow-x:hidden!important;overflow-y:auto!important} .shipping-products-head,.shipping-product-row{grid-template-columns:46px minmax(210px,1fr) minmax(250px,1fr) 156px!important} .shipping-stepper{width:142px!important;grid-template-columns:36px minmax(50px,1fr) 36px!important} } @media(max-width:820px){ .shipping-product-row{grid-template-columns:42px minmax(0,1fr) 148px!important} .shipping-stepper{width:136px!important;grid-template-columns:34px minmax(50px,1fr) 34px!important} } @media(max-width:560px){ .shipping-preparation-modal{min-width:0!important;width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important} .shipping-preparation-modal>.modal-header{padding:10px 12px 7px!important} .shipping-preparation-modal>.modal-body{padding:7px 12px 10px!important;overflow:hidden!important} .shipping-preparation-form{gap:7px!important;height:calc(94dvh - 140px)!important;max-height:calc(94dvh - 140px)!important} .shipping-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;min-height:0!important;padding:7px!important} .shipping-order-summary-main{grid-column:1/-1;padding:0 2px 5px!important;gap:3px!important} .shipping-order-title{gap:6px!important;font-size:14px!important;line-height:1.15} .shipping-active-badge{min-height:21px!important;padding:2px 7px!important;font-size:10px!important} .shipping-order-meta{gap:5px!important;font-size:11px!important}.shipping-meta-icon{width:15px!important;height:15px!important;flex-basis:15px!important} .shipping-summary-field{min-width:0!important;padding:5px 6px!important;border:0!important;border-radius:7px;background:var(--shipping-bg)!important;gap:6px!important} .shipping-summary-field:nth-child(2){grid-column:1/-1}.shipping-summary-field>svg{width:15px!important;height:15px!important}.shipping-summary-field small{font-size:9px!important}.shipping-summary-field strong{font-size:11px!important;line-height:1.15;overflow-wrap:anywhere} .shipping-products-heading{gap:0!important}.shipping-products-heading h3{font-size:14px!important}.shipping-products-heading span{font-size:10px!important} .shipping-products-section{min-height:150px!important}.shipping-product-row{padding-block:4px!important;row-gap:3px!important}.shipping-product-cell img,.shipping-product-placeholder{width:30px!important;height:30px!important;flex-basis:30px!important}.shipping-product-name{font-size:11px!important}.shipping-stepper{min-height:34px!important}.shipping-stepper input,.shipping-stepper button{height:34px!important;min-height:34px!important} .shipping-status-row{gap:5px!important}.shipping-stock-note{font-size:10px!important}.shipping-status-control{width:100%;justify-content:space-between;gap:7px!important}.shipping-status-control>span{font-size:11px!important} .shipping-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.shipping-action-card{min-height:40px!important;padding:5px!important;justify-content:center;text-align:center}.shipping-action-card>svg,.shipping-document-icon,.shipping-action-arrow,.shipping-action-card small{display:none!important}.shipping-action-card strong{font-size:10px!important;line-height:1.15} .shipping-preparation-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:5px!important;padding-top:6px!important}.shipping-preparation-footer .shipping-confirm{grid-column:1/-1}.shipping-preparation-footer button{min-height:34px!important;padding:4px 6px!important;font-size:10px!important} .shipping-product-row{grid-template-columns:40px minmax(0,1fr) 140px!important} .shipping-stepper{width:128px!important;grid-template-columns:32px minmax(46px,1fr) 32px!important} } @media(max-width:360px){ .shipping-product-row{grid-template-columns:40px minmax(0,1fr)!important;grid-template-areas:"check product" ". stepper" ". amounts"!important} .shipping-stepper{width:100%!important;justify-self:stretch!important} } /* * Tablet (incluye iPad portrait 744/768/810/820 y landscape hasta 1100). * La UI histórica correcta era una mesa de trabajo compacta, no tarjetas de móvil. * Estas reglas se declaran al final para deshacer el colapso <=820px introducido * tanto por shipping-preparation.css como por clientes-envios-home.css. */ @media(min-width:700px) and (max-width:1100px){ .shipping-order-summary{ grid-template-columns:1fr 1fr!important; gap:0!important; align-items:stretch!important; padding:12px 16px!important; } .shipping-order-summary-main{padding-right:18px!important;justify-content:center!important} .shipping-summary-field{ min-width:0!important; padding:9px 12px 9px 18px!important; border-left:1px solid var(--shipping-border)!important; gap:12px!important; } .shipping-summary-field>div{gap:3px!important;min-width:0!important} .shipping-summary-field small{font-size:11px!important} .shipping-summary-field strong{font-size:14px!important} .shipping-products-heading{ align-items:flex-end!important; flex-direction:row!important; justify-content:space-between!important; gap:14px!important; } .shipping-products-head{display:grid!important} .shipping-products-head,.shipping-product-row{ grid-template-columns:42px minmax(175px,1.15fr) minmax(215px,1fr) 136px!important; grid-template-areas:none!important; } .shipping-products-head>*,.shipping-product-row>*{padding-inline:7px!important} .shipping-product-row{min-height:64px!important;row-gap:0!important;padding-block:0!important} .shipping-check-cell,.shipping-product-cell,.shipping-product-amounts,.shipping-stepper{grid-area:auto!important} .shipping-product-cell{gap:8px!important;min-width:0!important} .shipping-product-amounts{ display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; padding-top:0!important; min-width:0!important; } .shipping-amount-pill{min-height:34px!important;padding:4px 6px!important} .shipping-stepper{ width:132px!important; grid-template-columns:34px minmax(50px,1fr) 34px!important; align-self:center!important; } .shipping-status-row{ align-items:center!important; flex-direction:row!important; justify-content:space-between!important; gap:18px!important; } .shipping-stock-note{max-width:420px!important} .shipping-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important} .shipping-action-card{min-height:58px!important;padding-inline:12px!important} .shipping-preparation-footer{position:static!important} } /* Release candidate sep23: responsive ownership for cross-module tables and shell. */ .management-shell,.management-shell>.main-content{min-width:0;max-width:100%} @media(max-width:760px){ .management-shell>.main-content{width:100%;overflow-x:clip} .management-header-actions{min-width:0} .management-header .refspata-mode-switch{min-width:0} .management-header .refspata-mode-switch button{min-width:0;white-space:normal;line-height:1.1} .products-table-card [data-slot=table-container]{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable} .products-table-card table{min-width:820px!important} .products-table-card :is(th,td):first-child{position:sticky;left:0;z-index:3;width:68px;min-width:68px;max-width:68px;background:var(--pc-bg)} .products-table-card :is(th,td):nth-child(2){position:sticky;left:68px;z-index:2;width:220px;min-width:220px;max-width:220px;background:var(--pc-bg);box-shadow:8px 0 12px -12px #102c4970} .products-table-card thead :is(th,td):first-child,.products-table-card thead :is(th,td):nth-child(2){background:var(--pc-soft);z-index:4} .products-table-card .catalog-thumbnail{display:none} .products-table-card .product-cell{min-width:220px!important;width:220px!important} html[data-refspata-theme="dark"] .products-table-card :is(th,td):first-child, html[data-refspata-theme="dark"] .products-table-card :is(th,td):nth-child(2){background:#0d1d2d} html[data-refspata-theme="dark"] .products-table-card thead :is(th,td):first-child, html[data-refspata-theme="dark"] .products-table-card thead :is(th,td):nth-child(2){background:#12263a} } @media(max-width:640px){ .responsive-card-table{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important} .responsive-card-table>[data-slot=table-container]{overflow:visible!important} .responsive-card-table table,.responsive-card-table thead,.responsive-card-table tbody, .responsive-card-table tr,.responsive-card-table th,.responsive-card-table td{display:block;width:100%;min-width:0!important;max-width:none!important} .responsive-card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .responsive-card-table tbody{display:grid;gap:12px} .responsive-card-table tbody tr{position:relative;padding:14px;border:1px solid var(--border,#d7e1ec);border-radius:12px;background:var(--card,#fff);box-shadow:0 3px 12px #18345b0a} .responsive-card-table tbody td{display:grid;grid-template-columns:minmax(92px,.72fr) minmax(0,1.28fr);align-items:start;gap:10px;padding:7px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere} .responsive-card-table tbody td::before{color:var(--muted-foreground,#64748b);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase} .responsive-card-table tbody td>.row-actions{justify-content:flex-start;flex-wrap:wrap} .responsive-card-table tbody td button{max-width:100%;white-space:normal;height:auto;min-height:36px} .stock-levels-table tbody td:nth-child(1)::before{content:'Producto'} .stock-levels-table tbody td:nth-child(2)::before{content:'Físico'} .stock-levels-table tbody td:nth-child(3)::before{content:'Reservado'} .stock-levels-table tbody td:nth-child(4)::before{content:'Disponible'} .stock-levels-table tbody td:nth-child(5)::before{content:'Mínimo'} .stock-levels-table tbody td:nth-child(6)::before{content:'Ubicaciones'} .stock-history-table tbody td:nth-child(1)::before{content:'Fecha'} .stock-history-table tbody td:nth-child(2)::before{content:'Operación'} .stock-history-table tbody td:nth-child(3)::before{content:'Referencia'} .stock-history-table tbody td:nth-child(4)::before{content:'Detalle'} .stock-history-table tbody td:nth-child(5)::before{content:'Acciones'} .fulfillment-table tbody td:first-child{position:absolute;top:12px;right:12px;width:auto!important;padding:0!important;display:block} .fulfillment-table tbody td:first-child::before{content:none} .fulfillment-table tbody td:nth-child(2){padding-right:42px!important} .fulfillment-table tbody td:nth-child(2)::before{content:'Fecha'} .fulfillment-table tbody td:nth-child(3)::before{content:'Cliente / pedido'} .fulfillment-table tbody td:nth-child(4)::before{content:'Entrega'} .fulfillment-table tbody td:nth-child(5)::before{content:'Responsable'} .fulfillment-table tbody td:nth-child(6)::before{content:'Estado'} .fulfillment-table tbody td:nth-child(7)::before{content:'Acciones'} .cash-movements-table tbody td:nth-child(1)::before{content:'Fecha'} .cash-movements-table tbody td:nth-child(2)::before{content:'Movimiento'} .cash-movements-table tbody td:nth-child(3)::before{content:'Cuenta'} .cash-movements-table tbody td:nth-child(4)::before{content:'Proveedor / canal'} .cash-movements-table tbody td:nth-child(5)::before{content:'Entró'} .cash-movements-table tbody td:nth-child(6)::before{content:'Salió'} .cash-movements-table tbody td:nth-child(7)::before{content:'Acciones'} .crm-customer-table{overflow:visible!important} .crm-customer-table table,.crm-customer-table thead,.crm-customer-table tbody, .crm-customer-table tr,.crm-customer-table th,.crm-customer-table td{display:block;width:100%;min-width:0!important;max-width:none!important} .crm-customer-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .crm-customer-table tbody{display:grid;gap:12px} .crm-customer-table tbody tr{padding:14px;border:1px solid var(--crm-line);border-radius:12px;background:var(--crm-bg)} .crm-customer-table tbody td{display:grid;grid-template-columns:minmax(96px,.72fr) minmax(0,1.28fr);align-items:start;gap:10px;padding:7px 0!important;border:0!important;white-space:normal!important;overflow-wrap:anywhere} .crm-customer-table tbody td::before{color:var(--crm-muted);font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase} .crm-customer-table tbody td:nth-child(1)::before{content:'Cliente'} .crm-customer-table tbody td:nth-child(2)::before{content:'Segmento'} .crm-customer-table tbody td:nth-child(3)::before{content:'Última compra'} .crm-customer-table tbody td:nth-child(4)::before{content:'Saldo pendiente'} .crm-customer-table tbody td:nth-child(5)::before{content:'Próxima acción'} .crm-customer-table tbody td button{justify-content:flex-start;text-align:left;white-space:normal;height:auto;min-height:36px;overflow-wrap:anywhere} .label-selection{align-items:flex-start;gap:8px} .label-selection label{align-items:flex-start} .shipping-preparation-dialog{width:calc(100vw - 12px)!important;max-width:none!important;max-height:calc(100dvh - 12px)!important;padding:12px!important} .shipping-preparation-body{min-height:0} .shipping-preparation-footer{position:sticky;bottom:0;z-index:4;background:var(--shipping-bg);padding-top:10px;flex-wrap:wrap} .shipping-preparation-footer button{flex:1 1 140px;white-space:normal;height:auto;min-height:42px} .mostrador-shell-v2,.mostrador-module-host{min-width:0;max-width:100%;overflow-x:clip} .mostrador-topbar{min-width:0} .mostrador-topbar-actions .refspata-mode-switch{display:inline-flex!important} .mostrador-topbar,.mostrador-topbar-actions{gap:6px} .mostrador-topbar-actions .refspata-mode-switch button{padding:7px 6px;font-size:10px} } @media(max-width:360px){ .management-header{grid-template-columns:minmax(100px,1fr) 40px!important;padding-inline:7px!important} .management-header-brand img{width:116px!important} .management-header-actions{gap:2px!important} .management-header .refspata-mode-switch button{padding-inline:5px!important;font-size:10px!important} .management-header .r33-theme-toggle,.management-icon-button,.management-profile-trigger,.management-header .quick-create>button{width:38px!important;height:38px!important;min-height:38px!important} .management-mobile-panel{right:6px;left:6px} .management-shell>.main-content{padding-inline:10px!important} .mostrador-topbar{padding-inline:8px} .mostrador-topbar-title strong{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} .mostrador-topbar-actions .refspata-mode-switch button{padding-inline:5px;font-size:9px} .responsive-card-table tbody tr,.crm-customer-table tbody tr{padding:12px} .responsive-card-table tbody td,.crm-customer-table tbody td{grid-template-columns:84px minmax(0,1fr);gap:8px} } @media(max-width:340px){ .management-header .refspata-mode-switch{flex:1 1 0!important;max-width:131px} .management-header .refspata-mode-switch button{flex:1 1 0;padding-inline:3px!important;font-size:9px!important} } @media(prefers-reduced-motion:reduce){ .responsive-card-table *,.crm-customer-table *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important} } .work-hub-bell,.mostrador-activity-button{position:relative}.work-hub-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center}.work-hub-connection{position:absolute;right:1px;bottom:1px;width:7px;height:7px;border-radius:50%;background:#f59e0b;border:1px solid var(--management-header-bg,#081b2c)}.work-hub-connection.online{background:#22c55e}.mostrador-activity-button{width:42px;height:42px;border:1px solid var(--mostrador-border,#24465f);border-radius:10px;background:transparent;color:inherit;font-size:19px}.work-hub-overlay{position:fixed;inset:0;z-index:10000;background:rgb(2 10 18/.5);display:flex;justify-content:flex-end}.work-hub-panel{width:min(560px,100vw);height:100%;background:var(--background,#fff);color:var(--foreground,#10263a);border-left:1px solid var(--border,#d5e0eb);box-shadow:-20px 0 60px rgb(0 0 0/.24);display:grid;grid-template-rows:auto auto 1fr auto}.dark .work-hub-panel{background:#081b2c;color:#eaf4ff;border-color:#24465f}.work-hub-panel>header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border,#d5e0eb)}.work-hub-panel>header div{display:grid;gap:3px}.work-hub-panel>header strong{font-size:20px}.work-hub-panel>header small{color:#6f8ba4}.work-hub-panel>header button{border:0;background:transparent;color:inherit;font-size:30px;line-height:1}.work-hub-panel>nav{display:flex;gap:5px;padding:10px 14px;overflow-x:auto;border-bottom:1px solid var(--border,#d5e0eb)}.work-hub-panel>nav button{display:flex;align-items:center;gap:7px;border:0;border-radius:9px;padding:9px 12px;background:transparent;color:inherit;white-space:nowrap}.work-hub-panel>nav button.active{background:#1478ff;color:#fff}.work-hub-panel>nav span{min-width:18px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;padding:2px 5px}.work-hub-panel>main{min-height:0;overflow:auto;padding:14px}.work-hub-panel>footer{padding:12px 18px;border-top:1px solid var(--border,#d5e0eb);text-align:right}.work-hub-panel button{cursor:pointer}.work-hub-list{display:grid;gap:8px}.work-hub-card{width:100%;display:grid;grid-template-columns:10px 1fr;gap:10px;text-align:left;padding:13px;border:1px solid var(--border,#d5e0eb);border-radius:12px;background:transparent;color:inherit}.work-hub-card.unread{background:rgb(20 120 255/.08);border-color:rgb(20 120 255/.35)}.work-hub-card-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;margin-top:6px}.work-hub-card.unread .work-hub-card-dot{background:#1478ff}.work-hub-card-copy{display:grid;gap:3px}.work-hub-card-copy>span,.work-hub-card-copy time,.work-hub-empty{color:#6f8ba4;font-size:13px}.work-hub-messages,.work-hub-tasks,.work-hub-preferences{display:grid;gap:12px}.work-hub-messages>label{display:grid;gap:6px}.work-hub-messages select,.work-hub-task-create input,.work-hub-task-create select,.work-hub-compose textarea{width:100%;border:1px solid var(--border,#b9c9d8);border-radius:9px;background:transparent;color:inherit;padding:10px}.work-hub-thread{min-height:250px;max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:8px}.work-hub-message{align-self:flex-start;max-width:82%;padding:10px 12px;border-radius:12px;background:rgb(100 116 139/.12)}.work-hub-message.own{align-self:flex-end;background:rgb(20 120 255/.16)}.work-hub-message p{margin:4px 0}.work-hub-message time{font-size:11px;color:#6f8ba4}.work-hub-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.work-hub-compose textarea{min-height:70px;resize:vertical}.work-hub-compose button,.work-hub-task-create button,.work-hub-push button,.work-hub-panel>footer button{border:0;border-radius:9px;background:#1478ff;color:#fff;padding:9px 14px;font-weight:700}.work-hub-task-create{display:grid;grid-template-columns:1fr 150px auto;gap:8px}.work-hub-task{display:grid;grid-template-columns:26px 1fr;text-align:left;gap:10px;padding:12px;border:1px solid var(--border,#d5e0eb);border-radius:10px;background:transparent;color:inherit}.work-hub-task.done{opacity:.65}.work-hub-check{width:22px;height:22px;border:1px solid #6f8ba4;border-radius:6px;display:grid;place-items:center}.work-hub-task small{display:block;color:#6f8ba4;margin-top:3px}.work-hub-push,.work-hub-preference-list article{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--border,#d5e0eb);border-radius:12px;padding:13px}.work-hub-push p{margin:4px 0 0;color:#6f8ba4;font-size:13px}.work-hub-preference-list{display:grid;gap:8px}.work-hub-preference-list article{flex-wrap:wrap}.work-hub-preference-list label{font-size:13px}.work-hub-conflict{position:fixed;z-index:10020;right:20px;bottom:20px;width:min(440px,calc(100vw - 32px));padding:14px;border:1px solid #f59e0b;border-radius:12px;background:#fff8e6;color:#6b3d00;box-shadow:0 14px 40px rgb(0 0 0/.22);display:grid;gap:6px}.dark .work-hub-conflict{background:#2b2109;color:#ffe6a4}.work-hub-conflict div{display:flex;gap:8px;justify-content:flex-end}.work-hub-conflict button{border:1px solid currentColor;border-radius:7px;background:transparent;color:inherit;padding:6px 10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.work-hub-panel{width:100%}.work-hub-panel>header{padding:15px}.work-hub-panel>main{padding:10px}.work-hub-task-create{grid-template-columns:1fr}.work-hub-compose{grid-template-columns:1fr}.work-hub-compose button{justify-self:end}.work-hub-preference-list article{align-items:flex-start}.work-hub-overlay{background:transparent}}@media(max-width:360px){.work-hub-panel>nav button{padding:8px}.work-hub-panel>nav{padding-inline:8px}.work-hub-panel>header strong{font-size:18px}} /* Work Hub viewport containment: the panel is portaled to body so these dimensions are always relative to the browser viewport. */ .work-hub-overlay { width: 100vw; height: 100vh; height: 100dvh; min-width: 0; min-height: 0; overflow: hidden; } .work-hub-panel { max-width: 100%; min-width: 0; height: 100vh; height: 100dvh; min-height: 0; overflow: hidden; grid-template-rows: auto auto minmax(0, 1fr) auto; } .work-hub-panel > header { gap: 16px; } .work-hub-panel > header div, .work-hub-panel > main, .work-hub-panel > main > *, .work-hub-messages, .work-hub-tasks, .work-hub-preferences, .work-hub-preference-list { min-width: 0; } .work-hub-panel > header button { flex: 0 0 auto; } .work-hub-panel > nav { min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; overflow: hidden; } .work-hub-panel > nav button { min-width: 0; justify-content: center; padding: 9px 8px; } .work-hub-panel > nav .work-hub-tab-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; border-radius: 0; background: transparent; color: inherit; font-size: inherit; padding: 0; } .work-hub-panel > main { overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; } .work-hub-card { min-width: 0; grid-template-columns: 10px minmax(0, 1fr); } .work-hub-card-copy, .work-hub-push > div { min-width: 0; } .work-hub-push small { display: block; margin-top: 6px; color: #6f8ba4; } .work-hub-push-actions { display: flex; flex: 0 0 auto; gap: 8px; } .work-hub-push button.secondary { border: 1px solid var(--border, #b9c9d8); background: transparent; color: inherit; } .work-hub-card-copy > span, .work-hub-card-copy time, .work-hub-message { overflow-wrap: anywhere; } .work-hub-empty { min-height: 240px; display: grid; place-content: center; justify-items: center; gap: 8px; padding: 28px; border: 1px dashed var(--border, #d5e0eb); border-radius: 16px; background: rgb(20 120 255 / 4%); text-align: center; } .work-hub-empty strong { color: var(--foreground, #10263a); font-size: 16px; } .dark .work-hub-empty strong { color: #eaf4ff; } .work-hub-empty-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: rgb(34 197 94 / 14%); color: #16a34a; font-size: 22px; font-weight: 800; } .work-hub-messages select, .work-hub-task-create input, .work-hub-task-create select, .work-hub-compose textarea { min-width: 0; max-width: 100%; } .work-hub-thread { min-width: 0; overflow-x: hidden; overflow-y: auto; } .work-hub-compose { min-width: 0; grid-template-columns: minmax(0, 1fr) auto; } .work-hub-task-create { min-width: 0; grid-template-columns: minmax(0, 1fr) 150px auto; } .work-hub-task { min-width: 0; grid-template-columns: 26px minmax(0, 1fr); } .work-hub-push, .work-hub-preference-list article { min-width: 0; } @media (max-width: 600px) { .work-hub-panel { width: 100vw; border-left: 0; } .work-hub-panel > nav { padding: 8px 10px; gap: 4px; } .work-hub-panel > nav button { padding: 8px 5px; font-size: 12px; } .work-hub-task-create, .work-hub-compose { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 360px) { .work-hub-panel > nav button { gap: 3px; padding-inline: 3px; font-size: 11px; } .work-hub-tab-badge { min-width: 16px; padding-inline: 4px; font-size: 10px; } .work-hub-push { align-items: stretch; flex-direction: column; } } .work-hub-orders, .work-hub-notes { display: grid; gap: 12px; } .work-hub-entity-fields, .work-hub-lookup, .work-hub-schedule { display: grid; grid-template-columns: 140px minmax(0, 1fr) auto; gap: 8px; } .work-hub-entity-fields input, .work-hub-entity-fields select, .work-hub-lookup input, .work-hub-schedule input, .work-hub-schedule select, .work-hub-note-create textarea { width: 100%; border: 1px solid var(--border, #b9c9d8); border-radius: 9px; background: transparent; color: inherit; padding: 10px; } .work-hub-help { margin: 0; color: #6f8ba4; font-size: 13px; } .work-hub-user-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .work-hub-user-grid article, .work-hub-note { display: grid; gap: 7px; border: 1px solid var(--border, #d5e0eb); border-radius: 10px; padding: 11px; } .work-hub-user-grid label { font-size: 13px; } .work-hub-orders button, .work-hub-notes button { border: 0; border-radius: 9px; background: #1478ff; color: #fff; padding: 9px 14px; font-weight: 700; } .work-hub-note.important { border-color: #f59e0b; background: rgb(245 158 11 / 8%); } .work-hub-note p { margin: 0; } .work-hub-note time { color: #6f8ba4; font-size: 11px; } .work-hub-note-create { display: grid; gap: 8px; } .work-hub-note-create textarea { min-height: 100px; resize: vertical; } .work-hub-task-create { grid-template-columns: 1fr; } .work-hub-task-create > textarea, .work-hub-task-meta input, .work-hub-task-meta select { width: 100%; border: 1px solid var(--border, #b9c9d8); border-radius: 9px; background: transparent; color: inherit; padding: 10px; } .work-hub-task-create > textarea { min-height: 72px; resize: vertical; } .work-hub-task-meta { display: grid; grid-template-columns: 140px 1fr; gap: 8px; } .work-hub-note-create button { justify-self: end; } .work-hub-message a { display: block; margin-top: 5px; color: #1478ff; } .work-hub-message .work-hub-message-task { display: block; margin-top: 7px; border: 0; background: transparent; color: #1478ff; padding: 0; font: inherit; font-size: 12px; font-weight: 700; } .work-hub-compose > .work-hub-entity-fields { grid-column: 1 / -1; } @media (max-width: 600px) { .work-hub-entity-fields, .work-hub-lookup, .work-hub-schedule { grid-template-columns: 1fr; } .work-hub-user-grid { grid-template-columns: 1fr; } .work-hub-task-meta { grid-template-columns: 1fr; } } html[data-refspata-theme="dark"] .work-hub-panel { background: #081b2c; color: #eaf4ff; border-color: #24465f; color-scheme: dark; } html[data-refspata-theme="dark"] .work-hub-conflict { background: #2b2109; color: #ffe6a4; } /* Activity Center V2 */ .work-hub-panel { width: min(680px, 100vw); } .work-hub-importance-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-bottom: 10px; } .work-hub-importance-tabs button,.work-hub-category-tabs button { border: 0; border-radius: 9px; padding: 9px 10px; background: color-mix(in srgb,var(--foreground,#10263a) 6%,transparent); color: inherit; font-weight: 700; } .work-hub-importance-tabs button.active,.work-hub-category-tabs button.active { background: #1677ff; color: #fff; } .work-hub-importance-tabs span { display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 5px; border-radius: 99px; background: #ef4444; color: #fff; font-size: 11px; } .work-hub-category-tabs { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 12px; scrollbar-width: thin; } .work-hub-timeline { display: grid; gap: 14px; } .work-hub-timeline section { display: grid; gap: 7px; } .work-hub-timeline h3 { margin: 3px 2px; font-size: 13px; color: #6f8ba4; } .work-hub-card { grid-template-columns: 36px minmax(0,1fr) auto 9px; align-items: center; position: relative; } .work-hub-card.important { border-left: 3px solid #ef4444; } .work-hub-card.general { border-left: 3px solid #409cff; } .work-hub-card.read { opacity: .82; } .work-hub-card-symbol { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgb(20 120 255 / 11%); color: #1478ff; font-weight: 900; } .work-hub-card.important .work-hub-card-symbol { background: rgb(239 68 68 / 12%); color: #ef4444; } .work-hub-card-copy small { color: #6f8ba4; } .work-hub-card-action { padding: 7px 10px; border-radius: 7px; background: rgb(20 120 255 / 10%); color: #1478ff; font-size: 12px; font-weight: 800; } .work-hub-toasts { position: fixed; z-index: 10050; top: calc(env(safe-area-inset-top,0px) + 68px); right: max(16px,env(safe-area-inset-right,0px)); width: min(360px,calc(100vw - 32px)); display: grid; gap: 10px; pointer-events: none; } .work-hub-toast { pointer-events: auto; display: grid; grid-template-columns: 34px minmax(0,1fr) 28px; gap: 10px; align-items: start; padding: 14px; border: 1px solid #ff9da4; border-left: 4px solid #ef4444; border-radius: 13px; background: var(--background,#fff); color: var(--foreground,#10263a); box-shadow: 0 18px 50px rgb(0 0 0 / 25%); animation: work-hub-toast-in .2s ease-out; } html[data-refspata-theme="dark"] .work-hub-toast { background: #0b2133; color: #f4f8ff; } .work-hub-toast-symbol { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 9px; background: rgb(239 68 68 / 12%); color: #ef4444; } .work-hub-toast p { margin: 4px 0 9px; color: #6f8ba4; font-size: 13px; } .work-hub-toast button { border: 0; border-radius: 7px; background: #1478ff; color: #fff; padding: 6px 10px; font-weight: 700; } .work-hub-toast .work-hub-toast-close { background: transparent; color: inherit; padding: 2px; font-size: 20px; } @keyframes work-hub-toast-in { from { opacity: 0; transform: translateY(-8px); } } .work-hub-preferences > header { display: grid; gap: 4px; margin-bottom: 4px; } .work-hub-preferences > header span,.work-hub-setting-card p,.work-hub-setting-card small { color: #6f8ba4; } .work-hub-setting-card { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 16px; border: 1px solid var(--border,#d5e0eb); border-radius: 13px; } .work-hub-setting-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: rgb(20 120 255 / 11%); color: #1478ff; font-size: 20px; } .work-hub-setting-card p { margin: 4px 0; font-size: 13px; } .work-hub-switch { width: 46px; height: 26px; padding: 3px; border: 0; border-radius: 99px; background: #94a3b8; } .work-hub-switch span { display: block; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .18s ease; } .work-hub-switch.on { background: #1478ff; } .work-hub-switch.on span { transform: translateX(20px); } .work-hub-preferences-note { margin: 0; padding: 12px; border-radius: 10px; background: rgb(20 120 255 / 8%); color: #56738d; font-size: 13px; } .work-hub-user-picker { position: relative; display: grid; gap: 6px; min-width: 0; } .work-hub-picker-label { font-weight: 700; font-size: 13px; } .work-hub-picker-control { min-height: 42px; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 5px 8px; border: 1px solid var(--border,#b9c9d8); border-radius: 9px; background: transparent; } .work-hub-picker-control input { flex: 1 1 150px; min-width: 100px; border: 0; outline: 0; background: transparent; color: inherit; padding: 5px; } .work-hub-user-chip { border: 0; border-radius: 99px; padding: 6px 9px; background: rgb(20 120 255 / 14%); color: inherit; } .work-hub-picker-results { position: absolute; z-index: 20; top: 100%; left: 0; right: 0; max-height: 230px; overflow: auto; padding: 6px; border: 1px solid var(--border,#b9c9d8); border-radius: 10px; background: var(--background,#fff); box-shadow: 0 16px 36px rgb(0 0 0 / 20%); } html[data-refspata-theme="dark"] .work-hub-picker-results { background: #0b2133; } .work-hub-picker-results button { width: 100%; display: grid; grid-template-columns: 34px minmax(0,1fr); gap: 9px; align-items: center; border: 0; border-radius: 8px; padding: 8px; background: transparent; color: inherit; text-align: left; } .work-hub-picker-results button:hover,.work-hub-picker-results button:focus-visible { background: rgb(20 120 255 / 10%); } .work-hub-picker-results small { display: block; color: #6f8ba4; } .work-hub-avatar { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 50%; background: #5d7186; color: #fff; font-size: 11px; font-weight: 800; } .work-hub-picker-empty { display: block; padding: 10px; color: #6f8ba4; } .work-hub-inline-link { display: block; margin-top: 5px; border: 0; background: transparent; color: #1478ff; padding: 0; font: inherit; font-weight: 700; } @media (min-width: 760px) and (max-width: 1180px) { .work-hub-panel { width: min(760px,78vw); } } @media (max-width: 600px) { .work-hub-toasts { top: calc(env(safe-area-inset-top,0px) + 58px); left: max(8px,env(safe-area-inset-left,0px)); right: max(8px,env(safe-area-inset-right,0px)); width: auto; } .work-hub-toast { grid-template-columns: 28px minmax(0,1fr) 24px; gap: 8px; padding: 10px; border-radius: 11px; } .work-hub-toast-symbol { width: 27px; height: 27px; border-radius: 8px; } .work-hub-toast > div { min-width: 0; overflow-wrap: anywhere; } .work-hub-toast p { display: -webkit-box; overflow: hidden; margin: 2px 0 6px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; } .work-hub-toast button { padding: 5px 8px; } .work-hub-toast .work-hub-toast-close { display: grid; place-items: center; justify-self: end; width: 24px; min-width: 24px; height: 24px; padding: 0; line-height: 1; } .work-hub-panel > nav { grid-template-columns: repeat(6,max-content); overflow-x: auto; justify-content: start; } .work-hub-importance-tabs { position: sticky; top: -10px; z-index: 5; padding-block: 8px; background: var(--background,#fff); } html[data-refspata-theme="dark"] .work-hub-importance-tabs { background: #081b2c; } .work-hub-card { grid-template-columns: 32px minmax(0,1fr) 8px; } .work-hub-card-action { display: none; } .work-hub-setting-card { grid-template-columns: 38px minmax(0,1fr) auto; padding: 12px; } } @media (max-width: 360px) { .work-hub-importance-tabs button { padding-inline: 5px; font-size: 11px; } .work-hub-category-tabs button { font-size: 11px; } } /* Activity center · responsive bell popover */ .work-hub-icon { display: block; flex: 0 0 auto; } .work-hub-overlay { inset: 0; padding: 72px 18px 18px; align-items: flex-start; justify-content: flex-end; background: transparent; pointer-events: auto; } .work-hub-panel { position: relative; width: min(484px, calc(100vw - 36px)); height: auto; max-height: calc(100dvh - 90px); border: 1px solid var(--border, #d5e0eb); border-radius: 18px; overflow: hidden; background: var(--background, #fff); box-shadow: 0 24px 70px rgb(0 0 0 / 28%), 0 4px 14px rgb(0 0 0 / 12%); grid-template-rows: auto auto minmax(0, 1fr) auto; animation: work-hub-popover-in .18s ease-out; transform-origin: top right; } .work-hub-panel::before { content: ''; position: absolute; z-index: 2; top: -7px; right: 58px; width: 13px; height: 13px; border-top: 1px solid var(--border, #d5e0eb); border-left: 1px solid var(--border, #d5e0eb); background: inherit; transform: rotate(45deg); } .work-hub-drag-handle { display: none; } .work-hub-panel > header { min-height: 68px; padding: 15px 16px 13px; border-bottom: 0; } .work-hub-panel > header strong { font-size: 19px; letter-spacing: -.02em; } .work-hub-panel > header small { font-size: 12px; } .work-hub-header-actions { display: flex !important; align-items: center; gap: 4px !important; } .work-hub-panel > header .work-hub-header-actions button { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 10px; color: inherit; font-size: inherit; } .work-hub-panel > header .work-hub-header-actions button:hover, .work-hub-panel > header .work-hub-header-actions button:focus-visible, .work-hub-panel > header .work-hub-header-actions button.active { background: rgb(20 120 255 / 11%); color: #1478ff; } .work-hub-panel > nav { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; padding: 6px 10px 10px; border-bottom: 1px solid var(--border, #d5e0eb); } .work-hub-panel > nav button { min-height: 42px; flex-direction: column; gap: 3px; padding: 6px 3px; border-radius: 10px; font-size: 11px; font-weight: 700; } .work-hub-panel > nav button:hover, .work-hub-panel > nav button:focus-visible { background: rgb(20 120 255 / 8%); } .work-hub-panel > nav button.active { background: #1478ff; box-shadow: 0 6px 16px rgb(20 120 255 / 25%); } .work-hub-panel > nav .work-hub-tab-badge { position: absolute; margin: -21px 0 0 27px; min-width: 16px; height: 16px; display: grid; place-items: center; padding: 0 4px; font-size: 9px; } .work-hub-panel > main { padding: 12px; } .work-hub-importance-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; padding: 4px; margin-bottom: 10px; border: 1px solid var(--border, #d5e0eb); border-radius: 13px; background: rgb(100 116 139 / 5%); } .work-hub-importance-tabs button { min-width: 0; min-height: 38px; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 7px 8px; background: transparent; font-size: 12px; } .work-hub-importance-tabs button.active { box-shadow: 0 5px 14px rgb(20 120 255 / 22%); } .work-hub-importance-tabs .work-hub-filter-count { min-width: 20px; height: 20px; margin: 0; padding: 0 5px; background: rgb(255 255 255 / 18%); font-size: 10px; } .work-hub-importance-tabs .work-hub-filter-label { min-width: 0; height: auto; display: inline; margin: 0; padding: 0; border-radius: 0; background: transparent; color: inherit; font-size: inherit; } .work-hub-importance-tabs button:not(.active) .work-hub-filter-count { background: rgb(100 116 139 / 18%); color: inherit; } .work-hub-category-tabs { gap: 6px; padding-bottom: 11px; } .work-hub-category-tabs button { min-height: 34px; display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border: 1px solid var(--border, #d5e0eb); border-radius: 999px; background: transparent; font-size: 11px; } .work-hub-category-tabs button:hover, .work-hub-category-tabs button:focus-visible { border-color: #1478ff; color: #1478ff; } .work-hub-timeline { gap: 12px; } .work-hub-timeline section { gap: 6px; } .work-hub-timeline h3 { margin: 2px 4px 4px; color: inherit; font-size: 12px; } .work-hub-card { min-height: 68px; grid-template-columns: 38px minmax(0, 1fr) 8px 18px; gap: 10px; padding: 10px; border-radius: 13px; transition: border-color .16s ease, background .16s ease, transform .16s ease; } .work-hub-card:hover, .work-hub-card:focus-visible { border-color: #1478ff; background: rgb(20 120 255 / 9%); transform: translateY(-1px); outline: none; } .work-hub-card.important { border-left: 1px solid var(--border, #d5e0eb); } .work-hub-card.general { border-left: 2px solid #409cff; } .work-hub-card-symbol { width: 38px; height: 38px; border-radius: 11px; } .work-hub-card-symbol-sales { color: #22c55e; background: rgb(34 197 94 / 12%); } .work-hub-card-symbol-stock { color: #a855f7; background: rgb(168 85 247 / 12%); } .work-hub-card-symbol-messages { color: #fb7185; background: rgb(251 113 133 / 12%); } .work-hub-card-symbol-tasks { color: #f59e0b; background: rgb(245 158 11 / 12%); } .work-hub-card-copy { line-height: 1.25; } .work-hub-card-copy strong { font-size: 13px; } .work-hub-card-copy > span, .work-hub-card-copy small { font-size: 11px; } .work-hub-card-chevron { display: grid; place-items: center; color: #6f8ba4; } .work-hub-panel > footer { padding: 9px 12px 12px; border-top: 0; } .work-hub-panel > footer button { width: 100%; min-height: 40px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgb(20 120 255 / 35%); background: rgb(20 120 255 / 9%); color: #1478ff; } html[data-refspata-theme="dark"] .work-hub-panel, .dark .work-hub-panel { background: #081b2c; border-color: #24465f; color: #eaf4ff; } html[data-refspata-theme="dark"] .work-hub-panel::before, .dark .work-hub-panel::before { border-color: #24465f; } html[data-refspata-theme="dark"] .work-hub-importance-tabs, .dark .work-hub-importance-tabs { border-color: #24465f; background: rgb(5 24 39 / 72%); } @keyframes work-hub-popover-in { from { opacity: 0; transform: translateY(-8px) scale(.98); } } @media (min-width: 601px) and (max-width: 1180px) { .work-hub-overlay { padding: 76px 16px 16px; } .work-hub-panel { width: min(560px, calc(100vw - 32px)); max-height: calc(100dvh - 96px); } .work-hub-panel > nav button { flex-direction: row; gap: 6px; font-size: 12px; } } @media (max-width: 600px) { .work-hub-overlay { padding: max(48px, env(safe-area-inset-top, 0px)) 0 0; align-items: flex-end; background: rgb(2 10 18 / 58%); } .work-hub-panel { width: 100vw; height: min(90dvh, 860px); max-height: calc(100dvh - max(48px, env(safe-area-inset-top, 0px))); border: 0; border-top: 1px solid var(--border, #d5e0eb); border-radius: 28px 28px 0 0; box-shadow: 0 -20px 70px rgb(0 0 0 / 38%); transform-origin: bottom center; animation-name: work-hub-sheet-in; } .work-hub-panel::before { display: none; } .work-hub-drag-handle { position: absolute; z-index: 3; top: 10px; left: 50%; width: 46px; height: 5px; display: block; border-radius: 99px; background: #7790a7; transform: translateX(-50%); } .work-hub-panel > header { min-height: 88px; padding: 27px 16px 12px; } .work-hub-panel > header strong { font-size: 22px; } .work-hub-panel > nav { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; padding: 6px 12px 11px; overflow: hidden; } .work-hub-panel > nav button { min-width: 0; min-height: 42px; flex-direction: column; gap: 3px; padding: 6px 2px; font-size: 10px; } .work-hub-panel > nav .work-hub-tab-badge { position: static; margin: 0; } .work-hub-panel > main { padding: 12px 14px 8px; } .work-hub-importance-tabs { position: static; top: auto; padding: 4px; background: rgb(100 116 139 / 5%); } html[data-refspata-theme="dark"] .work-hub-importance-tabs, .dark .work-hub-importance-tabs { background: rgb(5 24 39 / 72%); } .work-hub-importance-tabs button { min-height: 48px; flex-wrap: wrap; padding: 8px 5px; } .work-hub-importance-tabs .work-hub-icon { display: none; } .work-hub-category-tabs { margin-inline: -2px; scrollbar-width: none; } .work-hub-category-tabs::-webkit-scrollbar { display: none; } .work-hub-category-tabs button { min-height: 40px; padding: 9px 12px; font-size: 12px; } .work-hub-card { min-height: 84px; grid-template-columns: 42px minmax(0, 1fr) 8px 18px; padding: 12px 10px; } .work-hub-card-symbol { width: 42px; height: 42px; } .work-hub-card-copy strong { font-size: 14px; } .work-hub-card-copy > span, .work-hub-card-copy small { font-size: 12px; } .work-hub-panel > footer { padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)); } } @keyframes work-hub-sheet-in { from { opacity: 0; transform: translateY(28px); } } @media (max-width: 360px) { .work-hub-panel > header strong { font-size: 20px; } .work-hub-panel > nav button { padding-inline: 9px; } .work-hub-importance-tabs button { font-size: 11px; } .work-hub-filter-label { overflow: hidden; text-overflow: ellipsis; } .work-hub-card { grid-template-columns: 38px minmax(0, 1fr) 7px 16px; gap: 8px; } .work-hub-card-symbol { width: 38px; height: 38px; } } @media (prefers-reduced-motion: reduce) { .work-hub-panel { animation: none; } .work-hub-card { transition: none; } } /* Mensajería separada de notificaciones */ .work-hub-header-buttons { display: flex; align-items: center; gap: 7px; height: 42px; flex: 0 0 auto; line-height: 0; } .work-hub-header-buttons > button, .work-hub-messages-trigger { position: relative; } .work-hub-header-buttons > button { width: 42px; height: 42px; min-height: 42px; margin: 0; padding: 0; align-self: center; box-sizing: border-box; line-height: 0; } .work-hub-header-buttons > button > .work-hub-icon { display: block; margin: auto; } .work-hub-message-badge { background: #1683ff; } .work-hub-message-overlay { position: fixed; inset: 0; z-index: 10005; display: flex; justify-content: flex-end; align-items: flex-start; padding: 72px 18px 18px; background: rgb(2 10 18 / 42%); } .work-hub-messenger { width: min(980px, calc(100vw - 36px)); height: min(720px, calc(100dvh - 90px)); display: grid; grid-template-rows: auto minmax(0, 1fr); overflow: hidden; border: 1px solid var(--border, #d5e0eb); border-radius: 18px; background: var(--background, #fff); color: var(--foreground, #10263a); box-shadow: 0 24px 70px rgb(0 0 0 / 32%); animation: work-hub-popover-in 160ms ease-out; } html[data-refspata-theme="dark"] .work-hub-messenger, .dark .work-hub-messenger { background: #071d2d; color: #edf6ff; border-color: #23465e; } .work-hub-messenger button, .work-hub-messenger input, .work-hub-messenger select, .work-hub-messenger textarea { font: inherit; } .work-hub-messenger-top { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 16px; border-bottom: 1px solid var(--border, #d5e0eb); } .work-hub-messenger-top > div { display: flex; align-items: center; gap: 10px; min-width: 0; } .work-hub-messenger-top > div > span:last-child { display: grid; gap: 3px; min-width: 0; } .work-hub-messenger-top strong { font-size: 17px; } .work-hub-messenger-top small { color: #7790a5; font-size: 12px; } .work-hub-messenger-top > button { width: 38px; height: 38px; display: grid; place-items: center; border: 0; border-radius: 10px; background: transparent; color: inherit; } .work-hub-messenger-top > button:hover { background: rgb(100 116 139 / 12%); } .work-hub-messenger-title-icon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgb(22 131 255 / 14%); color: #1683ff; } .work-hub-messenger-grid { min-height: 0; display: grid; grid-template-columns: 270px minmax(340px, 1fr) 220px; } .work-hub-conversations, .work-hub-message-context { min-width: 0; background: rgb(100 116 139 / 5%); } .work-hub-conversations { display: grid; grid-template-rows: auto minmax(0, 1fr); min-height: 0; border-right: 1px solid var(--border, #d5e0eb); } .work-hub-message-context { border-left: 1px solid var(--border, #d5e0eb); } .work-hub-conversations-head { padding: 14px 12px 10px; border-bottom: 1px solid var(--border, #d5e0eb); } .work-hub-conversations-head > div { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .work-hub-message-count, .work-hub-conversation-unread { min-width: 20px; height: 20px; display: inline-grid; place-items: center; padding: 0 6px; border-radius: 99px; background: #1683ff; color: #fff; font-size: 11px; font-weight: 800; } .work-hub-message-search { position: relative; display: block; } .work-hub-message-search > svg { position: absolute; left: 11px; top: 50%; translate: 0 -50%; color: #7790a5; pointer-events: none; } .work-hub-message-search input { width: 100%; min-height: 39px; padding: 8px 10px 8px 35px; border: 1px solid var(--border, #b9c9d8); border-radius: 10px; background: transparent; color: inherit; } .work-hub-conversation-list { padding: 7px 6px; overflow-y: auto; } .work-hub-conversation { width: 100%; min-height: 64px; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 9px; padding: 9px; border: 0; border-radius: 12px; background: transparent; color: inherit; text-align: left; } .work-hub-conversation:hover { background: rgb(22 131 255 / 8%); } .work-hub-conversation.active { background: rgb(22 131 255 / 15%); } .work-hub-messenger .work-hub-avatar { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: rgb(22 131 255 / 14%); color: #1683ff; font-size: 12px; font-weight: 800; } .work-hub-conversation-copy { min-width: 0; display: grid; gap: 4px; } .work-hub-conversation-copy strong, .work-hub-conversation-copy small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .work-hub-conversation-copy strong { font-size: 13px; } .work-hub-conversation-copy small { color: #7790a5; font-size: 11px; } .work-hub-chat { min-width: 0; min-height: 0; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; } .work-hub-chat-head { min-height: 66px; display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--border, #d5e0eb); } .work-hub-chat-head > span:not(.work-hub-avatar) { display: grid; gap: 3px; min-width: 0; } .work-hub-chat-head > span strong { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .work-hub-chat-head > span small { color: #22c58b; font-size: 11px; } .work-hub-chat-back { display: none; } .work-hub-chat-context-button { margin-left: auto; } .work-hub-chat-back, .work-hub-chat-context-button { width: 36px; height: 36px; place-items: center; border: 0; border-radius: 10px; background: rgb(100 116 139 / 10%); color: inherit; } .work-hub-thread-redesigned { min-height: 0; max-height: none; padding: 18px; gap: 10px; scroll-behavior: smooth; background: radial-gradient(circle at 50% 0, rgb(22 131 255 / 6%), transparent 45%); } .work-hub-thread-redesigned .work-hub-message { max-width: 78%; padding: 10px 12px; border-radius: 14px 14px 14px 4px; } .work-hub-thread-redesigned .work-hub-message.own { border-radius: 14px 14px 4px 14px; background: #1683ff; color: #fff; } .work-hub-thread-redesigned .work-hub-message p { line-height: 1.45; } .work-hub-message-meta { display: flex; align-items: center; gap: 8px; margin-top: 5px; } .work-hub-message.own .work-hub-message-meta { justify-content: flex-end; } .work-hub-message-task { border: 0; background: transparent; color: inherit; opacity: .72; padding: 0; font-size: 11px; } .work-hub-inline-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 5px; border: 0; border-radius: 8px; padding: 7px 9px; background: rgb(255 255 255 / 13%); color: inherit; } .work-hub-compose-redesigned { grid-template-columns: 1fr; padding: 11px; border-top: 1px solid var(--border, #d5e0eb); } .work-hub-compose-redesigned .work-hub-entity-fields { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 8px; } .work-hub-message-input { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; } .work-hub-message-input textarea { min-height: 44px; max-height: 90px; resize: vertical; } .work-hub-message-input > button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; } .work-hub-message-context > header { min-height: 66px; display: flex; align-items: center; padding: 0 14px; border-bottom: 1px solid var(--border, #d5e0eb); } .work-hub-message-profile { display: grid; justify-items: center; gap: 5px; padding: 20px 12px 14px; text-align: center; } .work-hub-message-profile .work-hub-avatar { width: 50px; height: 50px; } .work-hub-message-profile small, .work-hub-message-context article span, .work-hub-message-context article small { color: #7790a5; font-size: 11px; } .work-hub-message-context article { display: grid; gap: 7px; margin: 0 12px 12px; padding: 12px; border: 1px solid var(--border, #d5e0eb); border-radius: 12px; } .work-hub-message-context article > button { min-height: 36px; border: 0; border-radius: 9px; background: rgb(22 131 255 / 14%); color: #1683ff; font-weight: 700; } @media (max-width: 900px) { .work-hub-messenger { width: min(760px, calc(100vw - 24px)); } .work-hub-messenger-grid { grid-template-columns: 250px minmax(0, 1fr); } .work-hub-message-context { display: none; } } @media (max-width: 600px) { .work-hub-header-buttons { gap: 4px; } .work-hub-message-overlay { padding: 0; background: transparent; } .work-hub-messenger { width: 100%; height: 100dvh; border: 0; border-radius: 0; animation: work-hub-sheet-in 180ms ease-out; } .work-hub-messenger-top { padding-top: max(12px, env(safe-area-inset-top, 0px)); } .work-hub-messenger-grid { display: block; min-height: 0; position: relative; } .work-hub-conversations, .work-hub-chat { height: 100%; } .work-hub-messenger.show-list .work-hub-chat { display: none; } .work-hub-messenger.show-chat .work-hub-conversations { display: none; } .work-hub-chat-back { display: grid; } .work-hub-conversation-list { max-height: calc(100dvh - 190px); } .work-hub-thread-redesigned { padding: 14px 12px; } .work-hub-thread-redesigned .work-hub-message { max-width: 88%; } .work-hub-compose-redesigned { padding-bottom: max(11px, env(safe-area-inset-bottom, 0px)); } .work-hub-compose-redesigned .work-hub-entity-fields { grid-template-columns: 120px minmax(0, 1fr); } } @media (prefers-reduced-motion: reduce) { .work-hub-messenger { animation: none; } .work-hub-thread-redesigned { scroll-behavior: auto; } }