/* عرّاب — صفحتا المسابقة والنادي (#183-2). الجداول والتبويبات بنفس قواعد match.html حرفيًا حتى يتطابق الشكل. */
body{overflow-x:hidden;padding-bottom:40px}
.wrap{max-width:640px;margin:0 auto;padding:22px 18px}
.topbar{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.topbar h1{font-family:'Cairo';font-weight:800;font-size:1.25rem;color:var(--gold);min-width:0;overflow:hidden;text-overflow:ellipsis}
.card{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:12px;margin-bottom:9px}
.empty-note{font-size:0.8125rem;color:var(--muted);padding:14px 0;text-align:center;line-height:1.8}
/* رأس الكيان: شعار + اسم + سطر فرعي (الدولة / المسابقات) — ارتفاع محجوز قبل البيانات (لا قفزة) */
.ehead{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,var(--navy2),var(--navy));border:1px solid var(--line);
  border-radius:16px;padding:14px 16px;margin-bottom:14px;min-height:78px}
.ehead .logo{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center}
.ehead .logo img{width:48px;height:48px;object-fit:contain}
.ehead .ini,.mrow .ini{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--navy3);color:var(--gold);font-size:0.59375rem;font-weight:900;flex-shrink:0}
.ehead .ini{width:48px;height:48px;font-size:0.9375rem}
.ehead .nm{font-family:'Cairo';font-weight:800;font-size:1.0625rem;color:var(--cream);line-height:1.3}
.ehead .sub{font-size:0.71875rem;color:var(--muted);font-weight:700;margin-top:3px}
.ehead .sub a{color:var(--gold-soft);text-decoration:none;font-weight:800;display:inline-block;padding:12px 0;margin:-12px 0}
.mtabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin-bottom:14px;position:sticky;top:0;z-index:5;background:var(--navy)}
.mtabs::-webkit-scrollbar{display:none}
.mtb{flex:0 0 auto;padding:12px 14px;font-size:0.78125rem;font-weight:800;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;min-height:44px}
.mtb[aria-selected="true"]{color:var(--gold);border-bottom-color:var(--gold)}
.mtb:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.mpanel{display:none;min-height:40vh}
.mpanel.on{display:block}
.sechd{font-size:0.71875rem;color:var(--muted);font-weight:700;margin:18px 0 9px}
.dayhd{font-size:0.71875rem;color:var(--gold-soft);font-weight:800;margin:14px 2px 7px}
.dayhd:first-child{margin-top:0}
/* صفّ المباراة: ارتفاع ثابت كبطاقة التبويب (لا يتغيّر بين حيّة ومنتهية) */
.mrow{background:var(--card);border:1px solid rgba(255,255,255,0.06);border-radius:12px;padding:8px 11px;margin-bottom:6px}
.mrow.tappable{cursor:pointer;transition:background 140ms ease,border-color 140ms ease}
.mrow.tappable:hover,.mrow.tappable:active{background:var(--navy3);border-color:var(--line)}
.mrow.tappable:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.mrow .lg{display:flex;align-items:center;gap:5px;font-size:0.625rem;color:var(--muted);font-weight:700;margin-bottom:4px}
.mrow .line{display:flex;align-items:center;gap:8px;min-height:44px}
.mrow .tm{display:flex;align-items:center;gap:7px;flex:1;min-width:0;font-size:0.78125rem;font-weight:700}
.mrow .tm img{width:22px;height:22px;object-fit:contain;flex-shrink:0}
.mrow .tm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mrow .tm.away{flex-direction:row-reverse}
.mrow .tm.me span{color:var(--gold)}
.mrow .mid{flex-shrink:0;min-width:64px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  font-weight:900;font-variant-numeric:tabular-nums;font-size:0.9375rem;color:var(--cream)}
.mrow .mid small{font-size:0.5625rem;font-weight:800}
.mrow .mid.live small{color:var(--green)}
.mrow .mid.soon{font-size:0.8125rem;color:var(--gold);border:1.5px solid var(--line);border-radius:999px;padding:5px 9px}
.mrow .mid.pp{font-size:0.625rem;color:var(--err);border:1px solid rgba(232,115,91,.4);border-radius:999px;padding:5px 9px}
/* روابط الكيانات (كل اسم نادٍ/مسابقة رابط — تدقيق 2026-10-13): ترث اللون والخط فلا يتغيّر الشكل، ومنطقة الضغط 44 مخفية */
.elink{color:inherit;text-decoration:none}
.tw td .elink{display:inline-block;min-width:44px;padding:12px 0;margin:-12px 0}
.mrow .tm .elink{display:flex;align-items:center;gap:7px;min-width:0;min-height:44px;flex:1}
.mrow .tm.away .elink{flex-direction:row-reverse}
.mrow .lg .elink{display:inline-flex;align-items:center;gap:5px;padding:12px 0;margin:-12px 0}
.tw{overflow-x:auto}
.tw table{width:100%;border-collapse:collapse;font-size:0.78125rem;font-variant-numeric:tabular-nums}
.tw th{font-size:0.65625rem;color:var(--muted);font-weight:700;padding:9px 5px;text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.tw td{padding:10px 5px;text-align:center;border-bottom:1px solid rgba(255,255,255,0.045);font-weight:700;white-space:nowrap}
.tw th:nth-child(2),.tw td:nth-child(2){text-align:start;font-weight:800}
.tw td.gd{direction:ltr}
.tw tr.me td{background:rgba(232,184,75,0.08)}
.tw tr.me td:nth-child(2){color:var(--gold)}
.tw td.pts{color:var(--gold);font-weight:900}
.tw td:first-child{position:relative;padding-inline-start:12px}
.band{position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:3px;border-radius:2px}
.band.ucl{background:var(--blue)}
.band.uel{background:#9B6BD6}
.band.pro{background:var(--green)}
.band.rel{background:var(--err)}
.band.oth{background:var(--muted)}
.keys{display:flex;flex-wrap:wrap;gap:7px}
.keyrow{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:0.71875rem;font-weight:700;position:relative}
.keyrow .band{position:static;width:3px;height:13px;flex:0 0 auto;border-radius:2px}
.f5{display:inline-flex;gap:3px}
.f5 b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:0.59375rem;font-weight:800}
.f5 .w{background:rgba(63,179,127,.22);color:var(--green)}
.f5 .d{background:rgba(139,153,171,.22);color:var(--muted)}
.f5 .l{background:rgba(232,115,91,.22);color:var(--err)}
/* المسابقات بصفحة النادي: شرائح تفتح صفحة المسابقة */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip-l{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);
  color:var(--cream);font-size:0.78125rem;font-weight:800;text-decoration:none}
