/* V22.2.2 — Revisão visual responsiva da Lista de Equipamentos.
   Escopo intencionalmente restrito a #equipamentosView para não alterar outras áreas. */
#equipamentosView{--eq-gap:14px;--eq-soft:#17181b;--eq-border:#32343a}
#equipamentosView>.section-head{align-items:flex-end;gap:24px;margin-bottom:16px}
#equipamentosView>.section-head>div{min-width:0}
#equipamentosView>.section-head p{max-width:760px}
#equipamentosView>.section-head>.btn{flex:0 0 auto;min-height:44px;padding-inline:18px}
#equipamentosView>.toolbar{grid-template-columns:minmax(0,1fr) minmax(220px,280px);gap:10px;margin-bottom:12px}
#equipamentosView>.toolbar input,#equipamentosView>.toolbar select{min-height:46px}

/* Lista atual: uma superfície, três informações e uma faixa de ações — evita "caixa dentro de caixa". */
#equipamentosView .kit-builder{
  grid-template-columns:minmax(180px,.78fr) minmax(320px,1.22fr) minmax(240px,1fr);
  gap:0;padding:0;overflow:hidden;border:1px solid var(--eq-border);border-radius:18px;
  background:#111216;box-shadow:0 12px 30px rgba(0,0,0,.14);align-items:stretch
}
#equipamentosView .kit-builder-cell{
  min-height:0;padding:16px 18px;border:0;border-right:1px solid var(--eq-border);border-radius:0;
  background:transparent!important;justify-content:center
}
#equipamentosView .kit-builder-cell:nth-child(3){border-right:0}
#equipamentosView .kit-copy strong{font-size:1.03rem;line-height:1.25}
#equipamentosView .kit-copy small{font-size:.74rem;line-height:1.4;color:#9fa09b;margin-top:5px}
#equipamentosView .kit-source-controls>label,#equipamentosView .kit-name-field>label{font-size:.66rem;letter-spacing:.09em}
#equipamentosView .kit-source-row{grid-template-columns:minmax(0,1fr) 94px;gap:8px}
#equipamentosView .kit-source-controls select,#equipamentosView .kit-name{min-height:42px}
#equipamentosView .kit-source-controls .btn,#equipamentosView .kit-new-btn{min-height:40px}
#equipamentosView .kit-new-btn{margin-top:1px;padding-block:9px}
#equipamentosView .kit-name-field>small{font-size:.7rem;line-height:1.35;margin-top:1px}
#equipamentosView .kit-actions{
  grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
  padding:10px 12px;border-top:1px solid var(--eq-border);background:#0d0e11
}
#equipamentosView .kit-actions .btn{min-height:42px;border-radius:11px}

/* Apoio da lista: equilíbrio melhor entre leitura e histórico. */
#equipamentosView .equipment-list-support-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:12px;margin:14px 0 18px}
#equipamentosView .equipment-list-support-grid>.panel{border-radius:16px;padding:18px}
#equipamentosView .equipment-checklist-launcher{grid-template-columns:minmax(0,1fr) auto;gap:18px;margin:0}
#equipamentosView .equipment-checklist-copy{gap:5px}
#equipamentosView .equipment-checklist-copy h3{font-size:1.17rem;line-height:1.08;max-width:34ch}
#equipamentosView .equipment-checklist-copy p{font-size:.82rem;line-height:1.45;max-width:56ch;color:#c4c5c0}
#equipamentosView .equipment-checklist-launcher>.btn{min-height:44px;white-space:nowrap}
#equipamentosView .equipment-checklist-summary span{padding:6px 9px;font-size:.7rem}
#equipamentosView .saved-kits-panel .panel-head{min-height:24px}
#equipamentosView .saved-kits-list{margin-top:8px;max-height:194px;gap:7px}
#equipamentosView .saved-kit-row{min-height:56px;padding:8px 9px}
#equipamentosView .saved-kit-row strong{font-size:.78rem}
#equipamentosView .saved-kit-row small{font-size:.64rem;line-height:1.25}
#equipamentosView .saved-kit-icon-btn{width:29px;height:29px;min-width:29px;min-height:29px}

/* Grupos e cartões: aproveita largura no desktop, melhora hierarquia e leitura. */
#equipamentosView .equipment-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
#equipamentosView .equipment-group{padding:0;border:0;border-radius:0;background:transparent}
#equipamentosView .equipment-group>summary{
  display:flex;align-items:center;min-height:42px;padding:8px 2px 9px;border-bottom:2px solid var(--yellow);
  font-size:.88rem;letter-spacing:.01em;list-style-position:inside
}
#equipamentosView .equipment-group-items{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:10px}
#equipamentosView .equipment-card{
  min-height:158px;padding:42px 14px 13px;border-radius:14px;background:#111216;border-color:#2f3136;
  box-shadow:none;transition:border-color .15s,transform .15s,background .15s
}
#equipamentosView .equipment-card:hover{transform:translateY(-1px);border-color:#454851;background:#141519}
#equipamentosView .equipment-card.selected{border:1px solid #6d5e0b;box-shadow:inset 3px 0 0 var(--yellow)}
#equipamentosView .equipment-card .cat{font-size:.65rem;letter-spacing:.09em;color:#aeb0aa}
#equipamentosView .equipment-title-line{gap:12px;margin-top:4px}
#equipamentosView .equipment-title-line h4{font-size:1rem;line-height:1.2;margin:0}
#equipamentosView .equipment-card>p{font-size:.75rem;line-height:1.35;margin-top:5px;color:#a8aaa5}
#equipamentosView .equipment-select{left:14px;top:12px;font-size:.68rem;color:#d7d8d3}
#equipamentosView .equipment-select input{width:16px;height:16px}
#equipamentosView .icon-delete{right:9px;top:8px;width:28px;height:28px;border-radius:8px;display:grid;place-items:center}
#equipamentosView .equipment-add-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}
#equipamentosView .equipment-card-links{margin-top:10px;padding-top:8px;border-top:1px solid #2e3035}
#equipamentosView .equipment-open-hint,#equipamentosView .manufacturer-link{font-size:.67rem;line-height:1.2}
#equipamentosView .equipment-qty{margin-top:10px;padding-top:9px;border-color:#34363b}
#equipamentosView .equipment-qty>span{font-size:.66rem;color:#a2a49e}
#equipamentosView .qty-stepper{grid-template-columns:32px 46px 32px}
#equipamentosView .qty-stepper input{width:46px!important;min-width:46px!important;height:34px!important}
#equipamentosView .qty-stepper button{height:34px}

