.v20-location-picker{display:flex;align-items:center;gap:8px;margin-right:12px;min-width:220px}.v20-location-picker label{font-size:11px;font-weight:800;color:var(--muted);white-space:nowrap}.v20-location-picker select{max-width:230px;border:1px solid var(--border);border-radius:9px;padding:8px 10px;background:#fff;color:var(--text)}
.v20-section{display:flex;flex-direction:column;gap:16px}.v20-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.v20-head h2{margin:0;font-size:21px}.v20-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.v20-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:999px;background:#e9f1ec;color:var(--primary);font-size:11px;font-weight:800;white-space:nowrap}.v20-chip-muted{background:#f4e5e5;color:#a23939}.v20-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:16px}.v20-panel{background:#fff;border:1px solid var(--border);border-radius:13px;padding:17px;min-width:0}.v20-panel h3{margin:0 0 14px;font-size:15px}.v20-panel>label,.v20-panel form>label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;color:var(--muted);font-weight:700}.v20-panel input:not([type=checkbox]),.v20-panel select,.v20-transfer-line input,.v20-transfer-line select{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 10px;background:#fff;color:var(--text);min-width:0}.v20-muted{color:var(--muted);font-size:12px;line-height:1.5;margin:10px 0 0}.v20-list{display:flex;flex-direction:column;gap:8px}.v20-list-row{display:flex;align-items:center;gap:8px;justify-content:space-between;border:1px solid var(--border);border-radius:10px;padding:10px 11px;flex-wrap:wrap}.v20-list-row>div{display:flex;flex-direction:column;gap:4px;min-width:130px;flex:1}.v20-list-row small,.v20-transfer-title small{font-size:11px;color:var(--muted)}.v20-small{padding:7px 10px;font-size:11px}.v20-users-scope{width:100%}.v20-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v20-form-row label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);font-weight:700}.v20-inline-check{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:12px 0}.v20-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0}.v20-check-option{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text)}.v20-check-option small{color:var(--muted);font-size:10px}.v20-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.v20-transfer-grid{grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr)}.v20-transfer-lines{display:flex;flex-direction:column;gap:8px;margin:14px 0}.v20-transfer-line{display:grid;grid-template-columns:minmax(0,1fr) 110px 32px;align-items:end;gap:8px}.v20-transfer-line label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px;font-weight:700;min-width:0}.v20-remove-line{height:36px;padding:0;font-size:20px}.v20-transfer-card{padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff}.v20-transfer-card+.v20-transfer-card{margin-top:9px}.v20-transfer-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.v20-transfer-title>div{display:flex;flex-direction:column;gap:4px}.v20-transfer-summary{margin-top:9px;font-size:11px;color:var(--muted);line-height:1.5}.v20-transfer-detail{margin-top:9px;border-top:1px solid var(--border);padding-top:7px}.v20-transfer-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:7px 0;font-size:11px}.v20-transfer-item small{color:var(--muted)}.v20-transfer-item label{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:var(--muted)}.v20-transfer-item input{max-width:100px}.v20-note{background:#f1f5f2;border:1px solid #dfe9e2;border-radius:10px;padding:12px 14px;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:1000px){.v20-grid,.v20-transfer-grid{grid-template-columns:1fr}.v20-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.v20-location-picker{min-width:0;margin:8px 0;width:100%}.v20-location-picker select{max-width:none;flex:1}.v20-head{align-items:flex-start;flex-direction:column}.v20-form-row{grid-template-columns:1fr}.v20-check-grid{grid-template-columns:1fr}.v20-transfer-line{grid-template-columns:minmax(0,1fr) 88px 30px}}

.v20-transfer-stock{grid-column:1/-1;border:1px solid var(--border);border-radius:9px;background:var(--surface2);padding:9px 10px;margin-top:0;font-size:11px;color:var(--muted);line-height:1.55}.v20-stock-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v20-stock-pair>span{min-width:0}.v20-stock-pair strong{color:var(--text)}.v20-stock-warning{margin-top:5px;padding:7px 8px;border-radius:7px;background:#fae8e8;color:#a23939;font-size:11px;font-weight:700}
@media(max-width:700px){.v20-stock-pair{grid-template-columns:1fr}}

.v21-discrepancy-note{border:1px solid #e8d7a8;background:#fff9e9;border-radius:10px;padding:12px 14px;color:var(--text);font-size:12px;line-height:1.55}.v21-discrepancy-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v21-discrepancy-summary>div,.v21-case-metrics>div{display:flex;flex-direction:column;gap:5px;border:1px solid var(--border);border-radius:10px;background:#fff;padding:12px}.v21-discrepancy-summary small,.v21-case-metrics small,.v21-case-route small{font-size:11px;color:var(--muted)}.v21-discrepancy-summary strong{font-size:19px}.v21-discrepancy-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px;margin-bottom:10px}.v21-case-route{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.v21-case-route>span{display:flex;flex-direction:column;gap:4px;background:var(--surface2);padding:9px 10px;border-radius:8px}.v21-case-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.v21-case-metrics strong{font-size:13px}.v21-case-note{font-size:12px;color:var(--muted);margin:10px 0}.v21-case-action{border-top:1px solid var(--border);margin-top:10px;padding-top:10px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:10px}.v21-case-action label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);font-weight:700}.v21-case-action input,.v21-discrepancy-card select{border:1px solid var(--border);border-radius:8px;padding:8px 9px;min-width:0;width:100%;color:var(--text);background:#fff}.v21-case-action .v20-actions{grid-column:1/-1;margin-top:0}.v21-case-history{margin-top:10px;border-top:1px solid var(--border);padding-top:10px;font-size:12px}.v21-case-history summary{cursor:pointer;font-weight:700}.v21-case-history>div{display:flex;flex-direction:column;gap:3px;padding:8px 0;border-bottom:1px solid var(--border)}.v21-case-history small{color:var(--muted)}
@media(max-width:900px){.v21-discrepancy-summary{grid-template-columns:1fr}.v21-case-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.v21-case-action{grid-template-columns:1fr}}

.v21-transfer-document-guide{margin:-5px 0 12px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:var(--surface2);font-size:12px;line-height:1.55;color:var(--muted)}.v21-transfer-document-summary{margin-top:5px;padding:10px 11px;border:1px solid var(--border);border-radius:9px;background:#f2f6f3;font-size:12px;line-height:1.6;color:var(--text)}.v21-transfer-document-summary strong{font-size:12px}.v21-transfer-document-summary.has-warning{border-color:#d9a441;background:#fff8e6}.v21-transfer-document-warning{color:#9a5c00;font-weight:800}

.v21-consolidation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px}.v21-consolidation-candidates{display:flex;flex-direction:column;gap:7px;margin:12px 0;max-height:360px;overflow:auto}.v21-consolidation-candidate{display:flex;align-items:flex-start;gap:9px;border:1px solid var(--border);border-radius:9px;padding:10px;background:#fff;cursor:pointer;color:var(--text);font-size:12px}.v21-consolidation-candidate input{width:auto!important;margin-top:2px;flex:0 0 auto}.v21-consolidation-candidate span{display:flex;flex-direction:column;gap:4px;min-width:0}.v21-consolidation-candidate small,.v21-consolidated-document summary small{font-size:11px;color:var(--muted);line-height:1.45}.v21-consolidations-list{display:flex;flex-direction:column;gap:8px}.v21-consolidated-document{border:1px solid var(--border);border-radius:10px;background:#fff;padding:10px 12px}.v21-consolidated-document summary{cursor:pointer;display:flex;flex-direction:column;gap:5px}.v21-consolidated-detail{border-top:1px solid var(--border);margin-top:10px;padding-top:9px;font-size:12px}.v21-consolidated-lines{display:flex;flex-direction:column;gap:7px}.v21-consolidated-line{display:flex;flex-direction:column;gap:4px;border:1px solid var(--border);border-radius:8px;padding:9px}.v21-consolidated-line span{color:var(--text);line-height:1.5}.v21-consolidated-line small{color:var(--muted);font-size:10px}
@media(max-width:1000px){.v21-consolidation-grid{grid-template-columns:1fr}}


/* V21.3: documento operativo por folio y acceso a PDF */
.v21-transfer-document-note{margin-top:16px;padding:13px 15px;border:1px solid var(--border-color,#d7dee8);border-radius:10px;background:var(--surface,#fff);color:var(--text-secondary,#596579);font-size:13px;line-height:1.55}
.v21-transfer-document-note strong{color:var(--text-primary,#253348)}
.v20-transfer-card [data-transfer-action="pdf"]{white-space:nowrap}


/* V21.3.1: visible feedback and progress for transfer creation */
.v21-transfer-form-feedback{margin:.75rem 0;padding:.8rem 1rem;border:1px solid #d0d9e6;border-radius:8px;background:#f6f8fb;color:#24344d;font-size:.92rem;line-height:1.45;overflow-wrap:anywhere}
.v21-transfer-form-feedback[data-kind="error"]{border-color:#e8b2b2;background:#fff5f5;color:#8a2424}
.v21-transfer-form-feedback[data-kind="success"]{border-color:#a9d5b5;background:#f1faf3;color:#1e6234}
.v21-transfer-form-feedback[hidden]{display:none!important}
.v20-actions button:disabled{opacity:.68;cursor:wait}

/* V21.4 — interfaz compacta de transferencias aprobada por el usuario */
#view-transfers .v20-section{gap:10px}
#view-transfers .v20-head{margin-bottom:0;align-items:center}
#view-transfers .v20-head h2{font-size:20px}
#view-transfers .v20-head p{margin-top:3px;font-size:12px}
#view-transfers .v21-transfer-workspace{grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr);gap:12px;align-items:start}
#view-transfers .v20-panel{padding:12px;border-radius:11px}
#view-transfers .v20-panel h3{margin:0 0 9px;font-size:14px}
#view-transfers .v21-transfer-document-guide{margin:0 0 9px;padding:8px 9px;font-size:11px;line-height:1.4}
#view-transfers .v20-form-row{gap:10px;margin-bottom:10px}
#view-transfers .v20-form-row label{gap:4px;font-size:11px}
#view-transfers .v20-form-row select{padding:8px 9px;font-size:12px}
#view-transfers .v21-transfer-lines-heading{display:grid;grid-template-columns:minmax(155px,2.1fr) minmax(95px,.9fr) minmax(95px,.9fr) 72px 28px;gap:7px;align-items:end;padding:0 7px 6px;color:var(--muted);font-size:10px;font-weight:800;line-height:1.2}
#view-transfers .v20-transfer-lines{margin:0 0 8px;gap:0;border:1px solid var(--border);border-radius:8px;overflow:hidden}
#view-transfers .v20-transfer-line{display:grid;grid-template-columns:minmax(155px,2.1fr) minmax(95px,.9fr) minmax(95px,.9fr) 72px 28px;gap:7px;align-items:center;padding:8px 7px;border-bottom:1px solid var(--border);background:#fff}
#view-transfers .v20-transfer-line:last-child{border-bottom:0}
#view-transfers .v20-transfer-line label{gap:0;font-size:11px}
#view-transfers .v21-transfer-product-field{grid-column:1;min-width:0}
#view-transfers .v21-transfer-product-field select{padding:7px 7px;font-size:11px;line-height:1.25;height:36px}
#view-transfers .v21-transfer-quantity-field{grid-column:4;min-width:0}
#view-transfers .v21-transfer-quantity-field input{padding:7px 5px;height:36px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}
#view-transfers .v21-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}
#view-transfers .v20-remove-line{grid-column:5;grid-row:1;width:28px;height:34px;padding:0;font-size:18px;border:0;background:#f0f3f1;color:#65756d}
#view-transfers .v20-transfer-stock{display:contents;grid-column:auto;border:0;padding:0;margin:0;background:transparent;font-size:10px;line-height:1.25}
#view-transfers .v20-stock-pair{display:contents}
#view-transfers .v20-stock-pair>span{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:10px;color:var(--text)}
#view-transfers .v20-stock-pair>span:first-child{grid-column:2;grid-row:1}
#view-transfers .v20-stock-pair>span:last-child{grid-column:3;grid-row:1}
#view-transfers .v20-stock-pair strong{font-size:11px;color:#147044;font-variant-numeric:tabular-nums;line-height:1.15}
#view-transfers .v20-stock-pair small{font-size:9px;color:var(--muted);line-height:1.2}
#view-transfers .v20-stock-pair .v21-stock-sub{display:block}
#view-transfers .v20-stock-warning{grid-column:1/-1;grid-row:2;margin-top:3px;padding:5px 7px;font-size:10px;line-height:1.35}
#view-transfers .v21-transfer-add-actions{margin:0 0 8px;display:flex;gap:7px}
#view-transfers .v21-transfer-add-actions .button{padding:7px 10px;font-size:11px}
#view-transfers .v21-clear-transfer-lines{margin-left:auto;color:#a33b3b;background:#fff;border:1px solid #ead4d4}
#view-transfers .v21-transfer-document-summary{margin:0 0 8px;padding:7px 9px;font-size:11px;line-height:1.35;border-radius:8px}
#view-transfers .v21-transfer-notes-label{display:flex;flex-direction:column;gap:4px;margin:0 0 8px;font-size:11px;font-weight:700;color:var(--muted)}
#view-transfers #v20TransferNotes{display:block;width:100%;min-height:46px;resize:vertical;border:1px solid var(--border);border-radius:8px;padding:8px 9px;font:inherit;font-size:12px;color:var(--text);background:#fff}
#view-transfers .v21-create-transfer-button{display:flex;width:100%;justify-content:center;align-items:center;gap:8px;margin-top:3px;padding:10px 12px;font-size:13px;font-weight:800}
#view-transfers .v21-transfer-form-feedback{margin-top:8px;margin-bottom:0;padding:8px 10px;font-size:11px}
#view-transfers .v21-transfer-documents-panel{min-width:0}
#view-transfers .v21-transfer-documents-list{gap:8px;max-height:calc(100vh - 255px);overflow:auto;padding-right:2px;overscroll-behavior:contain}
#view-transfers .v21-transfer-document-card{padding:9px 10px;margin:0!important;border-radius:10px}
#view-transfers .v21-transfer-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;min-width:0}
#view-transfers .v21-transfer-document-card .v20-transfer-title{min-width:0;flex:1}
#view-transfers .v21-transfer-document-card .v20-transfer-title>div{gap:3px;min-width:0}
#view-transfers .v21-transfer-document-card .v20-transfer-title strong{font-size:14px;line-height:1.2}
#view-transfers .v21-transfer-document-card .v20-transfer-title small{font-size:11px;line-height:1.25}
#view-transfers .v21-transfer-status-date{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px;max-width:52%}
#view-transfers .v21-transfer-status-date>small{color:var(--muted);font-size:10px;white-space:nowrap}
#view-transfers .v21-transfer-document-card .v20-chip{padding:4px 8px;font-size:10px}
#view-transfers .v20-chip.is-requested{background:#fff0ce;color:#7b5700}
#view-transfers .v20-chip.is-approved{background:#deeee5;color:#145b3e}
#view-transfers .v20-chip.is-transit{background:#e0ebfb;color:#25568f}
#view-transfers .v20-chip.is-partial{background:#fff0ce;color:#7b5700}
#view-transfers .v20-chip.is-received{background:#d9f1e2;color:#145b3e}
#view-transfers .v20-chip.is-cancelled{background:#eee;color:#555}
#view-transfers .v20-chip.is-difference{background:#ffebd5;color:#984a00}
#view-transfers .v21-transfer-document-card .v20-transfer-summary{margin:4px 0 6px;font-size:10px;line-height:1.3}
#view-transfers .v21-transfer-table-wrap{margin:0;border:0;padding:0;min-width:0;overflow-x:auto}
#view-transfers .v21-transfer-table{width:100%;border-collapse:separate;border-spacing:0;font-size:10px;line-height:1.25;min-width:420px}
#view-transfers .v21-transfer-table th{background:#f1f4f2;color:#394b43;font-size:10px;font-weight:800;text-align:right;padding:6px 7px;border-top:1px solid #e1e7e3;border-bottom:1px solid #e1e7e3;white-space:nowrap}
#view-transfers .v21-transfer-table th:first-child{text-align:left;border-left:1px solid #e1e7e3;border-top-left-radius:6px}
#view-transfers .v21-transfer-table th:last-child{border-right:1px solid #e1e7e3;border-top-right-radius:6px}
#view-transfers .v21-transfer-table td{padding:6px 7px;border-bottom:1px solid #e7ece8;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}
#view-transfers .v21-transfer-table td:first-child{text-align:left;white-space:normal;min-width:155px;max-width:260px;border-left:1px solid #edf0ee}
#view-transfers .v21-transfer-table td:last-child{border-right:1px solid #edf0ee}
#view-transfers .v21-transfer-table tbody tr:last-child td:first-child{border-bottom-left-radius:6px}
#view-transfers .v21-transfer-table tbody tr:last-child td:last-child{border-bottom-right-radius:6px}
#view-transfers .v21-transfer-sku{display:block;font-weight:800;font-size:10px;line-height:1.2}
#view-transfers .v21-transfer-product-name{display:block;margin-top:2px;color:var(--muted);font-size:10px;line-height:1.25}
#view-transfers .v21-transfer-difference{color:#ac2929!important;font-weight:800}
#view-transfers .v21-transfer-difference-note{display:block;color:#a13c22;font-size:9px;margin-top:3px;white-space:normal}
#view-transfers .v21-transfer-line-controls td{padding:6px 7px;background:#fbfcfb;text-align:left!important}
#view-transfers .v21-transfer-receive-controls{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:7px;align-items:end;white-space:normal}
#view-transfers .v21-transfer-receive-controls label{display:flex;flex-direction:column;gap:3px;color:var(--muted);font-size:9px;font-weight:700;min-width:0}
#view-transfers .v21-transfer-receive-controls input,#view-transfers .v21-transfer-receive-controls select{width:100%;min-width:0;padding:6px 7px;border:1px solid var(--border);border-radius:6px;background:#fff;font-size:10px;color:var(--text)}
#view-transfers .v21-transfer-document-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;padding-top:0}
#view-transfers .v21-transfer-document-actions .button{padding:6px 9px;font-size:10px;line-height:1.2}
#view-transfers .v21-transfer-note-compact{margin-top:0;padding:8px 10px;font-size:10px;line-height:1.35}
@media(max-width:1250px){#view-transfers .v21-transfer-workspace{grid-template-columns:minmax(350px,.9fr) minmax(0,1.1fr)}#view-transfers .v21-transfer-lines-heading,#view-transfers .v20-transfer-line{grid-template-columns:minmax(125px,1.7fr) minmax(83px,.8fr) minmax(83px,.8fr) 66px 25px;gap:5px}#view-transfers .v20-stock-pair>span{font-size:9px}}
@media(max-width:950px){#view-transfers .v21-transfer-workspace{grid-template-columns:1fr}#view-transfers .v21-transfer-documents-list{max-height:560px}}
@media(max-width:650px){#view-transfers .v21-transfer-lines-heading{display:none}#view-transfers .v20-transfer-line{grid-template-columns:minmax(0,1fr) 78px 28px;gap:6px;align-items:center}#view-transfers .v21-transfer-product-field{grid-column:1;grid-row:1}#view-transfers .v21-transfer-quantity-field{grid-column:2;grid-row:1}#view-transfers .v20-remove-line{grid-column:3;grid-row:1}#view-transfers .v20-stock-pair>span:first-child{grid-column:1;grid-row:2}#view-transfers .v20-stock-pair>span:last-child{grid-column:2/4;grid-row:2}#view-transfers .v20-stock-warning{grid-row:3}#view-transfers .v21-transfer-receive-controls{grid-template-columns:1fr}#view-transfers .v21-transfer-status-date{max-width:60%}#view-transfers .v21-transfer-status-date>small{display:none}}

