.suppliers-panel{background:white;border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 8px 28px #24437007}.suppliers-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.suppliers-heading h2{margin:7px 0}.suppliers-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}.supplier-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.supplier-form-fields label{display:flex;flex-direction:column;gap:6px;color:#567093;font-size:12px}.supplier-form-fields .full{grid-column:1/-1}.supplier-form-fields input,.supplier-form-fields select,.supplier-form-fields textarea{width:100%;padding:10px;border:1px solid #d6e1ef;border-radius:8px;background:white;color:#244365;font:inherit;font-size:13px}.supplier-form-fields textarea{resize:vertical;min-height:85px}.supplier-section{border-top:1px solid #e3ebf5;margin-top:18px;padding-top:18px}.supplier-section h3{font-size:14px;margin:0 0 14px}.supplier-credit{background:#f5f9ff;border:1px solid #e0eafb;border-radius:10px;padding:14px}.supplier-directory{background:#f8faff;border:1px solid #e2eaf6;border-radius:12px;padding:16px;min-width:0}.supplier-directory .company-table-wrap{background:white;min-height:330px}.supplier-search-modes{display:flex;gap:18px;margin:12px 0;font-size:12px;color:#6680a1}.supplier-search-modes input{width:auto}.supplier-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.supplier-form-actions button{padding:10px 13px}.supplier-import-dialog{width:1000px;max-width:96vw;max-height:94vh;border:1px solid #dbe5f4;border-radius:16px;padding:26px;color:#284565;overflow:auto}.supplier-import-dialog h2{margin-top:0}.supplier-import-source{background:#f4f8ff;border:1px solid #dfE8f6;border-radius:10px;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.supplier-import-source input{width:auto;max-width:100%}.supplier-import-mapping{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.supplier-import-mapping label{display:flex;flex-direction:column;gap:6px;font-size:12px}.supplier-import-mapping select,.supplier-import-mode select{padding:9px;border:1px solid #cfdded;border-radius:7px;background:white;max-width:100%}.supplier-import-mode{display:flex;align-items:center;gap:12px;margin:16px 0}.supplier-import-preview{overflow:auto;max-height:380px}.supplier-import-preview td{font-size:12px}.supplier-import-summary{padding:14px;border-radius:8px;background:#edf5ff;color:#3f689b;line-height:1.7;margin:16px 0}.supplier-import-preview .import-error{background:#fff1f2}.supplier-import-dialog .sub{font-size:12px}.supplier-empty{padding:40px;text-align:center;background:white;border:1px solid var(--border);border-radius:12px}@media(max-width:1000px){.suppliers-layout{grid-template-columns:1fr}.supplier-directory{order:2}}@media(max-width:650px){.suppliers-panel{padding:16px}.suppliers-heading{align-items:flex-start;flex-direction:column}.supplier-import-mapping{grid-template-columns:1fr}.supplier-form-fields{grid-template-columns:1fr}.supplier-import-dialog{padding:18px}.supplier-import-mode{align-items:flex-start;flex-direction:column}}@media print{.supplier-form-actions,.suppliers-heading button,.supplier-search-modes,.supplier-directory>input{display:none!important}.suppliers-panel{border:0;box-shadow:none}.suppliers-layout{display:block}}
/* Distribución de la fotografía: ficha izquierda y directorio derecho. */
.supplier-extra-tools{display:flex;justify-content:flex-end;margin-bottom:12px}.suppliers-reference{padding:0;border:2px solid #e99865;border-radius:0;background:#79adf5;box-shadow:none;color:#16364a;font:12px Arial,sans-serif;max-width:1200px;margin:auto}.supplier-window-title{display:flex;align-items:center;gap:8px;background:#f7a06c;color:#4d382a;padding:4px 7px;font-size:16px;text-align:center}.supplier-window-title span{flex:1}.supplier-window-title button{background:transparent;color:#654d3d;padding:0 8px;font-size:19px}.supplier-window-title button:last-child{background:#d66d52;color:white}.suppliers-reference .suppliers-layout{display:grid;grid-template-columns:minmax(390px,1.05fr) minmax(350px,1fr);gap:5px;padding:7px}.supplier-left{min-width:0}.suppliers-reference #supplier-form{display:flex;flex-direction:column;gap:4px;height:100%}.supplier-reference-fields,.supplier-reference-notes,.supplier-reference-credit{border:2px groove #c4d8e3;padding:8px 5px;display:grid;gap:4px}.supplier-reference-fields>label,.supplier-reference-notes>label{display:grid;grid-template-columns:76px minmax(0,1fr);gap:5px;align-items:center;text-align:right}.suppliers-reference input:not([type=radio]):not([type=checkbox]),.suppliers-reference select,.suppliers-reference textarea{border:2px inset #d3dfe5;border-radius:0;background:#fff;color:#213644;padding:3px 5px;font:12px Arial,sans-serif;width:100%;min-width:0;box-sizing:border-box}.suppliers-reference input[readonly]{background:#effbfc}.supplier-code-description{display:flex;gap:2px;min-width:0}.supplier-code-description select{width:64px;flex-shrink:0;appearance:auto}.supplier-code-description input{flex:1}.supplier-document-line{display:flex;align-items:center;gap:5px}.supplier-document-line>label:first-child{display:grid;grid-template-columns:76px minmax(60px,1fr);gap:5px;align-items:center;text-align:right;flex:1}.supplier-document-line button{font:bold 9px Arial;background:white;border:2px outset #d8e1e6;border-radius:0;padding:3px 5px;height:23px;white-space:nowrap;color:#376589}.supplier-document-line button:disabled{opacity:.7;cursor:help}.supplier-active{display:flex;align-items:center;gap:5px;white-space:nowrap}.supplier-active input{margin:0;accent-color:#4f91c5;width:13px}.supplier-phone-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.supplier-phone-row label{display:grid;grid-template-columns:76px minmax(0,1fr);gap:5px;align-items:center;text-align:right}.supplier-phone-row label:last-child{grid-template-columns:65px minmax(0,1fr)}.supplier-reference-notes{flex:1;min-height:190px}.supplier-note-label{align-items:start!important}.supplier-note-label textarea{height:95px;min-height:75px;resize:vertical}.supplier-reference-credit{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:12px 5px}.supplier-reference-credit>span{margin-right:6px;white-space:nowrap}.supplier-reference-credit label{display:flex;align-items:center;gap:8px;font-weight:600}.supplier-reference-credit input{max-width:100px;text-align:right}.suppliers-reference .supplier-form-actions{margin:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:6px 8px;border:2px groove #c4d8e3}.suppliers-reference .supplier-form-actions button{padding:0;background:white;color:#426b83;border:2px outset #d9e3e8;border-radius:0;font-size:19px;height:28px;box-shadow:none}.suppliers-reference #supplier-save{background:white!important;color:#366492!important;border:2px outset #d9e3e8!important}.suppliers-reference #supplier-cancel{color:#c7542f}.suppliers-reference #supplier-delete{color:#ce5d43}.suppliers-reference #supplier-exit{color:#0b8279}.suppliers-reference .supplier-directory{background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:4px}.suppliers-reference .company-table-wrap{border:2px inset #b9cdd9;border-radius:0;background:#fffdd0;min-height:390px;flex:1;overflow:auto}.suppliers-reference .company-table{font:12px 'Courier New',monospace}.suppliers-reference .company-table th{position:sticky;top:0;background:#ffce8e;color:#6b4b32;font:10px Arial;padding:4px 7px;letter-spacing:0;white-space:nowrap}.suppliers-reference .company-table td{padding:5px 7px;border:0;color:#35391f;font-size:12px}.suppliers-reference .company-table td:first-child{white-space:nowrap}.suppliers-reference .company-table tr:nth-child(even){background:transparent}.suppliers-reference .company-table tr:hover{background:#f6efad}.suppliers-reference .company-table tr.selected{background:#e4edbc;box-shadow:inset 2px 0 #6f9e79}.supplier-search-footer{display:flex;align-items:center;gap:10px;border:2px groove #c4d8e3;padding:6px}.suppliers-reference .supplier-search-modes{display:flex;white-space:nowrap;gap:8px;margin:0;color:#18364c;font-size:11px}.suppliers-reference .supplier-search-modes label{display:flex;gap:3px;align-items:center}.suppliers-reference .supplier-search-modes input{margin:0;accent-color:#4689bd;width:auto}.suppliers-reference #supplier-search{flex:1}.suppliers-reference .company-pages{margin:0;padding:4px 8px;justify-content:center;gap:10px;font-size:11px}.suppliers-reference .company-pages button{padding:2px 12px;background:white;color:#315774;border:1px solid #b4c9dd;border-radius:0}.supplier-reference-status{font-size:11px;margin:0 5px;line-height:1.4;min-height:16px;color:#153951}.suppliers-reference button:focus-visible,.suppliers-reference select:focus-visible{outline:2px solid #114b8c;outline-offset:2px}.suppliers-reference #supplier-total:before{content:'Total: '}.suppliers-reference #supplier-form-status{color:#9c2727}@media(max-width:1000px){.suppliers-reference .suppliers-layout{grid-template-columns:1fr}.suppliers-reference .supplier-directory{order:2}.suppliers-reference .company-table-wrap{min-height:300px}.supplier-reference-notes{min-height:180px}}@media(max-width:520px){.supplier-document-line{flex-wrap:wrap}.supplier-document-line>label:first-child{flex-basis:100%}.supplier-document-line button:first-of-type{margin-left:81px}.supplier-reference-credit{gap:6px}.supplier-reference-credit>span{font-size:10px;margin-right:0}.supplier-reference-credit input{max-width:80px}.suppliers-reference .supplier-search-modes{gap:4px;font-size:10px}.supplier-code-description select{width:47px}.supplier-phone-row{gap:4px}.supplier-phone-row label:last-child{grid-template-columns:58px minmax(0,1fr)}}
/* Ventana compacta y opciones completas de la última referencia. */
.content:has(.suppliers-reference){max-width:none;padding:16px 18px}.content:has(.suppliers-reference)>.heading{display:none}.content:has(.suppliers-reference)>.bottom{margin-top:16px}.suppliers-reference{max-width:1040px}.supplier-extra-tools{max-width:1040px;margin:0 auto 8px}.suppliers-reference .suppliers-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:4px;padding:6px}.suppliers-reference .supplier-code-description select{width:63px;text-overflow:clip}.suppliers-reference .supplier-code-description option{background:white;color:#15364f;font-size:13px}.suppliers-reference .supplier-form-actions button{display:flex;align-items:center;justify-content:center}.suppliers-reference .supplier-form-actions svg{width:21px;height:21px;pointer-events:none}.suppliers-reference .supplier-reference-notes{gap:4px;min-height:182px}.suppliers-reference .supplier-reference-fields{gap:4px}.suppliers-reference .supplier-reference-status:empty{min-height:0;margin:0}.suppliers-reference .supplier-directory .company-table-wrap{min-height:420px}.suppliers-reference .supplier-directory .company-table td{padding:4px 6px;font-size:11px;line-height:1.3}.suppliers-reference .supplier-directory .company-table th{font-size:10px;padding:3px 6px}.suppliers-reference .supplier-reference-credit{padding:11px 5px}.suppliers-reference .supplier-reference-credit input{max-width:106px}.suppliers-reference .supplier-search-footer{padding:5px}.suppliers-reference .supplier-window-title button{border-radius:0}.suppliers-reference .supplier-reference-notes textarea{height:93px}@media(min-width:761px) and (max-width:1150px){.content:has(.suppliers-reference){padding:12px 8px}.suppliers-reference .supplier-document-line{gap:3px}.suppliers-reference .supplier-document-line button{padding:2px;font-size:8px}.suppliers-reference .supplier-active{gap:2px;font-size:10px}.suppliers-reference .supplier-phone-row{gap:3px}.suppliers-reference .supplier-reference-credit{gap:7px}.suppliers-reference .supplier-reference-credit input{max-width:84px}.suppliers-reference .supplier-search-footer{gap:4px}.suppliers-reference .supplier-search-modes{gap:4px;font-size:10px}.suppliers-reference .supplier-form-actions{gap:4px;padding:5px}.suppliers-reference .supplier-reference-fields>label,.suppliers-reference .supplier-reference-notes>label{grid-template-columns:70px minmax(0,1fr)}.suppliers-reference .supplier-document-line>label:first-child{grid-template-columns:70px minmax(35px,1fr)}}@media(max-width:760px){.suppliers-reference .suppliers-layout{grid-template-columns:1fr}.suppliers-reference .supplier-directory{order:2}.suppliers-reference .supplier-directory .company-table-wrap{min-height:280px}.content:has(.suppliers-reference){padding:10px}.suppliers-reference .supplier-reference-notes{min-height:180px}}
.supplier-detraction{display:flex;gap:18px;align-items:center;padding:11px 8px;border:2px groove #c4d8e3}.supplier-detraction label{display:flex;align-items:center;gap:8px;white-space:nowrap}.supplier-detraction label:last-child{flex:1}.supplier-detraction input[type=checkbox]{width:auto;margin:0;accent-color:#4689bd}.supplier-tax-options{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;border:2px groove #c4d8e3;padding:10px 8px}.supplier-tax-options label{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px;align-items:center;text-align:right}.suppliers-reference .supplier-reference-notes{min-height:160px}.suppliers-reference .supplier-reference-notes textarea{height:78px}.suppliers-reference .supplier-directory .company-table-wrap{min-height:470px}@media(max-width:520px){.supplier-detraction{flex-wrap:wrap}.supplier-tax-options{gap:6px}.supplier-tax-options label{grid-template-columns:75px minmax(0,1fr);font-size:11px}}
