/* اعمال فونت‌گرافی اختصاصی و زیباسازی متون */
.axamil-admin-wrap,
.axamil-fe-container,
.axamil-server-card {
    font-family: Peyda, Vazir, Tahoma, sans-serif !important;
    font-size: 14px;
    line-height: 1.6;
    box-sizing: border-box;
}

/* تعریف پایه برای دایره وضعیت - نمایش تضمینی */
.axamil-dot {
    display: inline-block !important;
    width: 10px !important; 
    height: 10px !important; 
    border-radius: 50% !important; 
    flex-shrink: 0; 
}

/* رنگ‌های وضعیت با اولویت بالا */
.axamil-dot.online { 
    background-color: #00ffcc !important; 
    box-shadow: 0 0 8px #00ffcc !important; 
}
.axamil-dot.offline { 
    background-color: #ff3366 !important; 
    box-shadow: 0 0 8px #ff3366 !important; 
}

/* وضعیت نامشخص (حالت احتیاطی) */
.axamil-dot.unknown { 
    background-color: #888888 !important; /* رنگ خاکستری */
    box-shadow: 0 0 8px #888888 !important; 
}
 /*
.axamil-dot {
    display: inline-block !important;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50% !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    /* این رنگ پیش‌فرض است تا اگر چیزی لود نشد، دایره خاکستری بماند */
/*    background-color: #ccc; 
}*/


/* تعریف پایه برای دایره وضعیت (تضمین نمایش) */
/*.axamil-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    margin-left: 8px; /* فاصله بین دایره و متن */
/*    animation: axamilBlink 1.5s infinite;
}
*/


/* رنگ‌های وضعیت با اولویت بالا */
.axamil-dot.online { background-color: #00ffcc !important; box-shadow: 0 0 8px #00ffcc !important; }
.axamil-dot.offline { background-color: #ff3366 !important; box-shadow: 0 0 8px #ff3366 !important; }

/* انیمیشن چشمک زن */
@keyframes axamilBlink {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}

/* ساختار پوسته */
.axamil-admin-wrap.theme-dark,
.axamil-fe-container.theme-dark {
    background-color: #0c1017;
    color: #ffffff;
    padding: 20px;
    border-radius: 6px;
}

.axamil-admin-wrap.theme-light,
.axamil-fe-container.theme-light {
    background-color: #f6f7f7;
    color: #1d2327;
    padding: 20px;
    border-radius: 6px;
}

/* هم‌راستایی متون */
body.rtl .axamil-fe-server-title,
body.rtl .axamil-fe-container { direction: rtl; text-align: right; }
body.ltr .axamil-fe-server-title,
body.ltr .axamil-fe-container { direction: ltr; text-align: left; }

.axamil-fe-server-title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px;
    opacity: 0.95;
}

.axamil-status-label,
.axamil-status-text {
    font-size: 13px;
    font-weight: 600;
}

/* مدیریت چارت */
.axamil-timeline-chart, .axamil-fe-timeline-chart {
    display: flex;
    gap: 2px;
    height: 35px;
    background: #0d1117;
    padding: 5px;
    border-radius: 4px;
    align-items: flex-end;
    overflow: hidden;
    direction: ltr !important; 
    flex-direction: row !important;
    min-width: 160px;
}

.theme-light .axamil-timeline-chart,
.theme-light .axamil-fe-timeline-chart { background: #f0f0f1; }

.chart-bar, .fe-chart-bar {
    flex: 1;
    height: 100%;
    background-color: #21262d;
    border-radius: 1px;
    min-width: 3px;
}

.chart-bar.empty, .fe-chart-bar.empty { background-color: #161b22; opacity: 0.3; }
.theme-light .chart-bar.empty, .theme-light .fe-chart-bar.empty { background-color: #d1d5db; }

.chart-bar.bar-online, .fe-chart-bar.bar-online { background-color: #00ffcc !important; }
.chart-bar.bar-offline, .fe-chart-bar.bar-offline { background-color: #ff3366 !important; }

/* اصلاح قطعی چیدمان برای هدایت وضعیت به سمت راست */
.axamil-fe-header-block {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    align-items: center !important;
    /* این خط باعث می‌شود اگر هر دو بودند فاصله بگیرند، اگر فقط وضعیت بود به راست بچسبد */
    justify-content: flex-end !important; 
    gap: 15px !important;
}

/* اگر می‌خواهید حتماً نام سرور سمت چپ و وضعیت سمت راست باشد (حالت دو ستونی) */
.axamil-fe-header-block {
    justify-content: space-between !important;
}

/* اگر فقط وضعیت وجود دارد (نام سرور مخفی است)، وضعیت را به راست بفرست */
.axamil-fe-header-block:has(.axamil-fe-status-wrapper):not(:has(.axamil-fe-server-title)) {
    justify-content: flex-end !important;
}