/* Exclusivo del alta/edición de Clientes; no afecta cobros, abonos ni la ficha. */
#clientModal .modal.client-form-modal:has(.client-register-tropical){width:min(1380px,calc(100vw - 36px));max-height:calc(100dvh - 36px);padding:0;border:1px solid #35536e;border-radius:18px;background:linear-gradient(100deg,rgba(4,13,27,.24),rgba(7,19,35,.12)),url('assets/clientes-registro-tropical-v169.png') center/cover no-repeat;box-shadow:inset 0 1px rgba(132,208,255,.12),0 25px 85px #0009;color-scheme:dark}
.client-form-modal .client-register-tropical .client-register-hero{position:relative;display:flex;gap:20px;min-height:130px;padding:20px 280px 20px 28px;background:linear-gradient(90deg,#07132688,transparent);border:0}
.client-form-modal .client-register-tropical .client-register-hero-icon{display:grid;width:62px;height:72px;border:0;border-radius:0;background:none;box-shadow:none;font-size:60px;line-height:1}
.client-form-modal .client-register-tropical .client-register-hero h2{font-size:42px;line-height:1.1;letter-spacing:.1px}
.client-form-modal .client-register-tropical .client-register-hero p{font-size:13px;line-height:1.5;margin-top:7px;max-width:740px;color:#b7cee5}
.client-register-brand{position:absolute;right:92px;top:9px;width:174px;height:116px;object-fit:contain;filter:drop-shadow(0 4px 14px #0009)}
.client-register-close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #51749388;border-radius:9px;background:#172f40cc;color:#d3e8f3;font:26px/1 Inter;cursor:pointer}
.client-register-close:hover{border-color:#93ebbd;color:white}
.client-form-modal .client-register-tropical .client-visual-form{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:18px;padding:0 18px 0}
.client-register-data-panel{grid-column:1;grid-row:1;min-width:0;padding:18px 22px 14px;border:1px solid #456d9380;border-radius:14px;background:linear-gradient(145deg,rgba(24,45,68,.79),rgba(6,17,32,.92));box-shadow:inset 0 1px #afdeff0a}
.client-form-modal .client-register-tropical .client-register-data-panel .client-form-section{margin:0 0 18px;padding:0;border:0;background:none;box-shadow:none}
.client-form-modal .client-register-tropical .client-register-data-panel .client-form-section:last-child{margin-bottom:0}
.client-form-modal .client-register-tropical .client-register-data-heading{display:flex;align-items:center;gap:12px;margin:0 -22px 18px;padding:0 22px 14px;border-bottom:1px solid #78b8d43d;position:relative}
.client-register-data-heading::after{content:'';position:absolute;bottom:-1px;left:22px;width:104px;height:2px;background:#89efb4;box-shadow:0 0 12px #89efb477}
.client-form-modal .client-register-tropical .client-register-data-heading b{font-size:16px}
.client-form-modal .client-register-tropical .client-form-grid{gap:17px 24px}
.client-form-modal .client-register-tropical .client-form-field label{display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:0;color:#d2e0ef;margin-bottom:7px}
.client-register-line-icon{width:21px;height:21px;flex:0 0 21px;color:#b9d5e7;vertical-align:middle}
.client-form-field:has(#whatsapp) .client-register-line-icon{color:#90eeb5}
.client-form-modal .client-register-tropical .client-form-field .input{min-height:46px;padding:11px 14px;border:1px solid #52759a99;border-radius:10px;background:#071322b8;font:13px Inter;box-shadow:inset 0 1px 2px #0003}
.client-form-modal .client-register-tropical .client-form-field .input:focus{border-color:#8eecb8;box-shadow:0 0 0 3px #7ee8ac16;outline:0}
.client-form-modal .client-register-tropical .client-form-field textarea.input{min-height:74px;line-height:1.5}
.client-form-modal .client-register-tropical .client-form-field:has(#first) .input,.client-form-modal .client-register-tropical .client-form-field:has(#last) .input,.client-form-modal .client-register-tropical .client-form-field:has(#whatsapp) .input{border-left:3px solid #8ee9b5}
.client-form-modal .client-register-tropical .client-form-field label::after{font-size:8px;padding:3px 6px;margin-left:2px;vertical-align:middle}
.client-form-modal .client-register-tropical .client-duplicate-hint{margin:11px 0 0;padding:10px 12px;border:1px solid #466b9566;border-radius:9px;background:#071322aa;font-size:10px;line-height:1.5;color:#abc4d9}
.client-form-modal .client-register-tropical .client-duplicate-hint.available{color:#91efb9}
.client-form-modal .client-register-tropical .client-duplicate-hint.duplicate{color:#ffae94}
.client-form-modal .client-register-tropical .client-photo-section{grid-column:2;grid-row:1;align-self:stretch;min-height:0;padding:28px 22px 112px!important;border:1px solid #4c769b88!important;border-radius:14px;background:linear-gradient(140deg,#1d435b88,#09172c50)!important;box-shadow:inset 0 1px #c8efff0a}
.client-form-modal .client-register-tropical .client-photo-editor{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
.client-form-modal .client-register-tropical .client-photo-preview{width:176px;height:176px;margin:0 auto;border-radius:50%;border:1px solid #ade9e5;box-shadow:0 0 24px #9cffe72b,inset 0 1px #ffffff66;background-color:#162a42;background-image:radial-gradient(circle at 25% 15%,#6b879e,#14263e 72%);font-size:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.client-register-tropical .client-photo-preview:not(.has-photo)::before{content:'';width:32px;height:32px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bfdced' stroke-width='2'%3E%3Cpath d='M8 5l2-3h4l2 3h5v16H3V5Z'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E")}
.client-form-modal .client-register-tropical .client-photo-controls{gap:12px;margin:0}
.client-form-modal .client-register-tropical .photo-file-label{padding:10px 18px;border-style:solid;border-color:#89eba2;border-radius:9px;background:#0e302d99;color:#c2f2df;font-size:12px}
.client-form-modal .client-register-tropical .client-photo-controls>small{text-align:center;line-height:1.5;font-size:10px;color:#b3c6dd}
.client-form-modal .client-register-tropical .photo-range{gap:6px}
.client-form-modal .client-register-tropical .photo-range label{font-size:11px!important;color:#c3d6e6!important}
.client-form-modal .client-register-tropical .photo-range input{width:100%;height:18px;margin:0;accent-color:#91efb8}
.client-form-modal .client-register-tropical .photo-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}
.client-form-modal .client-register-tropical .photo-actions button{padding:10px 8px;font-size:10px;min-height:38px;white-space:nowrap}
.client-form-modal .client-register-tropical .client-form-actions{grid-column:1/-1;grid-row:2;position:sticky;bottom:0;z-index:2;margin:0 -18px;padding:12px 22px;border-top:1px solid #52799a88;background:linear-gradient(90deg,#102135f5,#18334bf5,#102138f5);box-shadow:0 -5px 18px #02091633;gap:16px}
.client-form-modal .client-register-tropical .client-form-actions>small{font-size:10px;max-width:420px;color:#a1b7ce}
.client-form-modal .client-register-tropical .client-form-actions button{min-height:42px;min-width:144px;padding:10px 20px;font-size:12px;border-radius:10px}
.client-register-tropical button:focus-visible,.client-register-tropical .photo-file-label:focus-within{outline:2px solid #9df4c0;outline-offset:3px}
@media(max-width:950px){.client-form-modal .client-register-tropical .client-register-hero{padding:20px 215px 20px 22px;gap:12px}.client-register-brand{right:56px;width:140px}.client-form-modal .client-register-tropical .client-register-hero h2{font-size:34px}.client-form-modal .client-register-tropical .client-visual-form{grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:14px}.client-register-data-panel{padding:16px}.client-form-modal .client-register-tropical .client-register-data-heading{margin:0 -16px 16px;padding:0 16px 12px}.client-form-modal .client-register-tropical .client-form-grid{gap:14px}.client-form-modal .client-register-tropical .client-photo-section{padding:24px 16px 92px!important}.client-form-modal .client-register-tropical .client-photo-preview{width:150px;height:150px}}
@media(max-width:760px){#clientModal .modal.client-form-modal:has(.client-register-tropical){width:calc(100vw - 20px);max-height:calc(100dvh - 20px);background-position:right center}.client-form-modal .client-register-tropical .client-register-hero{padding:22px 44px 22px 18px;min-height:108px}.client-register-brand{display:none}.client-form-modal .client-register-tropical .client-register-hero-icon{width:42px;height:52px;font-size:42px}.client-form-modal .client-register-tropical .client-register-hero h2{font-size:30px}.client-form-modal .client-register-tropical .client-register-hero p{font-size:11px}.client-form-modal .client-register-tropical .client-visual-form{grid-template-columns:1fr;gap:14px;padding:0 12px}.client-register-data-panel{grid-column:1;grid-row:1}.client-form-modal .client-register-tropical .client-photo-section{grid-column:1;grid-row:2;margin:0!important;padding:22px 20px 65px!important;background:linear-gradient(140deg,#1d435baa,#09172c88)!important}.client-form-modal .client-register-tropical .client-photo-controls{width:min(360px,100%);justify-self:center}.client-form-modal .client-register-tropical .client-form-actions{grid-row:3;margin:0 -12px;padding:12px;grid-template-columns:1fr}.client-form-modal .client-register-tropical .client-form-actions>small{display:none}.client-form-modal .client-register-tropical .client-form-actions .actions{display:grid;grid-template-columns:1fr 1.3fr;width:100%}.client-form-modal .client-register-tropical .client-form-actions button{width:100%;min-width:0}}
@media(max-width:550px){.client-form-modal .client-register-tropical .client-form-grid{grid-template-columns:1fr}.client-form-modal .client-register-tropical .client-form-field label{flex-wrap:wrap}}

/* v205: lienzo dorado y ficha compacta, conservando los controles originales. */
#clientModal .modal.client-form-modal:has(.client-register-tropical){width:min(1240px,calc(100vw - 36px));border-color:#89743e;background:linear-gradient(100deg,#080c0ee6,#080c0e60),url('assets/clientes-deuda-v198.png') center/cover no-repeat;box-shadow:inset 0 1px #d7bd641a,0 25px 85px #0009}
.client-form-modal .client-register-tropical .client-register-hero{min-height:106px;padding-top:16px;padding-bottom:16px;background:linear-gradient(90deg,#090e1199,transparent)}
.client-form-modal .client-register-tropical .client-register-hero h2{font-size:34px;color:#f3e9c5}
.client-form-modal .client-register-tropical .client-register-hero p{color:#bbc1c4;font-size:12px}
.client-register-hero-icon img{width:100%;height:100%;object-fit:contain}
.client-register-brand{width:146px;height:96px;right:78px;top:5px}
.client-register-close{border-color:#89743e;background:#131819bb}
.client-form-modal .client-register-tropical .client-visual-form{gap:12px;padding:0 14px}
.client-register-data-panel{padding:14px 18px 12px;border-color:#89743e99;background:linear-gradient(135deg,#1e2223e8,#0c1113e8)}
.client-form-modal .client-register-tropical .client-register-data-panel .client-form-section{margin-bottom:12px}
.client-form-modal .client-register-tropical .client-register-data-heading{margin:0 -18px 12px;padding:0 18px 12px;border-color:#89743e66}
.client-register-data-heading::after{left:18px;background:#c7b768;box-shadow:none}
.client-form-modal .client-register-tropical .client-form-grid{gap:12px 20px}
.client-form-modal .client-register-tropical .client-form-field label{color:#d9dddf;font-size:11px;margin-bottom:5px}
.client-register-line-icon{color:#c8cecf}
.client-form-modal .client-register-tropical .client-form-field .input{min-height:40px;padding:9px 12px;border-color:#53585899;background:#0b1014bf;font-size:12px}
.client-form-modal .client-register-tropical .client-form-field textarea.input{min-height:60px}
.client-form-modal .client-register-tropical .client-duplicate-hint{margin-top:9px;padding:9px 12px;border-color:#53585899;background:#0b1014bf;color:#b7c1c6}
.client-form-modal .client-register-tropical .client-photo-section{padding:22px 18px 32px!important;border-color:#89743e99!important;background:linear-gradient(145deg,#403a2677,#0c1113bb)!important}
.client-form-modal .client-register-tropical .client-photo-preview{width:166px;height:166px;border-color:#baaa6b;background-color:#171919;background-image:radial-gradient(circle at 25% 15%,#656156,#141819 75%);box-shadow:0 0 20px #d3b96a16,inset 0 1px #ffffff33}
.client-form-modal .client-register-tropical .photo-file-label{background:#19342288;color:#e4eee6}
.client-form-modal .client-register-tropical .client-photo-controls>small,.client-form-modal .client-register-tropical .photo-range label{color:#bdc5c6!important}
.client-form-modal .client-register-tropical .client-form-actions{margin:0 -14px;padding:10px 18px;border-color:#89743e88;background:linear-gradient(90deg,#161b1df5,#252821f5,#161b1df5)}
.client-form-modal .client-register-tropical .client-form-actions button{min-height:38px;min-width:132px;padding:8px 16px;border-color:#89743e99}
@media(max-width:760px){.client-form-modal .client-register-tropical .client-register-hero{padding-right:44px;min-height:96px}.client-form-modal .client-register-tropical .client-register-hero h2{font-size:28px}.client-form-modal .client-register-tropical .client-photo-section{padding:20px!important}.client-form-modal .client-register-tropical .client-form-actions{margin:0 -14px}.client-form-modal .client-register-tropical .client-form-actions button{min-width:0}}
