/**
 * farask-feedback-ui.css — الشكاوى والاقتراحات
 * منصة B: خلفية بيضاء دائماً · teal / green / sky / amber · خطوط متعددة
 */
.fs-fb-page,
.fs-fb-page.fs-auth-page {
    background: #ffffff !important;
    --fs-fb-max: 100%;
    /* مقياس خطوط الصفحة — أوضح للقراءة على سطح المكتب */
    font-size: 17px;
    --fs-fb-fs-xs: 0.875rem;
    --fs-fb-fs-sm: 1rem;
    --fs-fb-fs-base: 1.0625rem;
    --fs-fb-fs-md: 1.125rem;
    --fs-fb-fs-lg: 1.25rem;
    --fs-fb-fs-xl: 1.375rem;
    --fs-fb-fs-2xl: 1.75rem;
    --fs-fb-fs-3xl: 2.125rem;
    line-height: 1.65;
    /* Times New Roman — حقول الإدخال والعناوين */
    --fs-fb-font-roman: 'Times New Roman', Times, 'Times New Roman PS', Georgia, serif;
    --fs-fb-font-roman-bold: 'Times New Roman', Times, Georgia, serif;
}

.fs-fb-page .fs-auth-shell,
.fs-fb-page main {
    background: #ffffff;
}

/* صفحة الشكاوى — بدون شارات مكتب/تقييم في الهيدر */
.fs-fb-page .fs-auth-header__chips {
    display: none !important;
}

.fs-fb-shell {
    width: 100%;
    max-width: var(--fs-fb-max);
    margin: 0 auto;
    padding: 12px clamp(12px, 2.5vw, 24px) 48px;
    box-sizing: border-box;
}

/* ——— بانر إرشادات (مكتبة login — fs-auth-banner) ——— */
.fs-fb-guidance-banner {
    margin-bottom: 1.25rem;
    border-radius: 18px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
    box-shadow: var(--fs-shadow);
    overflow: hidden;
}

.fs-fb-guidance-banner .fs-auth-info-banner {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: #ffffff;
    border: none;
}

.fs-fb-guidance-banner .fs-auth-banner__head {
    padding: 1rem 1.25rem 0.75rem;
    margin-bottom: 0;
    background: #ffffff;
    border-bottom: 1px solid var(--fs-line);
}

.fs-fb-guidance-banner .fs-auth-banner__viewport {
    min-height: 152px;
    border: none;
    border-radius: 0;
    background: #ffffff;
}

.fs-fb-guidance-banner .fs-auth-banner__slide[data-tone="green"] {
    background: linear-gradient(145deg, #ffffff 0%, #ecfdf5 100%);
}

.fs-fb-guidance-banner .fs-auth-banner__slide[data-tone="green"] .fs-auth-banner__icon {
    background: #ecfdf5;
    color: var(--fs-ev-brand);
}

.fs-fb-guidance-banner .fs-auth-banner__slide[data-tone="rose"] {
    background: linear-gradient(145deg, #ffffff 0%, #fff1f2 100%);
}

.fs-fb-guidance-banner .fs-auth-banner__slide[data-tone="rose"] .fs-auth-banner__icon {
    background: #fff1f2;
    color: #e11d48;
}

.fs-fb-guidance-banner .fs-auth-banner__tag {
    font-size: var(--fs-fb-fs-lg);
}

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

.fs-fb-guidance-banner .fs-auth-banner__slide-text {
    font-size: var(--fs-fb-fs-base);
    line-height: 1.75;
}

.fs-fb-guidance-banner .fs-auth-banner__counter {
    font-size: var(--fs-fb-fs-sm);
}

.fs-fb-guidance-banner .security-note {
    margin: 0;
    padding: 10px 1.25rem 12px;
    background: #ffffff;
    border-top: 1px dashed var(--fs-line);
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-muted);
    text-align: center;
    line-height: 1.6;
}

.fs-fb-guidance-banner .security-note .fa-solid {
    color: var(--fs-ev-secondary);
    margin-left: 6px;
}

/* ——— Hero ——— */
.fs-fb-hero {
    position: relative;
    text-align: center;
    padding: 1.75rem 1.25rem 1.5rem;
    margin-bottom: 1.25rem;
    border-radius: 18px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
    overflow: hidden;
    box-shadow: var(--fs-shadow);
}

.fs-fb-hero::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--fs-evh-brand) 0%,
        var(--fs-evh-sky) 33%,
        var(--fs-ev-brand) 66%,
        var(--fs-ev-secondary) 100%
    );
}

