/* v2 mobile design mimicking GMX layout */
:root{--brand:#136c3b;--brand2:#0a8f3a;--ink:#0f172a;--muted:#6b7280;--bg:#ECF0ED;--card:#fff;--radius:16px;--shadow:0 8px 20px rgba(16,94,50,.10)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0;font-family:"Noto Kufi Arabic",system-ui,Arial;direction:rtl;color:var(--ink);background:var(--bg);z-index:-2;position:relative}
.container{max-width:520px;margin:0 auto;padding:14px}
.header{background:linear-gradient(0deg,var(--brand),var(--brand2));color:#fff;box-shadow:var(--shadow)}
.brand-hero{border:1px solid rgba(255,255,255,.15);padding:18px;border-radius:16px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02))}
.avatar{width:64px;height:64px;border-radius:999px;background:#fff;color:var(--brand);display:grid;place-items:center;margin:0 auto 10px;box-shadow:inset 0 0 0 6px rgba(255,255,255,.3)}
.brand-hero h1{margin:6px 0;font-size:22px;color:#fff}.brand-hero p{margin:0;color:#e9f7ed;font-size:13px}
.ctas{margin-top:12px;display:grid;gap:10px}.cta{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--brand);padding:12px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 3px 12px rgba(0,0,0,.08)}
.cta.secondary{background:#0a7a3a;color:#fff}
.kpi-wrap{transform:translateY(-18px)}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:#fff;border-radius:16px;padding:12px;text-align:center;box-shadow:var(--shadow)}.kpi .v{font-size:18px;font-weight:800;color:#0d6d39}.kpi .t{font-size:11px;color:var(--muted)}
.card{background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);margin:12px 0}.card h3{margin:0 0 10px;font-size:16px}
.pill{display:inline-flex;gap:8px;align-items:center;background:#edf7f0;color:#0d6d39;border:1px dashed #cfe7d7;padding:10px;border-radius:12px;font-size:13px}
.tabs{display:flex;gap:10px;margin-top:10px}.tab{flex:1;text-align:center;padding:10px;background:#f5faf6;border-radius:999px;color:#2b5a3f;text-decoration:none;font-size:13px}.tab.active{background:#fff;border:1px solid #d7eadf;box-shadow:var(--shadow)}
.list{display:grid;gap:10px}.list .item{background:#fff;border-radius:12px;padding:12px;border:1px solid #e6f0e8}.list .q{margin:0 0 6px;font-weight:700;font-size:14px}.list .a{margin:0;color:#6b7280;font-size:13px}
.footer{margin:12px 0 48px;color:#6b7280;font-size:12px;text-align:center}
.section{background:#fff;border-radius:16px;box-shadow:var(--shadow);margin:12px 0}.section .title{padding:12px 16px;border-bottom:1px solid #e8efe9;display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#fff;background:var(--brand);border-radius:16px 16px 0 0}.section .content{padding:16px}
label{display:block;margin-bottom:6px;font-size:13px}
input[type=text],input[type=tel],input[type=email],select,textarea{width:100%;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;font-size:14px}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(10,143,58,.25);border-color:var(--brand)}
.hint{color:#6b7280;font-size:12px;margin-top:6px}.error{color:#b91c1c;font-size:12px;margin-top:6px}
.upload{display:grid;place-items:center;border:2px dashed #d8e8dd;border-radius:14px;padding:16px;color:#4d6f59;background:#f6fbf7}
.upload .btn{margin-top:10px;display:inline-block;background:var(--brand);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none}
.actions{display:flex;gap:10px}
button,.btn{appearance:none;border:0;background:var(--brand);color:#fff;padding:12px 14px;border-radius:12px;font-size:15px;font-weight:700;width:100%;box-shadow:0 6px 16px rgba(10,143,58,.35);transition:transform .05s ease, box-shadow .2s}
button:active,.btn:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(10,143,58,.2)}.secondary{background:#0a8040}
.overlay{position:fixed;inset:0;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:14px;z-index:99}
.modal{width:100%;max-width:520px;background:#fff;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.badge{display:inline-block;padding:6px 10px;font-size:12px;border-radius:999px;background:#e8f7ee;color:#0d6d39;border:1px solid #d6eadf}
.code{font-family:ui-monospace,"Cascadia Mono","Courier New",monospace;background:#f0faf3;padding:10px 14px;border-radius:10px;display:inline-block;font-size:20px;font-weight:800;color:#0e6a38}
.searchbar{display:flex;gap:8px}.searchbar input{flex:1}.status-chip{display:inline-block;padding:6px 10px;border-radius:999px;background:#e8f7ee;color:#0d6d39;border:1px solid #cae7d7;font-size:12px}
.meta{font-size:12px;color:#6b7280}hr.sep{border:0;border-top:1px solid #eef2ef;margin:12px 0}

/* Toast */
.toast-wrap{ position: fixed; bottom: 18px; right: 18px; left: 18px; display: grid; gap: 8px; z-index: 9999; }
.toast{ background:#111827; color:#fff; padding: 12px 14px; border-radius: 12px; box-shadow: 0 6px 18px rgba(0,0,0,.25); text-align:center; }

/* Footer */
.site-footer{background:#0f5e56;color:#e8f7ef;margin-top:20px}
.site-footer a{color:#e8f7ef;text-decoration:none}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px 0}
.footer-grid h4{margin:0 0 8px;font-size:14px}
.footer-grid ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.icon-row{display:flex;gap:8px}
.icon{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:rgba(255,255,255,.06)}
.a11y{appearance:none;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.06);color:#fff;border-radius:10px;padding:8px 10px}
.stores img{height:34px;margin:6px 6px 0 0;background:#fff;border-radius:8px;padding:4px}
.footer-bottom{border-top:1px solid rgba(255,255,255,.25);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;padding:12px 0 16px;font-size:12px;opacity:.9}
@media (min-width:520px){ .footer-grid{grid-template-columns:repeat(4,1fr);} }

/* Accessibility quick helpers */
body.bigger-text{font-size:18px}
body.high-contrast{filter: contrast(1.1) saturate(1.1)}
body.mono-font{font-family: "Cascadia Mono","Courier New",monospace}

/* KPI icons */
.kpi .icon{font-size:18px;display:block;margin-bottom:4px;width:100%}

/* v5 tweaks */
.site-footer{width:100%}
main.container{position:relative; z-index:-1}