/* =============================================
   GEMEINSAME TEAM-STYLES (Phase 2+3 / F7)
   Wird von planer.html UND editor.html
   nach den jeweiligen Seiten-CSS eingebunden.
   Enthaelt zudem die ehemaligen Inline-Styles
   aus planer.js / editor.js als Klassen (P1-T3).
   ============================================= */

/* --- TEAM-UMSCHALTER IM HEADER --- */

.planner-team-header {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.team-switcher {
    padding: 4px 8px;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    background: white;
    color: var(--text-dark);
    max-width: 180px;
}

.team-switcher:focus {
    outline: none;
    border-color: var(--secondary-color);
}

/* --- POOL-/KARTEN-BADGES --- */

.pool-team-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
    background: #dbeafe;
    color: #1e3a8a;
    border: 1px solid #bfdbfe;
}

.pool-shared-badge {
    display: inline-block;
    font-size: 10px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
    background: #f1f5f9;
    color: var(--text-dark);
    border: 1px solid var(--border-color);
}

/* --- FRÜHERE INLINE-STATES ALS KLASSEN (T3) --- */

.pool-loading-error,
.state-error {
    color: var(--danger-color);
}

.btn-hidden {
    display: none !important;
}

.level-badge.level-shared {
    background: #dcfce7;
    color: #000000;
}

.level-badge.level-team {
    background: #dbeafe;
    color: #1e3a8a;
}

.trained-ex-board.is-hidden {
    display: none;
}

/* Cursor-Klassen fuer das Taktikboard */
.taktik-cursor-draw { cursor: crosshair; }
.taktik-cursor-line { cursor: nwse-resize; }
.taktik-cursor-symbol { cursor: pointer; }

/* Schriftgroessen-Klassen fuer den Trainingsaufbau */
.draggable-list.font-12 { font-size: 12px; }
.draggable-list.font-14 { font-size: 14px; }
.draggable-list.font-16 { font-size: 16px; }
.draggable-list.font-18 { font-size: 18px; }
.draggable-list.font-20 { font-size: 20px; }

/* --- RESPONSIVE --- */

@media screen and (max-width: 768px) {
    .team-switcher {
        max-width: 130px;
    }
}