.chip-l:hover{border-color:var(--gold);color:var(--gold)}
.guest{background:linear-gradient(160deg,rgba(232,184,75,0.11),var(--card));border:1px solid var(--line);border-radius:16px;padding:26px 20px;text-align:center}
.guest h2{font-family:'Cairo';font-weight:800;font-size:1.125rem;color:var(--gold);line-height:1.5}
.guest p{font-size:0.78125rem;color:var(--muted);line-height:1.9;margin:10px 0 14px}
.guest .opens{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px}
.guest .opens span{font-size:0.71875rem;font-weight:700;color:var(--cream);background:rgba(255,255,255,0.05);border:1px solid var(--line);border-radius:999px;padding:5px 12px}
.guest .btn{display:block;max-width:280px;margin:0 auto;text-decoration:none;text-align:center}
.guest .alt{font-size:0.71875rem;color:var(--muted);margin-top:14px}
.guest .alt a{color:var(--gold);font-weight:800;text-decoration:none}
/* #195 (قرار المالك 2026-10-22): شريط دعوة مختصر للزائر — الصفحة مفتوحة للقراءة، والشريط نصّ وزر فقط */
.guest.guest-bar{padding:14px 16px;margin:0 0 14px;text-align:start}
.guest.guest-bar p{font-size:0.875rem;color:var(--cream);line-height:1.6;margin:0 0 10px}
.guest.guest-bar .btn{display:flex;align-items:center;justify-content:center;max-width:none;width:100%;min-height:44px;border-radius:999px;background:var(--gold);color:var(--navy);font-weight:800}
.skel{height:60px;border-radius:12px;background:var(--card);margin-bottom:6px;opacity:.6}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 183-17: نجمة المفضّلة بجانب اسم النادي بصفحته — 44px لمس، ذهبية تمتلئ عند المتابعة */
.tp-star{appearance:none;border:0;background:transparent;color:var(--gold);opacity:.55;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;flex-shrink:0;padding:0;margin:-8px -6px}
.tp-star svg{width:22px;height:22px}
.tp-star[aria-pressed="true"]{opacity:1}
.tp-star[aria-pressed="true"] svg path{fill:var(--gold)}
.tp-star:focus-visible{outline:2px solid var(--gold);outline-offset:2px}