/* بلدية رفح — صفحات الوثائق (الشفافية والمساءلة، تقارير البلدية). كل القواعد محصورة داخل .rm-page */
.rm-page {
    --rm-green-900: #04351f; --rm-green-700: #06623b; --rm-green-50: #eef6f1;
    --rm-gold: #c9a227; --rm-ink: #12241b; --rm-text: #44524b; --rm-muted: #6f7d76; --rm-line: #e3e9e5; --rm-bg: #f5f7f6;
    display: block; direction: rtl; text-align: right; background: var(--rm-bg); color: var(--rm-text);
    font-family: 'Cairo', 'Segoe UI', Tahoma, sans-serif; font-size: 16px; line-height: 1.75; padding-bottom: 72px;
}
.rm-page *, .rm-page *::before, .rm-page *::after { box-sizing: border-box; }
.rm-page h1, .rm-page h2, .rm-page p { margin: 0; font-family: inherit; letter-spacing: 0; }
.rm-page a { text-decoration: none; color: inherit; }
.rm-page ul { list-style: none; margin: 0; padding: 0; }
.rm-page__wrap { width: 100%; max-width: 1040px; margin-inline: auto; padding-inline: 20px; }

.rm-page__head { background: radial-gradient(700px 300px at 85% -20%, rgba(201, 162, 39, .18), transparent 60%), linear-gradient(160deg, var(--rm-green-900), var(--rm-green-700)); padding: 44px 0 76px; }
.rm-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 14px; color: rgba(255, 255, 255, .75); margin-bottom: 10px !important; }
.rm-crumbs a:hover { color: #fff; text-decoration: underline; }
.rm-crumbs li + li::before { content: "/"; margin-inline-end: 8px; opacity: .6; }
.rm-page .rm-page__head h1 { color: #fff; font-size: clamp(26px, 3.2vw, 38px); font-weight: 700; line-height: 1.4; }
.rm-page__head p { color: rgba(255, 255, 255, .82); max-width: 62ch; margin-top: 8px; font-size: 16px; }

.rm-docs { margin-top: -44px; background: #fff; border: 1px solid var(--rm-line); border-radius: 20px; box-shadow: 0 2px 4px rgba(16, 40, 28, .06), 0 24px 48px -18px rgba(16, 40, 28, .22); overflow: hidden; }
.rm-docs__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 22px; border-bottom: 1px solid var(--rm-line); font-size: 14.5px; color: var(--rm-muted); }
.rm-docs__bar b { color: var(--rm-ink); font-weight: 700; }
.rm-doc { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 22px; border-bottom: 1px solid var(--rm-line); transition: background .2s; }
.rm-doc:last-child { border-bottom: 0; }
.rm-doc:hover { background: var(--rm-green-50); }
.rm-doc__ic { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #fdecec; color: #c0392b; font-size: 19px; }
.rm-doc__t { display: block; font-size: 16px; font-weight: 700; color: var(--rm-ink); line-height: 1.6; }
.rm-doc__m { display: block; font-size: 13px; color: var(--rm-muted); }
.rm-doc__btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border-radius: 999px; border: 1.5px solid var(--rm-line); background: #fff; font-size: 14px; font-weight: 700; color: var(--rm-green-700); white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.rm-doc:hover .rm-doc__btn { background: var(--rm-green-700); border-color: var(--rm-green-700); color: #fff; }
.rm-doc__btn i { font-size: 12px; }
.rm-page a:focus-visible { outline: 3px solid var(--rm-gold); outline-offset: 2px; border-radius: 8px; }
.rm-docs__empty { padding: 40px 20px; text-align: center; color: var(--rm-muted); }

@media (max-width: 560px) {
    .rm-page__wrap { padding-inline: 16px; }
    .rm-doc { grid-template-columns: auto minmax(0, 1fr); padding: 14px 16px; }
    .rm-doc__btn { grid-column: 2; justify-self: start; }
    .rm-docs__bar { padding: 14px 16px; }
}