/* SouPrimeiroAC V22.3.87 / build 2410
   Rebranding VISUAL exclusivo de Lista de Equipamentos.
   Nenhum DOM, dado, evento, funcionalidade ou regra de acesso alterado. */
#equipamentosView{
  --equip-accent:#ffd426;
  --equip-ink:#f5f7fa;
  --equip-muted:#b9c0cb;
  --equip-edge:#3b3f47;
  --equip-surface:#191b20;
  min-width:0;
}
/* Abertura com a mesma assinatura de Relatórios / Orçamentos / Dashboard. */
#equipamentosView>.section-head{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:16px;
  border:1px solid #5b5030!important;
  border-radius:20px!important;
  background:linear-gradient(117deg,#25231c,#191a1e 60%,#15171a)!important;
  padding:clamp(20px,3vw,32px)!important;
  margin:0 0 20px!important;
  color:var(--equip-ink)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
#equipamentosView>.section-head::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  right:-90px;top:-130px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,212,38,.14),transparent 70%);
}
#equipamentosView>.section-head>div{min-width:0;position:relative;z-index:1}
#equipamentosView>.section-head .eyebrow{
  color:#ffda52!important;letter-spacing:.16em!important;font-size:10px!important;
  font-weight:850!important;margin:0 0 12px!important;
}
#equipamentosView>.section-head h3{
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.043em!important;
  line-height:1.13!important;margin:0 0 11px!important;
}
#equipamentosView>.section-head p:not(.eyebrow){
  max-width:72ch;line-height:1.6!important;font-size:clamp(12px,1.2vw,14px);
  color:#c3c8d2!important;-webkit-text-fill-color:#c3c8d2!important;
}
/* Barra de seleção/busca: respeita ordem, largura e dropdown preexistentes. */
#equipamentosView>.equipment-toolbar{
  position:relative;z-index:14;overflow:visible;
  border:1px solid var(--equip-edge)!important;border-radius:17px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  box-shadow:0 11px 27px rgba(0,0,0,.12);
  padding:clamp(12px,1.65vw,18px)!important;
  gap:11px!important;margin:0 0 17px!important;
}
#equipamentosView>.equipment-toolbar :is(select,input[type="search"]){
  min-width:0;min-height:46px;
  background:#111318!important;color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
  border:1px solid #464a53!important;border-radius:11px!important;
  padding-inline:13px!important;
}
#equipamentosView>.equipment-toolbar input::placeholder{color:#939ca8!important;-webkit-text-fill-color:#939ca8!important}
#equipamentosView :is(.equipment-toolbar input,.equipment-toolbar select,.kit-builder input,.kit-builder select):focus-visible{
  outline:2px solid rgba(255,212,38,.7)!important;outline-offset:1px;border-color:#f5cc32!important;
}
#equipamentosView>.equipment-toolbar .btn{
  min-height:46px!important;border-radius:11px!important;
  font-weight:800!important;white-space:normal;
  padding:10px 15px!important;
}
#equipamentosView>.equipment-toolbar .equipment-add-manual{
  background:#ffd426!important;border-color:#ffd426!important;
  color:#141414!important;-webkit-text-fill-color:#141414!important;
}
#equipamentosView>.equipment-toolbar .equipment-import-btn{
  background:#24272c!important;border:1px solid #4a4f59!important;
  color:#f3f5f7!important;-webkit-text-fill-color:#f3f5f7!important;
}
#equipamentosView .equipment-search-box{min-width:0}
#equipamentosView .equipment-search-results:not(.hidden){
  border:1px solid #555a65!important;border-radius:12px!important;
  background:#202228!important;color:#fff!important;
  box-shadow:0 20px 45px #0008;
}
/* Seleção atual: mantém o grid antigo e seus campos; muda apenas superfícies e tipografia. */
#equipamentosView .kit-builder{
  border:1px solid #44464d!important;border-radius:20px!important;
  background:linear-gradient(160deg,#202227,#17191d)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.15)!important;
  overflow:hidden;
  margin-bottom:17px!important;
}
#equipamentosView .kit-builder-cell{border-color:#3a3d46!important;color:var(--equip-ink)!important}
#equipamentosView .kit-copy{
  background:linear-gradient(135deg,#28251c,#1b1c20)!important;
}
#equipamentosView .kit-copy .eyebrow{
  color:#ffda52!important;letter-spacing:.16em!important;font-size:10px!important;font-weight:850!important;
}
#equipamentosView .kit-copy strong{
  color:#fff!important;letter-spacing:-.025em;font-size:clamp(16px,1.75vw,20px)!important;
  line-height:1.32!important;
}
#equipamentosView .kit-copy small,
#equipamentosView #kitProjectLinkHint{color:#b8c0cb!important;line-height:1.5!important}
#equipamentosView :is(.kit-source-controls,.kit-name-field)>label{
  color:#d8dce5!important;font-weight:780!important;letter-spacing:.045em;
}
#equipamentosView .kit-builder :is(select,input){
  min-width:0;background:#111318!important;border:1px solid #484b54!important;
  border-radius:10px!important;color:#f7f8fa!important;
  -webkit-text-fill-color:#f7f8fa!important;
}
#equipamentosView .kit-builder input::placeholder{
  color:#959ca8!important;-webkit-text-fill-color:#959ca8!important;
}
#equipamentosView .kit-builder .btn{
  border-radius:10px!important;font-weight:750!important;
}
#equipamentosView .kit-builder .btn-ghost{
  background:#25282d!important;color:#f4f5f7!important;
  border:1px solid #4b4f59!important;
  -webkit-text-fill-color:#f4f5f7!important;
}
#equipamentosView .kit-builder #saveKitBtn{
  background:#ffd426!important;color:#151515!important;-webkit-text-fill-color:#151515!important;
  border:1px solid #ffd426!important;
}
#equipamentosView .kit-actions{
  background:#14161b!important;border-top-color:#393c44!important;
  gap:9px!important;padding:13px!important;
}
/* Áreas de apoio: conferência e histórico alinhados aos painéis de Relatórios. */
#equipamentosView .equipment-list-support-grid{gap:15px!important;margin:18px 0 22px!important;min-width:0}
#equipamentosView .equipment-list-support-grid>.panel{
  min-width:0;position:relative;overflow:hidden;
  border:1px solid #3c4049!important;border-radius:18px!important;
  background:linear-gradient(165deg,#212328,#17191e)!important;
  box-shadow:0 12px 29px rgba(0,0,0,.12);
  padding:clamp(17px,2vw,23px)!important;
  color:#f8f9fb!important;
}
#equipamentosView .equipment-checklist-launcher{border-color:#554b2d!important}
#equipamentosView .equipment-checklist-copy .eyebrow{
  color:#ffdc58!important;letter-spacing:.14em!important;font-size:10px!important;font-weight:850!important;
}
#equipamentosView .equipment-checklist-copy h3,
#equipamentosView .saved-kits-title h3{
  color:#fff!important;font-size:clamp(18px,1.9vw,22px)!important;
  letter-spacing:-.027em!important;line-height:1.25!important;
}
#equipamentosView .equipment-checklist-copy p{color:#bfc5cf!important;line-height:1.57!important}
#equipamentosView .equipment-checklist-summary span{
  background:#13151a!important;border:1px solid #464950!important;
  border-radius:10px!important;color:#e8eaee!important;
}
#equipamentosView #startIntegratedChecklistBtn{
  border-radius:11px!important;background:#ffd426!important;
  border:1px solid #ffd426!important;color:#131313!important;
  -webkit-text-fill-color:#131313!important;font-weight:850!important;
}
#equipamentosView .saved-kits-title{
  padding-bottom:13px!important;margin-bottom:8px!important;
  border-bottom:1px solid #3b3e47!important;
}
#equipamentosView .saved-kits-list{gap:9px!important}
#equipamentosView .saved-kit-row{
  min-width:0;border:1px solid #3c4049!important;
  border-radius:12px!important;background:#14161b!important;
  color:#f4f5f7!important;padding:10px!important;
  transition:border-color .15s,background .15s;
}
#equipamentosView .saved-kit-row:hover{border-color:#7a682d!important;background:#1b1d22!important}
#equipamentosView .saved-kit-row strong{color:#fff!important}
#equipamentosView .saved-kit-row small{color:#adb5bf!important}
#equipamentosView .saved-kit-row .saved-kit-icon-btn{
  border:1px solid #50545d!important;border-radius:9px!important;
  background:#292b31!important;color:#f5f6f9!important;
}
#equipamentosView .saved-kit-row .saved-kit-icon-btn:focus-visible{outline:2px solid #ffd426;outline-offset:1px}
/* Catálogo existente: títulos de grupo e cartões com hierarquia consistente. */
#equipamentosView .equipment-grid{gap:15px!important;min-width:0}
#equipamentosView .equipment-group{min-width:0;margin:0 0 6px!important}
#equipamentosView .equipment-group>summary{
  color:#f7f7f8!important;background:linear-gradient(90deg,#25261f,#1a1c20)!important;
  border:1px solid #444535!important;border-left:4px solid #ffd426!important;
  border-radius:12px!important;padding:13px 15px!important;
  font-weight:800!important;letter-spacing:.01em!important;
  min-height:48px;
}
#equipamentosView .equipment-group-items{gap:12px!important;padding-top:13px!important}
#equipamentosView .equipment-card{
  min-width:0;border:1px solid #3c4048!important;border-radius:15px!important;
  background:linear-gradient(155deg,#202227,#16181d)!important;
  box-shadow:0 7px 18px rgba(0,0,0,.10)!important;
  color:var(--equip-ink)!important;
}
#equipamentosView .equipment-card:hover{
  background:#22252b!important;border-color:#8b7733!important;
  box-shadow:0 11px 24px rgba(0,0,0,.20)!important;
}
#equipamentosView .equipment-card.selected{
  background:linear-gradient(155deg,#2c291e,#1d1d20)!important;
  border-color:#cfaf35!important;box-shadow:inset 3px 0 0 #ffd426!important;
}
#equipamentosView .equipment-card .cat{
  color:#ffdb59!important;font-size:10px!important;font-weight:850!important;letter-spacing:.1em!important;
}
#equipamentosView .equipment-title-line h4{
  color:#f9f9fa!important;letter-spacing:-.015em!important;line-height:1.33!important;
}
#equipamentosView .equipment-card>p{color:#bbc2cb!important;line-height:1.5!important}
#equipamentosView .equipment-card-links{border-top-color:#3b3f47!important}
#equipamentosView .equipment-open-hint,
#equipamentosView .manufacturer-link{color:#e1d19c!important}
#equipamentosView .equipment-qty{border-top-color:#41454d!important}
#equipamentosView .equipment-qty>span{color:#bdc4cf!important}
#equipamentosView .qty-stepper input{
  background:#111318!important;color:#fff!important;border-color:#464a53!important;
}
#equipamentosView .qty-stepper button{
  border-radius:8px!important;border-color:#4a4e57!important;
  background:#2a2c32!important;color:#fff!important;
}
#equipamentosView :is(.equipment-card,.equipment-group>summary,.equipment-toolbar .btn):focus-visible{
  outline:2px solid #ffd426!important;outline-offset:2px;
}
/* Nenhuma área vizinha é selecionada; mantém as proporções mobile existentes. */
@media(max-width:760px){
  #equipamentosView>.section-head{padding:19px!important;margin-bottom:13px!important;border-radius:16px!important}
  #equipamentosView>.section-head h3{font-size:clamp(22px,6vw,27px)!important}
  #equipamentosView>.section-head p:not(.eyebrow){font-size:12px!important}
  #equipamentosView>.equipment-toolbar{padding:12px!important;gap:9px!important;border-radius:15px!important}
  #equipamentosView>.equipment-toolbar .btn{min-height:43px!important}
  #equipamentosView .kit-builder{border-radius:16px!important}
  #equipamentosView .kit-builder-cell{padding:14px!important}
  #equipamentosView .kit-actions{padding:12px!important;gap:8px!important}
  #equipamentosView .equipment-list-support-grid{gap:12px!important;margin:14px 0 18px!important}
  #equipamentosView .equipment-list-support-grid>.panel{padding:16px!important;border-radius:15px!important}
  #equipamentosView .equipment-checklist-copy h3,#equipamentosView .saved-kits-title h3{font-size:18px!important}
  #equipamentosView .equipment-group>summary{padding:12px 13px!important;border-radius:10px!important}
  #equipamentosView .equipment-card{border-radius:13px!important}
}
@media(max-width:430px){
  #equipamentosView>.section-head{padding:16px!important}
  #equipamentosView>.equipment-toolbar{padding:10px!important}
  #equipamentosView .kit-actions{padding:10px!important}
  #equipamentosView .equipment-list-support-grid>.panel{padding:14px!important}
}


/* V22.3.90 / build 2413 — ajuste fino solicitado: mais respiro no topo da abertura de Equipamentos. */
#equipamentosView>.section-head.branded-section-head{padding-top:clamp(28px,3.5vw,40px)!important}
#equipamentosView>.section-head.branded-section-head>div{display:grid!important;gap:8px!important}