html, body { 
    overscroll-behavior-y: none; 
    overscroll-behavior-x: none; 
    background-color: #f8fafc; 
    font-family: -apple-system, system-ui, sans-serif; 
    -webkit-tap-highlight-color: transparent; 
    padding-bottom: 80px; 
    font-size: 14px; 
}
.no-scrollbar::-webkit-scrollbar { display: none; }
/* Aktyvi navigacija — portalo mėlyna, kad abi programos atrodytų vienodai */
.nav-btn.active { color: #2563eb; }
.nav-btn.active svg { stroke: #2563eb; }
.nav-btn { color: #94a3b8; transition: all 0.2s; }
.view-section { display: none; }
.view-section.active { display: block; animation: fadeIn 0.3s; }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.avatar-frame-m { border: 2px solid #3b82f6; }
.avatar-frame-f { border: 2px solid #ec4899; }
input, select { font-size: 16px !important; }
.stat-col { text-align: center; font-weight: bold; font-size: 10px; width: 22px; flex-shrink: 0; }
.stat-col-wide { text-align: right; font-weight: 900; font-size: 12px; width: 42px; flex-shrink: 0; }
.pair-badge { font-size: 9px; padding: 1px 4px; border-radius: 4px; background: #f1f5f9; color: #64748b; font-weight: bold; }
#loading-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 100; justify-content: center; align-items: center; flex-direction: column; }
.spinner { border: 4px solid rgba(0, 0, 0, 0.1); width: 40px; height: 40px; border-radius: 50%; border-left-color: #2563eb; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
.match-number-badge { display: flex; align-items: center; justify-content: center; padding: 0 6px; height: 20px; background-color: #e2e8f0; color: #475569; border-radius: 10px; font-size: 9px; font-weight: 900; margin-right: 8px; flex-shrink: 0; letter-spacing: 0.5px; }
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.6); z-index: 200; justify-content: center; align-items: center; padding: 15px; backdrop-filter: blur(2px); }
.modal-content { background: white; width: 100%; max-width: 400px; border-radius: 20px; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); padding: 20px; max-height: 90vh; overflow-y: auto; }
.clickable-name { color: #2563eb; cursor: pointer; transition: color 0.2s; }
.clickable-name:active { color: #1d4ed8; }
#qrcode img { margin: 0 auto; border-radius: 10px; border: 5px solid white; }