/* =====================================================================
   TORNEO PEPIN V1.9.13 · PARTIDO EN VIVO
   Visibilidad real del marcador + paleta UVIV en escritorio y móvil.
   Este archivo carga al final para neutralizar estilos azules heredados.
   ===================================================================== */

#adminContent .referee-control-score{
  background:linear-gradient(155deg,#fff 0%,#fffaf0 100%)!important;
  color:#211015!important;
  border:2px solid #f4d600!important;
  box-shadow:0 18px 42px rgba(63,7,23,.14)!important;
}

#adminContent .referee-control-score .control-score-area{
  background:transparent!important;
  color:#211015!important;
}

#adminContent .score-team-admin{min-width:0!important}

#adminContent .score-team-name-admin{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:28px!important;
  max-width:100%!important;
  color:#4b0b1d!important;
  -webkit-text-fill-color:#4b0b1d!important;
  font-size:clamp(14px,1.55vw,20px)!important;
  line-height:1.15!important;
  text-align:center!important;
  white-space:normal!important;
  overflow:visible!important;
  opacity:1!important;
  visibility:visible!important;
}

#adminContent .referee-point-buttons{
  display:grid!important;
  grid-template-columns:72px minmax(94px,110px) 72px!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:100%!important;
}

#adminContent .referee-point-buttons .control-number{
  display:grid!important;
  place-items:center!important;
  min-width:94px!important;
  min-height:72px!important;
  padding:4px 10px!important;
  color:#4b0b1d!important;
  -webkit-text-fill-color:#4b0b1d!important;
  background:#fff7d6!important;
  border:2px solid #f4d600!important;
  border-radius:16px!important;
  font-size:64px!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  box-shadow:inset 0 0 0 1px rgba(233,120,23,.15)!important;
}

#adminContent .referee-point-buttons button{
  min-width:72px!important;
  min-height:72px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(145deg,#151515,#4b0b1d)!important;
  border:2px solid #f4d600!important;
  box-shadow:0 8px 18px rgba(63,7,23,.18)!important;
}

#adminContent .referee-center-score .set-current{
  color:#e97817!important;
  -webkit-text-fill-color:#e97817!important;
  background:#fff0df!important;
}

#adminContent .referee-center-score .set-score-mini{
  color:#4b0b1d!important;
  -webkit-text-fill-color:#4b0b1d!important;
  opacity:1!important;
}

#adminContent .referee-team-grid>section{
  color:#fff!important;
  background:linear-gradient(155deg,#151515 0%,#330711 62%,#6b1028 100%)!important;
  border:1px solid #7b1632!important;
  border-top:4px solid #f4d600!important;
  box-shadow:0 14px 30px rgba(51,7,17,.20)!important;
}

#adminContent .referee-team-grid>section>h4,
#adminContent .single-sub-count,
#adminContent .single-sub-count b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

#adminContent .final-team-tools,
#adminContent .final-team-tools-r5{
  background:linear-gradient(105deg,#151515,#4b0b1d)!important;
  border-color:#f4d600!important;
}

#adminContent .final-team-tools b,
#adminContent .final-team-name-r5 b{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

#adminContent .single-sub-count i{
  background:#f4d600!important;
  border-color:#fff1a4!important;
}
#adminContent .single-sub-count i.used{background:#e97817!important}

#adminContent .single-libero-strip,
#adminContent .final-bench>div,
#adminContent .referee-team-grid .empty-state{
  color:#fff!important;
  background:rgba(21,21,21,.72)!important;
  border-color:rgba(244,214,0,.52)!important;
}

#adminContent .single-libero-strip span,
#adminContent .single-libero-strip small,
#adminContent .final-bench b,
#adminContent .final-bench small,
#adminContent .referee-team-grid .empty-state{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

#adminContent .serve-selector-rc{
  background:linear-gradient(105deg,#151515,#3f0717)!important;
  border:1px solid #6b1028!important;
}
#adminContent .serve-selector-rc>span{color:#ffd95a!important;-webkit-text-fill-color:#ffd95a!important}
#adminContent .serve-selector-rc button{
  color:#4b0b1d!important;
  -webkit-text-fill-color:#4b0b1d!important;
  background:#fff!important;
  border-color:#e97817!important;
}
#adminContent .serve-selector-rc button.active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:linear-gradient(135deg,#e97817,#b8400e)!important;
  border-color:#f4d600!important;
}

#adminContent .match-format-strip{
  background:linear-gradient(105deg,#151515,#330711)!important;
  border-left:5px solid #e97817!important;
}
#adminContent .match-format-strip span{color:#f4d600!important;-webkit-text-fill-color:#f4d600!important}

