/**
 * farask-feedback-desktop.css — الشكاوى والاقتراحات
 * تجاوب سطح المكتب فقط (1024px → 1920px+) — لا يشمل الهواتف.
 */
@media screen and (min-width: 1024px) {
    .fs-fb-page {
        --fs-fb-max: min(96vw, 1440px);
        --fs-fb-pad-x: clamp(24px, 3vw, 48px);
        --fs-fb-gap: 1.75rem;
        --fs-fb-aside-w: min(420px, 32vw);
        font-size: 18px;
        --fs-fb-fs-xs: 0.9375rem;
        --fs-fb-fs-sm: 1.0625rem;
        --fs-fb-fs-base: 1.125rem;
        --fs-fb-fs-md: 1.2rem;
        --fs-fb-fs-lg: 1.3125rem;
        --fs-fb-fs-xl: 1.5rem;
        --fs-fb-fs-2xl: 1.875rem;
        --fs-fb-fs-3xl: 2.375rem;
    }

    .fs-fb-page .fs-auth-header__shell,
    .fs-fb-page .fs-auth-footer__shell {
        max-width: min(96vw, 1680px);
    }

    .fs-fb-shell {
        max-width: var(--fs-fb-max);
        padding: 16px var(--fs-fb-pad-x) 64px;
    }

    .fs-fb-guidance-banner .fs-auth-banner__viewport {
        min-height: 168px;
    }

    .fs-fb-guidance-banner .fs-auth-banner__head {
        padding: 1.15rem 1.75rem 0.85rem;
    }

    /* ——— Hero موسّع ——— */
    .fs-fb-hero {
        padding: 2.25rem 2.5rem 2rem;
        margin-bottom: var(--fs-fb-gap);
    }

    .fs-fb-hero__grid {
        display: grid;
        grid-template-columns: auto minmax(0, 1fr);
        gap: 2rem 2.5rem;
        align-items: center;
        text-align: right;
    }

    .fs-fb-hero__brand {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        min-width: 200px;
    }

    .fs-fb-hero__icon {
        width: 72px;
        height: 72px;
        margin: 0;
        font-size: 1.75rem;
        border-radius: 18px;
    }

    .fs-fb-hero h1 {
        font-size: var(--fs-fb-fs-3xl);
        margin: 0;
    }

    .fs-fb-hero__body {
        min-width: 0;
    }

    .fs-fb-hero__lead {
        max-width: none;
        font-size: var(--fs-fb-fs-md);
        line-height: 1.85;
        margin: 0 0 12px;
        text-align: right;
    }

    .fs-fb-hero__lead--sub {
        font-size: var(--fs-fb-fs-base);
        color: var(--fs-muted);
        margin: 0 0 16px;
        line-height: 1.8;
    }

    .fs-fb-hero__chips {
        justify-content: flex-start;
        margin-top: 0;
        gap: 10px;
    }

    .fs-fb-hero__chip {
        font-size: var(--fs-fb-fs-sm);
        padding: 8px 16px;
    }

    /* ——— مؤشرات ——— */
    .fs-fb-stats {
        grid-template-columns: repeat(4, 1fr);
        gap: 14px;
        margin-bottom: var(--fs-fb-gap);
    }

    .fs-fb-stat {
        padding: 16px 18px;
    }

    .fs-fb-stat__val {
        font-size: var(--fs-fb-fs-2xl);
    }

    .fs-fb-stat__lbl {
        font-size: var(--fs-fb-fs-sm);
    }

    .fs-fb-grid-3 .fs-fb-field {
        margin-bottom: 0;
    }

    .fs-fb-grid-3 {
        margin-bottom: 1rem;
    }

    /* ——— نظرة عامة (3 بطاقات) ——— */
    .fs-fb-overview {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
        margin-bottom: var(--fs-fb-gap);
    }

    .fs-fb-overview__card {
        padding: 1.25rem 1.35rem;
        border-radius: 16px;
        border: 1px solid var(--fs-line);
        background: #ffffff;
        box-shadow: 0 4px 20px rgba(15, 23, 42, 0.05);
    }

    .fs-fb-overview__card h3 {
        margin: 0 0 8px;
        font-family: var(--fs-font-display);
        font-size: var(--fs-fb-fs-lg);
        font-weight: 700;
        color: var(--fs-ink);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .fs-fb-overview__card h3 i {
        font-size: 0.95rem;
    }

    .fs-fb-overview__card p {
        margin: 0;
        font-family: var(--fs-font-ui);
        font-size: var(--fs-fb-fs-base);
        color: var(--fs-muted);
        line-height: 1.75;
    }

    .fs-fb-overview__card--teal { border-color: rgba(15, 118, 110, 0.22); }
    .fs-fb-overview__card--teal h3 i { color: var(--fs-evh-brand); }
    .fs-fb-overview__card--sky { border-color: rgba(2, 132, 199, 0.22); }
    .fs-fb-overview__card--sky h3 i { color: var(--fs-evh-sky); }
    .fs-fb-overview__card--amber { border-color: rgba(236, 117, 11, 0.25); }
    .fs-fb-overview__card--amber h3 i { color: #c2410c; }

    /* ——— تخطيط رئيسي: عمود النموذج أوسع ——— */
    .fs-fb-layout {
        display: grid;
        grid-template-columns: minmax(0, 1fr) var(--fs-fb-aside-w);
        gap: var(--fs-fb-gap);
        align-items: start;
    }

    .fs-fb-main {
        display: flex;
        flex-direction: column;
        gap: var(--fs-fb-gap);
        min-width: 0;
    }

    .fs-fb-card {
        padding: 1.85rem 2rem;
    }

    .fs-fb-card__title {
        font-size: var(--fs-fb-fs-xl);
        margin-bottom: 1.15rem;
    }

    .fs-fb-card__title-icon {
        width: 38px;
        height: 38px;
        font-size: 1rem;
    }

    .fs-fb-prose {
        font-size: var(--fs-fb-fs-base);
        line-height: 1.85;
        margin-bottom: 1.25rem;
    }

    .fs-fb-steps {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .fs-fb-step {
        padding: 14px 16px;
    }

    .fs-fb-step strong {
        font-size: var(--fs-fb-fs-md);
    }

    .fs-fb-step p {
        font-size: var(--fs-fb-fs-sm);
    }

    /* ——— نموذج ——— */
    .fs-fb-type-picker {
        gap: 14px;
        margin-bottom: 1.5rem;
    }

    .fs-fb-type-option__box {
        padding: 1.25rem 1rem;
    }

    .fs-fb-type-option__icon {
        width: 52px;
        height: 52px;
        font-size: 1.3rem;
    }

    .fs-fb-type-option__label {
        font-size: var(--fs-fb-fs-lg);
    }

    .fs-fb-type-option__hint {
        font-size: var(--fs-fb-fs-sm);
    }

    .fs-fb-grid-2 {
        grid-template-columns: 1fr 1fr;
        gap: 1.25rem;
    }

    .fs-fb-grid-3 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1.25rem;
    }

    .fs-fb-textarea {
        min-height: 200px;
        font-size: var(--fs-fb-fs-base);
        padding: 0.9rem 1.1rem;
    }

    .fs-fb-input,
    .fs-fb-select {
        font-size: var(--fs-fb-fs-base);
        padding: 0.85rem 1.1rem;
    }

    .fs-fb-submit {
        max-width: 420px;
        margin-right: 0;
        margin-left: auto;
        font-size: var(--fs-fb-fs-lg);
        padding: 1rem 2.25rem;
    }

    /* ——— الشريط الجانبي شبكة ——— */
    .fs-fb-aside {
        display: grid;
        gap: var(--fs-fb-gap);
        align-content: start;
    }

    .fs-fb-info-list li {
        font-size: var(--fs-fb-fs-base);
        padding: 10px 0;
    }

    .fs-fb-check-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .fs-fb-check-item {
        font-size: var(--fs-fb-fs-sm);
        padding: 11px 14px;
    }

    .fs-fb-diff {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }

    .fs-fb-links a {
        font-size: var(--fs-fb-fs-base);
        padding: 12px 14px;
    }

    .fs-fb-guidance-banner .fs-auth-banner__slide-title {
        font-size: 1.35rem;
    }

    .fs-fb-guidance-banner .fs-auth-banner__slide-text {
        font-size: var(--fs-fb-fs-md);
    }

    .fs-fb-fraud-banner {
        padding: 1.35rem 1.75rem;
        margin-bottom: var(--fs-fb-gap);
    }

    .fs-fb-fraud-banner__icon {
        width: 52px;
        height: 52px;
        font-size: 1.4rem;
    }

    .fs-fb-topics {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .fs-fb-topic {
        padding: 14px 16px;
    }

    .fs-fb-topic__text strong {
        font-size: var(--fs-fb-fs-md);
    }
}

/* ——— 1280px (لابتوب كبير / HD) ——— */
@media screen and (min-width: 1280px) {
    .fs-fb-page {
        --fs-fb-max: min(94vw, 1560px);
        --fs-fb-aside-w: 440px;
    }

    .fs-fb-steps {
        grid-template-columns: repeat(4, 1fr);
    }

    .fs-fb-step {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        padding: 16px 14px;
    }

    .fs-fb-step__num {
        margin: 0 auto 10px;
    }

    .fs-fb-hero h1 {
        font-size: 2.5rem;
    }

    .fs-fb-step p {
        font-size: var(--fs-fb-fs-base);
    }

    .fs-fb-topics {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* ——— 1440px ——— */
@media screen and (min-width: 1440px) {
    .fs-fb-page {
        --fs-fb-max: min(92vw, 1680px);
        --fs-fb-aside-w: 460px;
        --fs-fb-gap: 2rem;
    }

    .fs-fb-aside {
        grid-template-columns: 1fr 1fr;
    }

    .fs-fb-aside .fs-fb-card:first-child,
    .fs-fb-aside .fs-fb-card:nth-child(2) {
        grid-column: span 1;
    }

    .fs-fb-aside .fs-fb-card:nth-child(3),
    .fs-fb-aside .fs-fb-card:nth-child(4) {
        grid-column: span 1;
    }

    .fs-fb-check-grid {
        grid-template-columns: 1fr 1fr;
    }

    .fs-fb-check-item:nth-child(3) {
        grid-column: 1 / -1;
    }
}

/* ——— 1600px ——— */
@media screen and (min-width: 1600px) {
    .fs-fb-page {
        --fs-fb-max: min(90vw, 1760px);
        --fs-fb-aside-w: 480px;
    }

    .fs-fb-hero__grid {
        grid-template-columns: auto minmax(0, 1.4fr);
        gap: 3rem;
    }

    .fs-fb-hero__lead {
        font-size: 1.25rem;
    }

    .fs-fb-hero__lead--sub {
        font-size: 1.125rem;
    }

    .fs-fb-overview__card {
        padding: 1.4rem 1.5rem;
    }

    .fs-fb-card {
        padding: 2rem 2.25rem;
    }

    .fs-fb-textarea {
        min-height: 240px;
    }
}

/* ——— 1920px (Full HD واسع) ——— */
@media screen and (min-width: 1920px) {
    .fs-fb-page {
        --fs-fb-max: min(88vw, 1840px);
        --fs-fb-pad-x: 56px;
        --fs-fb-aside-w: 520px;
    }

    .fs-fb-page .fs-auth-header__shell,
    .fs-fb-page .fs-auth-footer__shell {
        max-width: min(88vw, 1840px);
    }

    .fs-fb-page {
        font-size: 19px;
    }

    .fs-fb-hero h1 {
        font-size: 2.65rem;
    }

    .fs-fb-stat__val {
        font-size: 2rem;
    }

    .fs-fb-card__title {
        font-size: 1.625rem;
    }

    .fs-fb-type-picker {
        max-width: 720px;
    }

    .fs-fb-submit {
        max-width: 480px;
    }

    .fs-fb-topics {
        grid-template-columns: repeat(3, 1fr);
        gap: 14px;
    }

    .fs-fb-fraud-banner__body p {
        font-size: 1.125rem;
    }
}