/* FMM Requests — FM MECA brand: red #c61818 | ink #1a1a1a | white #fff */

.fmm-req-form,
.fmm-req-list,
.fmm-req-notice,
.fmm-req-empty,
.fmm-req-flash {
    --fmm-red:      #c61818;
    --fmm-red-dark: #a30f0f;
    --fmm-ink:      #1a1a1a;
    --fmm-muted:    #6b7280;
    --fmm-border:   #e5e7eb;
    --fmm-soft:     #f7f8fa;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}

/* ── Form ── */
.fmm-req-form { display: flex; flex-direction: column; gap: 18px; }
.fmm-req-field { display: flex; flex-direction: column; gap: 6px; }
.fmm-req-label { font-weight: 600; color: var(--fmm-ink); font-size: .92rem; }
.fmm-req-label em { color: var(--fmm-muted); font-style: normal; font-weight: 400; font-size: .82rem; }

.fmm-req-form input[type="text"],
.fmm-req-form select,
.fmm-req-form textarea {
    width: 100%;
    padding: 11px 14px;
    border: 1px solid var(--fmm-border);
    border-radius: 9px;
    font: inherit;
    color: var(--fmm-ink);
    background: #fff;
    box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s;
}
.fmm-req-form input[type="text"]:focus,
.fmm-req-form select:focus,
.fmm-req-form textarea:focus {
    outline: none;
    border-color: var(--fmm-red);
    box-shadow: 0 0 0 3px rgba(198,24,24,.12);
}
.fmm-req-form textarea { resize: vertical; min-height: 120px; }

.fmm-req-row { display: flex; gap: 16px; }
.fmm-req-row .fmm-req-field { flex: 1; }

.fmm-req-submit {
    align-self: flex-start;
    background: var(--fmm-red);
    color: #fff;
    border: none;
    border-radius: 9px;
    padding: 12px 28px;
    font-weight: 600;
    font-size: .95rem;
    cursor: pointer;
    transition: background .15s, box-shadow .15s;
}
.fmm-req-submit:hover { background: var(--fmm-red-dark); box-shadow: 0 4px 14px rgba(198,24,24,.28); }

.fmm-req-hint { color: var(--fmm-muted); font-size: .82rem; margin: 0; }

/* ── Notices / flash ── */
.fmm-req-notice,
.fmm-req-empty {
    background: #fff;
    border: 1px solid var(--fmm-border);
    border-left: 4px solid var(--fmm-red);
    padding: 1rem 1.25rem;
    border-radius: 9px;
    color: var(--fmm-ink);
}
.fmm-req-notice a, .fmm-req-empty a { color: var(--fmm-red); font-weight: 600; }

.fmm-req-flash { padding: 12px 18px; border-radius: 9px; margin-bottom: 18px; font-size: .92rem; }
.fmm-req-flash--ok  { background: #edfaf1; border: 1px solid #b7e4c7; border-left: 4px solid #276749; color: #1f5238; }
.fmm-req-flash--err { background: #fdecea; border: 1px solid #f5c2c0; border-left: 4px solid var(--fmm-red); color: #a3211c; }
[dir="rtl"] .fmm-req-notice, [dir="rtl"] .fmm-req-empty,
[dir="rtl"] .fmm-req-flash--ok, [dir="rtl"] .fmm-req-flash--err { border-left-width: 1px; border-right-width: 4px; border-right-style: solid; }

/* ── My Requests list ── */
.fmm-req-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.fmm-req-item { background: #fff; border: 1px solid var(--fmm-border); border-radius: 11px; padding: 16px 20px; }
.fmm-req-item__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.fmm-req-item__title { font-weight: 700; color: var(--fmm-ink); }
.fmm-req-item__meta { font-size: .84rem; color: var(--fmm-muted); }
.fmm-req-item__meta a { color: var(--fmm-red); font-weight: 600; text-decoration: none; }
.fmm-req-item__meta a:hover { text-decoration: underline; }

.fmm-req-pill { padding: 3px 12px; border-radius: 12px; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; }
.fmm-req-pill--new       { background: #fff8e5; color: #92400e; }
.fmm-req-pill--in_review { background: #dbeafe; color: #1d4ed8; }
.fmm-req-pill--converted { background: #dcfce7; color: #15803d; }
.fmm-req-pill--declined  { background: #fee2e2; color: #b91c1c; }

@media (max-width: 600px) {
    .fmm-req-row { flex-direction: column; gap: 18px; }
}