:root {
    --news-bg: #f4f7fb;
    --news-bg-soft: #eef3f7;
    --news-surface: #ffffff;
    --news-surface-soft: #f8fafc;
    --news-ink: #18181b;
    --news-muted: #6b7280;
    --news-line: #e2e8f0;
    --news-brand: #0f766e;
    --news-brand-strong: #115e59;
    --news-accent: #be123c;
    --news-info: #0369a1;
    --news-success: #047857;
    --news-warning: #b45309;
}

html[dir='rtl'] .fi-body,
html[dir='rtl'] .fi-sidebar,
html[dir='rtl'] .fi-topbar,
html[dir='rtl'] .fi-simple-layout {
    font-family: Tahoma, "Noto Sans Arabic", Arial, sans-serif;
    letter-spacing: 0;
}

.fi-body {
    background: linear-gradient(180deg, var(--news-bg) 0, #f8fafc 42rem, #ffffff 100%);
    color: var(--news-ink);
}

.dark .fi-body {
    background: linear-gradient(180deg, #111827 0, #18181b 42rem, #09090b 100%);
}

.newsroom-brand-mark {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: .5rem;
    background: var(--news-brand);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 850;
    line-height: 1;
    box-shadow: 0 10px 24px rgb(15 118 110 / 20%);
}

.newsroom-brand-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .08rem;
    line-height: 1.05;
}

.newsroom-brand-copy span {
    color: var(--news-muted);
    font-size: .72rem;
    font-weight: 750;
}

.newsroom-brand-copy strong {
    color: var(--news-ink);
    font-size: .94rem;
    font-weight: 850;
}

.dark .newsroom-brand-copy span {
    color: #a1a1aa;
}

.dark .newsroom-brand-copy strong {
    color: #fafafa;
}

.fi-logo {
    gap: .65rem;
}

.fi-sidebar {
    border-inline-end: 1px solid var(--news-line);
    background: rgb(255 255 255 / 94%);
    backdrop-filter: blur(14px);
}

.dark .fi-sidebar {
    border-color: rgb(63 63 70 / 82%);
    background: rgb(24 24 27 / 94%);
}

.fi-sidebar-nav {
    gap: .35rem;
    padding: .85rem .7rem;
}

.fi-sidebar-group {
    gap: .35rem;
}

.fi-sidebar-group-label {
    color: var(--news-muted);
    font-size: .72rem;
    font-weight: 850;
}

.fi-sidebar-item a {
    min-height: 2.55rem;
    border-radius: .5rem;
    font-weight: 760;
}

.fi-sidebar-item.fi-active a {
    background: #e7f5f2;
    color: var(--news-brand-strong);
    box-shadow: inset 3px 0 0 var(--news-brand);
}

html[dir='rtl'] .fi-sidebar-item.fi-active a {
    box-shadow: inset -3px 0 0 var(--news-brand);
}

.fi-sidebar-item a:hover {
    background: #f1f5f9;
    color: var(--news-brand-strong);
}

.dark .fi-sidebar-item.fi-active a,
.dark .fi-sidebar-item a:hover {
    background: rgb(20 184 166 / 14%);
    color: #5eead4;
}

.fi-topbar {
    border-bottom: 1px solid var(--news-line);
    background: rgb(255 255 255 / 90%);
    backdrop-filter: blur(16px);
}

.dark .fi-topbar {
    border-color: rgb(63 63 70 / 82%);
    background: rgb(24 24 27 / 90%);
}

.fi-main {
    gap: 1rem;
}

.fi-page-header {
    align-items: center;
    border-bottom: 1px solid rgb(226 232 240 / 78%);
    padding-bottom: 1rem;
}

.fi-page-header-heading {
    color: var(--news-ink);
    font-size: 1.42rem;
    font-weight: 850;
    line-height: 1.35;
}

.dark .fi-page-header-heading {
    color: #fafafa;
}

.fi-section,
.fi-ta,
.fi-wi-widget > section,
.fi-simple-main {
    border: 1px solid rgb(226 232 240 / 92%);
    border-radius: .5rem;
    background: var(--news-surface);
    box-shadow: 0 14px 34px rgb(15 23 42 / 5%);
}

.dark .fi-section,
.dark .fi-ta,
.dark .fi-wi-widget > section,
.dark .fi-simple-main {
    border-color: rgb(63 63 70 / 86%);
    background: #1f1f23;
    box-shadow: none;
}

.fi-section-header,
.fi-ta-header {
    border-bottom: 1px solid rgb(226 232 240 / 82%);
}

.dark .fi-section-header,
.dark .fi-ta-header {
    border-color: rgb(63 63 70 / 82%);
}

.fi-wi-stats-overview-stat {
    min-height: 7.35rem;
    border-radius: .5rem;
    background: #ffffff;
}

.dark .fi-wi-stats-overview-stat {
    background: #232328;
}

.fi-wi-stats-overview-stat-value {
    font-size: 1.66rem;
    font-weight: 850;
    line-height: 1.15;
}

.fi-wi-stats-overview-stat-description {
    line-height: 1.55;
}

.fi-badge {
    border-radius: .42rem;
    font-weight: 820;
}

.fi-btn,
.fi-icon-btn,
.fi-ac-btn-action {
    border-radius: .45rem;
    font-weight: 820;
}

.fi-btn.fi-size-md {
    min-height: 2.45rem;
}

.fi-input-wrp,
.fi-fo-rich-editor,
.fi-select-input {
    border-radius: .45rem;
}

.fi-input,
.fi-select-input {
    min-height: 2.45rem;
}

.fi-ta-table {
    border-collapse: separate;
    border-spacing: 0;
}

.fi-ta-header-cell,
.fi-ta-cell {
    vertical-align: middle;
}

.fi-ta-header-cell {
    background: var(--news-surface-soft);
    color: #475569;
    font-size: .76rem;
    font-weight: 850;
}

.dark .fi-ta-header-cell {
    background: #18181b;
    color: #d4d4d8;
}

.fi-ta-row:hover {
    background: #f8fafc;
}

.dark .fi-ta-row:hover {
    background: rgb(20 184 166 / 6%);
}

.fi-ta-text-item-label,
.fi-sidebar-item-label,
.fi-section-header-heading,
.fi-ta-header-heading,
.fi-wi-stats-overview-stat-label {
    overflow-wrap: anywhere;
}

.fi-ta-text-item-label {
    line-height: 1.58;
}

.fi-global-search-field .fi-input-wrp {
    background: #ffffff;
}

.dark .fi-global-search-field .fi-input-wrp {
    background: #18181b;
}

.fi-simple-layout {
    background: linear-gradient(180deg, #eef8f6 0, #f8fafc 48%, #ffffff 100%);
}

.dark .fi-simple-layout {
    background: linear-gradient(180deg, #0f172a 0, #18181b 55%, #09090b 100%);
}

.fi-simple-header .fi-logo {
    justify-content: center;
}

.fi-simple-header-heading {
    color: var(--news-ink);
    font-weight: 850;
}

.dark .fi-simple-header-heading {
    color: #fafafa;
}

.newsroom-stats-grid {
    display: grid;
    gap: .9rem;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.newsroom-stat-card,
.newsroom-data-panel {
    border: 1px solid rgb(226 232 240 / 92%);
    border-radius: .5rem;
    background: #ffffff;
    box-shadow: 0 14px 34px rgb(15 23 42 / 5%);
}

.dark .newsroom-stat-card,
.dark .newsroom-data-panel {
    border-color: rgb(63 63 70 / 86%);
    background: #1f1f23;
    box-shadow: none;
}

.newsroom-stat-card {
    min-height: 7rem;
    padding: .95rem;
}

.newsroom-stat-label {
    color: var(--news-muted);
    font-size: .8rem;
    font-weight: 830;
}

.newsroom-stat-value {
    margin-top: .75rem;
    color: var(--news-ink);
    font-size: 1.65rem;
    font-weight: 850;
    line-height: 1.05;
}

.dark .newsroom-stat-value {
    color: #fafafa;
}

.newsroom-stat-value.is-danger {
    color: var(--news-accent);
}

.newsroom-stat-value.is-info {
    color: var(--news-info);
}

.newsroom-stat-value.is-success {
    color: var(--news-success);
}

.newsroom-stat-value.is-warning {
    color: var(--news-warning);
}

.newsroom-data-panel {
    overflow: hidden;
}

.newsroom-data-panel-header {
    border-bottom: 1px solid rgb(226 232 240 / 82%);
    padding: .9rem 1rem;
}

.dark .newsroom-data-panel-header {
    border-color: rgb(63 63 70 / 82%);
}

.newsroom-data-panel-header h2 {
    margin: 0;
    color: var(--news-ink);
    font-size: .96rem;
    font-weight: 850;
}

.dark .newsroom-data-panel-header h2 {
    color: #fafafa;
}

.newsroom-table-scroll {
    overflow-x: auto;
}

.newsroom-table {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: .88rem;
}

.newsroom-table th,
.newsroom-table td {
    border-bottom: 1px solid #edf2f7;
    padding: .8rem 1rem;
    text-align: start;
    vertical-align: middle;
}

.dark .newsroom-table th,
.dark .newsroom-table td {
    border-color: rgb(63 63 70 / 82%);
}

.newsroom-table th {
    background: var(--news-surface-soft);
    color: #475569;
    font-size: .76rem;
    font-weight: 850;
}

.dark .newsroom-table th {
    background: #18181b;
    color: #d4d4d8;
}

.newsroom-table tr:hover td {
    background: #f8fafc;
}

.dark .newsroom-table tr:hover td {
    background: rgb(20 184 166 / 6%);
}

.newsroom-table .is-strong {
    color: var(--news-ink);
    font-weight: 820;
}

.dark .newsroom-table .is-strong {
    color: #fafafa;
}

.newsroom-table .is-empty {
    padding: 1.25rem;
    text-align: center;
    color: var(--news-muted);
}

.newsroom-status {
    display: inline-flex;
    align-items: center;
    min-height: 1.6rem;
    border-radius: .42rem;
    padding-inline: .55rem;
    font-size: .75rem;
    font-weight: 850;
}

.newsroom-status.is-success {
    background: #ecfdf5;
    color: var(--news-success);
}

.newsroom-status.is-danger {
    background: #fff1f2;
    color: var(--news-accent);
}

.newsroom-status.is-info {
    background: #eff6ff;
    color: var(--news-info);
}

.newsroom-status.is-warning {
    background: #fffbeb;
    color: var(--news-warning);
}

.dark .newsroom-status.is-success {
    background: rgb(4 120 87 / 18%);
    color: #86efac;
}

.dark .newsroom-status.is-danger {
    background: rgb(190 18 60 / 18%);
    color: #fda4af;
}

.dark .newsroom-status.is-info {
    background: rgb(3 105 161 / 20%);
    color: #7dd3fc;
}

.dark .newsroom-status.is-warning {
    background: rgb(180 83 9 / 20%);
    color: #fcd34d;
}

@media (max-width: 767px) {
    .fi-main {
        gap: .8rem;
    }

    .fi-page-header {
        align-items: stretch;
    }

    .fi-page-header-heading {
        font-size: 1.2rem;
    }

    .fi-ta-cell,
    .fi-ta-header-cell {
        padding-inline: .7rem;
    }

    .newsroom-stats-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .newsroom-stats-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}