#view-clientes{
  max-width:1120px;
  margin:0 auto;
  padding:92px 28px 70px;
}
#view-clientes[hidden]{display:none!important}
.clients-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.clients-heading h1{font:600 27px 'Space Grotesk',sans-serif;letter-spacing:-.035em;margin:2px 0 5px;color:var(--text)}
.clients-heading p{margin:0}
.clients-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.clients-kicker{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.clients-muted{color:var(--muted);font-size:12px}
.clients-notice{min-height:21px;margin:8px 0;color:var(--muted);font-size:11px}
.clients-error{color:var(--bad);font-size:10px;white-space:pre-line}

.clients-button{
  border:1px solid var(--line);background:#181b23;color:#cdd1da;
  min-height:38px;padding:8px 13px;border-radius:9px;font:600 11px Inter,sans-serif;cursor:pointer;transition:.15s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center
}
.clients-button:hover{border-color:#3a414f;color:white}
.clients-button.primary{background:rgba(207,147,103,.12);border-color:rgba(207,147,103,.35);color:#e0aa82}
.clients-button.primary:hover{background:rgba(207,147,103,.18)}
.clients-button:disabled{opacity:.48;cursor:wait}

.clients-toolbar{display:grid;grid-template-columns:minmax(260px,1.8fr) minmax(170px,.7fr) minmax(150px,.6fr);gap:9px;margin:17px 0 10px}
.clients-input,#view-clientes select,#view-clientes textarea{
  width:100%;min-height:42px;background:#151820;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:10px 11px;font:500 12px Inter,sans-serif;outline:none;transition:.15s
}
#view-clientes textarea{resize:vertical;min-height:92px}
.clients-input:focus,#view-clientes select:focus,#view-clientes textarea:focus{border-color:rgba(207,147,103,.48);box-shadow:0 0 0 3px rgba(207,147,103,.07)}
.clients-input::placeholder{color:#687183}
.clients-filter-label{font-size:9px;color:#737c8d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;display:block}
.clients-filter{min-width:0}
.clients-count{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#747d8e;font-size:10.5px;margin:10px 2px 8px}
.clients-count b{font-weight:600;color:#aeb4c0}

.clients-list{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#13161d}
.client-row{
  display:grid;grid-template-columns:58px minmax(200px,1.5fr) minmax(180px,.8fr) 115px 30px;
  align-items:center;gap:13px;width:100%;min-height:65px;padding:10px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:.15s ease
}
.client-row:last-child{border-bottom:0}
.client-row:hover{background:#191c24}
.client-code{font-size:10px;color:#6f7889;font-variant-numeric:tabular-nums}
.client-name{min-width:0}
.client-name strong{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-name span{display:block;margin-top:3px;color:#798294;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-meta{font-size:10.5px;color:#969faf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clients-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 8px;background:#20242c;color:#9ca4b3;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;width:max-content}
.clients-status.active{color:#75d9ad;background:rgba(61,220,151,.08);border:1px solid rgba(61,220,151,.16)}
.clients-status.entering{color:#f0c47f;background:rgba(244,191,114,.08);border:1px solid rgba(244,191,114,.16)}
.client-arrow{color:#697284;text-align:center;font-size:14px}

.clients-card{background:#151820;border:1px solid var(--line);border-radius:14px;padding:18px;margin-top:14px}
.client-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#171a22,#14171d)}
.client-hero-main{min-width:0}
.client-hero-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.client-hero-title h2{margin:0;font:600 19px 'Space Grotesk';letter-spacing:-.025em}
.client-hero-sub{font-size:10.5px;color:#7e8798;margin-top:6px}
.client-hero-actions{display:flex;gap:8px;flex-wrap:wrap}
.client-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.client-summary{padding:14px;border:1px solid var(--line);border-radius:12px;background:#151820}
.client-summary-title{font-size:9px;color:#70798b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}
.client-kv{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10.5px}
.client-kv:last-child{border-bottom:0;padding-bottom:0}
.client-kv span:first-child{color:#7f8898}
.client-kv span:last-child{color:#ccd0d8;text-align:right;overflow-wrap:anywhere}
.client-tabs{display:flex;gap:5px;margin-top:12px;overflow:auto;padding-bottom:2px}
.client-tab{border:1px solid var(--line);background:#151820;color:#838c9d;border-radius:9px;padding:8px 11px;white-space:nowrap;font:600 10px Inter;cursor:not-allowed}
.client-tab:first-child{color:#b7bdc7}
.client-future{padding:21px;text-align:center;color:#747d8e;font-size:10.5px;border:1px dashed #2b313c;border-radius:12px;margin-top:9px}

.clients-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.clients-grid .wide{grid-column:1/-1}
.clients-field label,.clients-grid>label{display:block;color:#8b94a5;font-size:10px;font-weight:600}
.clients-grid>label>input,.clients-grid>label>select,.clients-grid>label>textarea{margin-top:6px}
.clients-checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}
.clients-checks label{display:flex!important;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#171a21;color:#9aa2b1!important;padding:8px 10px;font-size:10px!important;cursor:pointer}
.clients-checks label:has(input:checked){border-color:rgba(207,147,103,.34);background:rgba(207,147,103,.08);color:#e0aa82!important}
.clients-checks input{accent-color:var(--accent)}
#view-clientes fieldset{border:1px solid var(--line);border-radius:11px;padding:13px}
#view-clientes legend{color:#737c8d;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:0 6px}
.clients-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.055)}
.clients-form-section{grid-column:1/-1;margin:4px 0 -2px;color:#6e7788;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}

#view-clientes :focus-visible{outline:2px solid rgba(207,147,103,.7);outline-offset:2px}

@media(max-width:850px){
  .clients-toolbar{grid-template-columns:1fr 1fr}.clients-toolbar .clients-filter:first-child{grid-column:1/-1}
  .client-row{grid-template-columns:50px minmax(180px,1fr) 105px 24px}.client-meta{display:none}
  .client-summary-grid{grid-template-columns:1fr 1fr}.client-summary:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  #view-clientes{padding:34px 16px 96px}
  .clients-heading{display:block}.clients-actions{margin-top:12px}
  .clients-toolbar{grid-template-columns:1fr}
  .clients-toolbar .clients-filter:first-child{grid-column:auto}
  .client-row{grid-template-columns:45px minmax(0,1fr) 24px;padding:10px 11px}.client-row>.clients-status{grid-column:2}.client-meta{display:none}
  .client-hero{display:block}.client-hero-actions{margin-top:13px}
  .client-summary-grid{grid-template-columns:1fr}.client-summary:last-child{grid-column:auto}
  .clients-grid{grid-template-columns:1fr}.clients-grid .wide{grid-column:auto}
}