/* A bolha do kit é redundante nesta tela e podia cobrir campos no celular. */
body:has(#equipamentosView.active-view) .kit-quick-button{display:none!important}

@media(max-width:1180px){
  #equipamentosView .kit-builder{grid-template-columns:minmax(170px,.7fr) minmax(290px,1.15fr) minmax(220px,.95fr)}
  #equipamentosView .equipment-group-items{grid-template-columns:repeat(2,minmax(0,1fr))}
  #equipamentosView .equipment-list-support-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  #equipamentosView{--eq-gap:10px}
  #equipamentosView>.section-head{align-items:stretch;gap:12px;margin-bottom:10px}
  #equipamentosView>.section-head .eyebrow{margin-bottom:5px;font-size:.66rem}
  #equipamentosView>.section-head h3{font-size:1.35rem;line-height:1.08;margin-bottom:6px}
  #equipamentosView>.section-head p{font-size:.85rem;line-height:1.45}
  #equipamentosView>.section-head>.btn{width:100%;min-height:44px}
  #equipamentosView>.toolbar{grid-template-columns:1fr;gap:7px;margin-bottom:10px}
  #equipamentosView>.toolbar input,#equipamentosView>.toolbar select{min-height:44px;font-size:.88rem}

  #equipamentosView .kit-builder{display:block;border-radius:15px;margin-bottom:12px}
  #equipamentosView .kit-builder-cell{padding:12px 13px;border-right:0;border-bottom:1px solid var(--eq-border)}
  #equipamentosView .kit-builder-cell:nth-child(3){border-bottom:1px solid var(--eq-border)}
  #equipamentosView .kit-copy{padding-top:13px;padding-bottom:11px}
  #equipamentosView .kit-copy strong{font-size:.96rem}
  #equipamentosView .kit-copy small{font-size:.71rem}
  #equipamentosView .kit-source-controls{gap:6px}
  #equipamentosView .kit-source-row{grid-template-columns:minmax(0,1fr) 88px;gap:6px}
  #equipamentosView .kit-source-controls .btn{padding-inline:10px}
  #equipamentosView .kit-new-btn{width:100%;min-height:38px}
  #equipamentosView .kit-name-field{gap:5px}
  #equipamentosView .kit-name-field>small{font-size:.67rem}
  #equipamentosView .kit-actions{grid-template-columns:1fr 1fr;padding:10px;gap:7px;border-top:0}
  #equipamentosView .kit-actions .btn{min-height:40px;padding:10px 8px;font-size:.82rem}

  #equipamentosView .equipment-list-support-grid{gap:10px;margin:10px 0 16px}
  #equipamentosView .equipment-list-support-grid>.panel{padding:14px;border-radius:14px}
  #equipamentosView .equipment-checklist-launcher{grid-template-columns:1fr;gap:12px}
  #equipamentosView .equipment-checklist-copy h3{font-size:1.06rem;line-height:1.12}
  #equipamentosView .equipment-checklist-copy p{font-size:.8rem;line-height:1.45}
  #equipamentosView .equipment-checklist-launcher>.btn{width:100%;min-height:42px}
  #equipamentosView .saved-kits-list{max-height:182px}
  #equipamentosView .saved-kit-row{min-height:55px;padding:8px}
  #equipamentosView .saved-kit-row strong{font-size:.75rem}
  #equipamentosView .saved-kit-row small{font-size:.62rem}
  #equipamentosView .saved-kit-icon-btn{width:27px!important;height:27px!important;min-width:27px!important;min-height:27px!important}

  #equipamentosView .equipment-group>summary{min-height:40px;padding:7px 1px 8px;font-size:.84rem}
  #equipamentosView .equipment-group-items{grid-template-columns:1fr;gap:8px;padding-top:8px}
  #equipamentosView .equipment-card{min-height:0;padding:40px 12px 12px}
  #equipamentosView .equipment-title-line h4{font-size:.98rem}
  #equipamentosView .equipment-card>p{font-size:.76rem}
  #equipamentosView .equipment-card-links{margin-top:8px;padding-top:7px}
  #equipamentosView .equipment-open-hint,#equipamentosView .manufacturer-link{font-size:.69rem}
  #equipamentosView .equipment-qty{margin-top:8px;padding-top:8px}
}

@media(max-width:430px){
  #equipamentosView .kit-source-row{grid-template-columns:minmax(0,1fr) 82px}
  #equipamentosView .kit-source-row .btn{width:auto}
  #equipamentosView .kit-actions{grid-template-columns:1fr 1fr}
  #equipamentosView .saved-kit-row{grid-template-columns:minmax(0,1fr) 116px!important;gap:5px}
  #equipamentosView .saved-kit-actions{gap:2px}
  #equipamentosView .saved-kit-icon-btn{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important}
}
@media(max-width:760px){
  #equipamentosView .kit-actions .btn:last-child{grid-column:auto!important}
}