.custom-scrollbar-menu{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.custom-scrollbar-menu::-webkit-scrollbar{width:6px}.custom-scrollbar-menu::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.custom-scrollbar-menu::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background .2s ease}.custom-scrollbar-menu::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-scrollbar-menu::-webkit-scrollbar-thumb:active{background:#6b7280}.team-shield{width:60px;height:60px;object-fit:contain;border-radius:8px;background:transparent}.team-shield:hover{transform:scale(1.05);transition:all .2s ease}.placar-card{transition:transform .2s ease,box-shadow .2s ease}.placar-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0000001a}.team-placeholder{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#16a34a,#22c55e);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.patrocinador-card{transition:transform .2s ease,box-shadow .2s ease}.patrocinador-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.day-menu-item{transition:all .2s ease;border-radius:8px;min-width:70px}.day-menu-item:hover{background-color:#f3f4f6}.day-menu-item.active{background-color:#dcfce7;border:2px solid #16a34a}.bottom-menu-item{display:flex;flex-direction:column;align-items:center;padding:8px 12px;color:#fff;transition:all .2s ease;border-radius:8px;min-width:60px}.bottom-menu-item:hover{background-color:#ffffff1a;color:#fff}.bottom-menu-item.active{color:#fff;background-color:#fff3}#submenu-times,[id^=submenu-]{left:0!important;transform:none!important}.tab-ranking{transition:all .2s ease;white-space:nowrap;border-radius:.375rem .375rem 0 0;margin:0 .25rem}.tab-ranking:hover{background-color:#f3f4f6}.tab-ranking.active{background-color:#eff6ff;border-bottom:2px solid #2563eb}.filtros-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:1px solid #e2e8f0!important;border-radius:.5rem!important;padding:.75rem!important;margin-bottom:1rem!important;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f!important}.filtros-container h4{color:#374151!important;font-size:.75rem!important;font-weight:600!important;margin-bottom:.5rem!important;text-align:center!important}.filtro-group{display:flex!important;flex-direction:column!important;gap:.375rem!important}.filtro-row{display:grid!important;gap:.375rem!important}.filtro-row.duas-colunas{grid-template-columns:1fr 1fr!important}.filtro-row.tres-colunas{grid-template-columns:1fr 1fr 1fr!important}.filtro-row.quatro-colunas{grid-template-columns:1fr 1fr 1fr 1fr!important}.filtro-item{display:flex!important;flex-direction:column!important;gap:.125rem!important;min-width:0!important;width:100%!important;position:relative!important}.filtro-label{font-size:.625rem!important;font-weight:500!important;color:#4b5563!important;margin-bottom:.125rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.2!important}.filtro-select{font-size:.625rem!important;padding:.375rem 2rem .375rem .5rem!important;border:1px solid #d1d5db!important;border-radius:.375rem!important;background-color:#fff!important;color:#374151!important;transition:all .2s ease!important;height:28px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right .5rem center!important;background-size:1em!important}.filtro-select:focus{outline:none!important;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.filtro-select:disabled{background-color:#f9fafb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e")!important}.filtro-select option{font-size:.625rem!important;padding:.25rem .5rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.filtro-btn{font-size:.625rem!important;font-weight:600!important;padding:.375rem .75rem!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;border:none!important;border-radius:.375rem!important;cursor:pointer!important;transition:all .2s ease!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.25rem!important;width:100%!important;max-width:200px!important;margin:0 auto!important}.filtro-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 2px 4px -1px #0000001a!important}.filtro-btn:active{transform:translateY(0)!important}.filtro-select[disabled]{background-color:#f9fafb!important;color:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important}.filtro-select:not([disabled]){background-color:#fff!important;color:#374151!important;cursor:pointer!important;opacity:1!important}.filtro-select,.filtro-select:disabled,.filtro-select:not([disabled]){min-height:28px!important;height:28px!important;line-height:1.2!important;vertical-align:middle!important}@media (max-width: 640px){.filtros-container{padding:.5rem!important;margin-bottom:.75rem!important}.filtro-row.duas-colunas,.filtro-row.tres-colunas{grid-template-columns:1fr 1fr!important}.filtro-row.quatro-colunas{grid-template-columns:1fr 1fr!important;gap:.25rem!important}.filtro-select,.filtro-btn{height:32px!important;font-size:.7rem!important;min-height:32px!important}.filtro-item{min-width:0!important}.filtro-label{font-size:.7rem!important}}.tab-ranking.active{background-color:#eff6ff}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.scrollbar-thin::-webkit-scrollbar{height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#9ca3af}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.scroll-indicator{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}body{padding-bottom:80px}@media (max-width: 768px){.sticky{top:0}}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.team-info{flex-direction:column;text-align:center}.team-shield{width:48px;height:48px}.team-placeholder{width:48px;height:48px;font-size:16px}.bottom-menu-item{min-width:50px;padding:6px 8px}.bottom-menu-item svg{width:20px;height:20px}.day-menu-item{min-width:70px}.tab-ranking{font-size:.75rem;padding:.5rem .75rem}.tab-content-ranking{overflow-x:auto}.tab-content-ranking table{font-size:.75rem}.tab-content-ranking th,.tab-content-ranking td{padding:.5rem .25rem}}
