:root{--f1cc-border:#e5e5e5;--f1cc-bg:#fff;--f1cc-muted:#666;--f1cc-card-radius:14px}
.f1cc-card{background:var(--f1cc-bg);border:1px solid var(--f1cc-border);border-radius:var(--f1cc-card-radius);border:1px solid #ddd;padding:16px;border-radius:12px;background:#fff;margin:0 0 14px}
.f1cc-notice{padding:10px;border-radius:10px;margin:10px 0}
.f1cc-success{border:1px solid #9ad29a;background:#eef9ee}
.f1cc-error{border:1px solid #e09a9a;background:#fdeeee}
.f1cc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.f1cc-grid label{display:block;font-weight:600;margin-bottom:6px}
.f1cc-grid select,.f1cc-grid input{width:100%;padding:10px;border:1px solid #ddd;border-radius:10px}
.f1cc-table-wrap{overflow:auto}
.f1cc-table{width:100%;border-collapse:collapse}
.f1cc-table th,.f1cc-table td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.f1cc-history-round{border-top:1px solid #eee;padding-top:14px;margin-top:14px}
.f1cc-history-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.f1cc-badge{display:inline-block;padding:4px 10px;border:1px solid #ddd;border-radius:999px;font-size:12px}
.f1cc-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:10px}
.f1cc-subhead{font-weight:700;margin-bottom:6px}
.f1cc-list{margin:0;padding-left:18px}
.f1cc-muted{opacity:.7}
.f1cc-points{margin-top:10px}
.f1cc-stack{display:flex;flex-direction:column;gap:14px}
.f1cc-wildcards{margin-top:14px;padding-top:12px;border-top:1px dashed #e5e5e5}
@media(max-width:700px){.f1cc-grid,.f1cc-two-col{grid-template-columns:1fr}}

.f1cc-dot{display:inline-block;width:10px;height:10px;border-radius:999px;margin-right:8px;vertical-align:middle}
.f1cc-code{font-weight:700;margin-right:8px}

.f1cc-team-logo{height:18px;width:18px;max-height:18px;max-width:18px;object-fit:contain;vertical-align:middle;margin-right:8px;border-radius:3px;display:inline-block}
.f1cc-team-name{vertical-align:middle}
.f1cc-round-selector{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.f1cc-round-selector select{min-width:220px}

.f1cc-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:#eee;margin-left:8px}
.f1cc-badge-green{background:#d7f5df}
.f1cc-driver-ident{margin:6px 0 14px 0}

.f1cc-team-logo img{max-width:32px;max-height:32px;object-fit:contain;}
.f1cc-standings-table img{max-width:32px;max-height:32px;object-fit:contain;}



.f1cc-jerseys{display:inline-flex;gap:6px;align-items:center;margin-left:8px;vertical-align:middle;}

.f1cc-subcomp-emoji{font-size:16px;line-height:16px;}


/* ===== Icons: readable + pit-stop-fast hover zoom ===== */

img.f1cc-team-logo{
    width:36px;
    height:36px;
    object-fit:contain;
    border-radius:6px;
    transition:all .10s ease-out;
    position:relative;
    z-index:1;
}

.f1cc-subcomp-icon{
    width:22px;
    height:22px;
    object-fit:contain;
    border-radius:4px;
    transition:all .10s ease-out;
    position:relative;
    z-index:1;
}

/* Expand to big fixed size (no layout shift) */
img.f1cc-team-logo:hover,
img.f1cc-team-logo.f1cc-zoomed{
    width:100px !important;
    height:100px !important;
    z-index:9999;
    background:#fff;
    padding:6px;
    box-shadow:0 12px 30px rgba(0,0,0,0.35);
}

.f1cc-subcomp-icon:hover,
.f1cc-subcomp-icon.f1cc-zoomed{
    width:140px !important;
    height:140px !important;
    z-index:9999;
    background:#fff;
    padding:6px;
    box-shadow:0 10px 26px rgba(0,0,0,0.35);
}

/* Leaderboard driver modal should be view-only */
.f1cc-leaderboard-wrap .f1-modal__footer{display:none;}

/* Avoid clipping inside tables */
.f1cc-table td{ overflow:visible; }

/* Jersey strip spacing */
.f1cc-jerseys{ gap:10px; }