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