/* ==========================================================================
   BMC 2.0 — Área da equipe (shell + painel + formulários)
   Home, CriarEquipe, EditarEquipe, VisualizarAtleta, VisualizarComissao
   ========================================================================== */

/* ---------- Sidebar ---------- */
html body[class*="pe-page-"] .CAmenu-lateral{
  width: 280px !important; height:100vh; position:fixed !important; left:0; top:0; z-index: 1100; overflow-y:auto;
  padding: 0 0 24px !important; background: linear-gradient(180deg, var(--night), #12151d) !important; color:#fff;
  border-right:1px solid rgba(255,255,255,.06);
}
html body[class*="pe-page-"] .CAmenu-lateral::-webkit-scrollbar{ width:6px; }
html body[class*="pe-page-"] .CAmenu-lateral::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.16); border-radius:6px; }
.CA-menu-brand{
  display:flex; flex-direction:column; gap:2px; padding: 28px 24px 24px; margin-bottom: 10px; position:relative; overflow:hidden;
  background: linear-gradient(150deg, var(--c1), var(--c1-dd));
}
.CA-menu-brand::after{ content:''; position:absolute; width:180px; height:180px; right:-60px; top:-70px; border-radius:50%; background: rgba(var(--c2-rgb), .35); filter: blur(10px); }
.CA-menu-brand__line1{ position:relative; font-family: var(--f-display); font-weight:800; font-size:1.35rem; letter-spacing:.06em; text-transform:uppercase; color:#fff; line-height:1.05; }
.CA-menu-brand__line2{ position:relative; font-family: var(--f-display); font-weight:700; font-size:1rem; letter-spacing:.3em; color: var(--c2) !important; }
html body[class*="pe-page-"] .CAmenu-links{ margin-top:0 !important; padding: 8px 12px; }
.CA-menu-row-base{
  display:flex !important; align-items:center; gap:12px; width:100%; margin: 2px 0 !important; padding: 12px 14px !important;
  border:0 !important; border-radius: 12px !important; background: transparent !important; color: rgba(255,255,255,.78) !important;
  font-family: var(--f-body); font-size:.86rem !important; font-weight:600; letter-spacing:.02em; text-transform:none !important;
  text-align:left; cursor:pointer; transition: background .15s ease, color .15s ease;
}
.CA-menu-row-base:hover{ background: rgba(255,255,255,.07) !important; color:#fff !important; }
.CA-menu-row-base i.material-icons{ font-size:20px !important; width:auto !important; margin:0 !important; line-height:1; color: var(--c2); }
.CA-menu-row-base.is-active{ background: rgba(var(--c2-rgb), .16) !important; color:#fff !important; box-shadow: inset 3px 0 0 var(--c2); }
.CA-menu-accordion__label{ flex:1; }
.CA-menu-accordion__chevron{ margin-left:auto; font-size:20px !important; color: rgba(255,255,255,.4) !important; transition: transform .2s ease; }
.CA-menu-nav-row__chevron-spacer{ visibility:hidden; }
.CA-menu-accordion.is-open > .CA-menu-accordion__trigger .CA-menu-accordion__chevron{ transform: rotate(180deg); }
.CA-menu-accordion__panel{ display:none; padding: 2px 0 8px 22px; margin-left:20px; border-left:1px dashed rgba(255,255,255,.16); }
.CA-menu-accordion.is-open > .CA-menu-accordion__panel{ display:block; }
.CA-menu-sub-link{ display:block; padding: 8px 12px; margin: 1px 0; border-radius:10px; color: rgba(255,255,255,.66) !important; font-size:.82rem; font-weight:500; transition: all .15s ease; }
.CA-menu-sub-link:hover{ background: rgba(255,255,255,.07); color:#fff !important; padding-left:16px; }
.CA-menu-sub-link.is-current{ color:#fff !important; background: rgba(var(--c2-rgb), .22); font-weight:700; }
.CAmenu-mobile{ display:none; }
html body[class*="pe-page-"] .CAconteudo{ margin-left: 280px !important; width: calc(100% - 280px) !important; padding:0 !important; min-height:100vh; background: var(--paper); }
html body[class*="pe-page-"] .CAbanner{ display:block; padding:0 !important; background:#fff; border-bottom:1px solid var(--hair); }
html body[class*="pe-page-"] .CAbanner img{ display:block; width:100%; height:auto; max-height: 190px; object-fit:cover; object-position:left center; margin:0 !important; }
@media (max-width: 992px){
  html body[class*="pe-page-"] .CAmenu-lateral{ display:none; width: 300px !important; z-index: 10050; box-shadow: var(--sh-3); }
  .CAmenu-mobile{ display:flex !important; position:fixed; top:12px; left:12px; z-index:10060; width:46px; height:46px; align-items:center; justify-content:center; border-radius:14px; background: var(--night); color:#fff; font-size:1.3rem; box-shadow: var(--sh-2); cursor:pointer; }
  html body[class*="pe-page-"] .CAconteudo{ margin-left:0 !important; width:100% !important; }
  html body[class*="pe-page-"] .CAbanner img{ max-height:120px; }
}

/* ---------- Faixa de título ---------- */
html body[class*="pe-page-"] .pe-page-strip{ background: #fff !important; border-bottom:1px solid var(--hair); padding: 18px 32px !important; }
html body[class*="pe-page-"] .pe-page-strip h5,
html body[class*="pe-page-"] .pe-page-strip h4{ margin:0 !important; font-family: var(--f-display) !important; font-weight:800 !important; font-size:1.7rem !important; letter-spacing:.04em; text-transform:uppercase; color: var(--ink) !important; }

/* ---------- Painel (Home) ---------- */
html body.pe-page-home .pe-dashboard{ max-width: 1180px; margin:0 auto; padding: 28px 32px 56px !important; background:transparent !important; }
html body.pe-page-home .pe-team-header{ display:flex; align-items:center; gap:24px; padding: 24px 28px; margin: 0 0 24px !important; background:#fff; border:1px solid var(--hair); border-radius: var(--r-lg); box-shadow: var(--sh-1); position:relative; overflow:hidden; }
html body.pe-page-home .pe-team-header::before{ content:''; position:absolute; inset:0 auto 0 0; width:6px; background: linear-gradient(180deg, var(--c1), var(--c2)); }
html body.pe-page-home .pe-team-logo{ width:104px !important; height:104px !important; object-fit:contain; border-radius:24px !important; border:1px solid var(--hair) !important; background: var(--paper); padding:10px; box-shadow:none !important; }
html body.pe-page-home .pe-team-logo--placeholder{ display:flex; align-items:center; justify-content:center; color: var(--mute); }
html body.pe-page-home .pe-team-name{ margin:0 !important; font-family: var(--f-display) !important; font-weight:800 !important; font-size: clamp(1.7rem, 3.4vw, 2.6rem) !important; letter-spacing:.02em; line-height:1.05; color: var(--ink) !important; }
html body.pe-page-home .pe-team-colors{ display:flex; gap:8px; margin-top:12px; }
html body.pe-page-home .pe-color-dot{ width:26px !important; height:26px !important; border-radius:50% !important; border:2px solid #fff !important; box-shadow: 0 0 0 1px var(--hair), var(--sh-1); }
html body.pe-page-home .pe-info-grid{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:20px; margin-bottom:20px !important; }
html body.pe-page-home .pe-info-card{ background:#fff !important; border:1px solid var(--hair) !important; border-radius: var(--r) !important; box-shadow: var(--sh-1) !important; padding: 22px 26px 18px !important; margin:0 !important; }
html body.pe-page-home .pe-card-header{ display:flex; align-items:center; gap:12px; padding:0 0 14px !important; margin-bottom:6px !important; border-bottom:1px solid var(--hair) !important; }
html body.pe-page-home .pe-card-header .material-icons{ width:38px; height:38px; display:flex; align-items:center; justify-content:center; border-radius:12px; background: var(--c1-t); color: var(--c1) !important; font-size:20px; }
html body.pe-page-home .pe-card-header h3{ margin:0 !important; font-family: var(--f-display) !important; font-size:1.35rem !important; font-weight:700 !important; letter-spacing:.06em; text-transform:uppercase; color: var(--ink) !important; }
html body.pe-page-home .pe-info-row{ display:grid; grid-template-columns: 160px 1fr; gap:12px; padding: 11px 0 !important; border-bottom:1px solid var(--hair-2) !important; align-items:baseline; }
html body.pe-page-home .pe-info-row:last-child{ border-bottom:0 !important; }
html body.pe-page-home .pe-info-label{ font-size:.7rem !important; font-weight:700 !important; letter-spacing:.1em; text-transform:uppercase; color: var(--mute) !important; }
html body.pe-page-home .pe-info-value{ font-size:.96rem !important; font-weight:600 !important; color: var(--ink) !important; word-break:break-word; }
html body.pe-page-home .pe-category-list{ list-style:none; margin:10px 0 0 !important; padding:0 !important; display:flex; flex-wrap:wrap; gap:8px; }
html body.pe-page-home .pe-category-list li{ display:inline-flex; align-items:center; padding: 8px 14px !important; margin:0 !important; border-radius:999px; background: var(--c1-t) !important; border:1px solid var(--c1-t2); color: var(--c1) !important; font-size:.8rem; font-weight:700; }
html body.pe-page-home .pe-category-list li::before{ display:none !important; }
html body.pe-page-home .pe-category-list li.pe-empty-message{ background: var(--paper) !important; border-color: var(--hair); color: var(--mute) !important; font-weight:500; }
@media (max-width: 860px){
  html body[class*="pe-page-"] .pe-page-strip{ padding: 14px 18px 14px 70px !important; }
  html body.pe-page-home .pe-dashboard{ padding: 18px 16px 40px !important; }
  html body.pe-page-home .pe-info-grid{ grid-template-columns:1fr; }
  html body.pe-page-home .pe-team-header{ flex-direction:column; text-align:center; }
  html body.pe-page-home .pe-info-row{ grid-template-columns:1fr; gap:2px; }
}

/* ajustes finos */
.CA-menu-row-base i.material-icons{ color: var(--c2) !important; opacity:1 !important; }
html body[class*="pe-page-"] .CAmenu-lateral a.CA-menu-row-base,
html body[class*="pe-page-"] .CAmenu-lateral .CA-menu-row-base{ border-bottom:0 !important; }
html body[class*="pe-page-"] .CAbanner img{ max-height: 230px; object-position:center; }
html body.pe-page-home .pe-info-row{ grid-template-columns: minmax(120px, 38%) 1fr; }
html body.pe-page-home .pe-info-value{ overflow-wrap:anywhere; word-break:normal !important; }

/* Home da equipe: escudos por categoria */
html body.pe-page-home .pe-team-logos{ display:flex; align-items:center; padding-left:14px; }
html body.pe-page-home .pe-team-logos__item{ width:64px; height:64px; margin-left:-14px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff; border:2px solid #fff; box-shadow: 0 0 0 1px var(--hair), var(--sh-1); padding:5px; overflow:hidden; }
html body.pe-page-home .pe-team-logos__item img{ max-width:100%; max-height:100%; object-fit:contain; }
html body.pe-page-home .pe-team-logos__item .material-icons{ color: var(--mute); }
html body.pe-page-home .pe-cat-cards{ display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:12px; margin-top:12px; }
html body.pe-page-home .pe-cat-card{ display:flex; flex-direction:column; align-items:center; text-align:center; gap:6px; padding:14px 10px 12px; border:1px solid var(--hair); border-radius: var(--r); background:#fff; }
html body.pe-page-home .pe-cat-card__logo{ width:68px; height:68px; display:flex; align-items:center; justify-content:center; border-radius:18px; background: var(--paper); border:1px solid var(--hair-2); padding:6px; }
html body.pe-page-home .pe-cat-card__logo img{ max-width:100%; max-height:100%; object-fit:contain; }
html body.pe-page-home .pe-cat-card__logo .material-icons{ color:#bbb; font-size:30px; }
html body.pe-page-home .pe-cat-card__nome{ font-size:.78rem; letter-spacing:.04em; text-transform:uppercase; color: var(--ink); line-height:1.15; }
html body.pe-page-home .pe-cat-card__link{ font-size:.72rem; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color: var(--c1); }
html body.pe-page-home .pe-cat-card__link:hover{ text-decoration:underline; }
html body.pe-page-home .pe-cat-nota{ margin:10px 0 0; font-size:.76rem; color:#b45309; font-weight:700; }
html body.pe-page-home .pe-cat-nota--ok{ color:#0f9d58; }