@media(max-width:760px){
  #adminContent .referee-control-score{padding:12px 9px!important}
  #adminContent .referee-control-score .control-score-area{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-areas:"center center" "home away"!important;
    gap:14px 8px!important;
  }
  #adminContent .control-score-area>.score-team-admin:first-child{grid-area:home!important}
  #adminContent .control-score-area>.referee-center-score{grid-area:center!important;grid-column:auto!important;grid-row:auto!important}
  #adminContent .control-score-area>.score-team-admin:last-child{grid-area:away!important}
  #adminContent .score-team-name-admin{
    min-height:34px!important;
    font-size:13px!important;
    margin:0 0 7px!important;
  }
  #adminContent .score-team-admin .team-logo{width:76px!important;height:76px!important;margin-bottom:8px!important}
  #adminContent .referee-point-buttons{
    grid-template-columns:42px minmax(48px,62px) 42px!important;
    gap:5px!important;
  }
  #adminContent .referee-point-buttons button{
    min-width:42px!important;width:42px!important;min-height:52px!important;height:52px!important;
    padding:0!important;font-size:28px!important;border-radius:12px!important
  }
  #adminContent .referee-point-buttons .control-number{
    min-width:48px!important;min-height:52px!important;padding:2px!important;
    font-size:38px!important;border-radius:12px!important
  }
  #adminContent .referee-team-grid{gap:14px!important}
  #adminContent .final-team-name-r5 b{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:15px!important}
}

/* V1.9.15 · una sola clase manda el menú. Funciona igual con ratón o toque y
   no depende de los breakpoints heredados. */
#adminShell.pepin-sidebar-hidden{grid-template-columns:0 minmax(0,1fr)!important}
#adminShell.pepin-sidebar-hidden .admin-sidebar{
  width:0!important;min-width:0!important;max-width:0!important;padding-left:0!important;padding-right:0!important;
  border:0!important;overflow:hidden!important;transform:translate3d(-110%,0,0)!important;opacity:0!important;pointer-events:none!important
}
#adminShell.pepin-sidebar-hidden .admin-workspace,
body.role-referee #adminShell.pepin-sidebar-hidden .admin-workspace,
body.role-operator #adminShell.pepin-sidebar-hidden .admin-workspace{
  grid-column:2!important;margin-left:0!important;width:100%!important;max-width:100%!important;min-width:0!important
}
@media(max-width:1180px),(pointer:coarse){
  #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar,
  body.role-referee #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar,
  body.role-operator #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar{
    width:min(84vw,310px)!important;max-width:310px!important;opacity:1!important;pointer-events:auto!important;transform:translate3d(0,0,0)!important
  }
  #adminShell:not(.pepin-sidebar-hidden) #adminMobileOverlay{display:block!important}
  #adminShell.pepin-sidebar-hidden #adminMobileOverlay{display:none!important}
}

/* Fallback sin :has(): el selector conserva el ancho y nunca permite que un
   logo expanda la tarjeta o cree scroll horizontal. */
#actionModal:has(.pepin-selector-tools) .modal-card,
#refereeMatchModal:has(.pepin-selector-tools) .modal-card,
#actionModal .modal-card.pepin-selector-card,
#refereeMatchModal .modal-card.pepin-selector-card{width:min(1040px,calc(100vw - 24px))!important;max-width:1040px!important}
.pepin-match-choice,.pepin-match-choice *{box-sizing:border-box!important}
.pepin-match-choice{min-width:0!important;max-width:100%!important;overflow:hidden!important}
.pepin-choice-teams,.pepin-choice-teams>span{min-width:0!important;max-width:100%!important}
.pepin-choice-teams img{display:block!important;width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;object-fit:contain!important}
.pepin-choice-teams strong{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Especificidad final sobre los estilos antiguos del checklist. */
#actionModal .v2602-att-note{background:linear-gradient(100deg,#fff1a4,#ffb51b)!important;color:#4b0b1d!important;border:2px solid #e97817!important;font-weight:900!important}
#actionModal .v2602-att-note *{color:#4b0b1d!important}
#actionModal .v2602-att-actions button:first-child{background:#11834f!important;color:#fff!important;border:0!important;font-weight:950!important}
#actionModal .v2602-att-actions button:last-child{background:#c9253d!important;color:#fff!important;border:0!important;font-weight:950!important}

/* Sidebar plegable: disponible tanto en escritorio como en celular. */
#adminShell .admin-mobile-toggle{
  display:block!important;
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  padding:9px!important;border:2px solid #f4d600!important;border-radius:11px!important;
  background:linear-gradient(145deg,#151515,#4b0b1d)!important;
}
#adminShell .admin-mobile-toggle span{display:block!important;width:22px!important;height:3px!important;margin:4px auto!important;background:#fff!important;border-radius:4px!important}

@media(min-width:901px){
  #adminShell{transition:grid-template-columns .22s ease!important}
  #adminShell.pepin-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}
  #adminShell.pepin-sidebar-collapsed .admin-sidebar{
    width:0!important;min-width:0!important;padding-left:0!important;padding-right:0!important;
    border:0!important;overflow:hidden!important;transform:translateX(-105%)!important;opacity:0!important;
  }
  #adminShell.pepin-sidebar-collapsed .admin-workspace{grid-column:2!important;width:100%!important}
}