.fs-fb-hero__icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: var(--fs-evh-brand);
    background: #fff;
    border: 1px solid rgba(15, 118, 110, 0.2);
    box-shadow: 0 4px 14px rgba(15, 118, 110, 0.12);
}

.fs-fb-hero h1 {
    margin: 0 0 8px;
    font-family: var(--fs-font-display);
    font-size: clamp(1.6rem, 2.8vw, 2.25rem);
    font-weight: 700;
    color: var(--fs-ink);
}

.fs-fb-hero__lead {
    margin: 0 auto;
    max-width: 36em;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-md);
    font-weight: 500;
    color: var(--fs-muted);
    line-height: 1.75;
}

.fs-fb-hero__lead--sub {
    font-size: var(--fs-fb-fs-base);
    line-height: 1.75;
}

.fs-fb-hero__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
    margin-top: 14px;
}

.fs-fb-hero__chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 14px;
    border-radius: 999px;
    font-family: var(--fs-font-data);
    font-size: var(--fs-fb-fs-sm);
    font-weight: 600;
    border: 1px solid transparent;
}

.fs-fb-hero__chip--teal { color: var(--fs-evh-brand); background: #f0fdfa; border-color: rgba(15, 118, 110, 0.2); }
.fs-fb-hero__chip--sky { color: var(--fs-evh-sky); background: #eff6ff; border-color: rgba(2, 132, 199, 0.2); }
.fs-fb-hero__chip--amber { color: #b45309; background: #fffbeb; border-color: rgba(245, 158, 11, 0.25); }

.fs-fb-hero__lead a {
    color: var(--fs-evh-brand);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.fs-fb-hero__lead a:hover {
    color: var(--fs-evh-brand-deep);
}

/* ——— Alerts ——— */
.fs-fb-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-base);
    font-weight: 500;
    line-height: 1.65;
    border: 1px solid;
}

.fs-fb-alert__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1rem;
}

.fs-fb-alert--success {
    background: linear-gradient(135deg, #fff, #ecfdf5);
    border-color: rgba(32, 104, 67, 0.25);
    color: #14532d;
}

.fs-fb-alert--success .fs-fb-alert__icon {
    background: #bbf7d0;
    color: var(--fs-ev-brand);
}

.fs-fb-alert--error {
    background: linear-gradient(135deg, #fff, #fff1f2);
    border-color: rgba(225, 29, 72, 0.2);
    color: #9f1239;
}

.fs-fb-alert--error .fs-fb-alert__icon {
    background: #fecdd3;
    color: var(--fs-rose);
}

/* ——— Layout ——— */
.fs-fb-layout {
    display: grid;
    gap: 1.25rem;
    align-items: start;
}

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

.fs-fb-hero h1,
.fs-fb-card__title,
.fs-fb-overview__card h3,
.fs-fb-fraud-banner__body > strong {
    font-family: var(--fs-fb-font-roman-bold);
    font-weight: 700;
}

.fs-fb-card__title {
    margin: 0 0 1rem;
    font-size: var(--fs-fb-fs-xl);
    color: var(--fs-ink);
    display: flex;
    align-items: center;
    gap: 10px;
}

.fs-fb-card__title-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.fs-fb-card__title-icon--teal { background: #ccfbf1; color: var(--fs-evh-brand); }
.fs-fb-card__title-icon--sky { background: #dbeafe; color: var(--fs-evh-sky); }
.fs-fb-card__title-icon--amber { background: #fde68a; color: #b45309; }
.fs-fb-card__title-icon--rose { background: #fecdd3; color: var(--fs-rose); }
.fs-fb-card__title-icon--green { background: #bbf7d0; color: var(--fs-ev-brand-dark); }

/* ——— Type picker ——— */
.fs-fb-type-picker {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin: 0 0 1.25rem;
    padding: 0;
    border: none;
}

.fs-fb-type-picker__legend {
    grid-column: 1 / -1;
    display: block;
    width: 100%;
    margin: 0 0 0.65rem;
    padding: 0;
    font-family: var(--fs-fb-font-roman-bold);
    font-size: var(--fs-fb-fs-lg);
    font-weight: 700;
    color: var(--fs-ink);
    line-height: 1.35;
}

.fs-fb-type-option {
    position: relative;
    cursor: pointer;
    margin: 0;
}

.fs-fb-type-option input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}

.fs-fb-type-option__box {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 1rem 0.75rem;
    border-radius: 14px;
    border: 2px solid var(--fs-line);
    background: #fafbfc;
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
}

.fs-fb-type-option__icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.15rem;
}

.fs-fb-type-option--complaint .fs-fb-type-option__icon {
    background: #fff1f2;
    color: var(--fs-rose);
}

.fs-fb-type-option--suggestion .fs-fb-type-option__icon {
    background: #f0fdfa;
    color: var(--fs-evh-brand);
}

.fs-fb-type-option__label {
    font-family: var(--fs-fb-font-roman-bold);
    font-size: var(--fs-fb-fs-lg);
    font-weight: 700;
    color: var(--fs-ink);
}

.fs-fb-type-option__hint {
    font-family: var(--fs-font-data);
    font-size: var(--fs-fb-fs-sm);
    font-weight: 500;
    color: var(--fs-muted);
    line-height: 1.4;
}

.fs-fb-type-option input:focus-visible + .fs-fb-type-option__box {
    outline: 2px solid var(--fs-evh-brand);
    outline-offset: 2px;
}

.fs-fb-type-option--complaint input:checked + .fs-fb-type-option__box {
    border-color: var(--fs-rose);
    background: linear-gradient(135deg, #fff, #fff1f2);
    box-shadow: 0 4px 16px rgba(225, 29, 72, 0.12);
}

.fs-fb-type-option--suggestion input:checked + .fs-fb-type-option__box {
    border-color: var(--fs-evh-brand);
    background: linear-gradient(135deg, #fff, #f0fdfa);
    box-shadow: 0 4px 16px rgba(15, 118, 110, 0.12);
}

/* ——— Form fields ——— */
.fs-fb-field {
    margin-bottom: 1rem;
}

.fs-fb-page .fs-fb-form .fs-fb-label {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    font-family: var(--fs-fb-font-roman-bold);
    font-size: var(--fs-fb-fs-base);
    font-weight: 700;
    color: var(--fs-ink);
}

.fs-fb-page .fs-fb-form .fs-fb-label .text-muted {
    font-family: var(--fs-fb-font-roman);
    font-weight: 400;
}

.fs-fb-label i {
    width: 18px;
    text-align: center;
    font-size: 0.82rem;
    color: var(--fs-evh-brand);
}

.fs-fb-page .fs-fb-form .fs-fb-input,
.fs-fb-page .fs-fb-form .fs-fb-select,
.fs-fb-page .fs-fb-form .fs-fb-textarea {
    width: 100%;
    box-sizing: border-box;
    font-family: var(--fs-fb-font-roman) !important;
    font-size: var(--fs-fb-fs-base);
    font-weight: 400;
    color: var(--fs-ink);
    background: #ffffff;
    border: 1.5px solid var(--fs-line);
    border-radius: 12px;
    padding: 0.7rem 0.85rem;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.fs-fb-textarea {
    min-height: 140px;
    resize: vertical;
    line-height: 1.65;
}

.fs-fb-page .fs-fb-form .fs-fb-input:focus,
.fs-fb-page .fs-fb-form .fs-fb-select:focus,
.fs-fb-page .fs-fb-form .fs-fb-textarea:focus {
    outline: none;
    border-color: var(--fs-evh-brand);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.15);
}

.fs-fb-page .fs-fb-form .fs-fb-input:read-only {
    background: #f8fafc;
    color: var(--fs-muted);
}

.fs-fb-page .fs-fb-form .fs-fb-input::placeholder,
.fs-fb-page .fs-fb-form .fs-fb-textarea::placeholder {
    color: #94a3b8;
    font-family: var(--fs-fb-font-roman) !important;
    font-weight: 400;
}

/* حقل الموضوع — Times New Roman عريض */
.fs-fb-page .fs-fb-form #subject {
    font-family: var(--fs-fb-font-roman-bold) !important;
    font-weight: 700;
}

.fs-fb-grid-2 {
    display: grid;
    gap: 1rem;
}

/* ——— Priority pills ——— */
.fs-fb-priority {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.fs-fb-priority label {
    cursor: pointer;
    margin: 0;
}

.fs-fb-priority input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.fs-fb-priority span {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 999px;
    font-family: var(--fs-font-data);
    font-size: var(--fs-fb-fs-sm);
    font-weight: 600;
    border: 1.5px solid var(--fs-line);
    background: #fff;
    color: var(--fs-muted);
    transition: all 0.15s;
}

.fs-fb-priority input:checked + span {
    border-color: transparent;
    color: #fff;
}

.fs-fb-priority label:nth-child(1) input:checked + span { background: #64748b; }
.fs-fb-priority label:nth-child(2) input:checked + span { background: var(--fs-evh-sky); }
.fs-fb-priority label:nth-child(3) input:checked + span { background: var(--fs-evh-amber); color: #1c1917; }
.fs-fb-priority label:nth-child(4) input:checked + span { background: var(--fs-rose); }

.fs-fb-priority input:focus-visible + span {
    outline: 2px solid var(--fs-evh-brand);
    outline-offset: 2px;
}

/* ——— Submit ——— */
.fs-fb-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.85rem 1.5rem;
    border: none;
    border-radius: 12px;
    font-family: var(--fs-font-display);
    font-size: var(--fs-fb-fs-lg);
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(135deg, var(--fs-evh-brand) 0%, var(--fs-ev-brand) 100%);
    box-shadow: 0 4px 18px rgba(15, 118, 110, 0.35);
    transition: transform 0.12s, box-shadow 0.12s;
}

.fs-fb-submit:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 22px rgba(15, 118, 110, 0.4);
}

.fs-fb-submit:active {
    transform: translateY(0);
}

.fs-fb-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
    transform: none;
}

/* ——— Sidebar ——— */
.fs-fb-aside {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.fs-fb-info-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.fs-fb-info-list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 8px 0;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-base);
    font-weight: 500;
    color: #334155;
    line-height: 1.65;
    border-bottom: 1px solid #f1f5f9;
}

.fs-fb-info-list li:last-child {
    border-bottom: none;
}

.fs-fb-info-list li i {
    margin-top: 3px;
    color: var(--fs-ev-brand);
    flex-shrink: 0;
}

.fs-fb-diff {
    display: grid;
    gap: 10px;
}

.fs-fb-diff__item {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--fs-line);
}

.fs-fb-diff__item--rose {
    background: linear-gradient(135deg, #fff, #fff1f2);
    border-color: rgba(225, 29, 72, 0.15);
}

.fs-fb-diff__item--teal {
    background: linear-gradient(135deg, #fff, #f0fdfa);
    border-color: rgba(15, 118, 110, 0.15);
}

.fs-fb-diff__item strong {
    display: block;
    font-family: var(--fs-font-display);
    font-size: var(--fs-fb-fs-base);
    margin-bottom: 4px;
    color: var(--fs-ink);
}

.fs-fb-diff__item p {
    margin: 0;
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-muted);
    line-height: 1.6;
}

.fs-fb-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fs-fb-links a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    text-decoration: none;
    font-family: var(--fs-font-data);
    font-size: var(--fs-fb-fs-base);
    font-weight: 600;
    border: 1px solid var(--fs-line);
    transition: background 0.15s;
}

.fs-fb-links a i { width: 18px; text-align: center; }

.fs-fb-links a.fs-fb-link--teal { color: var(--fs-evh-brand); background: #f0fdfa; }
.fs-fb-links a.fs-fb-link--sky { color: var(--fs-evh-sky); background: #eff6ff; }
.fs-fb-links a.fs-fb-link--green { color: var(--fs-ev-brand-dark); background: #ecfdf5; }

.fs-fb-links a:hover {
    filter: brightness(0.97);
}

/* تخطيط سطح المكتب: farask-feedback-desktop.css (min-width: 1024px) */

/* ——— مؤشرات سريعة ——— */
.fs-fb-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 1.25rem;
}

.fs-fb-stat {
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
    text-align: center;
}

.fs-fb-stat__val {
    display: block;
    font-family: var(--fs-font-display);
    font-size: var(--fs-fb-fs-2xl);
    font-weight: 700;
    color: var(--fs-ink);
    margin-bottom: 4px;
}

.fs-fb-stat__val i {
    font-size: 0.95rem;
    margin-left: 4px;
}

.fs-fb-stat__lbl {
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-muted);
    line-height: 1.5;
}

.fs-fb-stat--teal { border-color: rgba(15, 118, 110, 0.2); }
.fs-fb-stat--teal .fs-fb-stat__val { color: var(--fs-evh-brand); }
.fs-fb-stat--sky { border-color: rgba(37, 99, 235, 0.2); }
.fs-fb-stat--sky .fs-fb-stat__val { color: var(--fs-evh-sky); }
.fs-fb-stat--amber { border-color: rgba(236, 117, 11, 0.25); }
.fs-fb-stat--amber .fs-fb-stat__val { color: #c2410c; }
.fs-fb-stat--green { border-color: rgba(32, 104, 67, 0.2); }
.fs-fb-stat--green .fs-fb-stat__val { color: var(--fs-ev-brand-dark); }

/* ——— خطوات المعالجة ——— */
.fs-fb-steps {
    display: grid;
    gap: 10px;
    margin: 0 0 1rem;
    padding: 0;
    list-style: none;
}

.fs-fb-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
}

.fs-fb-step__num {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--fs-font-data);
    font-size: 0.85rem;
    font-weight: 700;
}

.fs-fb-step--teal .fs-fb-step__num { background: #f0fdfa; color: var(--fs-evh-brand); }
.fs-fb-step--sky .fs-fb-step__num { background: #eff6ff; color: var(--fs-evh-sky); }
.fs-fb-step--amber .fs-fb-step__num { background: #fffbeb; color: #c2410c; }
.fs-fb-step--green .fs-fb-step__num { background: #ecfdf5; color: var(--fs-ev-brand-dark); }

.fs-fb-step strong {
    display: block;
    font-family: var(--fs-font-display);
    font-size: 0.95rem;
    color: var(--fs-ink);
    margin-bottom: 4px;
}

.fs-fb-step p {
    margin: 0;
    font-family: var(--fs-font-ui);
    font-size: 0.84rem;
    color: var(--fs-muted);
    line-height: 1.6;
}

/* ——— قائمة موسّعة ——— */
.fs-fb-check-grid {
    display: grid;
    gap: 8px;
}

.fs-fb-check-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-ink);
    line-height: 1.65;
}

.fs-fb-check-item i {
    margin-top: 3px;
    flex-shrink: 0;
}

.fs-fb-check-item--do i { color: var(--fs-ev-brand); }
.fs-fb-check-item--dont i { color: #e11d48; }

.fs-fb-prose {
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-base);
    color: var(--fs-muted);
    line-height: 1.8;
    margin: 0 0 1rem;
}

.fs-fb-prose strong {
    color: var(--fs-ink);
    font-weight: 700;
}

.fs-fb-services {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.fs-fb-services span {
    font-family: var(--fs-font-data);
    font-size: var(--fs-fb-fs-sm);
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 999px;
    border: 1px solid var(--fs-line);
    background: #ffffff;
    color: var(--fs-muted);
}

/* ——— تحذير نصب واحتيال ——— */
.fs-fb-fraud-banner {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    padding: 1.15rem 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: 16px;
    border: 1px solid rgba(225, 29, 72, 0.35);
    background: linear-gradient(135deg, #ffffff 0%, #fff1f2 55%, #fffbeb 100%);
    box-shadow: 0 4px 20px rgba(225, 29, 72, 0.08);
}

.fs-fb-fraud-banner__icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    color: #be123c;
    background: #fecdd3;
}

.fs-fb-fraud-banner__body strong {
    display: block;
    font-family: var(--fs-font-display);
    font-size: var(--fs-fb-fs-lg);
    color: #9f1239;
    margin-bottom: 8px;
}

.fs-fb-fraud-banner__body p {
    margin: 0;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-base);
    color: #881337;
    line-height: 1.75;
}

.fs-fb-hero__chip--rose {
    color: #be123c;
    background: #fff1f2;
    border-color: rgba(225, 29, 72, 0.25);
}

/* ——— أمثلة شكاوى (مفردات) ——— */
.fs-fb-card--topics {
    border-color: rgba(225, 29, 72, 0.15);
}

.fs-fb-topics {
    display: grid;
    gap: 10px;
    margin-bottom: 1rem;
}

.fs-fb-topic {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1.5px solid var(--fs-line);
    background: #ffffff;
    cursor: pointer;
    text-align: right;
    font-family: inherit;
    transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
}

.fs-fb-topic:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.fs-fb-topic.is-selected {
    border-color: var(--fs-evh-brand);
    box-shadow: 0 0 0 3px rgba(15, 118, 110, 0.18);
}

.fs-fb-topic__icon {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.fs-fb-topic--rose .fs-fb-topic__icon { background: #fff1f2; color: #e11d48; }
.fs-fb-topic--rose { border-color: rgba(225, 29, 72, 0.2); }
.fs-fb-topic--rose:hover { border-color: rgba(225, 29, 72, 0.45); }

.fs-fb-topic--amber .fs-fb-topic__icon { background: #fffbeb; color: #c2410c; }
.fs-fb-topic--amber { border-color: rgba(245, 158, 11, 0.25); }

.fs-fb-topic--sky .fs-fb-topic__icon { background: #eff6ff; color: var(--fs-evh-sky); }
.fs-fb-topic--teal .fs-fb-topic__icon { background: #f0fdfa; color: var(--fs-evh-brand); }
.fs-fb-topic--green .fs-fb-topic__icon { background: #ecfdf5; color: var(--fs-ev-brand-dark); }

.fs-fb-topic__text {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.fs-fb-topic__text strong {
    font-family: var(--fs-font-display);
    font-size: var(--fs-fb-fs-base);
    font-weight: 700;
    color: var(--fs-ink);
}

.fs-fb-topic__text small {
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-muted);
    line-height: 1.45;
}

.fs-fb-topic__action {
    flex-shrink: 0;
    color: var(--fs-muted);
    font-size: 0.9rem;
}

.fs-fb-topics-foot {
    margin: 0;
    font-family: var(--fs-font-ui);
    font-size: var(--fs-fb-fs-sm);
    color: var(--fs-muted);
    line-height: 1.65;
    padding: 10px 12px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px dashed var(--fs-line);
}

.fs-fb-topics-foot i {
    color: var(--fs-evh-brand);
    margin-left: 6px;
}

/* نظرة عامة — يُوسَّع على سطح المكتب */
.fs-fb-overview {
    display: none;
}

.fs-fb-hero__grid,
.fs-fb-hero__body,
.fs-fb-hero__lead--sub {
    display: block;
}

.fs-fb-grid-3 {
    display: block;
}