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

.u-c8daf9.u-c8daf9 {
    background: #eab308;
    color: #000000;
    border: 1px solid #ffffff;
    font-weight: 900;
    text-align: center;
    padding: 3px 0;
    font-size: 0.68rem;
    width: calc(100% / 17);
}

.u-a0477c.u-a0477c {
    background: linear-gradient(135deg, #c2410c 0%, #9a3412 100%);
    color: #fff;
    margin-bottom: 15px;
    padding: 12px 15px;
    border-radius: 8px;
}

.u-8b23cd.u-8b23cd {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #fff;
}

.u-c4fee3.u-c4fee3 {
    color: #ffedd5;
    font-size: 0.75rem;
    margin: 0;
}

.u-f45f26.u-f45f26 {
    margin: 0;
    gap: 6px;
    flex-wrap: wrap;
}

.u-83286a.u-83286a {
    background: #ffffff;
    color: #1e293b;
    border: 1px solid #fdba74;
    padding: 5px 10px;
    border-radius: 6px;
    font-weight: 700;
    font-size: 0.75rem;
    cursor: pointer;
}

.u-123aa3.u-123aa3 {
    font-size: 2.5rem;
    color: #c2410c;
    margin-bottom: 12px;
}

.u-3a4ace.u-3a4ace {
    background: #c2410c;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.85rem;
}

.u-b22d51.u-b22d51 {
    text-align: center;
    padding: 35px 20px;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
}

.u-91699c.u-91699c {
    font-size: 2rem;
    color: #fb923c;
    margin-bottom: 10px;
}

.u-b36817.u-b36817 {
    color: #64748b;
    font-size: 0.78rem;
}

.u-737a19.u-737a19 {
    padding: 10px 12px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}

.u-b1e322.u-b1e322 {
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.u-cbc238.u-cbc238 {
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 250px;
}

.u-9c5364.u-9c5364 {
    color: #c2410c;
}

.u-3eeae0.u-3eeae0 {
    background: #e0e7ff;
    color: #3730a3;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}

.u-025703.u-025703 {
    background: #f1f5f9;
    color: #475569;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}

.u-9e0240.u-9e0240 {
    background: #dcfce7;
    color: #15803d;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}

.u-dbf093.u-dbf093 {
    background: #fef3c7;
    color: #d97706;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 0.65rem;
    font-weight: 700;
}

.u-5b8ea5.u-5b8ea5 {
    font-size: 0.72rem;
    color: #475569;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 2px;
}

.u-c74941.u-c74941 {
    background: #3b82f6;
    color: #ffffff;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    font-size: 0.85rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.u-78bad9.u-78bad9 {
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 6px;
}

.u-597261.u-597261 {
    background: #e0e7ff;
    color: #3730a3;
    border: 1px solid #c7d2fe;
    padding: 3px 8px;
    border-radius: 5px;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
    align-items: center;
    gap: 4px;
}

.u-026e7e.u-026e7e {
    background: #1e3a8a;
    color: #ffffff;
    border: 1px solid #ffffff;
    height: 85px;
    text-align: center;
    vertical-align: middle;
    padding: 2px 0;
    width: calc(100% / 17);
}