#gg-scoring-app { max-width: 900px; margin: auto; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; position: relative; padding: 15px; background: #fff; }

/* Tab Container */
.gg-view-switcher { display: flex; gap: 10px; margin-bottom: 25px; border-bottom: 2px solid #ccc; padding-bottom: 15px; }

/* High-Contrast Inactive Tabs */
.gg-tab-btn { 
    padding: 14px 28px; cursor: pointer; 
    border: 1px solid #777; 
    background: #777;      /* Darker grey background */
    color: #ffffff;        /* White text for high contrast */
    border-radius: 6px; font-weight: bold; font-size: 15px; transition: all 0.2s ease;
}

.gg-tab-btn:hover { background: #555; border-color: #444; }

/* Active Tab (Blue) */
.gg-tab-btn.active { 
    background: #0073aa; color: #ffffff; border-color: #005a87; 
    box-shadow: 0 3px 6px rgba(0,0,0,0.2); 
}

/* Controls Box */
.gg-controls-container { display: flex; gap: 20px; background: #f1f1f1; padding: 20px; border-radius: 8px; margin-bottom: 25px; border: 1px solid #ddd; }
.gg-filter-group { display: flex; flex-direction: column; flex: 1; }
.gg-filter-group label { font-weight: bold; margin-bottom: 8px; color: #222; font-size: 14px; text-transform: uppercase; }
.gg-filter-group input, .gg-filter-group select { padding: 12px; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background: #fff; color: #000; }
.gg-filter-group input:focus { border-color: #0073aa; outline: none; }

/* Event List Styling */
.gg-event-list { list-style: none; padding: 0; margin: 0; border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.gg-event-list li { border-bottom: 1px solid #eee; background: #fff; }
.gg-event-list li:last-child { border-bottom: none; }
.gg-event-list a { display: flex; align-items: center; padding: 18px; text-decoration: none; transition: background 0.1s; }
.gg-event-list a:hover { background: #f9fcff; }

.gg-event-list a span { width: 110px; color: #666; font-size: 0.9em; flex-shrink: 0; font-weight: 500; }
.gg-event-list a strong { flex-grow: 1; color: #000; font-size: 1.05em; line-height: 1.3; }
.gg-event-list a small { font-weight: bold; color: #0073aa; margin-left: 15px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; }

/* Spinner Overlay */
.gg-loading-overlay { display: none; position: absolute; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.85); z-index: 1000; text-align: center; padding-top: 150px; }
.gg-spinner { display: inline-block; width: 50px; height: 50px; border: 6px solid #f3f3f3; border-top: 6px solid #0073aa; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }