/* wifi.css — v7.7.0 «شبكات الواي فاي» (customer). RASD colours: navy #0d2c3a, teal #1b5566, gold #d9b07a, cream #F7F3EA */
.wf-nets{display:flex;flex-direction:column;gap:10px}
.wf-net{display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;box-shadow:var(--sh);padding:12px;color:var(--ink);text-decoration:none}
.wf-net:active{transform:scale(.985)}
.wf-net .wf-lg{flex:none;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--teal));color:var(--gold);display:grid;place-items:center;overflow:hidden}
.wf-net .wf-lg svg{width:28px;height:28px}.wf-net .wf-lg img{width:100%;height:100%;object-fit:cover}
.wf-net .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.wf-net .mid b{font-size:15.5px;font-weight:800}
.wf-net .mid small{font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:3px}.wf-net .mid small svg{width:13px;height:13px}
.wf-net .wf-cnt{flex:none;font-size:12px;font-weight:800;color:var(--teal);background:#eef4f3;border-radius:20px;padding:4px 10px}
.wf-net.out{opacity:.65}.wf-net.out .wf-cnt{color:#9a4b3b;background:#fbeeea}
.wf-cat .wf-val{font-size:11.5px;color:rgba(255,255,255,.72)}
.wf-cat.out{cursor:not-allowed;opacity:.6}.wf-cat.out b,.wf-cat.out .pr{opacity:.6}
.wf-cat .wf-out{position:absolute;top:-8px;left:12px;font-style:normal;font-size:10.5px;font-weight:800;background:#9a4b3b;color:#fff;border-radius:10px;padding:1px 8px}
.wf-soon{text-align:center;background:#fff;border-radius:18px;box-shadow:var(--sh);padding:30px 18px;margin-top:10px}
.wf-soon .wf-bigic{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 10px;border-radius:22px;background:linear-gradient(135deg,var(--navy),var(--teal));color:var(--gold)}
.wf-soon .wf-bigic svg{width:42px;height:42px}.wf-soon b{display:block;font-size:20px;font-weight:900;color:var(--navy)}.wf-soon p{color:var(--muted);font-size:13.5px;line-height:1.7;margin:8px 0 0}
.wf-done{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:6px}
.wf-done .wf-ok{width:64px;height:64px;border-radius:50%;background:#e6f3ec;color:#2e7d4f;display:grid;place-items:center;font-size:30px;font-weight:900}.wf-done .wf-ok svg{width:34px;height:34px}
.wf-done .wf-t{font-size:19px;font-weight:900;color:var(--navy)}.wf-done>small{color:var(--muted);font-size:13px}
.wf-card{width:100%;background:linear-gradient(145deg,var(--navy),var(--teal));color:#fff;border-radius:20px;padding:16px;margin:10px 0 4px;box-shadow:0 10px 26px rgba(13,44,58,.25)}
.wf-card .wf-ch{display:flex;align-items:center;gap:8px;margin-bottom:10px}.wf-card .wf-ch span{color:var(--gold)}.wf-card .wf-ch svg{width:24px;height:24px}.wf-card .wf-ch b{font-size:15px;font-weight:800}
.wf-code{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(217,176,122,.45);border-radius:14px;padding:10px 12px;margin-top:8px}
.wf-code span{flex:none;font-size:12px;opacity:.8;min-width:72px}.wf-code b{flex:1;font-size:21px;font-weight:900;letter-spacing:1.5px;color:#fff;text-align:left;word-break:break-all;font-family:ui-monospace,Menlo,monospace}
.wf-code .cpy{flex:none;display:flex;align-items:center;gap:4px;background:var(--gold);color:var(--navy);border:0;border-radius:10px;padding:7px 10px;font-weight:800;font-family:inherit;cursor:pointer}
.wf-code .cpy svg{width:16px;height:16px}.wf-code .cpy i{font-style:normal;font-size:12.5px}
.wf-card .wf-foot{margin-top:10px;font-size:12px;opacity:.7;text-align:center}
.wf-done .row2{width:100%}
.wford .svcode{margin-top:6px}

/* v7.7: service / game images (admin «الصورة») — rounded square, cover; the icon stays when no image is set */
.tile .tic img.svimg{width:46px;height:46px;object-fit:cover;border-radius:13px;box-shadow:0 2px 6px rgba(13,44,58,.12)}
.fav .fc img.svimg{width:100%;height:100%;object-fit:cover;border-radius:50%}
.fp .tic img.svimg{width:28px;height:28px;object-fit:cover;border-radius:8px}
.svhead .svic img.svimg{width:52px;height:52px;object-fit:cover;border-radius:14px}
.ic.svc img.svimg{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.svitem img{object-fit:cover;border-radius:10px}

/* v7.7.1 «الكرت ما اشتغل» */
.wf-repbtn{margin-top:8px;font-size:12px;padding:6px 12px}
.wf-rep{margin-top:8px;font-size:12px;font-weight:800;padding:6px 10px;border-radius:10px;background:#F7F3EA;color:#1b5566}
.wf-rep.st-refunded{background:#e6f4ea;color:#1e7a3c}
.wf-rep.st-rejected{background:#f3f3f3;color:#555}