
    .table > :not(caption) > * > * {
padding: 0.5rem 0.5rem;
color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
background-color: rgba(33, 37, 41, 0.06);
border-bottom-width: var(--bs-border-width);
box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}

.page-link:hover {
z-index: 2;
color: var(--bs-pagination-active-color);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(221, 225, 230, 0);
}

.page-link.disabled, .disabled > .page-link {
color: var(--bs-pagination-active-color);
pointer-events: none;
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(221, 225, 230, 0);
}
.page-link {
position: relative;
display: block;
padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
font-size: var(--bs-pagination-font-size);
color: var(--bs-pagination-active-color);
text-decoration: none;
background-color: rgba(255, 255, 255, 0.05);
border: var(--bs-pagination-border-width) solid rgba(221, 225, 230, 0);
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link.active, .active > .page-link {
z-index: 3;
color: rgba(82, 87, 147, 0.89);
background-color: rgba(255, 255, 255, 0.05);
border-color: rgba(13, 110, 252, 0);
}


.table > :not(caption) > * > * {

border-bottom-width: 1px;
border-color: rgba(203, 207, 223, 0.05);
}

#ajax-content {
    position: relative;
    min-height: 100px;
}
#ajax-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #ccc;
    border-top-color: #1d72b8;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 10;
    background: transparent;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}

.alert-promo {
    width: 500px;
    margin: 10px auto 0 auto;
    font-weight: 600;
    background-color: #e9f7ef;
    border-color: #d4edda;
    color: #155724;
    padding: 12px 20px;
    border-radius: 8px;
    margin-top: 2px;
    box-shadow: 0 0 8px #d6336c88;

}

.alert-promo strong {
    font-size: 1.8em;
    font-weight: 900;
    animation: pulseGlow 2.5s infinite;
    display: block;
    margin-bottom: 12px;
    text-align: center;
}

.alert-promo .promo-text {
    text-align: left;
    color: inherit;
    font-weight: normal;
}

@keyframes pulseGlow {
  0%, 100% {
    text-shadow: 0 0 5px #d6336c, 0 0 10px #d6336c;
    color: #d6336c;
  }
  50% {
    text-shadow: 0 0 15px #ff4d6d, 0 0 30px #ff4d6d;
    color: #ff4d6d;
  }
}

.profile-slot-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top:0;
}
.profile-slot-card {
    background: rgba(0,0,0,0.90);
    border-radius: 12px;
    box-shadow: 0 4px 18px #000a;
    min-width:0; max-width:480px;
    margin-bottom:0; padding:22px 16px 12px 16px;
    color: #fff; font-size: 1em; position:relative;
}
.profile-slot-card .faceimg {width: 52px; height: 52px; border-radius: 50%; border: 2px solid #444; object-fit:cover; background:#181818; margin-bottom:5px;}
.profile-slot-card .empireimg {width: 28px; vertical-align:middle;}
.profile-slot-card .rangatxt {font-weight:600; font-size:1.03em; color: #FFD777; margin-bottom: 4px;}
.profile-slot-card .guildtxt {color:#78ccf6; font-weight:500;}
.profile-slot-card .odbug-btn {margin-top:14px; background:#1c1c1c;border:1px solid #444; color:#fff; font-weight:600;padding:5px 19px;border-radius:7px; cursor:pointer;transition:background 0.2s;}
.profile-slot-card .odbug-btn:hover {background:#292929;}
.profile-slot-card .prof-txt {color:#FFAABF;}
.profile-slot-card .info-table {width:100%;margin:0;margin-top:10px;}
.profile-slot-card .info-table td {padding:1px 2px;}
.profile-slot-card-empty {background:rgba(0,0,0,0.68);border-radius:12px;padding:38px 0;font-size:1.12em;color:#888;text-align:center;}
@media (max-width: 900px){ .profile-slot-grid{grid-template-columns:1fr;gap:10px;} }
@media (max-width: 700px) {
    .container {max-width: 100vw !important;}
    .profile-slot-grid {grid-template-columns: 1fr !important; gap: 12px;}
    .profile-slot-card,
    .profile-slot-card-empty {padding: 19px 8px 10px 8px;}
}
@media (max-width: 500px) {
    .profile-slot-card .faceimg {width: 40px; height: 40px;}
    .profile-slot-card .empireimg {width: 22px;}
    .profile-slot-card .info-table {font-size: 0.98em;}
}