/* ===== Clientes e Ajustes no computador ===== */
.cav{display:none}
@media (min-width:900px){
  #app:has(> .screen.dk){max-width:1180px}
  .dk-grid{display:grid;gap:24px;align-items:start}
  .dk-col{display:flex;flex-direction:column;gap:18px;min-width:0}
  /* lista de clientes em cartões */
  .dk-clis>.top{align-items:center}
  .dk-clis>#busca,.dk-clis>#novaBox{max-width:520px;width:100%}
  .dk-clis #lista>.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;background:none;border:none;box-shadow:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  .dk-clis #lista a.li{justify-content:flex-start;gap:14px;padding:16px;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass);box-shadow:var(--glass-shadow);transition:border-color .25s ease,box-shadow .25s ease}
  .dk-clis #lista a.li>.col{flex:1;min-width:0}
  .dk-clis #lista a.li>.col strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dk-clis #lista a.li:hover{border-color:rgba(201,162,77,.55);box-shadow:0 10px 26px rgba(201,162,77,.18)}
  .cav{display:flex;width:44px;height:44px;border-radius:22px;background:var(--gold-soft);color:var(--gold-ink);align-items:center;justify-content:center;font-weight:800;font-size:15px;flex-shrink:0}
  /* ficha da cliente: perfil | agenda | prontuário */
  .cli3{grid-template-columns:300px minmax(0,1fr)}
  .cli3 .ca{grid-row:span 2;position:sticky;top:20px}
  .cli3 .ca>section:first-child{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:18px;padding:20px}
  .cli3 .ca>section:first-child .grid2{grid-template-columns:minmax(0,1fr)}
  .cli3 .cc #ext-cli{gap:18px}
  @media (min-width:1280px){.cli3{grid-template-columns:300px minmax(0,1fr) minmax(0,1fr)}.cli3 .ca{grid-row:auto}}
  /* títulos das seções com a mesma altura (com ou sem botão) e cartões alinhados no topo */
  .cli3 .dk-col>section>h2:first-child,.cli3 .dk-col>section>.row.between:first-child,.cli3 .cc #ext-cli>section>h2:first-child,.cli3 .cc #ext-cli>section>.row.between:first-child{min-height:36px;display:flex;align-items:center;margin:0}
  .cli3 .dk-col>section>.row.between:first-child>h2,.cli3 .cc #ext-cli>section>.row.between:first-child>h2{margin:0}
  .cli3 .ca{padding-top:44px}
  /* prontuários: tela mais larga no computador */
  #app:has(> .screen.prt),#app:has(> .screen #ev_data){max-width:1000px}
  .screen:has(#ev_data)>header .pdf-x{margin-left:auto}
  .screen:has(#ev_data) form{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px !important}
  .screen:has(#ev_data) form>.grid2{display:contents}
  .screen:has(#ev_data) form>.col:has(#ev_regioes){grid-column:span 2}
  .screen:has(#ev_data) form>.col:has(#ev_observacoes){grid-column:1/-1}
  .screen:has(#ev_data) form>.col:has(#ev_intercorrencias),.screen:has(#ev_data) form>.col:has(#ev_orientacoes){grid-column:span 2}
  .screen:has(#ev_data) form textarea.input{min-height:110px}
  .prt .prt-pac{grid-template-columns:1fr 1fr 1fr;align-items:center}
  .prt .prt-pac .col{grid-column:auto}
  .prt section>.col:has(>label.check){display:grid !important;grid-template-columns:1fr 1fr;gap:8px !important}
  .prt section>.grid2:has(#pMarca){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
  .prt section:has(#pObs){display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}
  .prt section:has(#pObs)>h2{grid-column:1/-1}
  /* ajustes em duas colunas */
  .aj2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media (prefers-reduced-motion:no-preference) and (min-width:900px){
  .dk-clis #lista a.li[data-av]{animation:fadeUp .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--j) * 28ms)}
  .dk-grid>.dk-col{animation:finCard .6s cubic-bezier(.2,.8,.2,1) both}
  .dk-grid>.dk-col:nth-child(2){animation-delay:.08s}.dk-grid>.dk-col:nth-child(3){animation-delay:.16s}
}