@media(max-width:900px){
  #adminShell:not(.hidden){display:block!important;grid-template-columns:none!important}
  #adminShell:not(.hidden) .admin-workspace{width:100%!important;max-width:100%!important}
  #adminShell:not(.hidden) .admin-sidebar{
    display:flex!important;position:fixed!important;left:0!important;top:0!important;bottom:0!important;
    width:min(86vw,310px)!important;height:100dvh!important;z-index:10002!important;
    transform:translateX(-105%)!important;transition:transform .22s ease!important;
  }
  #adminShell.mobile-sidebar-open .admin-sidebar{transform:translateX(0)!important}
  #adminShell .admin-topbar{display:flex!important;align-items:center!important;gap:10px!important}
  body.role-referee #adminContent,body.role-operator #adminContent{padding:8px!important}
}

/* V1.9.14 · teléfonos en vertical Y horizontal (un móvil horizontal puede
   medir 900–1100 CSS px y antes caía por error en el diseño de escritorio). */
@media(min-width:1181px){
  #adminShell{transition:grid-template-columns .22s ease!important}
  #adminShell.pepin-sidebar-collapsed{grid-template-columns:0 minmax(0,1fr)!important}
}
@media(max-width:1180px),(pointer:coarse){
  body.admin-menu-open{overflow:hidden!important}
  #adminShell:not(.hidden){display:block!important;grid-template-columns:none!important;width:100vw!important;max-width:100vw!important}
  #adminShell:not(.hidden) .admin-workspace,
  body.role-referee #adminShell:not(.hidden) .admin-workspace,
  body.role-operator #adminShell:not(.hidden) .admin-workspace{
    display:block!important;grid-column:auto!important;margin:0!important;width:100vw!important;max-width:100vw!important;min-width:0!important
  }
  #adminShell:not(.hidden) .admin-sidebar,
  body.role-referee #adminShell:not(.hidden) .admin-sidebar,
  body.role-operator #adminShell:not(.hidden) .admin-sidebar{
    display:flex!important;position:fixed!important;inset:0 auto 0 0!important;margin:0!important;
    width:min(84vw,310px)!important;min-width:0!important;max-width:310px!important;height:100dvh!important;
    z-index:10004!important;opacity:1!important;overflow-y:auto!important;
    transform:translate3d(-110%,0,0)!important;transition:transform .22s ease!important
  }
  #adminShell.mobile-sidebar-open .admin-sidebar,
  body.role-referee #adminShell.mobile-sidebar-open .admin-sidebar,
  body.role-operator #adminShell.mobile-sidebar-open .admin-sidebar{transform:translate3d(0,0,0)!important}
  #adminMobileOverlay{display:none!important;position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;border:0!important;background:rgba(10,3,6,.62)!important;z-index:10003!important}
  #adminShell.mobile-sidebar-open #adminMobileOverlay{display:block!important}
  #adminShell .admin-topbar{width:100%!important;padding:0 10px!important;gap:8px!important}
  #adminContent{width:100%!important;max-width:100vw!important;padding:8px!important}
}

