/* FOS21.2 — עיצוב המסלול החיצוני ("מועדון") · מקור: docs/ARCH/עיצוב-הצעה/נבחר-09.09.2026/style.css
   הותאם למוצר: הוסרו חלקי הדגמה (notice/studio/preview/dark), נוספו רכיבי נגן/ציור/מדיה חיים. */
*{box-sizing:border-box}
html{font-family:Arial,sans-serif;font-size:16px;color:#122544;background:#eef2f7}
body{margin:0;line-height:1.5;background:#f1f4f8}
button,input,select,textarea{font:inherit}
button,a,input,select{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
button,.button{min-height:46px;padding:10px 17px;border:1px solid var(--line,#d6e0ed);border-radius:9px;background:var(--surface,#fff);color:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
button:hover,.button:hover{filter:brightness(.95)}
:focus-visible{outline:3px solid #e5a52c;outline-offset:3px}
.primary{background:#1647b9;color:#fff;border-color:#1647b9}
.quiet{background:transparent}
.muted{color:var(--muted,#51657e)}
small{font-size:14px}
h1,h2,h3,p{margin:0}
h1{font-size:30px;line-height:1.25}h2{font-size:22px}h3{font-size:18px}
:root{--line:#d6e0ed;--muted:#51657e;--surface:#fff}
[hidden]{display:none!important}

header{background:#fff;border-bottom:1px solid var(--line);padding:16px max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:48px;height:48px;border-radius:50%}
.brand strong{display:block;font-size:18px;letter-spacing:-.4px}
.brand small{display:block;color:var(--muted);margin-top:2px}
main{max-width:1120px;margin:auto;padding:28px 22px 90px}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.between{justify-content:space-between}

/* ── כניסה ── */
.login{min-height:100dvh;display:grid;place-items:center;padding:30px 20px;background:#0d2a5c}
.login-box{background:#fff;width:min(100%,420px);padding:42px;border-radius:4px 4px 20px 20px;border-top:6px solid #5e8bda;text-align:center}
.login-box img{width:120px;height:120px;margin-bottom:20px;border-radius:50%}
.login-box h1{font-size:27px;letter-spacing:-.5px}
.login-box p{margin-top:8px}
.login-box .field{text-align:right;margin-top:28px}
.login-box input{letter-spacing:10px;text-align:center;font-size:25px;direction:ltr;background:#f2f5fa;border:1px solid #bccce2}
.login-box button{width:100%;margin-top:15px;min-height:52px}
.login-box small{display:block;margin-top:20px}
.login-err{color:#c22f3d;min-height:22px;margin-top:10px;font-size:14px}
.field{display:grid;gap:7px;margin:14px 0;font-size:14px;font-weight:bold}
input,select,textarea{width:100%;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:7px;min-width:0;background:#fff;color:#122544}
textarea{line-height:1.5}

/* ── רשימת משחקים ── */
.games-main{max-width:1000px}
.games-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:6px 0 24px}
.games-heading h1{font-size:34px;letter-spacing:-.7px}
.season-label{font-size:14px;color:#435e81}
.games-tools{display:grid;grid-template-columns:1fr 210px;gap:16px;margin-bottom:24px}
.games-tools .field{margin:0}
.games-tools input,.games-tools select{background:#fff}
.latest-game{background:#0d2a5c;color:#fff;display:grid;grid-template-columns:1.1fr 1fr;border-radius:14px;overflow:hidden;margin-bottom:32px}
.latest-copy{padding:28px}
.latest-label{font-size:13px;color:#d0e1ff;border-bottom:2px solid #86acf1;padding-bottom:6px;display:inline-block;margin-bottom:16px}
.latest-copy>p{font-size:14px;color:#d0e1ff}
.latest-copy h2{font-size:28px;line-height:1.3;margin:10px 0}
.latest-copy .game-result{font-size:18px;color:#fff;margin:12px 0 24px}
.latest-game>img{width:100%;height:100%;object-fit:cover}
.latest-game .primary{background:#fff;border-color:#fff;color:#0d2a5c}
.latest-game button,.latest-game .button:not(.primary){background:transparent;color:#fff;border-color:#8ca7ce}
.past-title{display:flex;justify-content:space-between;align-items:center;font-size:22px;margin:24px 0 14px}
.past-game{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #ccd7e6}
.past-date{display:grid;justify-items:center;border-left:1px solid #ccd7e6;padding-left:20px;min-width:75px}
.past-date strong{font-size:21px}
.past-date small{font-size:13px;color:#526781}
.past-copy{flex:1;min-width:0}
.past-copy h3{font-size:19px}
.past-copy p{font-size:14px;margin-top:4px}
.back-games{display:inline-flex;align-items:center;color:#264d86;text-decoration:none;min-height:44px;padding:8px 0;margin-bottom:8px;font-weight:bold;background:none;border:0;cursor:pointer;font-size:16px}
#games-empty{text-align:center;padding:45px 15px}
#games-empty p{margin:14px 0 24px}

/* ── כרטיס משחק כחול ── */
.club-match{background:#0d2a5c;color:#fff;padding:0;border:0;border-radius:16px;overflow:hidden;margin-bottom:30px}
.match-top{display:flex;justify-content:space-between;gap:12px;padding:12px 24px;border-bottom:1px solid #ffffff26;color:#d1def2;font-size:14px}
.scoreboard{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:26px 30px 22px;gap:10px;text-align:center;max-width:680px;margin:auto}
.team{display:grid;justify-items:center;gap:6px}
.team img{width:64px;height:64px;border-radius:50%;background:#fff;padding:3px;object-fit:contain}
.team strong{font-size:18px}
.team small{color:#c4d4ed;font-size:13px}
.opponent-mark{display:grid;place-content:center;width:64px;height:64px;border:1px solid #96b5e0;border-radius:50%;font-weight:bold;font-size:15px;line-height:1.2;color:#d5e4fa;text-align:center}
.result>span{font-size:58px;font-weight:700;line-height:1.1;letter-spacing:2px;display:block;direction:ltr;unicode-bidi:isolate;font-variant-numeric:tabular-nums}
.result small{display:block;margin-top:10px;color:#c4d4ed}
.result .noscore{font-size:24px;letter-spacing:0}
.match-actions{display:flex;justify-content:center;gap:10px;background:#09234f;padding:15px 22px;margin:0;flex-wrap:wrap}
.club-match .match-actions button,.club-match .match-actions .button{background:transparent;color:#e4edfa;border-color:#647faa}
.club-match .match-actions .primary{background:#fff;color:#0d2a5c;border-color:#fff;min-width:210px}
.film-wait{color:#d1def2;font-size:14px;align-self:center}

/* ── פריסה ורצף מצבים ── */
.layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:38px}
.side{align-self:start;position:sticky;top:24px;font-size:15px}
.side h2{font-size:18px}
.side p{font-size:14px;line-height:1.7;margin:12px 0 22px}
.side a{display:block;margin:8px 0;color:inherit;text-decoration:none;padding:10px;border-radius:0}
.side a.current{border-right:3px solid #1647b9;color:#0d2a5c;font-weight:700}
.feed{max-width:720px}
.club-feed>.row h2{font-size:26px;letter-spacing:-.6px}
.filters{display:flex;flex-wrap:wrap;padding:6px;background:#e5ebf3;border-radius:11px;gap:4px;margin:18px 0 24px}
.filters button{flex:1;background:transparent;border:0;min-height:42px;padding:9px}
.filters button[aria-pressed=true]{background:#fff;color:#0d2a5c;box-shadow:0 2px 7px #12254414}
.clip{position:relative;background:#fff;border:0;border-radius:12px;overflow:hidden;margin-bottom:28px;box-shadow:0 3px 15px #17315a09}
.clip-info{padding:17px 20px 15px}
.clip-meta{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-bottom:7px}
.minute{font-size:15px;font-weight:700;color:#1746a0}
.tag{font-size:14px;background:transparent;border-right:1px solid #cbd7e5;padding:0 12px;color:var(--muted)}
.anno-flag{font-size:13px;color:#8a6d1d;background:#fdf3d7;border-radius:5px;padding:2px 8px}
.clip h3{font-size:20px;line-height:1.45;letter-spacing:-.25px}
.poster{display:block;width:100%;position:relative;padding:0;border:0;border-radius:0;background:#0b1320;aspect-ratio:16/9;overflow:hidden;cursor:pointer;min-height:0}
.poster img{width:100%;height:100%;object-fit:cover;display:block}
.play{position:absolute;inset:0;display:grid;place-content:center;color:#fff;background:linear-gradient(0deg,#03132844,transparent 65%);font-size:22px}
.play>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffffed;color:#0d2a5c;box-shadow:0 3px 20px #0003;transition:transform .18s}
.poster:hover .play>span{transform:scale(1.08)}
.clip-footer{display:flex;gap:8px;padding:12px 20px;justify-content:space-between;flex-wrap:wrap}
.clip-footer small{align-self:center;font-size:13px}
.clip-footer button{border:none;background:#edf3fb;color:#153c7c;flex:0 0 auto;font-size:15px}
.clip-footer .warn{background:#fbe9e7;color:#8f2b1e}

/* ── נגן חי בתוך הכרטיס ── */
.playbox{background:#0b1320}
.playbox .vidwrap{position:relative}
.playbox video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#000}
.drawpad{position:absolute;inset:0;width:100%;height:100%;display:none;touch-action:none}
.box-close{position:absolute;top:10px;left:10px;z-index:5;background:#122544d9;color:#fff;border:0;min-height:40px;padding:7px 13px;font-size:14px;border-radius:8px}
.drawbar,.mediabar,.sharebar{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:10px 12px;background:#122036}
.drawbar button,.mediabar button,.sharebar button{min-height:42px;font-size:14px;padding:8px 12px;border:0;border-radius:7px;background:#2a3c5c;color:#e8effc}
.drawbar .tool-save{background:#1e7a45;color:#fff}
.drawbar .tool-close{background:#8f2b1e;color:#fff}
.mediabar .hintline{color:#f2cd6f;font-size:13px}

/* ── סטודיו והעלאות (עיצוב בסיס — מבנה חדש ממתין לאישור) ── */
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:22px;box-shadow:0 3px 15px #17315a09}
.panel h2{font-size:20px;margin-bottom:4px}
.panel .muted{font-size:14px}
.studio-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:12px 0;border-top:1px solid #e3eaf2;margin-top:10px}
.studio-row:first-of-type{margin-top:14px}
.studio-row .cr-name{font-weight:700}
.studio-row small{color:var(--muted)}
.studio-row button{min-height:42px;font-size:14px;padding:8px 13px;background:#edf3fb;color:#153c7c;border:0}
.studio-row .warn{background:#fbe9e7;color:#8f2b1e}
.crbox{position:relative;text-align:center;margin-top:8px}
.crbox video{max-height:62vh;max-width:100%;border-radius:12px;background:#000}
.upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.upload-row input[type=text]{max-width:230px}
.upload-btn{background:#1647b9;color:#fff;border-color:#1647b9;cursor:pointer}
.upstatus{color:#1e7a45;font-size:14px}

/* ── חלונות (רילס/כיתוב) ── */
.screen-ov{position:fixed;inset:0;background:#071324b8;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px}
.screen-box{background:#fff;color:#122544;border:1px solid var(--line);border-radius:14px;width:min(94vw,460px);padding:24px;max-height:85dvh;overflow:auto}
.screen-box h3{font-size:20px;margin-bottom:4px}
.screen-box .sub{color:var(--muted);font-size:14px;margin-bottom:14px}
.screen-box label{display:block;font-size:14px;font-weight:bold;margin:12px 0 5px}
.screen-err{color:#c22f3d;min-height:20px;font-size:14px;margin-top:8px}
.screen-actions{display:flex;gap:10px;margin-top:8px}
.screen-actions .go{flex:1;background:#1647b9;color:#fff;border-color:#1647b9;font-size:16px}

.avatar-lg{width:110px;height:110px;border-radius:50%;object-fit:cover;display:block;margin:0 auto;border:3px solid #dbe5f3}
.avatar-empty{display:grid;place-items:center;font-size:38px;background:#eef3fa;color:#8aa3c4}
.hdr-btn{background:transparent;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:700;min-height:40px;padding:6px 14px;border-radius:20px}
.hdr-btn:hover{background:#eef3fa}
.consent-line{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:14.5px;font-weight:400;line-height:1.5}
.consent-line input{width:22px;min-height:22px;height:22px;margin-top:2px;flex:0 0 auto}
.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#0d2a5c;color:#fff;padding:14px 22px;border-radius:8px;max-width:90vw;z-index:200;display:none;font-size:15px}
.note{text-align:center;color:#7b8ba3;font-size:12px;margin-top:24px}

@media(max-width:760px){
 header{padding:13px 18px;padding-top:max(13px,env(safe-area-inset-top))}
 header>.muted{display:none}
 .brand img{width:40px;height:40px}
 .brand strong{font-size:16px}
 .brand small{font-size:12px}
 main{padding:16px 12px calc(60px + env(safe-area-inset-bottom))}
 h1{font-size:25px}
 .games-heading{align-items:start;margin-bottom:20px}
 .games-heading h1{font-size:28px}
 .season-label{font-size:12px;max-width:85px;padding-top:6px}
 .games-tools{grid-template-columns:1fr 135px;gap:10px}
 .games-tools select{font-size:14px;padding:10px 6px}
 .latest-game{display:flex;flex-direction:column;margin-bottom:26px}
 .latest-game>img{order:-1;aspect-ratio:16/7;object-fit:cover}
 .latest-copy{padding:20px}
 .latest-copy h2{font-size:25px}
 .latest-copy .game-result{margin:9px 0 18px;font-size:17px}
 .latest-copy .row{gap:8px}
 .latest-copy .button,.latest-copy button{flex:1;padding:11px;font-size:14px}
 .past-game{gap:12px;flex-wrap:wrap;padding:18px 0}
 .past-date{padding-left:12px;min-width:62px}
 .past-copy h3{font-size:17px}
 .past-game .button{width:100%;margin-right:74px;font-size:14px;min-height:44px}
 .past-title{font-size:21px}
 .club-match{border-radius:12px;margin-bottom:23px}
 .match-top{font-size:12px;padding:11px 16px}
 .scoreboard{padding:20px 12px;gap:4px}
 .team img,.opponent-mark{width:50px;height:50px}
 .team strong{font-size:16px}
 .result>span{font-size:44px}
 .result .noscore{font-size:19px}
 .result small{font-size:12px}
 .match-actions{padding:12px;gap:8px}
 .match-actions button,.match-actions .button{font-size:14px;padding:10px;min-height:46px;flex:1 1 40%}
 .club-match .match-actions .primary{min-width:0;flex:1 1 100%}
 .layout{display:block}
 .side{display:none}
 .feed{max-width:none}
 .club-feed>.row h2{font-size:23px}
 .filters{margin:15px 0 20px}
 .filters button{font-size:14px;padding:8px;min-height:43px}
 .clip{border-radius:10px;margin-bottom:22px}
 .clip-info{padding:14px 16px 13px}
 .clip h3{font-size:18px}
 .minute,.tag{font-size:13px}
 .clip-footer{padding:11px 14px}
 .clip-footer small{font-size:12px;max-width:130px}
 .clip-footer button{font-size:14px;padding:10px 13px}
 .play>span{width:48px;height:48px}
 .login-box{padding:30px 24px}
 .screen-ov{align-items:flex-end;padding:0}
 .screen-box{width:100%;max-width:100%;border-radius:20px 20px 0 0;padding:24px 20px max(28px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ── הודעות (שלב 3, 11/09) ─────────────────────────────────────────────── */
.hdr-right { display: flex; align-items: center; gap: 8px; }
.badge { display: inline-grid; place-items: center; background: var(--blue, #1647b9); color: #fff;
  border-radius: 20px; min-width: 23px; height: 23px; padding: 0 5px; font-size: 13px; font-weight: 700; margin-inline-start: 6px; }
.msg-top { margin-bottom: 20px; }
.msg-top h1 { font-size: 28px; line-height: 1.25; margin: 8px 0; }
.msg-top .muted { margin: 0; }
.msg-filters { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 18px; }
.messages { display: grid; gap: 12px; }
.message { display: flex; gap: 14px; text-align: right; width: 100%; padding: 20px; align-items: flex-start;
  font-weight: normal; background: var(--surface, #fff); border: 1px solid var(--line, #d6dfeb); border-radius: 13px; cursor: pointer; }
.message.unread { border-inline-start: 4px solid var(--blue, #1647b9); }
.message .content { flex: 1; min-width: 0; }
.message p { margin: 5px 0 8px; }
.message strong { font-size: 17px; }
.message img { width: 88px; aspect-ratio: 16/10; object-fit: cover; border-radius: 7px; flex-shrink: 0; }
.message .noimg { font-size: 13px; color: var(--muted, #526781); align-self: center; }
.mrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
.status { font-size: 13px; color: var(--blue, #1647b9); font-weight: bold; }
.readonly { padding: 14px 0; color: var(--muted, #526781); text-align: center; font-size: 14px; }
.detail { max-width: 760px; margin: auto; }
.detail .panel { margin-top: 18px; }
.detail video { width: 100%; aspect-ratio: 16/9; max-height: 440px; background: #0d1828; border-radius: 9px; display: block; }
.msg-title { font-size: 24px; line-height: 1.3; margin: 18px 0 0; }
.body { white-space: pre-wrap; font-size: 18px; margin: 18px 0; }
.empty { text-align: center; padding: 50px 20px; }
.empty .symbol { font-size: 40px; }
.note { padding: 12px 15px; background: #e5edfa; border-radius: 8px; font-size: 14px; }
.note.error { background: #fff0ef; color: #9b2525; border: 1px solid currentColor; }
.note.ok { background: #e7f6ed; color: #1d6b41; }
.push-box:empty { display: none; }
.push-box { margin: 14px 0; }
/* מסך השליחה */
.split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); gap: 24px; align-items: start; }
.split .panel.preview { padding: 0; overflow: hidden; }
.split .panel.preview video { width: 100%; aspect-ratio: 16/9; background: #0d1828; display: block; }
.split .copy { padding: 18px; }
.field { display: block; margin-bottom: 16px; }
.field > span { display: block; font-weight: bold; margin-bottom: 7px; }
.field textarea { width: 100%; min-height: 135px; resize: vertical; }
.groupTabs { display: flex; gap: 8px; flex-wrap: wrap; }
.groupTabs button[aria-pressed=true] { background: #dfe8f8; border-color: var(--blue, #1647b9); }
.search { width: 100%; margin-top: 12px; }
.list { max-height: 340px; overflow: auto; margin-top: 10px; }
.choice { display: flex; gap: 12px; align-items: center; padding: 12px 2px; border-bottom: 1px solid var(--line, #d6dfeb); min-height: 60px; cursor: pointer; }
.choice input[type=checkbox] { width: 21px; height: 21px; accent-color: var(--blue, #1647b9); flex-shrink: 0; }
.choice .who { flex: 1; min-width: 0; }
.choice .who strong, .choice .who small { display: block; }
.choice .avatar { width: 39px; height: 39px; border-radius: 50%; display: grid; place-items: center;
  background: #e5edfa; font-weight: bold; flex-shrink: 0; object-fit: cover; font-size: 14px; }
.tag { font-size: 12px; background: #e5edfa; border-radius: 5px; padding: 3px 7px; white-space: nowrap; }
.chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 13px 0; }
.chip { font-size: 13px; padding: 5px 8px; background: #e5edfa; border-radius: 6px; }
.footer { display: flex; align-items: center; justify-content: space-between; gap: 14px;
  border-top: 1px solid var(--line, #d6dfeb); padding-top: 18px; margin-top: 18px; }
.footer .go { min-width: 145px; }
.receipts { margin-top: 12px; }
.receipt { display: flex; justify-content: space-between; gap: 15px; padding: 12px 0; border-bottom: 1px solid var(--line, #d6dfeb); font-size: 14px; }
.success { color: #237247; font-weight: 700; }
@media (max-width: 760px) {
  .msg-top h1 { font-size: 25px; }
  .split { grid-template-columns: 1fr; gap: 16px; }
  .message { padding: 16px 12px; gap: 10px; }
  .message img { width: 67px; }
  .message strong { font-size: 16px; }
  .message p { font-size: 14px; }
  .footer { flex-wrap: wrap; }
  .footer .go { width: 100%; }
  .list { max-height: 290px; }
  .msg-title { font-size: 21px; }
  .hdr-right { gap: 4px; }
  .hdr-right .hdr-btn { font-size: 13px; padding: 8px 10px; }
}

/* ── תצוגה ("מה הם רואים") — חייב להיראות שונה מרחוק ─────────────────────
   12/09: כפיר יצר רילס ושלח הודעה מתוך חלון תצוגה בלי לשים לב, ושניהם לא בוצעו.
   מסגרת כתומה סביב כל הדף, כדי שלא יהיה רגע אחד של ספק איפה נמצאים. */
body.is-preview { box-shadow: inset 0 0 0 5px #b4690e; }
body.is-preview #adminBar { position: sticky; top: 0; z-index: 30; font-weight: 700; }

/* ── רצועת קישורי המועדון ── */
.social-bar { max-width: 1120px; margin: 26px auto 0; padding: 18px 20px 6px; text-align: center; border-top: 1px solid var(--line, #d6dfeb); }
.social-title { color: var(--muted, #526781); font-size: 13px; margin-bottom: 12px; }
/* 02/10: הרצועה בראש מסך הבית של האוהד — בלי קו עליון, צמודה לכרטיסים. */
.social-bar.social-top { margin: 0 0 16px; padding: 0 0 4px; border-top: 0; border-bottom: 1px solid var(--line, #d6dfeb); }
.social-bar.social-top .invite-card { margin-top: 0; }
.next-score { margin: 0 0 8px; font-size: 34px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.social-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.social-links a { display: inline-flex; align-items: center; gap: 7px; color: #fff; text-decoration: none;
  font-size: 14px; font-weight: 700; padding: 11px 16px; border-radius: 8px; min-height: 44px; }
.social-links a:hover { filter: brightness(1.08); }
@media (max-width: 760px) { .social-links a { flex: 1 1 44%; justify-content: center; font-size: 13px; padding: 11px 8px; } }

/* ── התקנת האפליקציה ── */
.install-card { background: #eef4fd; border: 1px solid #cfe0f7; border-radius: 12px; padding: 18px 16px; margin-top: 20px; text-align: right; }
.install-card b { display: block; font-size: 16px; margin-bottom: 6px; }
.install-card p { font-size: 14.5px; line-height: 1.6; margin: 6px 0 12px; }
.install-card .steps { margin: 10px 0 8px; padding-inline-start: 20px; font-size: 14.5px; line-height: 2; }
.install-card .steps li { margin-bottom: 2px; }
.install-card .tiny { font-size: 13px; color: #526781; margin: 10px 0 0; }
.ios-ico { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 5px;
  background: #1647b9; color: #fff; font-size: 13px; vertical-align: -5px; }
.installed { background: #e7f6ed; color: #1d6b41; border-radius: 10px; padding: 14px 16px; margin-top: 20px;
  font-size: 15px; font-weight: 700; text-align: center; }

/* ── הזמנת חבר ── */
.invite-card { background: var(--surface, #fff); border: 0.5px solid var(--line, #d6dfeb); border-radius: 12px;
  padding: 16px; margin: 20px 0 4px; text-align: center; }
.invite-card b { display: block; font-size: 16px; margin-bottom: 4px; }
.invite-card p { font-size: 14px; color: var(--muted, #526781); margin: 0 0 12px; line-height: 1.6; }
.invite-btn { background: #0d2a5c; color: #fff; border: 0; border-radius: 9px; padding: 12px 18px;
  font-size: 15px; font-weight: 700; min-height: 46px; width: 100%; cursor: pointer; }
.invite-btn:hover { filter: brightness(1.12); }

/* ── נגן הסרטים בתוך המסך ── */
.film-box { max-width: 1120px; margin: 0 auto 24px; background: #0d1828; border-radius: 12px; overflow: hidden; }
.film-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 14px; background: #0d2a5c; color: #fff; }
.film-head strong { font-size: 15px; }
.film-head span { display: flex; gap: 6px; }
.film-head button { background: transparent; border: 1px solid #6b8ab8; color: #fff; min-height: 38px; padding: 6px 12px; font-size: 13px; border-radius: 7px; }
.film-box iframe, .film-box video { display: block; width: 100%; aspect-ratio: 16/9; border: 0; background: #000; }

/* צירוף להודעה (12/09) */
/* גוש הצירוף נבנה בטעות בצבעי המסך הכהה של כפיר, בזמן שהמסך הזה בהיר —
   רקע כהה עם טקסט כהה, כלומר בלתי קריא. (14/09) */
.attachbox { margin-top: 14px; padding: 12px 14px; border: 1px dashed #b9cbe6;
  border-radius: 10px; background: #f4f7fc; color: #24334d; }
.attachbox strong { display: block; margin-bottom: 8px; font-size: 14.5px; color: #12233f; }
.attachbox small { color: #5b6b8c; }
.attachbox .field span { color: #33445e; }
.attachbox input[type=file] { font-size: 13px; }
.attach-link { display: inline-block; margin-top: 12px; padding: 10px 14px; border-radius: 8px; background: #16305c; color: #cfe0ff; word-break: break-all; }

/* כפתור היוטיוב בשורת הקטע — במסך העבודה של כפיר בלבד */
.clip-footer .yt-btn { background: #c4302b; color: #fff; font-weight: 600; }
.clip-footer .yt-btn.on { background: #e8f5ec; color: #1e7a45; }

/* "שתף לאוהדים" — הפעולה שעושה הכל בלחיצה אחת (13/09) */
.pub-fans { background: #1647b9 !important; color: #fff !important; font-weight: 700; }
.pub-fans:hover { background: #103a99 !important; }
.pub-fans:disabled { opacity: .7; }
.pubbed { align-self: center; font-size: 13px; font-weight: 700; color: #1e7a45; background: #e8f5ec; padding: 7px 12px; border-radius: 8px; }

/* כפתור הפעלת ההתראות — כחול מלא ובולט (13/09).
   כפיר ביקש: "שיהיה ברור". הכפתור היה בצבע ברירת המחדל ונבלע ברקע. */
.push-box .go {
  background: #1647b9; color: #fff; border: 0;
  font-size: 16px; font-weight: 700; min-height: 50px;
  border-radius: 10px; box-shadow: 0 2px 6px rgba(22,71,185,.28);
}
.push-box .go:hover { background: #103a99; }
.push-box .go:disabled { opacity: .65; }

/* ── נגישות ──────────────────────────────────────────────────────────────
   נוסף 14/09/2026 לקראת פתיחת האפליקציה לציבור. ת"י 5568 / WCAG 2.0 AA. */

/* מי שמנווט במקלדת חייב לראות איפה הוא נמצא. :focus-visible ולא :focus,
   כדי שלחיצת עכבר לא תצייר מסגרת שאיש לא ביקש. */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: 3px solid #1647b9;
  outline-offset: 2px;
  border-radius: 6px;
}

/* אזור לחיצה לא קטן מ-44 פיקסלים — אצבע אינה עכבר. */
button, .button, a.button, input[type="checkbox"], input[type="radio"] { min-height: 44px; }
input[type="checkbox"], input[type="radio"] { min-width: 22px; }

/* מי שביקש במערכת ההפעלה פחות תנועה — מקבל פחות תנועה. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}

/* קישור דילוג — הראשון במקלדת, מוסתר עד שמגיעים אליו. */
.skip-link {
  position: absolute; right: 8px; top: -60px; z-index: 999;
  background: #1647b9; color: #fff; padding: 12px 18px;
  border-radius: 0 0 10px 10px; text-decoration: none; font-weight: 600;
  transition: top .15s;
}
.skip-link:focus { top: 0; }

/* טקסט שרק קורא מסך צריך לשמוע. */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── המשחק הבא ──────────────────────────────────────────────────────────
   האפליקציה הראתה רק את מה שכבר שוחק. אוהד שנכנס באמצע השבוע ראה משחק
   מלפני שבוע ותו לא. (15/09) */
.next-game {
  background: linear-gradient(135deg, #0d2a5c, #1647b9);
  color: #fff; border-radius: 16px; padding: 20px 22px; margin: 0 0 18px;
}
.next-label {
  display: inline-block; font-size: 12.5px; font-weight: 700; letter-spacing: .5px;
  background: rgba(255,255,255,.18); padding: 4px 11px; border-radius: 99px; margin-bottom: 10px;
}
.next-game h2 { margin: 0 0 8px; font-size: 25px; color: #fff; line-height: 1.25; }
.next-when  { margin: 0 0 4px; font-size: 18px; font-weight: 600; color: #ffffff; }
.next-where { margin: 0; font-size: 14.5px; color: #cfe0ff; }
.next-more  { margin: 12px 0 0; font-size: 13px; color: #a9c6f5;
  border-top: 1px solid rgba(255,255,255,.18); padding-top: 10px; }

/* ── סגל הקבוצה ──────────────────────────────────────────────────────── */
.sq-grid {
  display: grid; gap: 10px; margin: 10px 0 24px;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.sq-card {
  display: flex; align-items: center; gap: 11px;
  background: #fff; border: 1px solid #e3eaf4; border-radius: 12px; padding: 10px 12px;
}
.sq-photo {
  width: 46px; height: 46px; border-radius: 50%; object-fit: cover;
  flex: 0 0 46px; border: 2px solid #dbe5f3; background: #eef3fa;
}
.sq-empty {
  display: grid; place-items: center; font-weight: 700; color: #4a72b8; font-size: 16px;
}
.sq-who { min-width: 0; }
.sq-who strong { display: block; font-size: 14.5px; line-height: 1.3; }
.sq-who small  { color: #5b6b8c; font-size: 12.5px; }
/* תאריך שטרם נסגר. אוהד שיגיע ביום הלא נכון לא יאשים את ההתאחדות. */
.next-tent {
  display: inline-block; margin-inline-start: 8px; font-size: 12px; font-weight: 600;
  background: rgba(255,255,255,.2); padding: 2px 9px; border-radius: 99px; vertical-align: middle;
}
.next-note {
  margin: 10px 0 0; font-size: 12.5px; line-height: 1.55; color: #ffe08a;
  background: rgba(0,0,0,.18); padding: 8px 11px; border-radius: 9px;
}

/* ── לוח העונה ─────────────────────────────────────────────────────────
   נקרא מהמחזור הראשון ולמטה. עד 15/09 כל המשחקים העתידיים לא הופיעו
   כאן בכלל, ולוח שהוזן במלואו נראה ריק. */
.past-game.is-next { border-color: #1647b9; box-shadow: 0 0 0 2px rgba(22,71,185,.15); }
.past-game .score {
  font-weight: 800; font-size: 17px; min-width: 52px; text-align: center;
  padding: 5px 9px; border-radius: 9px; direction: ltr;
}
.score.win     { background: #e3f6e9; color: #1d6b38; }
.score.draw    { background: #eef1f6; color: #4a5872; }
.score.loss    { background: #fbe9e7; color: #8f2b1e; }
.score.pending { background: #f2f5fa; color: #97a7bd; font-weight: 600; }
.tent { font-size: 12px; background: #fff3d9; color: #7a5a12; padding: 1px 7px; border-radius: 99px; }
/* הפרדה בין שני סיבובי הליגה — 16 קבוצות, 15 מחזורים לסיבוב. */
.half-title { margin: 22px 0 10px; font-size: 15px; color: #5b6b8c; font-weight: 700;
  border-top: 1px solid #e3eaf4; padding-top: 14px; }

/* ── לב ────────────────────────────────────────────────────────────────
   אין "בוז" ואין דירוג. אוהד אוהב, או לא עושה כלום. (15/09) */
.like {
  display: inline-flex; align-items: center; gap: 5px; background: none;
  border: 1px solid #dbe4f0; border-radius: 99px; padding: 6px 12px;
  font-size: 15px; line-height: 1; cursor: pointer; min-height: 40px;
}
.like b { font-size: 13.5px; font-weight: 700; color: #5b6b8c; min-width: 6px; }
.like.on { border-color: #f3c2c8; background: #fdeef0; }
.like.on b { color: #b03c4b; }
.like:disabled { opacity: .6; }
@keyframes likepop { 0% { transform: scale(1); } 45% { transform: scale(1.28); } 100% { transform: scale(1); } }
.like.pop .hh { display: inline-block; animation: likepop .28s ease-out; }
@media (prefers-reduced-motion: reduce) { .like.pop .hh { animation: none; } }

.film-btn { display: inline-flex; align-items: center; gap: 6px; }

/* ── מדף הרילסים ───────────────────────────────────────────────────── */
.reel-grid {
  display: grid; gap: 14px; margin-top: 14px;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.reel { border: 1px solid #e3eaf4; border-radius: 14px; overflow: hidden; background: #fff; }
.reel-poster { display: block; width: 100%; padding: 0; border: 0; background: #0b1423; position: relative; cursor: pointer; }
.reel-poster img { width: 100%; aspect-ratio: 9 / 16; object-fit: cover; display: block; }
.reel-poster .play {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-size: 34px; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,.5);
}
.reel-box iframe, .reel-box video { width: 100%; aspect-ratio: 9 / 16; border: 0; display: block; background: #000; }
.reel-info { padding: 10px 12px 4px; }
.reel-info strong { display: block; font-size: 14.5px; line-height: 1.35; }
.reel-info small { color: #5b6b8c; font-size: 12.5px; }
.reel-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px 12px; }

/* "לכל המועדון" — פרסום אחד שמגיע לכולם, כמו הודעה בקבוצת הוואטסאפ.
   בולט מעל לשוניות הקהלים, כי זו הפעולה הנפוצה ולא החריגה. 17/09/2026 */
.everyone {
  width: 100%; text-align: right; padding: 14px; margin-top: 4px;
  border: 2px solid var(--blue, #1647b9); border-radius: 12px; background: #fff;
  font-size: 15.5px; line-height: 1.35;
}
.everyone b     { display: inline-block; }
.everyone small { display: block; font-weight: 400; opacity: .7; font-size: 12.5px; margin-top: 3px; }
.everyone.on    { background: var(--blue, #1647b9); color: #fff; }
.everyone.on small { opacity: .85; }

/* ── טקסט של הודעה ─────────────────────────────────────────────────────
   כותרת שנושמת, פסקאות שיש ביניהן אוויר, ורשימה שנראית כמו רשימה.
   אותו עיצוב בדיוק בתצוגה המקדימה של שאולי ואצל הנמען. 17/09/2026 */
.mt-head {
  font-size: 20px; font-weight: 800; line-height: 1.3; margin: 0 0 12px;
  color: var(--blue, #0d2a5c); letter-spacing: -.2px;
}
.msg-body p     { margin: 0 0 11px; line-height: 1.65; font-size: 15.5px; }
.msg-body p:last-child { margin-bottom: 0; }
.msg-body b     { font-weight: 700; }
.mt-list        { margin: 0 0 11px; padding-inline-start: 20px; }
.mt-list li     { line-height: 1.6; margin-bottom: 4px; font-size: 15.5px; }

/* ── התצוגה המקדימה של שאולי ───────────────────────────────────────────
   מה שהוא רואה כאן הוא מה שהאוהד יקבל — אותו כרטיס, אותה תמונה.
   מאה ניסיונות לא עולים כלום, ולכן הוא לא צריך לשלוח כדי לראות. */
.mt-prev-wrap { margin-top: 16px; }
.mt-prev-h {
  display: flex; align-items: center; gap: 8px; margin: 0 0 8px;
  font-size: 13.5px; font-weight: 700; color: #5b6b8c;
}
.mt-phone {
  border: 1px solid rgba(128,150,180,.4); border-radius: 16px; padding: 14px;
  background: #f7f9fc; max-width: 400px;
}
.mt-phone .mrow { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.mt-phone .mrow strong { font-size: 14px; }
.mt-phone .when { font-size: 12px; color: #8195b2; }
.mt-phone img, .mt-phone video {
  width: 100%; border-radius: 10px; margin-top: 12px; display: block;
}
.mt-empty { color: #8195b2; font-size: 14px; margin: 0; }
.mt-tools { display: flex; gap: 6px; flex-wrap: wrap; margin: 8px 0 0; }
.mt-tools button {
  font-size: 13.5px; padding: 6px 11px; border-radius: 8px; min-height: 36px;
}
.mt-hint { font-size: 12.5px; color: #7f8fa8; margin: 8px 0 0; line-height: 1.5; }
/* סוג ההודעה — תווית קטנה מעל הכותרת האמיתית, לא כותרת מתחרה. */
.msg-kind {
  margin: 12px 0 2px; font-size: 12px; font-weight: 700; letter-spacing: .3px;
  color: #8195b2; text-transform: none;
}

/* ── לוח התוצאה של שאולי ───────────────────────────────────────────────
   הוא עומד במגרש עם אייפון ביד והמשחק רץ. הכפתורים גדולים מספיק לאגודל
   בלי להסתכל, ואין "שמור" — כל לחיצה נוסעת מיד. 17/09/2026 */
.sb-edit {
  display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;
  padding: 12px; margin: 10px 0 0;
  border: 1px solid rgba(128,150,180,.35); border-radius: 14px; background: #f7f9fc;
}
.sb-side {
  display: flex; align-items: center; gap: 8px;
  background: #fff; border: 1px solid rgba(128,150,180,.3); border-radius: 12px; padding: 6px 10px;
}
.sb-who { font-size: 13px; font-weight: 700; color: #5b6b8c; max-width: 96px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-side button {
  width: 46px; height: 46px; min-height: 46px; padding: 0; border-radius: 12px;
  font-size: 24px; font-weight: 700; line-height: 1;
  background: var(--blue, #1647b9); color: #fff; border-color: var(--blue, #1647b9);
}
.sb-side button:active { transform: scale(.94); }
.sb-side b {
  min-width: 34px; text-align: center; font-size: 26px; font-weight: 800;
  font-variant-numeric: tabular-nums; direction: ltr;
}
.sb-note { flex-basis: 100%; text-align: center; margin: 2px 0 0; font-size: 12.5px; color: #7f8fa8; }

/* ── תמונות הסגל ───────────────────────────────────────────────────────
   שאולי מצלם באימון מהאייפון. הכפתור על הכרטיס עצמו, ולא במסך נפרד —
   הוא רואה מי חסר ולוחץ עליו. 17/09/2026 */
.sq-bar {
  margin: 14px 0 4px; padding: 11px 13px; border-radius: 12px;
  background: #eef3fb; border: 1px solid rgba(22,71,185,.18);
  font-size: 14px; line-height: 1.5;
}
/* הכרטיס עצמו הוא שורה אחת: תמונה, שם, עמדה. כפתור המצלמה אינו עמודה
   שלישית — בטלפון הוא היה מועך את השם — אלא שורה שלמה מתחתיו. */
.sq-editable { position: relative; flex-wrap: wrap; }
.sq-tools { display: flex; gap: 6px; flex-basis: 100%; margin-top: 4px; }
.sq-tools .sq-cam { flex: 1; }
.sq-cam {
  font-size: 13px; padding: 7px 12px; border-radius: 9px; min-height: 38px;
  background: var(--blue, #1647b9); color: #fff; border-color: var(--blue, #1647b9);
}
.sq-del {
  font-size: 13px; padding: 7px 10px; border-radius: 9px; min-height: 38px;
  background: #fff; color: #c0392b; border-color: rgba(192,57,43,.4);
}

/* ── דף ניהול המשחק ────────────────────────────────────────────────────
   נבנה למצב הפעלה אחד: אדם עומד בצד המגרש, המשחק רץ, אצבע אחת.
   הכותרת קבועה כדי שהתוצאה תמיד מול העיניים; שש הפעולות גדולות מספיק
   ללחוץ בלי להסתכל. אותם צבעים וכרטיסים של שאר האפליקציה. 19/09/2026 */
.mm-wrap { padding-bottom: 28px; }

.mm-head {
  position: sticky; top: 0; z-index: 30;
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px; margin: 0 -12px 10px;
  background: var(--blue, #0d2a5c); color: #fff;
  box-shadow: 0 2px 10px rgba(13, 42, 92, .25);
}
.mm-back {
  background: rgba(255,255,255,.14); color: #fff; border: 0;
  width: 38px; height: 38px; min-height: 38px; border-radius: 10px; font-size: 18px; padding: 0;
}
.mm-teams { flex: 1; min-width: 0; display: grid; }
.mm-teams strong { font-size: 15px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mm-teams small  { font-size: 11.5px; opacity: .8; }
.mm-score { text-align: center; }
.mm-score b { display: block; font-size: 24px; font-weight: 800; font-variant-numeric: tabular-nums; }
.mm-status { font-size: 10.5px; padding: 1px 7px; border-radius: 99px; background: rgba(255,255,255,.18); }
.mm-status.mm-live { background: #d94b3a; }

.mm-tabs { display: flex; gap: 6px; margin-bottom: 10px; }
.mm-tabs button { flex: 1; font-size: 14.5px; padding: 10px 6px; border-radius: 10px; }
.mm-tabs button[aria-selected="true"] { background: var(--blue, #1647b9); color: #fff; border-color: var(--blue, #1647b9); }
.mm-note { min-height: 18px; margin: 0 0 8px; font-size: 13px; color: #4a6a8f; font-weight: 600; }

/* שש הפעולות. שתיים בשורה בטלפון — רוחב מלא לאגודל. */
.mm-actions { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 14px; }
.mm-act {
  display: grid; place-items: center; gap: 2px;
  padding: 14px 4px; min-height: 72px; border-radius: 14px;
  font-size: 22px; line-height: 1; background: #fff; border: 1px solid #dbe5f3;
}
.mm-act span { font-size: 12.5px; font-weight: 700; color: #22415f; }
.mm-act:active { transform: scale(.96); }
.mm-goal { border-color: #1a7a3c; } .mm-goal span { color: #1a7a3c; }
.mm-pen  { border-color: #b06a12; } .mm-pen  span { color: #b06a12; }
.mm-red  { border-color: #b2342a; } .mm-red  span { color: #b2342a; }
@media (max-width: 380px) { .mm-actions { grid-template-columns: repeat(2, 1fr); } }

/* יומן האירועים */
.mm-log { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.mm-logrow {
  display: grid; grid-template-columns: auto auto 1fr auto; align-items: center; gap: 9px;
  border: 1px solid #e3eaf4; border-radius: 10px; padding: 8px 10px; background: #fff;
}
.mm-min { font-weight: 800; font-size: 13.5px; min-width: 40px; text-align: center;
  background: #eef3fb; border-radius: 7px; padding: 3px 0; }
.mm-kind { font-size: 12.5px; white-space: nowrap; }
.mm-what { display: grid; min-width: 0; }
.mm-what b { font-size: 14px; }
.mm-what span { font-size: 12px; color: #6b7f99; }
.mm-in  { color: #1a7a3c; } .mm-out { color: #a33; }
.mm-ops { display: flex; gap: 5px; }
.mm-ops .small { font-size: 12.5px; padding: 5px 9px; min-height: 34px; }

/* החלונית — נפתחת בתוך המסך ולא כעמוד חדש */
.mm-sheet {
  border: 2px solid var(--blue, #1647b9); border-radius: 14px;
  padding: 13px; margin-bottom: 14px; background: #f7f9fc;
}
.mm-sheet-h { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.mm-sheet-h strong { font-size: 16px; }
.mm-x { background: none; border: 0; font-size: 17px; padding: 4px 8px; min-height: 34px; }
.mm-sheet select, .mm-sheet input, .mm-sheet textarea { min-height: 46px; font-size: 16px; }
.mm-sheet textarea { min-height: 150px; line-height: 1.6; }
.mm-side { display: flex; gap: 6px; margin-bottom: 10px; }
.mm-side button { flex: 1; font-size: 14px; padding: 9px 4px; }
.mm-side button.on { background: #1647b9; border-color: #1647b9; color: #fff; }
.mm-side button[aria-pressed] { position: relative; }
.mm-two { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.mm-check { display: flex; align-items: center; gap: 8px; margin: 8px 0; font-size: 14.5px; }
.mm-sheet-f { margin-top: 12px; }
.mm-sheet-f .go { flex: 1; }
.mm-err { margin: 8px 0 0; font-size: 13px; color: #b2342a; min-height: 16px; }

/* הכנה וסגירה */
.mm-opp { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 5px; }
.mm-opp li { display: flex; align-items: center; gap: 9px; font-size: 14px;
  border-bottom: 1px solid #eef3fb; padding: 5px 0; }
.mm-opp small { color: #7f8fa8; font-size: 12px; margin-inline-start: auto; }
.mm-num { min-width: 28px; text-align: center; font-weight: 800; background: #eef3fb;
  border-radius: 6px; padding: 2px 0; font-size: 13px; }
.mm-state button { flex: 1; font-size: 13.5px; }
.mm-final { font-size: 34px; font-weight: 800; text-align: center; margin: 6px 0; font-variant-numeric: tabular-nums; }
.mm-todo { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mm-todo li { font-size: 14px; padding: 8px 11px; border-radius: 9px; }
.mm-todo .good { background: #e8f5ec; color: #1a6b36; }
.mm-todo .warn { background: #fdf3e2; color: #8a5a12; }
.mm-todo .bad  { background: #fbeae8; color: #9c2f24; }

/* ── הפצה ──────────────────────────────────────────────────────────────
   הפער בין מה שנרשם למה שהאוהדים רואים חייב להיות על המסך. בלעדיו
   כפיר מניח שהם יודעים, והם לא. 19/09/2026 */
.mm-gap {
  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
  background: #fdf3e2; border: 1px solid #e8c98a; border-radius: 12px;
  padding: 11px 13px; margin-bottom: 12px;
}
.mm-gap div { flex: 1; min-width: 180px; }
.mm-gap b { display: block; font-size: 14px; color: #8a5a12; }
.mm-gap small { display: block; font-size: 12.5px; color: #9a7434; margin-top: 2px; line-height: 1.45; }
.mm-pub   { background: var(--blue, #1647b9); color: #fff; border-color: var(--blue, #1647b9); }
.mm-stale { background: #fdf3e2; color: #8a5a12; border-color: #e8c98a; }
.mm-sent  { font-size: 12px; color: #1a7a3c; font-weight: 700; white-space: nowrap; padding: 0 4px; }

/* כרטיס התצוגה המקדימה — מה שהאוהד יראה */
.mm-card {
  display: flex; gap: 11px; align-items: flex-start;
  background: #fff; border: 1px solid #dbe5f3; border-radius: 12px; padding: 12px; margin: 8px 0;
}
.mm-cardimg { width: 62px; height: 62px; border-radius: 50%; object-fit: cover; flex: 0 0 62px; border: 2px solid #dbe5f3; }
.mm-cardimg.mm-crest { object-fit: contain; background: #fff; padding: 4px; }
.mm-cardtxt { min-width: 0; }
.mm-cardtxt b { display: block; font-size: 16px; margin-bottom: 4px; }
.mm-cardtxt p { font-size: 14px; line-height: 1.55; white-space: pre-wrap; color: #33475f; }

/* ── מובילי הקבוצה ─────────────────────────────────────────────────────
   אין נתונים — כתוב "טרם הושלם" ולא אפס. שוויון מוצג במשותף.
   ומעל הכול: כמה משחקים נספרו, כדי שאיש לא יסיק יותר ממה שיש. 19/09 */
.ld-wrap { margin-top: 18px; }
.ld-two { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
@media (max-width: 620px) { .ld-two { grid-template-columns: 1fr; gap: 14px; } }
.ld-col { border: 1px solid #e3eaf5; border-radius: 14px; padding: 12px; background: #fbfcfe; }
.ld-h { font-size: 15px; margin: 0 0 8px; }
.ld-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ld-list li { display: flex; align-items: center; gap: 10px; padding: 7px 6px; border-radius: 10px; }
.ld-list li + li { border-top: 1px solid #edf2f9; }
/* המוביל — שורה אחת גדולה. לא צריך יותר מזה כדי לדעת מי ראשון. */
.ld-top { background: #eef4ff; }
.ld-top .ld-face { width: 46px; height: 46px; flex-basis: 46px; }
.ld-top .ld-who b { font-size: 16px; }
.ld-top .ld-count b { font-size: 26px; }
.ld-rank { min-width: 18px; font-size: 13px; font-weight: 800; color: #8195b2; text-align: center; }
.ld-face { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; flex: 0 0 36px;
  border: 2px solid #dbe5f3; background: #fff; }
.ld-num { display: grid; place-items: center; font-weight: 800; color: #0d2a5c; font-size: 14px; }
.ld-who { flex: 1; min-width: 0; display: grid; }
.ld-who b { font-size: 14.5px; line-height: 1.3; }
.ld-who small { font-size: 11.5px; color: #7f8fa8; }
.ld-count { text-align: center; display: grid; line-height: 1.15; min-width: 46px; }
.ld-count b { font-weight: 800; font-size: 20px; }
.ld-count small { font-size: 10px; font-weight: 600; color: #7f8fa8; }
.ld-note { font-size: 12.5px; color: #8a5a12; background: #fdf3e2; border-radius: 8px; padding: 7px 10px; margin-top: 8px; line-height: 1.5; }

/* ── טבלת הליגה ────────────────────────────────────────────────────────
   חמש עמודות ולא שמונה: במסך טלפון עמודה שביעית הופכת את הכול לבלתי
   קריא. אשקלון מודגשת, ולמטה תאריך ומקור. 19/09/2026 */
.lg-wrap { margin-top: 18px; }
.lg-tbl { width: 100%; border-collapse: collapse; margin-top: 8px; font-size: 14px; }
.lg-tbl th { font-size: 11.5px; color: #7f8fa8; font-weight: 700; padding: 0 4px 6px; text-align: center; }
.lg-tbl td { padding: 7px 4px; text-align: center; border-top: 1px solid #eef3fb; font-variant-numeric: tabular-nums; }
.lg-team { text-align: right !important; width: 100%; }
.lg-tbl tbody tr.lg-us { background: #eef3fb; }
.lg-tbl tbody tr.lg-us td { font-weight: 800; color: #0d2a5c; }
.lg-src { margin-top: 10px; font-size: 11.5px; color: #8195b2; line-height: 1.5; }
.mm-okline { font-size: 13px; color: #1a7a3c; background: #e8f5ec; border-radius: 8px;
  padding: 7px 10px; margin: 8px 0 0; }

/* ── כרטיס השחקן ─────────────────────────────────────────────────────────
   מסך אחד שמרכז שחקן: מה עשה, ובאילו קטעים הוא. 22/09/2026 */
.card-head { display: flex; gap: 12px; align-items: center; margin: 12px 0 8px; }
.card-head img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
.card-noimg { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center;
  background: #e8eef7; font-size: 24px; }
.card-head b { display: block; font-size: 17px; }
.card-head small { display: block; opacity: .7; font-size: 13px; margin-top: 2px; }
.card-moves { list-style: none; margin: 0 0 10px; padding: 0; display: grid; gap: 4px; }
.card-moves li { display: flex; gap: 9px; align-items: center; font-size: 13.5px; padding: 5px 0;
  border-bottom: 1px solid #e6ebf3; }
.card-moves small { margin-inline-start: auto; opacity: .6; }
.card-role { border-radius: 20px; padding: 2px 9px; font-size: 12px; font-weight: 700; }
.card-g { background: #d9f0e0; color: #14532d; }
.card-a { background: #dfeaff; color: #0e2851; }
.card-i { background: #f0ece0; color: #5b4a12; }
.card-match h3 { font-size: 14.5px; margin: 12px 0 6px; }
.card-clips { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.card-clip { display: block; padding: 0; border-radius: 10px; overflow: hidden; text-align: start;
  border: 1px solid #d7dfea; background: #fff; }
.card-clip img { width: 100%; aspect-ratio: 16/9; object-fit: cover; display: block; }
.card-nothumb { display: grid; place-items: center; aspect-ratio: 16/9; background: #eef2f8; }
.card-clip small { display: block; padding: 6px 8px; font-size: 12px; line-height: 1.4; }
.card-clip[disabled] { opacity: .5; }
.card-box video { width: 100%; border-radius: 10px; margin-top: 8px; background: #000; }

/* ── כרטיסים ───────────────────────────────────────────────────────────
   שורה לכל שחקן ולא טבלה: בטלפון טבלה עם ארבע עמודות נדחסת עד שאי
   אפשר לקרוא אותה, ובשלוש מהן ממילא יש רוב תאים ריקים. 22/09/2026 */
.cards-list { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 2px; }
.cards-list li { display: flex; align-items: center; gap: 10px; padding: 8px 8px; border-radius: 10px; }
.cards-list li + li { border-top: 1px solid #edf2f9; }
.cards-who { flex: 1; min-width: 0; font-size: 14.5px; }
.cards-who b { display: inline-block; min-width: 26px; color: #8195b2; font-size: 13px; }
.cards-pills { display: flex; gap: 6px; }
.cards-pill { display: inline-flex; align-items: center; gap: 4px; border-radius: 8px;
  padding: 3px 7px; font-weight: 800; font-size: 14px; min-width: 34px; justify-content: center; }
.cards-y { background: #fdf0c8; color: #6b5310; }
.cards-r { background: #fbdbdb; color: #7d1d1d; }
.cards-state { min-width: 68px; text-align: end; font-size: 12px; color: #8195b2; }
.cards-ban { background: #fdeaea; }
.cards-lock { background: #c22f3d; color: #fff; border-radius: 20px; padding: 3px 10px;
  font-size: 11.5px; font-weight: 700; white-space: nowrap; }
.cards-ban-box { display: grid; gap: 6px; margin-top: 10px; background: #fdeaea;
  border: 1px solid #f3c9c9; border-radius: 12px; padding: 10px 12px; }
.cards-ban-box b { font-size: 14.5px; }
.cards-ban-box small { display: block; color: #7d1d1d; opacity: .8; font-size: 12.5px; margin-top: 1px; }
.cards-foot { font-size: 12px; margin-top: 8px; }
.cards-edit { display: inline-flex; gap: 3px; align-items: center; }
.cards-edit button { min-width: 22px; padding: 1px 5px; font-size: 14px; line-height: 1.2; }
.cards-edit b { min-width: 12px; display: inline-block; text-align: center; }

/* ── מהלך המשחק ────────────────────────────────────────────────────────
   הסיפור של המשחק, לא רק הקטעים. שורה לכל אירוע, ושער בולט. 22/09 */
.tl-wrap { margin: 0 0 14px; border: 1px solid #dde5f0; border-radius: 14px; background: #fff; overflow: hidden; }
.tl-wrap > summary { list-style: none; cursor: pointer; padding: 12px 14px; display: grid; gap: 3px; }
.tl-wrap > summary::-webkit-details-marker { display: none; }
.tl-wrap > summary::after { content: '▾ פתח'; font-size: 12px; color: #5b6f8d; }
.tl-wrap[open] > summary::after { content: '▴ סגור'; }
.tl-wrap > summary b { font-size: 16px; }
.tl-sum { font-size: 13.5px; color: #0d2a5c; font-weight: 600; }
.tl-wrap > summary small { font-size: 12px; color: #7f8fa8; }
.tl { list-style: none; margin: 0; padding: 0 10px 12px; display: grid; gap: 2px; }
.tl-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px;
  border-inline-start: 3px solid transparent; background: #fff; }
.tl-row + .tl-row { border-top: 1px solid #f0f4fa; }
.tl-ours { border-inline-start-color: #1647b9; }
.tl-them { border-inline-start-color: #d7dfea; }
.tl-goal { background: #eef4ff; }
.tl-min { min-width: 38px; font-weight: 800; font-size: 13.5px; color: #5b6f8d; font-variant-numeric: tabular-nums; }
.tl-ico { font-size: 17px; min-width: 24px; text-align: center; }
.tl-who { flex: 1; min-width: 0; display: grid; }
.tl-who b { font-size: 14.5px; line-height: 1.3; }
.tl-who small { font-size: 11.5px; color: #7f8fa8; }
.tl-team { opacity: .75; }

/* ── הסטודיו ───────────────────────────────────────────────────────────
   לשונית ולא פאנל: ספרייה, רילסים וכיתוב במסך אחד. 22/09/2026 */
.st-rbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap;
  padding: 12px 14px; margin-bottom: 12px; border: 1px dashed var(--line);
  border-radius: 12px; background: #f7faff; }
.st-rbar .tr-prog { flex-basis: 100%; }
.st-ytok { min-height: 40px; font-size: 13px; padding: 7px 11px; background: #e7f6ed; border-color: #b6e0c6; }
.cap-links { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin: 10px 0 4px; }
.cap-links button { min-height: 36px; font-size: 12.5px; padding: 6px 10px; }
.cap-hint { flex-basis: 100%; font-size: 12px; }
.lg-rounds { display: flex; gap: 6px; flex-wrap: wrap; margin: 12px 0 4px; }
.lg-rounds button { min-height: 40px; font-size: 13.5px; padding: 7px 13px; }
.lg-rounds button.on { background: #1647b9; border-color: #1647b9; color: #fff; }
.lg-us-line { margin-top: 6px; font-size: 15px; }
.lg-us-line b { color: #1647b9; font-size: 18px; }
.tr-err { color: #9b2525; font-size: 13px; min-height: 1em; margin-top: 4px; }
.mg-enter { border-color: #b9ccef; background: linear-gradient(180deg,#f2f7ff,#fff); }

/* ── הסטודיו כמסך: הרילסים ראשונים, עם תצוגה ולא עם שמות קבצים ──────
   22/09, כפיר: "רילסים מסתדרים לפי סדר התאריך עם תצוגה מקדימה." */
.st-screen .st-tabs { margin: 8px 0 14px; }
.st-reels { display: grid; gap: 12px; }
.st-reel { display: flex; gap: 12px; align-items: flex-start; padding: 10px;
  border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.st-reelvid { flex: 0 0 122px; }
.st-reelvid video { width: 122px; aspect-ratio: 9/16; object-fit: cover;
  border-radius: 10px; background: #000; display: block; }
.st-reelwait, .st-reelbad { width: 122px; aspect-ratio: 9/16; border-radius: 10px;
  display: grid; place-items: center; text-align: center; font-size: 13px;
  background: #eef2f8; color: #6b7d96; padding: 8px; }
.st-reelbad { background: #fff0ef; color: #9b2525; }
.st-reelbody { flex: 1; min-width: 0; }
.st-reelbody b { display: block; font-size: 15px; line-height: 1.3; }
.st-reelbody small { color: #7f8fa8; font-size: 12px; }
.st-reelops { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.st-reelops button { min-height: 40px; font-size: 13px; padding: 7px 11px; }

/* העורך: הסרטון משמאל עם הטקסט מצויר מעליו, הכלים לידו. */
.st-edit { display: grid; grid-template-columns: minmax(0, 260px) minmax(0, 1fr); gap: 18px; align-items: start; }
@media (max-width: 720px) { .st-edit { grid-template-columns: 1fr; } }
.st-editprev { position: relative; background: #000; border-radius: 14px; overflow: hidden; }
.st-editprev video { width: 100%; aspect-ratio: 9/16; object-fit: contain; display: block; }
.st-ovtop, .st-ovbot { position: absolute; inset-inline: 8px; text-align: center;
  font-weight: 800; line-height: 1.25; pointer-events: none; padding: 5px 9px;
  border-radius: 7px; word-break: break-word; }
.st-ovtop { top: 9%; font-size: 19px; }
.st-ovbot { bottom: 11%; font-size: 15px; }
.st-ovtop:empty, .st-ovbot:empty { display: none; }
.st-ov-white { color: #fff; background: #00000073; }
.st-ov-navy  { color: #fff; background: #0d2a5cd9; }
.st-ov-gold  { color: #0d2a5c; background: #f0c069e6; }
.st-ov-plain { color: #fff; background: transparent; text-shadow: 0 2px 8px #000; }
.st-lbl { font-size: 13px; font-weight: bold; color: #51657e; margin: 14px 0 2px; }
.st-trim { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.st-trim button { min-height: 40px; font-size: 13px; padding: 7px 11px; }
.st-check { display: flex; gap: 9px; align-items: center; margin: 9px 0; font-size: 14px; }
.st-check input { width: auto; min-height: 0; }
.st-panel { margin-top: 16px; }
.st-tabs { display: flex; gap: 6px; margin: 10px 0 12px; }
.st-tabs button { flex: 1; font-size: 14px; padding: 9px 6px; }
.st-tabs [aria-selected="true"] { background: #0d2a5c; color: #fff; border-color: #0d2a5c; }
.st-folders { display: flex; gap: 7px; overflow-x: auto; padding-bottom: 4px; }
.st-folders button { white-space: nowrap; font-size: 13.5px; padding: 7px 11px; }
.st-folders button.on { background: #dfeaff; border-color: #2b5fd0; }
.st-folders small { opacity: .6; margin-inline-start: 6px; }
.st-new { border-style: dashed !important; }
.st-bar { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 12px 0; }
.st-up { cursor: pointer; }
.st-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.st-item { margin: 0; border: 1px solid #dde5f0; border-radius: 12px; overflow: hidden; background: #fff; }
.st-thumb { display: block; width: 100%; padding: 0; border: 0; background: #eef2f8; }
.st-thumb img, .st-thumb video { width: 100%; aspect-ratio: 1; object-fit: cover; display: block; }
.st-ico { display: grid; place-items: center; aspect-ratio: 1; font-size: 34px; }
.st-item figcaption { padding: 7px 9px; }
.st-item figcaption b { display: block; font-size: 12.5px; line-height: 1.35; word-break: break-word; }
.st-item figcaption small { display: block; font-size: 11px; color: #7f8fa8; margin-top: 2px; }
.st-ops { display: flex; gap: 4px; padding: 0 7px 8px; }
.st-ops button { flex: 1; font-size: 11.5px; padding: 5px 2px; }
.st-prev img, .st-prev video { width: 100%; max-height: 62vh; object-fit: contain; border-radius: 10px; background: #000; }
/* כפתור "הודעה חדשה" בכותרת — למי שרשאי לשלוח. 22/09 */
.hdr-send { background: #1647b9; color: #fff; border-color: #1647b9; font-weight: 700; }

/* ── קוביות המשחקים ששוחקו ──────────────────────────────────────────────
   כפיר, 22/09: "אחד כחול אחד לבן אחד כחול אחד לבן — ככה נוכל להבדיל
   בקוביות בין המשחקים". הצבע מתחלף לפי המיקום ולא לפי תוצאה: ניצחון
   והפסד נאמרים במספר, לא בגוון. */
.played-card { display: flex; gap: 0; border-radius: 16px; overflow: hidden;
  margin-bottom: 12px; align-items: stretch; }
.played-card img { width: 38%; max-width: 260px; object-fit: cover; flex: 0 0 auto; }
.pc-copy { flex: 1; min-width: 0; padding: 16px 18px; display: grid; align-content: start; gap: 4px; }
.pc-dark { background: #0d2a5c; color: #fff; }
.pc-dark .pc-when, .pc-dark .pc-label { color: #b9cdeb; }
/* גם <button> וגם .button — בקובייה הכהה כפתור שלא נצבע יוצא לבן על
   לבן, כלומר קופסה ריקה. 22/09 */
.pc-dark .button, .pc-dark button { background: rgba(255,255,255,.14); color: #fff;
  border-color: rgba(255,255,255,.35); }
.pc-dark .button.primary, .pc-dark button.primary { background: #fff; color: #0d2a5c; border-color: #fff; }
.pc-light { background: #fff; color: #0d2a5c; border: 1px solid #dde5f0; }
.pc-light .pc-when, .pc-light .pc-label { color: #7f8fa8; }
.pc-label { font-size: 11.5px; font-weight: 700; letter-spacing: .04em; }
.pc-when { font-size: 13px; }
.played-card h2 { font-size: 20px; margin: 2px 0 4px; }
.pc-score { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.pc-dark .pc-score.win, .pc-light .pc-score.win { color: #2fae6a; }
.pc-dark .pc-score.loss { color: #f0a49b; }
.pc-light .pc-score.loss { color: #c22f3d; }
.pc-score.draw { opacity: .9; }
@media (max-width: 620px) {
  .played-card { flex-direction: column-reverse; }
  .played-card img { width: 100%; max-width: none; aspect-ratio: 16/9; }
}

/* אימון וידאו: העיצוב עבר ל-training.css — המסך חי גם בסביבת העבודה
   של כפיר, ושם הרקע כהה. 22/09 */

/* קישור בגוף הודעה (22/09) — כתובת ארוכה נשברת ולא מרחיבה את המסך. */
.mt-link { word-break: break-all; overflow-wrap: anywhere; }

/* ── בחירת הרכב יריבה מהסגל (23/09) — הערכה בהכנה, טופס ביום המשחק ── */
.mm-pick { display: grid; gap: 3px; max-height: 52vh; overflow-y: auto; margin: 0 0 12px; padding: 2px; }
.mm-pickrow { display: flex; align-items: center; gap: 8px; padding: 6px 8px; border-radius: 9px; border: 1px solid transparent; }
.mm-pickrow.is-start { background: #e3ecfb; border-color: #1647b9; }
.mm-pickrow.is-bench { background: #f3f5f9; border-color: #dde5f0; }
.mm-picknum { width: 46px; text-align: center; padding: 6px 4px; font-size: 14px; }
.mm-pickname { flex: 1; min-width: 0; font-size: 15px; }
.mm-pickname small { color: #7f8fa8; }
.mm-pickbtns { display: flex; gap: 4px; }
.mm-pickbtns button { font-size: 13px; padding: 6px 10px; }
.mm-pickbtns button.on { background: #1647b9; border-color: #1647b9; color: #fff; }
/* 23/09: לחיצה על המספר = פותח. המאמן — כפתור אחד למעלה. */
.mm-numbtn { min-width: 46px; height: 38px; padding: 0 6px; font-size: 16px; font-weight: 800; border-radius: 9px; }
.mm-numbtn.on { background: #1647b9; border-color: #1647b9; color: #fff; }
.mm-pickcoach { margin: 0 0 10px; }
.mm-coachbtn { width: 100%; text-align: right; padding: 10px 12px; font-size: 15px; }
.mm-coachbtn.on { background: #1647b9; border-color: #1647b9; color: #fff; }
/* 23/09, כפיר: "תן לו טאב פתיחה סגירה" — פאנלים מתקפלים בלשונית ההכנה. */
.mm-fold > summary { list-style: none; cursor: pointer; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin: -4px 0; }
.mm-fold > summary::-webkit-details-marker { display: none; }
.mm-fold > summary h2 { margin: 0; flex: 1; }
.mm-fold > summary small { font-size: 13px; opacity: .75; }
.mm-fold > summary::after { content: '▾'; font-size: 15px; opacity: .7; }
.mm-fold[open] > summary::after { content: '▴'; }
.mm-fold[open] > summary { margin-bottom: 8px; }

/* ── שעון המשחק (23/09) — ספירה לאחור, מחצית, הפסקה, סיום ─────────── */
.mclock { display: inline-flex; flex-direction: column; align-items: center; gap: 2px; padding: 8px 16px; border-radius: 12px;
  background: #0b1f45; color: #fff; min-width: 120px; }
.mclock-l { font-size: 12px; opacity: .8; letter-spacing: .2px; }
.mclock-t { font-size: 26px; font-weight: 800; font-variant-numeric: tabular-nums; line-height: 1.1; }
.mclock-countdown { background: #1647b9; }
.mclock-live { background: #14532d; }
.mclock-live .mclock-t::before { content: '●'; color: #ff5a5a; font-size: 11px; margin-inline-end: 8px; vertical-align: middle; animation: mclock-blink 1.2s infinite; }
.mclock-halftime { background: #713f12; }
.mclock-finished { background: #334155; }
.mclock-soon { background: #1647b9; }
.mclock-none { background: transparent; color: inherit; opacity: .8; }
.mclock-none .mclock-t { display: none; }
.mclock-wide { width: 100%; box-sizing: border-box; margin: 10px 0; }
.mm-head .mclock { padding: 4px 10px; min-width: 0; }
.mm-head .mclock-t { font-size: 18px; }
.mm-head .mclock-l { font-size: 10px; }
@keyframes mclock-blink { 50% { opacity: .2; } }
/* 23/09 — "דיווח אחר לאוהדים": מלבן שביעי, לרוחב כל הלוח. */
.mm-act.mm-note { grid-column: 1 / -1; min-height: 52px; grid-auto-flow: column; gap: 8px; }
.mm-presets { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.mm-presets button { font-size: 13px; }

/* עריכת סגל היריבה — 24/09: בורר תפקיד נגלל + עריכת מספר בשורה,
   בלי חלון קופץ של הדפדפן. */
.mm-numinput { min-width: 52px; width: 52px; height: 38px; text-align: center;
  font-size: 16px; font-weight: 800; border-radius: 9px; border: 2px solid #1647b9; }
.mm-posbtn { min-height: 38px; font-size: 13px; border-radius: 9px; padding: 4px 6px;
  max-width: 132px; }
.mm-manual { margin: 4px 0 12px; }
.mm-manual > summary { cursor: pointer; font-size: 13.5px; font-weight: 700;
  padding: 8px 4px; opacity: .85; }

/* קוביית תוספת זמן (24/09) — ענבר, נבדלת מהשריקות */
.mm-addtime-row { margin-top: 8px; }
.mm-addtime { width: 100%; font-weight: 800; background: #b45309; border-color: #b45309; color: #fff; }
.mm-addtime:disabled { opacity: .45; }

/* השעון על כרטיס המשחק ועל "המשחק הבא" (24/09) — קומפקטי, לא תופס את הכרטיס */
.mclock-card { padding: 5px 10px; border-radius: 9px; }
.mclock-card .mclock-t { font-size: 17px; }
.mclock-card .mclock-l { font-size: 10.5px; }
.mclock-card.mclock-none { padding: 0; }
.mclock-hero { margin-top: 10px; }

/* צבעי החולצות בהכנה (24/09) */
.mm-kit-l { margin: 8px 0 4px; font-size: 13.5px; font-weight: 700; }
.mm-kits { display: flex; gap: 8px; flex-wrap: wrap; }
.mm-kit { width: 34px; height: 34px; min-height: 34px; padding: 0; border-radius: 50%;
  background: var(--kit); border: 2px solid rgba(128,150,180,.5); box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.mm-kit.on { border-color: #ffd34d; box-shadow: 0 0 0 3px rgba(255,211,77,.35), inset 0 0 0 1px rgba(0,0,0,.15); }
/* דף ההרכב — לשוניות אשקלון / היריבה (24/09) */
.lu-sides { display: flex; gap: 6px; margin: 10px 0 12px; }
.lu-sides button { flex: 1; font-weight: 700; border-radius: 99px; }
.lu-sides button[aria-selected="true"] { background: #1647b9; color: #fff; border-color: #1647b9; }

/* סמל היריבה בכרטיסי המשחק (25/09) */
.crest-sm { width: 28px; height: 28px; object-fit: contain; vertical-align: middle; margin-inline-start: 8px; border-radius: 6px; background: rgba(255,255,255,.85); padding: 2px; }
.crest-hero { width: 40px; height: 40px; }

/* העיגולים (27/09) — מנויים פעילים / הפעילו התראות / נכנסו היום */
.rings { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; margin: 6px 0 16px; }
.ring { width: 112px; height: 112px; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center;
  border: 6px solid #1647b9; background: rgba(22,71,185,.06); text-align: center; }
.ring b { font-size: 34px; line-height: 1; font-weight: 900; }
.ring small { font-size: 12px; margin-top: 4px; opacity: .85; padding: 0 6px; }
.ring-push { border-color: #b45309; background: rgba(180,83,9,.07); }
.ring-today { border-color: #1a7a3c; background: rgba(26,122,60,.07); }
@media (max-width: 420px) { .ring { width: 96px; height: 96px; } .ring b { font-size: 28px; } }

/* הפס להפעלת התראות (27/09) */
.push-banner { position: relative; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  background: #eef3ff; border: 1px solid #1647b9; border-radius: 14px; padding: 12px 40px 12px 14px; margin: 0 0 14px; }
.push-banner[hidden] { display: none; }
.push-banner .pb-t { flex: 1; min-width: 200px; display: grid; gap: 2px; }
.push-banner .pb-t b { font-size: 15.5px; }
.push-banner .pb-t span { font-size: 13.5px; color: #3b4a68; line-height: 1.45; }
.push-banner .pb-go { white-space: nowrap; }
.push-banner .pb-x { position: absolute; top: 6px; left: 6px; background: none; border: 0; font-size: 16px;
  min-width: 34px; min-height: 34px; cursor: pointer; opacity: .6; }
.push-banner .pb-x:hover { opacity: 1; }
@media (prefers-color-scheme: dark) {
  .push-banner { background: #1c2b47; border-color: #4d7cff; }
  .push-banner .pb-t span { color: #c9d6ec; }
}

/* ── שידור חי (שולחן 32, 05/10) ── */
.live-planned { margin: 10px 0 0; font-size: 14px; color: #dbe6ff; }
.live-btn { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 12px 18px; border-radius: 12px;
  border: 1px solid #ffffff55; background: #ffffff1a; color: #fff; font-weight: 800; font-size: 16px; min-height: 48px; }
.live-btn.on { background: #c62828; border-color: #c62828; }
.live-dot { width: 10px; height: 10px; border-radius: 50%; background: #fff; animation: livePulse 1.2s ease-in-out infinite; }
@keyframes livePulse { 50% { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { .live-dot { animation: none; } }
.live-msg { background: var(--surface, #fff); border: 1px solid var(--line, #d6dfeb); border-radius: 14px; padding: 22px 18px;
  text-align: center; display: grid; gap: 8px; justify-items: center; margin-top: 14px; }
.live-msg b { font-size: 18px; } .live-msg p { margin: 0; color: var(--muted, #526781); }
.live-wrap { position: relative; margin-top: 14px; background: #000; border-radius: 12px; overflow: hidden; aspect-ratio: 16 / 9; }
.live-wrap iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.live-wm { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; pointer-events: none;
  color: #fff; opacity: .28; font-size: 15px; font-weight: 700; transform: rotate(-18deg); white-space: nowrap; user-select: none;
  text-shadow: 0 0 2px #000; }
.live-problem { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px;
  background: #000000c7; color: #fff; text-align: center; }
.live-problem[hidden] { display: none; }
.live-problem button { background: #fff; color: #0d2a5c; border: 0; border-radius: 10px; padding: 10px 18px; font-weight: 700; }
.live-full { position: absolute; bottom: 8px; left: 8px; width: 44px; height: 44px; border-radius: 10px; border: 0;
  background: #000000a0; color: #fff; font-size: 20px; }
.live-wrap.is-full { position: fixed; inset: 0; z-index: 200; border-radius: 0; aspect-ratio: auto; margin: 0; }
body.live-lock { overflow: hidden; }
.live-note { margin: 8px 2px 0; font-size: 13px; color: var(--muted, #526781); }

/* ── הודעות מתוזמנות (06/10) ── */
.sched-box { margin-top: 12px; padding: 12px; border: 1px dashed var(--line, #d6dfeb); border-radius: 12px; background: #fff; }
.sched-box[hidden] { display: none; }
.sched-box input { min-height: 44px; font-size: 16px; }
.sched-h { margin: 6px 0 8px; font-size: 18px; }
.sched-row { border-color: #1647b9 !important; }