/* V686 · Compras. Styles scoped to the new section and its dialog. */
#compras{max-width:1120px;margin-inline:auto}
#compras .sales-head{align-items:center;gap:12px;margin-bottom:12px}
#compras h2{font-size:17px;margin:0}
#compras .finance-subnav-v572{margin:0 0 0 auto;gap:4px}
#compras .finance-subnav-v572 button{font-size:9px;padding:5px 8px;border-radius:7px;white-space:nowrap}
.compras-stats-v686{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.compras-stat-v686{background:#fff;border:1px solid #e4e8ee;border-radius:12px;padding:15px 17px}
.compras-stat-v686 span{display:block;color:#667085;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.compras-stat-v686 strong{display:block;margin-top:6px;font-size:20px;line-height:1.3;letter-spacing:-.5px;color:#24334a;white-space:pre-line}
.compras-stat-v686 small{display:block;color:#98a2b3;font-size:10px;margin-top:5px}
.compras-stat-v686.pending{border-top:3px solid #dca143}
.compras-stat-v686.overdue{border-top:3px solid #cf6661}
.compras-stat-v686.paid{border-top:3px solid #64a38b}
#compras .compras-toolbar-v686{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px}
#compras .compras-toolbar-v686 input,#compras .compras-toolbar-v686 select{height:34px;font-size:11px;width:auto;margin:0}
#compras .compras-toolbar-v686 input[type=search]{flex:1;min-width:170px}
#compras .compras-toolbar-v686 label{display:flex;align-items:center;gap:6px;font-size:10px;color:#667085;margin:0}
#compras button{font-size:11px}
#compras .compras-table-v686{width:100%;border-collapse:collapse;min-width:790px;font-size:11px}
#compras .compras-table-v686 th{background:#f7f8fa;color:#667085;font-size:9px;text-transform:uppercase;letter-spacing:.35px;text-align:left;padding:10px 12px;white-space:nowrap}
#compras .compras-table-v686 td{padding:12px;border-bottom:1px solid #edf0f4;vertical-align:middle}
#compras .compras-table-v686 tr:last-child td{border-bottom:0}
#compras .compras-table-v686 tbody tr:hover{background:#fafbfc}
#compras .compras-table-v686 .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.compras-supplier-v686{font-weight:700;color:#26354a}
.compras-subline-v686{display:block;font-size:10px;color:#98a2b3;margin-top:4px}
.compras-badge-v686{display:inline-flex;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700;white-space:nowrap;background:#fff4dd;color:#99681b}
.compras-badge-v686.paid{background:#e8f4ed;color:#35705a}
.compras-badge-v686.overdue{background:#fceeed;color:#aa4c46}
.compras-actions-v686{display:flex;gap:6px;justify-content:flex-end;white-space:nowrap}
#compras .compras-empty-v686{padding:45px 18px;text-align:center;color:#667085}
#compras .compras-empty-v686 b{display:block;color:#344054;font-size:14px;margin-bottom:8px}
#compras .compras-empty-v686 p{margin:0 0 16px;font-size:12px}
.compras-status-v686{font-size:11px;color:#667085;min-height:16px;line-height:1.5}
.compras-status-v686.error{color:#b54738}
.compras-status-v686.ok{color:#35705a}
.compras-foot-v686{display:flex;justify-content:space-between;gap:15px;padding:12px 3px;font-size:10px;color:#98a2b3}
.compras-modal-v686{border:0;padding:0;border-radius:16px;width:min(740px,calc(100vw - 28px));max-height:calc(100dvh - 32px);box-shadow:0 25px 90px #14203338;background:#fff;color:#344054}
.compras-modal-v686::backdrop{background:#14203370;backdrop-filter:blur(3px)}
.compras-modal-v686 *{box-sizing:border-box}
.compras-modal-v686 [hidden]{display:none!important}
.compras-modal-v686 form{margin:0}
.compras-modal-head-v686{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #e9edf2;background:#fff;position:sticky;top:0;z-index:2}
.compras-modal-head-v686 h3{margin:0;font-size:18px;color:#25334a}
.compras-modal-head-v686 p{margin:5px 0 0;color:#98a2b3;font-size:11px}
.compras-close-v686{width:30px;height:30px;border:0;border-radius:7px;background:#f3f5f7;color:#667085;font-size:20px;cursor:pointer}
.compras-modal-body-v686{padding:20px 22px}
.compras-fields-v686{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 12px}
.compras-fields-v686 .wide{grid-column:span 2}
.compras-modal-v686 label{display:block;font-size:10px;font-weight:600;color:#667085;margin:0}
.compras-modal-v686 input:not([type=checkbox]),.compras-modal-v686 select,.compras-modal-v686 textarea{display:block;width:100%;height:35px;border:1px solid #dce2e9;border-radius:7px;padding:7px 9px;margin:5px 0 0;font:12px Arial,sans-serif;color:#344054;background:#fff;box-shadow:none}
.compras-modal-v686 input:focus,.compras-modal-v686 select:focus,.compras-modal-v686 textarea:focus{outline:2px solid #c6dcff;outline-offset:1px;border-color:#7097ce}
.compras-modal-v686 textarea{height:60px;resize:vertical}
.compras-modal-v686 input[readonly]{background:#f7f8fa;color:#667085}
.compras-modal-v686 button{font-size:11px;cursor:pointer}
.compras-modal-v686 button:disabled{opacity:.55;cursor:wait}
.compras-attachment-v686{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f7f9fb;border:1px dashed #d9e0e8;border-radius:10px;padding:12px;margin:16px 0}
.compras-attachment-v686 span{font-size:11px;color:#667085;overflow-wrap:anywhere;flex:1;min-width:150px}
.compras-modal-v686 input[type=file][hidden]{display:none}
.compras-lines-head-v686{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 10px}
.compras-lines-head-v686 h4{margin:0;font-size:13px}
.compras-line-v686{border:1px solid #e3e8ee;background:#fcfdfe;border-radius:10px;margin-bottom:9px;padding:12px}
.compras-line-main-v686{display:grid;grid-template-columns:minmax(150px,2fr) minmax(150px,2fr) 30px;gap:10px;align-items:end}
.compras-line-numbers-v686{display:grid;grid-template-columns:minmax(120px,2fr) 1fr 1fr 1fr 1fr;gap:10px;align-items:end;margin-top:10px}
.compras-line-total-v686{text-align:right;font-size:12px;font-weight:700;padding:9px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
.compras-remove-v686{width:29px;height:34px;padding:0;border:1px solid #e4e8ee;border-radius:6px;background:#fff;color:#98a2b3}
.compras-update-v686{display:flex!important;align-items:flex-start;gap:8px;line-height:1.5;font-size:11px!important;margin:12px 0!important}
.compras-update-v686 input{margin:2px 0 0;width:14px;height:14px;flex:none}
.compras-update-v686 small{display:block;font-size:10px;color:#98a2b3;font-weight:400}
.compras-summary-v686{display:grid;grid-template-columns:1fr 140px 140px 180px;gap:12px;border-top:1px solid #e8edf2;margin-top:16px;padding-top:14px;align-items:end}
.compras-summary-v686>div:first-child{font-size:11px;color:#667085}
.compras-summary-v686 output{display:block;font-size:16px;font-weight:700;color:#26354a;margin-top:6px}
.compras-total-v686{background:#eef3f9;border-radius:9px;padding:10px 12px;text-align:right}
.compras-total-v686 span{font-size:10px;color:#667085}
.compras-modal-footer-v686{display:flex;gap:8px;justify-content:flex-end;align-items:center;padding:15px 22px;border-top:1px solid #e8edf2;background:#fff;position:sticky;bottom:0;z-index:2}
.compras-modal-footer-v686 .compras-status-v686{flex:1}
.compras-text-v686{margin:12px 0;font-size:11px;color:#667085}
.compras-text-v686 pre{white-space:pre-wrap;max-height:180px;overflow:auto;background:#f7f8fa;padding:10px;border-radius:8px;font-size:10px}
.compras-balance-v686{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 1px 25px}
.compras-balance-v686 span{font-size:10px;letter-spacing:.9px;color:#8490a0;font-weight:700}
.compras-balance-v686 strong{display:block;font-size:32px;font-weight:650;line-height:1.3;letter-spacing:-1px;color:#26364c;margin:6px 0;white-space:pre-line}
.compras-balance-v686 small{font-size:11px;color:#8490a0}
#compras .compras-balance-v686 button{padding:9px 14px;border-radius:8px}
#compras .compras-link-v686{background:none;border:0;padding:0;font-size:11px;font-weight:700;color:#344054;text-align:left;cursor:pointer}
#compras .compras-link-v686:hover{text-decoration:underline}
.compras-badge-v686.partial{background:#eef3fc;color:#4b6d9e}
.compras-overdue-v686{color:#b35e55}.compras-paid-amount-v686{color:#8b95a4}
.compras-details-v686{border-top:1px solid #e8ecf1;padding:14px 0 0;margin-top:14px}
.compras-details-v686>summary{font-size:12px;font-weight:650;cursor:pointer;color:#344054}
.compras-details-v686>summary>span{font-size:10px;font-weight:400;color:#98a2b3;margin-left:10px}
.compras-hint-v686{font-size:10px;color:#8b95a4;line-height:1.5;margin:10px 0}
.compras-material-total-v686{display:flex;justify-content:space-between;font-size:11px;margin:12px 0;color:#667085}
.compras-payment-v686{width:min(570px,calc(100vw - 28px))}
.compras-payment-v686 .compras-fields-v686{grid-template-columns:repeat(2,minmax(0,1fr))}
.compras-payment-summary-v686{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid #e8edf2}
.compras-payment-summary-v686>div{font-size:10px;color:#98a2b3}
.compras-payment-summary-v686 b{display:block;font-size:16px;color:#344054;margin-top:5px;white-space:nowrap}
.compras-payment-summary-v686>div:last-child b{color:#1f4e80}
.compras-payments-history-v686{margin-top:22px}.compras-payments-history-v686 h4{font-size:11px;color:#667085;margin:0 0 10px}
.compras-payment-row-v686{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:10px 0;font-size:11px}
.compras-payment-row-v686 small{display:block;font-size:10px;color:#98a2b3;margin-top:4px}
@media(max-width:650px){
 #compras .sales-head{flex-wrap:wrap}#compras .finance-subnav-v572{gap:2px}
 .compras-stats-v686{gap:6px}.compras-stat-v686{padding:10px}.compras-stat-v686 strong{font-size:15px}.compras-stat-v686 span{font-size:8px}
 .compras-fields-v686{grid-template-columns:repeat(2,minmax(0,1fr))}
 .compras-modal-body-v686{padding:14px}.compras-modal-head-v686{padding:15px}.compras-modal-footer-v686{padding:12px;flex-wrap:wrap}.compras-modal-footer-v686 .compras-status-v686{flex-basis:100%}
 .compras-line-main-v686{grid-template-columns:minmax(0,1fr) 30px}.compras-line-main-v686>label:first-child{grid-column:span 2}
 .compras-line-numbers-v686{grid-template-columns:repeat(2,minmax(0,1fr))}.compras-line-numbers-v686>label:first-child{grid-column:span 2}
 .compras-summary-v686{grid-template-columns:repeat(2,minmax(0,1fr))}.compras-foot-v686{flex-direction:column;gap:5px}
 .compras-balance-v686{padding:18px 0}.compras-balance-v686 strong{font-size:25px}.compras-details-v686>summary>span{display:block;margin:5px 0 0 15px}
 .compras-payment-summary-v686{gap:7px}.compras-payment-summary-v686 b{font-size:13px}
}

/* V687 · Datos de pago, sin aclaraciones debajo del formulario. */
.compras-initial-balance-v687{align-self:end;padding:5px 0;color:#667085;font-size:10px;font-weight:600}
.compras-initial-balance-v687 output{display:block;color:#1f4e80;font-size:18px;margin-top:6px;font-variant-numeric:tabular-nums}
.compras-payment-remaining-v687{font-size:12px;color:#344054;margin:14px 0 0}
.compras-payment-remaining-v687:empty{display:none}
.compras-payments-history-v686 p{font-size:12px;color:#667085}

#compras .compras-toolbar-v686{padding:9px;gap:6px}
#compras .compras-table-v686 th{padding:8px;font-size:9px;white-space:normal}
#compras .compras-table-v686 td{padding:9px 8px}
#compras .compras-table-v686 td:first-child{max-width:180px;overflow-wrap:anywhere}
#compras .compras-actions-v686{gap:4px}
#compras .compras-actions-v686 button{padding:5px 7px;font-size:10px}
.compras-balance-v686{padding:12px 0 16px}
.compras-balance-v686 strong{font-size:28px;margin:3px 0}
.compras-head-actions-v687{display:flex;gap:7px;align-items:center}
.compras-modal-head-v686{padding:16px 18px}
.compras-modal-body-v686{padding:16px 18px}
.compras-modal-footer-v686{padding:12px 18px}
.compras-fields-v686{gap:11px 10px}
@media(max-width:650px){.compras-head-actions-v687{align-items:stretch;flex-direction:column;gap:5px}.compras-modal-body-v686{padding:14px}.compras-balance-v686 strong{font-size:24px}}

/* V688 · Revisión compacta de materiales y coincidencias. */
.compras-item-title-v688{display:grid;grid-template-columns:minmax(0,1fr) 29px;gap:10px;align-items:end}
.compras-link-row-v688{display:flex;gap:8px;align-items:end;margin-top:11px}
.compras-link-row-v688 label{flex:1;min-width:0}
.compras-link-row-v688 button{height:35px;white-space:nowrap}
.compras-unresolved-v688{border-color:#dfcfae}
.compras-unresolved-v688 .compras-link-row-v688>label{font-size:12px;color:#665534}
.compras-new-name-v688{margin-top:10px!important}
.compras-item-values-v688{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.4fr;gap:10px;align-items:end;margin-top:10px}
.compras-conversion-v688{display:flex;gap:18px;align-items:center;margin-top:10px;padding:10px;background:#edf3f9;border-radius:7px}
.compras-conversion-v688 label{max-width:140px}
.compras-conversion-v688>div{font-size:11px}.compras-conversion-v688 b{display:block;margin-top:5px;font-size:13px}
@media(max-width:650px){.compras-item-values-v688{grid-template-columns:repeat(2,minmax(0,1fr))}.compras-link-row-v688{flex-wrap:wrap}.compras-link-row-v688 label{flex-basis:100%}.compras-line-v686{padding:10px}}

/* V689 · Un renglón por material, con revisión dentro de la tabla. */
#compraModalV686.compras-with-items-v689{width:min(1000px,calc(100vw - 28px))}
.compras-items-scroll-v689{max-width:100%;overflow:auto;border:1px solid #e2e7ee;border-radius:8px}
.compras-items-table-v689{width:100%;min-width:910px;border-collapse:collapse;table-layout:fixed;font-size:11px;margin:0}
.compras-items-table-v689 th{background:#f5f7fa;padding:9px 6px;text-align:left;font-size:10px;color:#667085;font-weight:600;white-space:nowrap;border-bottom:1px solid #e2e7ee}
.compras-items-table-v689 td{padding:7px 5px;border-bottom:1px solid #edf0f4;vertical-align:top;background:#fff}
.compras-items-table-v689 tr:last-child td{border-bottom:0}
.compras-items-table-v689 .num{text-align:right}
.compras-items-table-v689 input:not([type=checkbox]),.compras-items-table-v689 select{font-size:11px;height:33px;padding:6px;margin:0;min-width:0;border-color:#e0e5ec;border-radius:5px}
.compras-items-table-v689 input[type=number]{appearance:textfield;-moz-appearance:textfield;text-align:right}
.compras-items-table-v689 input::-webkit-inner-spin-button,.compras-items-table-v689 input::-webkit-outer-spin-button{appearance:none;margin:0}
.compras-items-table-v689 select{padding-right:16px;text-overflow:ellipsis}
.compras-items-table-v689 [data-field=nombreNuevo]{margin-top:5px!important}
.compras-items-table-v689 .compras-item-amount-v689{padding-top:17px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;color:#344054}
.compras-items-table-v689 .compras-remove-v686{width:25px;height:33px;padding:0;font-size:16px;border-color:transparent;background:transparent}
.compras-items-table-v689 .compras-needs-review-v689{border-color:#d3aa62!important;background:#fffaf0!important}
.compras-inline-conversion-v689{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-top:6px;font-size:11px}
.compras-inline-conversion-v689 input{width:54px!important;height:27px!important;flex:none}
.compras-inline-conversion-v689 output{font-variant-numeric:tabular-nums;margin-left:auto;color:#345c85;font-weight:600}
.compras-items-empty-v689{padding:12px 0;color:#8490a0;font-size:12px}
.compras-with-items-v689 .compras-lines-head-v686{margin:12px 0 10px}
@media(max-width:650px){.compras-items-scroll-v689{overscroll-behavior-x:contain}.compras-items-table-v689 input:not([type=checkbox]),.compras-items-table-v689 select{font-size:12px!important}}

/* V690 · Selección y alta de materia prima en el mismo renglón. */
.compras-items-table-v689 th{font-size:10px}
.compras-items-table-v689 .compras-create-v690{display:block;margin:5px 0 0;padding:3px 0;border:0;background:none;color:#345c85;font-size:11px;font-weight:600;text-align:left;cursor:pointer}
.compras-create-v690:hover{text-decoration:underline}
.compras-items-table-v689 [data-field=ivaV690]{padding-left:4px}