/**
 * VoIP Master Styles
 * فونت وزیر و استایل‌های اختصاصی
 */

/* ======================================== */
/* فونت وزیر */
/* ======================================== */

@font-face {
    font-family: 'Vazir';
    src: url('/_assets/fonts/Vazir.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vazir';
    src: url('/_assets/fonts/Vazir.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* اعمال فونت وزیر به کل صفحه */
body, html {
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
}

/* فرم‌ها و input‌ها */
input, textarea, select, button, .form-control, .form-select, .btn {
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
}

/* جداول */
table, th, td {
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
}

/* ======================================== */
/* استایل‌های جدول تماس‌ها */
/* ======================================== */

.calls-table th {
    white-space: nowrap;
    font-weight: 600;
}

.calls-table td {
    vertical-align: middle;
}

.calls-table .phone-number {
    direction: ltr;
    unicode-bidi: embed;
    font-family: 'Vazir', 'Tahoma', 'Arial', sans-serif !important;
}

/* ======================================== */
/* فیلتر تاریخ شمسی */
/* ======================================== */

.date-filter {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.date-filter select {
    min-width: 80px;
}

.date-filter .year-select {
    min-width: 100px;
}

/* ======================================== */
/* بج‌های وضعیت */
/* ======================================== */

.badge {
    font-family: 'Vazir', 'Tahoma', sans-serif !important;
    font-weight: normal;
}

/* ======================================== */
/* اعداد فارسی */
/* ======================================== */

.persian-num {
    font-feature-settings: "ss01";
}

/* ======================================== */
/* Pagination */
/* ======================================== */

.pagination {
    margin-bottom: 0;
}

.pagination .page-link {
    font-family: 'Vazir', 'Tahoma', sans-serif;
}

/* ======================================== */
/* Animations */
/* ======================================== */

.spin {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ======================================== */
/* Avatar */
/* ======================================== */

.avatar-sm {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fs-13 {
    font-size: 13px;
}

/* ======================================== */
/* Direction utilities */
/* ======================================== */

.direction-column {
    min-width: 60px;
}

.direction-badge {
    font-size: 11px;
    padding: 2px 6px;
}