/* Cadastros: contexto e gesto; busca; lista de clientes. Tokens da direção B. */
.customers-top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-bottom:1px solid var(--line)}
.customers-top p{margin-top:6px;color:var(--muted)}
.customer-search{display:grid;gap:6px;min-width:290px;font-size:13px}
.customer-search input{width:100%}
.customer-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(180px,.9fr) minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 24px;border-bottom:1px solid var(--line)}
.customer-row:last-child{border-bottom:0}
.customer-row>div{min-width:0;display:grid;gap:4px;overflow-wrap:anywhere}
.customer-row .customer-identity>strong{font-size:15px}
.customer-row .customer-identity>span,.customer-document>span,.customer-email>span:first-child{font-size:12px;color:var(--muted)}
.customers-explainer{color:var(--muted);font-size:13px;margin:18px 4px}
.customer-fields{align-items:start}
.customer-fields label{align-content:start}
.customer-fields input{width:100%;min-width:0}
.customer-fields .field-optional{font-size:12px;color:var(--muted);display:inline}
.customer-lookup{display:flex;align-items:center;gap:14px}
.customer-lookup p,.customer-source{font-size:12px;color:var(--muted)}
.customer-lookup .btn{flex-shrink:0}
.customer-source{margin:16px 0 0}
.customer-feedback{padding:14px 16px;background:var(--soft);border:1px solid var(--line);border-radius:10px;display:grid;gap:12px;font-size:13px;overflow-wrap:anywhere}
.customer-feedback .btn{justify-self:start}
.customer-feedback p{margin-top:4px}
.customer-feedback.success{background:var(--green-soft);color:var(--green);border-color:var(--green)}
.customer-feedback.warning{background:var(--accent-soft);color:var(--ink)}
.customer-picker{margin:0;padding:0;border:0;min-width:0;display:grid;gap:12px}
.customer-picker legend{font-size:14px;font-weight:600;padding:0 0 10px}
.customer-picker>button{justify-self:start}
.customer-picker label{font-size:12px;color:var(--muted);display:grid;gap:6px}
.customer-picker label input{font-size:14px;color:var(--ink);width:100%}
.customer-options{display:grid;max-height:250px;overflow-y:auto;overscroll-behavior:contain;margin-top:8px;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.customer-options>p{padding:12px 14px;font-size:13px;color:var(--muted)}
.customer-options>.btn{margin:8px;justify-self:start}
.customer-option{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;min-height:60px;text-align:left;border-bottom:1px solid var(--line);transition:background .15s var(--ease)}
.customer-option:last-of-type{border-bottom:0}
.customer-option:hover{background:var(--soft)}
.customer-option>span{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
.customer-option small{color:var(--muted);font-size:12px}
.customer-selected{display:grid;gap:12px;padding:14px 16px;background:var(--green-soft);border:1px solid var(--green);border-radius:10px;overflow-wrap:anywhere}
.customer-selected>div{display:flex;gap:10px;align-items:flex-start}
.customer-selected>div>.icon{color:var(--green);margin-top:2px}
.customer-selected p{font-size:13px;color:var(--muted);margin-top:3px}
.customer-selected>button{justify-self:start}
@media(max-width:1100px){.customer-row{grid-template-columns:minmax(0,1.2fr) minmax(155px,1fr) auto;gap:18px}.customer-row .customer-email{grid-column:1/3;grid-row:2;display:flex;gap:8px}.customer-row>button{grid-column:3;grid-row:1/3}}
@media(max-width:760px){.customers-top{align-items:stretch;flex-direction:column;padding:18px;gap:18px}.customer-search{min-width:0}.customer-row{padding:18px;grid-template-columns:minmax(0,1fr);gap:12px}.customer-row .customer-email,.customer-row>button{grid-column:auto;grid-row:auto}.customer-row>button{justify-self:start}.customer-row .customer-email{display:grid;gap:4px}.customer-lookup{align-items:stretch;flex-direction:column;gap:8px}.customer-lookup .btn{align-self:flex-start}.customer-picker>button{justify-self:stretch}.customer-selected>button{justify-self:stretch}.customers-explainer{margin-inline:0}.customer-options{max-height:230px}}

@media(max-width:480px){.nav:has([data-view=customers]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.nav:has([data-view=customers]) button{width:100%;min-width:0}}