/* Selector aprobado: compacto, buscable y cómodo para tocar. */
#actionModal .modal-card:has(.pepin-selector-tools),
#refereeMatchModal .modal-card:has(.pepin-selector-tools){width:min(1040px,calc(100vw - 24px))!important;max-width:1040px!important;background:#fffaf0!important;border-top:5px solid #f4d600!important}
.pepin-selector-tools{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:center;margin:12px 0 15px}
.pepin-selector-tools label{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0 12px!important;background:#fff!important;border:2px solid #e7c65d!important;border-radius:12px!important;font-size:22px!important;color:#6b1028!important}
.pepin-selector-tools input{width:100%!important;border:0!important;outline:0!important;padding:12px 2px!important;background:transparent!important;color:#241014!important;font-weight:800!important}
.pepin-court-chips{display:flex;gap:7px;overflow:auto;padding:2px}
.pepin-court-chips button{white-space:nowrap;border:1px solid #d7b331;border-radius:999px;padding:9px 12px;background:#fff;color:#4b0b1d;font-weight:950;cursor:pointer}
.pepin-court-chips button.active{background:#f4d600;color:#251012;box-shadow:0 4px 12px rgba(244,214,0,.28)}
.pepin-match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:min(64vh,670px);overflow:auto;padding:2px}
.pepin-match-choice{display:grid;gap:9px;padding:13px;background:#fff;border:1px solid #ead8c2;border-radius:15px;box-shadow:0 8px 20px rgba(73,8,27,.08)}
.pepin-match-choice[hidden]{display:none!important}
.pepin-choice-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pepin-choice-top>b{color:#9a5e00;font-size:10px}.pepin-choice-top>b.live{color:#087c56}
.pepin-choice-category{display:inline-flex;padding:5px 10px;border-radius:999px;background:#f4d600;color:#241014;font-size:12px;font-weight:1000}.pepin-choice-category.minor{background:#e97817;color:#fff}
.pepin-choice-meta{font-size:11px;color:#745e63;font-weight:750}
.pepin-choice-teams{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:7px}
.pepin-choice-teams>span{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;min-width:0}
.pepin-choice-teams>span:last-child{grid-template-columns:minmax(0,1fr) 42px;text-align:right}.pepin-choice-teams>span:last-child img{grid-column:2;grid-row:1}.pepin-choice-teams>span:last-child strong{grid-column:1;grid-row:1}
.pepin-choice-teams img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff}
.pepin-choice-teams strong{min-width:0;color:#2c1219;font-size:13px;line-height:1.15;white-space:normal}.pepin-choice-teams i{text-align:center;color:#e97817;font-style:normal;font-weight:1000}
.pepin-match-choice>button{border:0;border-radius:10px;padding:10px;background:linear-gradient(90deg,#f4d600,#ffb51b);color:#241014;font-weight:1000;cursor:pointer}

/* Check-in: acciones inequívocas y advertencia visible. */
.v2602-att-note{background:linear-gradient(100deg,#fff1a4,#ffb51b)!important;color:#4b0b1d!important;border:2px solid #e97817!important;box-shadow:0 7px 18px rgba(233,120,23,.20)!important;font-weight:900!important}
.v2602-att-actions button:first-child{background:#11834f!important;color:#fff!important;font-weight:900!important}
.v2602-att-actions button:last-child{background:#c9253d!important;color:#fff!important;font-weight:900!important}
@media(max-width:760px){
  .pepin-selector-tools{grid-template-columns:1fr}.pepin-court-chips{max-width:100%}
  .pepin-match-grid{grid-template-columns:1fr;max-height:66vh}
  .pepin-match-choice{padding:11px}.pepin-choice-teams strong{font-size:12px}
}

/* AUTORIDAD FINAL DEL MENÚ: debe permanecer al final del archivo para ganar a
   todos los estilos móviles heredados. */
#adminShell.pepin-sidebar-hidden{grid-template-columns:0 minmax(0,1fr)!important}
#adminShell.pepin-sidebar-hidden .admin-sidebar,
body.role-referee #adminShell.pepin-sidebar-hidden .admin-sidebar,
body.role-operator #adminShell.pepin-sidebar-hidden .admin-sidebar{
  width:0!important;min-width:0!important;max-width:0!important;padding-left:0!important;padding-right:0!important;
  transform:translate3d(-110%,0,0)!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important
}
#adminShell.pepin-sidebar-hidden .admin-workspace,
body.role-referee #adminShell.pepin-sidebar-hidden .admin-workspace,
body.role-operator #adminShell.pepin-sidebar-hidden .admin-workspace{grid-column:2!important;margin:0!important;width:100%!important;max-width:100%!important}
@media(max-width:1180px),(pointer:coarse){
  #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar,
  body.role-referee #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar,
  body.role-operator #adminShell:not(.pepin-sidebar-hidden) .admin-sidebar{transform:translate3d(0,0,0)!important;opacity:1!important;pointer-events:auto!important;width:min(84vw,310px)!important;max-width:310px!important}
  #adminShell:not(.pepin-sidebar-hidden) #adminMobileOverlay{display:block!important}
  #adminShell.pepin-sidebar-hidden #adminMobileOverlay{display:none!important}
}