@import url("https://cdn.jsdelivr.net/gh/lipis/flag-icons@7.2.3/css/flag-icons.min.css");

/* Grundlegendes Styling für den BJJ Tracker */
body {
    background-color: #f8f9fa;
    color: #333333;
    font-family: Arial, sans-serif;
}

/* Navbar Anpassungen */
.navbar-brand {
    font-weight: bold;
}

/* Video-Player Bändigung für unterschiedliche Formate (Hoch/Quer) */
video {
    width: 100%;
    max-height: 450px;
    object-fit: contain;
    background-color: #000000;
    border-radius: 8px;
}

/* Karten und Container */
.card {
    border: none;
    border-radius: 8px;
}

/* Tabellen-Optimierungen */
.table th {
    background-color: #e9ecef;
    border-top: none;
}

/* BJJ Belt Badges */
.badge-belt {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 600;
    padding: 2px 7px;
    border-radius: 5px;
    font-size: 0.78rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
}
.badge-belt-white {
    background-color: #f1f5f9;
    color: #1e293b;
    border: 1px solid #cbd5e1;
}
.badge-belt-blue {
    background-color: #2563eb;
    color: #ffffff;
}
.badge-belt-purple {
    background-color: #7c3aed;
    color: #ffffff;
}
.badge-belt-brown {
    background-color: #78350f;
    color: #ffffff;
}
.badge-belt-black {
    background-color: #0f172a;
    color: #ef4444;
    border: 1px solid #ef4444;
}

/* User Navbar Pill */
.btn-user-pill {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #1e293b;
    border-radius: 8px;
    padding: 3px 10px 3px 6px;
    transition: all 0.15s ease;
}
.btn-user-pill:hover, .btn-user-pill:focus {
    background-color: #f1f5f9;
    border-color: #cbd5e1;
    color: #0f172a;
}

/* Technique Note Card & Text */
.technique-note-card {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #2563eb;
    border-radius: 6px;
    padding: 8px 10px;
    margin-bottom: 8px;
}
.note-text-content {
    white-space: pre-line;
    color: #334155;
    word-break: break-word;
}