/* pages/bulten.css - yalnızca bulten.php
   pages.css bölünerek oluşturuldu: her kural yalnızca kullanıldığı sayfada yüklenir. */

.u-a2a8d0.u-a2a8d0 {
    margin-bottom: 15px;
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: #fff;
    border: none;
    padding: 12px 15px;
}

.u-b5a0c6.u-b5a0c6 {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.u-6a4298.u-6a4298 {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 2px 0;
    color: #f8fafc;
    align-items: center;
    gap: 6px;
}

.u-277b18.u-277b18 {
    color: #38bdf8;
    text-decoration: underline;
    font-weight: 600;
}

.u-aacbe3.u-aacbe3 {
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #475569;
    background: #0f172a;
    color: #fff;
    font-size: 0.78rem;
    font-weight: 600;
}

.u-9cbb22.u-9cbb22 {
    margin-bottom: 10px;
    padding: 8px 10px;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
}

.u-0927a9.u-0927a9 {
    flex-wrap: wrap;
    gap: 5px;
}

.u-3903f7.u-3903f7 {
    flex: 1 1 125px;
    background: #e0f2fe;
    color: #0284c7;
    border: 1px solid #bae6fd;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-03b144.u-03b144 {
    flex: 1 1 125px;
    background: #f8fafc;
    color: #334155;
    border: 1px solid #cbd5e1;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-750de7.u-750de7 {
    flex: 1 1 125px;
    background: #f5f3ff;
    color: #7c3aed;
    border: 1px solid #ddd6fe;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-c19e29.u-c19e29 {
    flex: 1 1 125px;
    background: #ecfdf5;
    color: #059669;
    border: 1px solid #a7f3d0;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-43144b.u-43144b {
    flex: 1 1 125px;
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #bfdbfe;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-70017a.u-70017a {
    flex: 1 1 125px;
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-8dab24.u-8dab24 {
    flex: 1 1 125px;
    background: #eff6ff;
    color: #0284c7;
    border: 1px solid #bae6fd;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-4bb346.u-4bb346 {
    flex: 1 1 125px;
    background: #fff1f2;
    color: #e11d48;
    border: 1px solid #fecdd3;
    padding: 4px 6px;
    border-radius: 6px;
    font-size: 0.70rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-ff50fd.u-ff50fd {
    flex: 1 1 125px;
    background: #ffffff;
    padding: 4px 6px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    font-size: 0.70rem;
    font-weight: 700;
    color: #0284c7;
    align-items: center;
    justify-content: center;
    gap: 4px;
    height: 30px;
    box-sizing: border-box;
    white-space: nowrap;
}

.u-62333b.u-62333b {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 600;
}

.u-0d0fd2.u-0d0fd2 {
    padding: 6px;
    overflow-x: auto;
}

.u-d4aa7f.u-d4aa7f {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    padding: 0 4px;
}

.u-b98962.u-b98962 {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.u-ad4aba.u-ad4aba {
    background-color: #f8fafc;
}

.u-aa5656.u-aa5656 {
    padding: 2px 4px;
    font-weight: bold;
    color: #2563eb;
    font-size: 0.68rem;
    line-height: 1;
    vertical-align: bottom;
}

.u-702a20.u-702a20 {
    padding: 2px 4px;
    color: #64748b;
    font-size: 0.65rem;
    font-weight: 600;
    line-height: 1;
    vertical-align: bottom;
}

.u-69d004.u-69d004 {
    border-bottom: 1px solid #cbd5e1;
}

.u-ee2a5d.u-ee2a5d {
    padding: 4px 4px;
}

.u-abbd56.u-abbd56 {
    padding: 6px 4px;
    font-weight: 600;
    line-height: 1.35;
}

.u-a12b50.u-a12b50 {
    padding: 2px;
    text-align: center;
    white-space: nowrap;
    width: 28px;
}

.u-832caa.u-832caa {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    width: 26px;
    height: 32px;
    cursor: pointer;
    color: #475569;
    font-size: 0.75rem;
    transition: all 0.2s ease;
}

.u-6749f4.u-6749f4 {
    color: #cbd5e1;
    font-size: 0.65rem;
}

.u-2660dd.u-2660dd {
    padding: 3px;
    text-align: center;
    white-space: nowrap;
    width: 44px;
}

.u-ddea23.u-ddea23 {
    cursor: pointer;
    background: #fff;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    padding: 4px 2px;
    text-align: center;
    user-select: none;
}

.u-6a3abd.u-6a3abd {
    font-size: 0.65rem;
    color: #64748b;
    font-weight: 700;
    line-height: 1.1;
}

.u-c30341.u-c30341 {
    font-size: 0.72rem;
    color: #1e293b;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 2px;
}

.u-91e184.u-91e184 {
    background: #e2e8f0;
    border-radius: 4px;
    padding: 4px 2px;
    text-align: center;
    opacity: 0.7;
}

.u-2b2d15.u-2b2d15 {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 800;
    line-height: 1.1;
    margin-top: 2px;
}

.u-9be2cc.u-9be2cc {
    padding: 4px 8px;
    vertical-align: middle;
}

.u-ad8681.u-ad8681 {
    font-weight: 700;
    color: #854d0e;
    font-size: 0.68rem;
}

.u-4c118f.u-4c118f {
    padding: 4px 2px;
    text-align: center;
    vertical-align: middle;
}

.u-137566.u-137566 {
    justify-content: space-around;
    font-size: 0.70rem;
    font-weight: 700;
    color: #854d0e;
}

.u-ff5358.u-ff5358 {
    font-weight: 700;
    color: #166534;
    font-size: 0.68rem;
}

.u-fd04b2.u-fd04b2 {
    justify-content: space-around;
    font-size: 0.70rem;
    font-weight: 700;
    color: #166534;
}

.u-302e8e.u-302e8e {
    font-weight: 700;
    color: #6b21a8;
    font-size: 0.68rem;
}

.u-158fe9.u-158fe9 {
    justify-content: space-around;
    font-size: 0.70rem;
    font-weight: 800;
    color: #6b21a8;
}

.u-d3f923.u-d3f923 {
    font-weight: 700;
    color: #065f46;
    font-size: 0.68rem;
}

.u-1e0ed0.u-1e0ed0 {
    justify-content: space-around;
    font-size: 0.70rem;
    font-weight: 800;
    color: #065f46;
}

.u-5dd0b5.u-5dd0b5 {
    margin-top: 12px;
    background: #f8fafc;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.u-b62998.u-b62998 {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #334155;
}

.u-acf190.u-acf190 {
    background: #ffffff;
    padding: 4px 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
}

.u-5ff8e7.u-5ff8e7 {
    background: #eff6ff;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #bfdbfe;
    color: #1e3a8a;
}

.u-94655d.u-94655d {
    background: #fefce8;
    padding: 4px 10px;
    border-radius: 6px;
    border: 1px solid #fef08a;
    color: #854d0e;
}

.u-0cb9d7.u-0cb9d7 {
    font-weight: 800;
    color: #b45309;
}

.u-2aff7f.u-2aff7f {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 8px;
}

.u-a6f481.u-a6f481 {
    color: #64748b;
}

.u-62e63e.u-62e63e {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: white;
    border: none;
    padding: 6px 8px;
    border-radius: 6px;
    font-weight: 800;
    cursor: pointer;
    font-size: 0.82rem;
    align-items: center;
    justify-content: center;
    gap: 6px;
    box-shadow: 0 2px 4px rgba(37, 99, 235, 0.3);
    transition: all 0.2s ease;
    min-height: 44px;
    width: 100%;
    box-sizing: border-box;
}

.u-15f330.u-15f330 {
    text-align: center;
    padding: 25px 15px;
}

.u-c5c95a.u-c5c95a {
    color: #334155;
    margin-bottom: 4px;
    font-size: 0.95rem;
}

.u-657c24.u-657c24 {
    color: #64748b;
    font-size: 0.75rem;
    margin: 0;
}

.u-519427.u-519427 {
    width: 52px;
    height: 52px;
    background: #fef3c7;
    color: #d97706;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px auto;
    font-size: 1.4rem;
}

.u-9ff713.u-9ff713 {
    margin: 0 0 6px 0;
    color: #0f172a;
    font-size: 1.1rem;
    font-weight: 800;
}

.u-773881.u-773881 {
    margin: 0 0 20px 0;
    color: #64748b;
    font-size: 0.82rem;
    line-height: 1.4;
}

.u-c6595f.u-c6595f {
    background: #2563eb;
    color: #ffffff;
    border: none;
    padding: 9px 24px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.82rem;
    cursor: pointer;
    min-width: 110px;
}

.u-234039.u-234039 {
    background: #ffffff;
    border-radius: 12px;
    max-width: 440px;
    width: 90%;
    padding: 24px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid #cbd5e1;
}

.u-87fc73.u-87fc73 {
    width: 48px;
    height: 48px;
    background: #e0e7ff;
    color: #4338ca;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 14px auto;
    font-size: 1.25rem;
}

.u-d589c5.u-d589c5 {
    margin: 0 0 16px 0;
    color: #64748b;
    font-size: 0.78rem;
}

.u-9d1a0f.u-9d1a0f {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
    text-align: left;
    font-size: 0.8rem;
}

.u-d15dc1.u-d15dc1 {
    justify-content: space-between;
    margin-bottom: 6px;
}

.u-6b75a6.u-6b75a6 {
    color: #1e293b;
    font-weight: 700;
}

.u-40cb37.u-40cb37 {
    justify-content: space-between;
}

.u-4a09dc.u-4a09dc {
    margin-bottom: 20px;
    text-align: left;
}

.u-fbc21e.u-fbc21e {
    font-size: 0.75rem;
    font-weight: 700;
    color: #334155;
    margin-bottom: 6px;
}

.u-b6d04e.u-b6d04e {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 600;
    outline: none;
    box-sizing: border-box;
}

.u-87cf07.u-87cf07 {
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #cbd5e1;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.80rem;
    cursor: pointer;
}

.u-609ad9.u-609ad9 {
    background: #2563eb;
    color: #ffffff;
    border: none;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.80rem;
    cursor: pointer;
}

.u-2a6d15.u-2a6d15 {
    background: #ffffff;
    border-radius: 12px;
    max-width: 1000px;
    width: 96%;
    max-height: 90vh;
    flex-direction: column;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid #cbd5e1;
    overflow: hidden;
}

.u-b9a900.u-b9a900 {
    background: #0f172a;
    color: #fff;
    padding: 12px 18px;
    justify-content: space-between;
    align-items: center;
}

.u-23f6dd.u-23f6dd {
    font-size: 0.95rem;
    font-weight: 800;
    align-items: center;
    gap: 8px;
}

.u-38dd1c.u-38dd1c {
    color: #38bdf8;
}

.u-ba8ba5.u-ba8ba5 {
    gap: 8px;
    align-items: center;
}

.u-fc2659.u-fc2659 {
    background: #10b981;
    color: white;
    border: none;
    padding: 6px 16px;
    border-radius: 6px;
    font-weight: 800;
    font-size: 0.78rem;
    cursor: not-allowed;
    opacity: 0.5;
    align-items: center;
    gap: 5px;
}

.u-74ba8b.u-74ba8b {
    background: #334155;
    color: #cbd5e1;
    border: none;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.78rem;
    cursor: pointer;
}

.u-86bc48.u-86bc48 {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    font-family: sans-serif;
}

.u-0f1b61.u-0f1b61 {
    border: 2px dashed #cbd5e1;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    background: #f8fafc;
    margin-bottom: 14px;
    cursor: pointer;
}

.u-ada80b.u-ada80b {
    font-size: 1.8rem;
    color: #0284c7;
    margin-bottom: 4px;
}

.u-804966.u-804966 {
    font-size: 0.8rem;
    font-weight: 700;
    color: #334155;
}

.u-297ff1.u-297ff1 {
    font-size: 0.65rem;
    color: #94a3b8;
    margin-top: 2px;
}

.u-3ac737.u-3ac737 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
}

.u-813d65.u-813d65 {
    font-size: 0.72rem;
    color: #64748b;
    font-weight: 600;
}

.u-2966f1.u-2966f1 {
    overflow-x: auto;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #fff;
    padding: 4px;
}

.u-553077.u-553077 {
    background: #1e293b;
    color: #ffffff;
    border: 1px solid #ffffff;
    height: 85px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0;
}

.u-ab1901.u-ab1901 {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    margin: 0 auto;
    font-size: 0.55rem;
    font-weight: 700;
    line-height: 1.1;
}

.u-d0da03.u-d0da03 {
    background: #eab308;
    color: #000;
    border: 1px solid #ffffff;
    font-weight: 900;
    text-align: center;
    padding: 3px 0;
    font-size: 0.62rem;
}

.u-ad84d5.u-ad84d5 {
    background: #f1f5f9;
    border-bottom: 2px solid #cbd5e1;
}

.u-3217ec.u-3217ec {
    background: #ffffff;
    border-radius: 12px;
    max-width: 480px;
    width: 90%;
    padding: 24px;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);
    border: 1px solid #cbd5e1;
}

.u-ae1f6b.u-ae1f6b {
    width: 48px;
    height: 48px;
    background: #e0f2fe;
    color: #0284c7;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px auto;
    font-size: 1.25rem;
}

.u-9ef036.u-9ef036 {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 20px;
    text-align: left;
}

.u-696613.u-696613 {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.u-4ab19c.u-4ab19c {
    background: #f1f5f9;
    border-bottom: 1px solid #e2e8f0;
    color: #334155;
}

.u-a9980d.u-a9980d {
    padding: 8px 12px;
    font-weight: 700;
}

.u-e88244.u-e88244 {
    padding: 8px 12px;
    font-weight: 700;
    text-align: right;
}

.u-86148b.u-86148b {
    color: #1e293b;
}

.u-2e28c6.u-2e28c6 {
    padding: 8px 12px;
    font-weight: 600;
}

.u-fa5ce0.u-fa5ce0 {
    padding: 8px 12px;
    text-align: right;
    font-weight: 700;
    color: #2563eb;
}

.u-870383.u-870383 {
    padding: 8px 12px;
    text-align: right;
    font-weight: 700;
}

.u-8e5cf1.u-8e5cf1 {
    padding: 8px 12px;
    text-align: right;
    font-weight: 700;
    color: #d97706;
}

.u-44dd16.u-44dd16 {
    padding: 8px 12px;
    text-align: right;
    font-weight: 700;
    color: #16a34a;
}

.u-04990a.u-04990a {
    padding: 8px 12px;
    text-align: right;
    font-weight: 700;
    color: #7c3aed;
}

.u-053b4d.u-053b4d {
    background: #2563eb;
    color: #ffffff;
    border: none;
    padding: 8px 20px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.80rem;
    cursor: pointer;
}

.u-8534a7.u-8534a7 {
    font-size: 0.85rem;
    font-weight: 800;
    color: #059669;
}

.u-338a2d.u-338a2d {
    border: 1px solid #cbd5e1;
    text-align: center;
    padding: 6px 0;
    font-weight: 900;
    color: #1e40af;
    font-size: 0.62rem;
}

.u-0c3bec.u-0c3bec {
    border: 1px solid #cbd5e1;
    text-align: center;
    padding: 6px 0;
    font-weight: 700;
    color: #0f172a;
    font-size: 0.65rem;
}

/* --- BÜLTEN KART DÜZENİ (YUMUŞAK DOLGU + İNCE ZARİF ÇERÇEVELER) --- */

/* Tablo yapısı: Kartlar arası dikey boşluk */
.bulten-table.u-b98962 {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 6px !important; 
}

/* Tüm hücrelerde dikey iç kenarlıkları silme */
.bulten-table.u-b98962 td {
    border-left: none !important;
    border-right: none !important;
}

/* KART ÜSTÜ: Tarih Satırı (Hafif Soft Dolgu + İnce Çerçeve) */
.mac-tarih-satiri.u-ad4aba td {
    background-color: #f1f5f9 !important; /* Çok hafif, gözü yormayan dolgu */
    border-top: 1px solid #cbd5e1 !important; /* İnce ve zarif kenarlık */
    padding: 5px 12px 3px 12px !important;
}
.mac-tarih-satiri.u-ad4aba td:first-child {
    border-left: 1px solid #cbd5e1 !important;
    border-top-left-radius: 10px !important;
}
.mac-tarih-satiri.u-ad4aba td:last-child {
    border-right: 1px solid #cbd5e1 !important;
    border-top-right-radius: 10px !important;
}

/* Tarih Şeridi İçindeki Metin Renkleri */
.mac-tarih-satiri.u-ad4aba .u-aa5656 {
    color: #2563eb !important; /* Maç Numarası Mavi */
    font-weight: 800 !important;
}
.mac-tarih-satiri.u-ad4aba .u-702a20 {
    color: #475569 !important; /* Tarih Yazısı Koyu Gri */
    font-weight: 600 !important;
}

/* KART GÖVDESİ: Takım & Buton Satırı (Beyaz Gövde + İnce Çerçeve) */
.mac-satiri.u-69d004 td {
    background-color: #ffffff !important;
    border-bottom: 1px solid #cbd5e1 !important; /* İnce alt kenarlık */
    padding: 4px 8px 6px 8px !important;
}
.mac-satiri.u-69d004 td:first-child {
    border-left: 1px solid #cbd5e1 !important;
    border-bottom-left-radius: 10px !important;
}
.mac-satiri.u-69d004 td:last-child {
    border-right: 1px solid #cbd5e1 !important;
    border-bottom-right-radius: 10px !important;
}

/* Takım isimleri alanı */
.takim-adi.u-abbd56 {
    padding: 2px 10px !important;
    font-size: 0.85rem;
}

/* 1 - X - 2 Kutucukları */
.u-2660dd {
    width: 50px;
    padding: 2px;
    border: none !important;
}

.u-ddea23 {
    border-radius: 6px !important;
    border: 1px solid #cbd5e1;
    background: #ffffff;
}

/* Detay Satırları Açıldığında İnce Kart Çerçevesini Koruma */
[id^="detay_row_"] td {
    border: none !important;
}
[id^="detay_row_"] td:first-child {
    border-left: 1px solid #cbd5e1 !important;
}
[id^="detay_row_"] td:last-child {
    border-right: 1px solid #cbd5e1 !important;
}

[id^="detay_row_ai_"] td {
    border-bottom: 1px solid #cbd5e1 !important;
}
[id^="detay_row_ai_"] td:first-child {
    border-bottom-left-radius: 10px !important;
}
[id^="detay_row_ai_"] td:last-child {
    border-bottom-right-radius: 10px !important;
}

/* Geçmiş Maç Kart Renkleri */
.mac-kart {
    transition: all 0.2s ease;
    border-radius: 8px;
    margin-bottom: 8px;
    padding: 8px;
}

/* Galibiyet - Açık Yeşil */
.mac-galibiyet {
    background-color: #e8f5e9 !important;
    border: 1px solid #c8e6c9 !important;
}

/* Beraberlik - Açık Sarı */
.mac-beraberlik {
    background-color: #fffde7 !important;
    border: 1px solid #fff9c4 !important;
}

/* Mağlubiyet - Açık Kırmızı */
.mac-maglubiyet {
    background-color: #ffebee !important;
    border: 1px solid #ffcdd2 !important;
}