/* Arabic adaptation and admin-only layout; MARTEX remains the visual source. */
body { font-family: Tahoma, Arial, sans-serif; background: #fbfbfd; }
h1,h2,h3,h4,p,a,input,select,textarea,button { font-family: inherit; }
.admin-header { background: #fff; border-bottom: 1px solid #eee; }
.header-inner { display: flex; align-items: center; gap: 24px; min-height: 88px; }
.brand { display: flex; align-items: center; gap: 9px; font-size: 26px; font-weight: 700; color: #353f4f; }
.brand-dot { width: 10px; height: 10px; background: var(--theme-color, #f74780); border-radius: 50%; }
.header-label { border-right: 1px solid #ddd; padding-right: 24px; }
.local-badge { margin-inline-start: auto; font-size: 12px; padding: 6px 12px; background: #f4f4f9; border-radius: 6px; }
.admin-nav { display: flex; gap: 26px; overflow-x: auto; padding: 23px 0; border-bottom: 1px solid #e7e7e7; }
.admin-nav a { white-space: nowrap; font-size: 14px; padding-bottom: 8px; color: #6c757d; }
.admin-nav a[aria-current] { color: #f74780; border-bottom: 2px solid #f74780; font-weight: 700; }
.page-heading { padding: 44px 0 28px; }
.page-heading .section-id { margin-bottom: 12px; display: block; font-size: 14px; }
.page-heading h1 { margin-bottom: 16px; }
.page-heading p { margin-bottom: 0; }
.admin-panel { padding: 32px; margin-bottom: 24px; }
.admin-panel h2 { margin-bottom: 26px; }
.stat { height: 100%; margin-bottom: 0; }
.stat p { font-size: 14px; }
.step { display: block; color: #f74780; font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.admin-panel h3 { margin-bottom: 12px; }
.admin-panel p { font-size: 15px; }
.field { margin-bottom: 20px; max-width: 740px; }
.field label { display: block; color: #353f4f; font-size: 15px; font-weight: 600; margin-bottom: 8px; }
.field small { display: block; margin-top: 7px; font-size: 12px; }
.field .form-control,.field .form-select { background-color: #fff; font-size: 15px; min-height: 48px; border-color: #d9dce0; text-align: start; }
.field .form-select { padding-right: 14px; padding-left: 40px; background-position: left 12px center; }
input[type=email],input[type=url],input[type=date] { direction: ltr; }
.table { margin: 0; font-size: 14px; min-width: 560px; }
.table th { color: #353f4f; background: #f8f9fb; font-weight: 600; white-space: nowrap; }
.table td,.table th { padding: 16px 12px; vertical-align: middle; }
.table form .btn { font-size: 12px; padding: 6px 12px; }
.status { display: inline-block; border-radius: 6px; padding: 4px 9px; margin: 2px; background: #e8f6ef; color: #236341; font-size: 12px; }
.status.muted { background: #f0f1f4; color: #646976; }
.empty { padding: 28px; text-align: center; border: 1px dashed #d9dce0; border-radius: 12px; }
.empty p { margin: 8px 0 0; }
.notice { padding: 18px 24px; background: #fff0f5; color: #702b45; border-right: 3px solid #f74780; border-radius: 6px; margin-bottom: 24px; }
.admin-footer { padding-top: 16px; padding-bottom: 32px; font-size: 12px; }
.skip-link { position: absolute; top: -100px; }
.skip-link:focus { top: 8px; right: 8px; background: white; padding: 12px; z-index: 100; }
a:focus-visible,button:focus-visible { outline: 3px solid #7b40a3; outline-offset: 4px; }
@media(max-width:767px) { .header-inner { gap: 12px; flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; } .header-label { font-size: 13px; padding-right: 12px; } .brand { font-size: 22px; } .local-badge { font-size: 10px; } .admin-panel { padding: 20px; } .page-heading { padding-top: 30px; } .page-heading h1 { font-size: 32px; } .admin-nav { gap: 22px; } .stat strong { font-size: 34px; } }