.clients-page{--client-border:var(--slate-200,#d4deea);color:var(--slate-800,#1e293b)}
.clients-page .page-header{gap:18px}.clients-actions,.clients-toolbar,.client-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.clients-actions .btn,.clients-toolbar .btn,.client-card-actions .btn{min-height:44px}.clients-toolbar{margin:18px 0}.clients-toolbar .search-wrapper{flex:1;min-width:210px;margin:0}.clients-toolbar input{font-size:16px}.clients-toolbar label{font-size:13px;color:var(--slate-600)}.clients-toolbar select{min-height:44px}.client-filter{border:1px solid var(--client-border);border-radius:9px;display:flex;padding:3px;gap:3px}.client-filter button{border:0;background:transparent;color:var(--slate-600);padding:8px 12px;border-radius:6px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.client-filter button[aria-pressed=true]{background:var(--primary,#5485ff);color:white}.client-result-count{font-size:13px;color:var(--slate-500);margin-bottom:14px}.client-models{border:1px solid var(--client-border);border-radius:12px;background:var(--white,#fff);margin:18px 0 22px;padding:16px 18px}.client-models summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}.client-models summary span{font-size:12px;color:var(--slate-500);font-weight:500}.client-models p{font-size:13px;color:var(--slate-500);line-height:1.7;margin:12px 0}.client-model-tags{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.client-model-tags span{border:1px solid var(--client-border);padding:5px 10px;border-radius:7px;font-size:12px}.client-contact-list{display:flex;flex-direction:column;gap:7px;margin:12px 0;font-size:13px;overflow-wrap:anywhere}.client-contact-list p{margin:0}.client-info-list{margin:16px 0;display:grid;gap:9px}.client-info-list div{display:grid;grid-template-columns:minmax(90px,30%) 1fr;gap:10px;font-size:13px;border-top:1px solid var(--client-border);padding-top:9px;overflow-wrap:anywhere}.client-info-list dt{color:var(--slate-500);font-weight:600}.client-info-list dd{margin:0;white-space:pre-wrap}.client-status{font-size:11px;border-radius:6px;background:var(--slate-100,#f1f5f9);padding:4px 7px;color:var(--slate-600)}.client-card-title{font-size:17px;font-weight:750;color:var(--slate-900);overflow-wrap:anywhere}.client-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.client-card-actions{border-top:1px solid var(--client-border);padding-top:14px;margin-top:auto}.client-card-actions .btn{padding:9px 12px;font-size:12px}.client-empty{padding:36px 22px;border:1px dashed var(--client-border);border-radius:12px;text-align:center;grid-column:1/-1}.client-empty p{font-size:14px;color:var(--slate-500);line-height:1.7}.client-readonly{padding:12px 16px;border:1px solid var(--client-border);border-radius:9px;font-size:13px;margin-bottom:16px}.client-card{display:flex;flex-direction:column;gap:0;padding:20px}.clients-page button:focus-visible,.clients-page summary:focus-visible,.client-dialog :focus-visible{outline:3px solid var(--primary,#5485ff);outline-offset:3px}
.client-dialog{position:fixed;inset:0;margin:auto;border:1px solid var(--slate-200,#d4deea);border-radius:18px;padding:0;width:min(640px,calc(100vw - 28px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--white,#fff);color:var(--slate-800,#1e293b);box-shadow:0 20px 70px #0f172a30}.client-dialog-wide{width:min(880px,calc(100vw - 28px))}.client-dialog[open]{display:flex;flex-direction:column}.client-dialog:modal{overscroll-behavior:contain}.client-dialog::backdrop{background:#0f172a80;overflow:hidden;overscroll-behavior:contain}.client-dialog-form{display:flex;flex-direction:column;max-height:inherit;min-height:0}.client-dialog header,.client-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;flex:none}.client-dialog header{border-bottom:1px solid var(--slate-200,#d4deea)}.client-dialog h2{margin:0;font-size:20px;line-height:1.3}.client-dialog footer{border-top:1px solid var(--slate-200,#d4deea);justify-content:flex-end}.client-dialog footer .btn{min-height:48px}.client-close{border:1px solid var(--slate-200,#d4deea);background:var(--slate-50,#f8fafc);color:var(--slate-700,#334155);border-radius:9px;width:44px;height:44px;flex:none;font:inherit;font-size:26px;cursor:pointer}.client-dialog-body{padding:20px 22px;overflow:auto;min-height:0;overscroll-behavior:contain}.client-dialog label{font-size:13px;line-height:1.5;display:block;font-weight:600;margin-bottom:6px}.client-dialog .form-group{margin:0 0 16px}.client-dialog .form-input,.client-dialog .form-select{font-size:16px;min-height:48px;width:100%;border-color:var(--slate-300,#cbd5e1)}.client-dialog textarea{resize:vertical;min-height:78px}.client-dialog p.client-hint,.client-hint{font-size:12px;color:var(--slate-500,#64748b);line-height:1.6;margin:8px 0 12px}.client-form-error{margin:0;padding:12px 22px;color:var(--red,#b91c1c);font-size:13px;line-height:1.6;flex:none}.client-form-error[hidden]{display:none}.client-extra-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 14px}.client-extra-heading h3{font-size:15px;margin:0}.client-extra-row{display:grid;grid-template-columns:1fr 1.4fr auto;gap:9px;align-items:start;padding:14px 0;border-top:1px solid var(--slate-200,#d4deea)}.client-extra-row .btn{min-height:44px;align-self:end;margin-bottom:2px}.client-extra-row label{font-size:12px}.client-template-row{display:flex;gap:10px;align-items:end;margin-bottom:12px}.client-template-row>div{flex:1}.client-template-row .btn{min-height:48px}.client-dialog .btn[disabled]{opacity:.6;cursor:wait}.client-import-steps{font-size:13px;font-weight:700;color:var(--primary,#5485ff);margin-bottom:12px}.client-import-column{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin:14px 0}.client-import-preview{overflow:auto;max-height:330px;border:1px solid var(--slate-200);border-radius:8px}.client-import-preview table{border-collapse:collapse;min-width:100%;font-size:12px}.client-import-preview td,.client-import-preview th{padding:9px 12px;text-align:left;border-bottom:1px solid var(--slate-200);white-space:pre-wrap;max-width:240px;overflow-wrap:anywhere}.client-import-totals{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:13px}.client-import-totals span{background:var(--slate-50,#f8fafc);border:1px solid var(--slate-200);padding:8px 10px;border-radius:7px}.client-import-toggle{display:flex!important;align-items:center;gap:9px;font-weight:500!important}.client-import-toggle input{width:20px;height:20px;accent-color:var(--primary)}
.client-models summary{min-height:44px}.client-models summary::after{content:'⌄';font-size:20px}.client-models[open] summary::after{content:'⌃'}
html.tema-escuro .client-dialog,html.tema-escuro .client-models,html.tema-escuro .client-card{background:#111c30;color:var(--slate-800)}
@media(max-width:640px){.clients-page .page-header{align-items:stretch}.clients-actions .btn{flex:1}.clients-toolbar{align-items:stretch}.clients-toolbar .search-wrapper{flex-basis:100%;min-width:0}.client-filter{flex:1}.client-filter button{flex:1}.client-card{padding:16px}.client-models summary{align-items:flex-start;flex-direction:column;position:relative;padding-right:24px}.client-models summary::after{position:absolute;right:0;top:0}.client-dialog header,.client-dialog footer{padding:14px 16px}.client-dialog-body{padding:16px}.client-dialog h2{font-size:18px}.client-extra-row{grid-template-columns:1fr auto}.client-extra-row>div:first-child{grid-column:1/-1}.client-extra-row>.btn{align-self:end}.client-dialog footer .btn{flex:1}.client-import-column{grid-template-columns:1fr auto}.client-import-column>div:first-child{grid-column:1/-1}}