/* صفحه زیرسیستم‌ها — هماهنگ با سایت اصلی (فونت، رنگ متن، بک‌گراند) */
.subsystem-page {
    padding: 1.5rem 0 2rem;
    direction: rtl;
    text-align: right;
    font-family: var(--site-font, 'IRANSansX', 'IRANSans', 'Segoe UI', Tahoma, sans-serif);
    color: var(--site-text, #1b254b);
    max-width: 900px;
    margin: 0 auto;
}

.subsystem-page .back-link {
    color: var(--site-primary, #3654ff);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
    font-size: 0.95rem;
    font-weight: 500;
}
.subsystem-page .back-link:hover {
    color: var(--site-primary-dark, #273dd4);
    text-decoration: underline;
}

.subsystem-page .subsystem-title {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--site-text, #1b254b);
    margin-bottom: 0.5rem;
    letter-spacing: -0.02em;
}

.subsystem-page .subsystem-desc {
    font-size: 1rem;
    line-height: 1.75;
    color: var(--site-muted, #6f7799);
    margin-bottom: 1.5rem;
}

.subsystem-page .subsystem-note {
    font-size: 0.9rem;
    color: var(--site-muted, #6f7799);
}

/* دکمه ورود به پنل مدیریت */
.subsystem-admin-cta {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 1.25rem;
    background: var(--site-primary, #3654ff);
    color: #fff !important;
    border-radius: var(--site-radius-sm, 0.9rem);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
    margin-bottom: 1.5rem;
    transition: background 0.2s, transform 0.2s;
    border: none;
    box-shadow: 0 4px 14px rgba(54, 84, 255, 0.25);
}
.subsystem-admin-cta:hover {
    background: var(--site-primary-dark, #273dd4);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(54, 84, 255, 0.35);
}

/* دسترسی به ماژول‌ها */
.subsystem-modules {
    margin-top: 2rem;
}

.subsystem-modules-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--site-text, #1b254b);
    margin-bottom: 0.5rem;
}

.subsystem-modules-hint {
    font-size: 0.95rem;
    line-height: 1.65;
    color: var(--site-muted, #6f7799);
    margin-bottom: 1.25rem;
}

.subsystem-modules-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1rem;
}

.subsystem-module-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1.35rem 1rem;
    background: var(--site-surface, #ffffff);
    border-radius: var(--site-radius-sm, 0.9rem);
    color: var(--site-text, #1b254b);
    text-decoration: none;
    transition: box-shadow 0.2s, transform 0.2s, border-color 0.2s;
    border: 1px solid var(--site-border, rgba(27, 37, 75, 0.08));
    text-align: center;
    font-family: inherit;
    box-shadow: var(--site-shadow-soft, 0 12px 30px rgba(27, 37, 75, 0.08));
}

.subsystem-module-card:hover {
    box-shadow: var(--site-shadow, 0 18px 45px rgba(35, 48, 120, 0.15));
    border-color: var(--site-primary-soft, rgba(54, 84, 255, 0.25));
    transform: translateY(-2px);
    color: var(--site-text, #1b254b);
}

.subsystem-module-card i {
    font-size: 1.85rem;
    color: var(--site-primary, #3654ff);
}

.subsystem-module-card small {
    font-size: 0.8rem;
    color: var(--site-muted, #6f7799);
    line-height: 1.45;
}

.subsystem-module-primary {
    background: linear-gradient(135deg, var(--site-primary-soft, rgba(54, 84, 255, 0.12)) 0%, rgba(255,255,255,0.95) 100%);
    border-color: var(--site-primary, #3654ff);
}

.subsystem-module-primary:hover {
    border-color: var(--site-primary-dark, #273dd4);
}

.subsystem-module-primary i {
    color: var(--site-primary, #3654ff);
}

/* مسیر نمونه */
.subsystem-path-note {
    margin-top: 1.75rem;
    padding: 1rem 1.25rem;
    background: var(--site-surface, #ffffff);
    border-radius: var(--site-radius-sm, 0.9rem);
    border-right: 4px solid var(--site-primary, #3654ff);
    font-size: 0.9rem;
    line-height: 1.75;
    color: var(--site-text, #1b254b);
    box-shadow: 0 2px 12px rgba(27, 37, 75, 0.06);
}

.subsystem-path-note strong {
    color: var(--site-text, #1b254b);
}