﻿/* ============================================================================
   share-card.css — стили брендированной карточки матча («поделиться картинкой»).
   ЕДИНСТВЕННЫЙ источник для ОБЕИХ карточек: live.aspx (клон строки грида) и
   MatchPage (клон серверной строки #mpShareRow). Обе страницы вешают на офф-скрин
   холдер id="sgcShareHolder" — отсюда общий скоуп.

   Правила намеренно вынуты из @media(max-width:768px): карточка обязана быть
   мобильного вида ВСЕГДА, независимо от вьюпорта. Раньше это достигалось двумя
   разными способами — копией этого блока внутри MatchPage.aspx и захватом live-строки
   в узком iframe; копия отставала от live.css (снимок 25.07.2026), карточки разъезжались,
   а iframe стоил ~10 с на кадр. 28.08.2026 обе механики заменены этим файлом.

   Подключать ПОСЛЕ live.css: на узком экране мобильный медиазапрос грида задаёт те же
   свойства, и выигрывать должен файл карточки.
   ============================================================================ */
#sgcShareHolder table.live-table{width:100%;min-width:1500px;white-space:nowrap;border-collapse:collapse;font-size:12px;background:#fff;border:1px solid #ddd;}
#sgcShareHolder table.live-table td.odds-line{width:215px;overflow:hidden;text-overflow:ellipsis;}
#sgcShareHolder table.live-table td.teams-block{width:350px;overflow:hidden;text-overflow:ellipsis;}
#sgcShareHolder table.live-table td{padding:2px 5px;border-bottom:1px solid #e0e0e0;vertical-align:middle;}
#sgcShareHolder .dom-wrap{width:100%;min-width:130px;}
#sgcShareHolder .dom-thick-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;}
#sgcShareHolder .dom-home{background:#2196F3;}
#sgcShareHolder .dom-away{background:#ddd;}
#sgcShareHolder .dom-seg{display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:bold;overflow:hidden;white-space:nowrap;transition:width .4s;}
#sgcShareHolder .dom-seg.dom-home{color:#fff;}
#sgcShareHolder .dom-seg.dom-away{color:#555;}
#sgcShareHolder .dom-click{cursor:pointer;}
#sgcShareHolder .odds-line{white-space:nowrap;font-size:11px;padding:2px 6px;}
#sgcShareHolder .odds-live-td{position:relative;}
#sgcShareHolder .odds-live-td .odds-pre-row{margin-bottom:2px;border-bottom:1px solid #e0e0e0;padding-bottom:2px;}
#sgcShareHolder .odds-badge-row{line-height:1;margin-bottom:1px;}
#sgcShareHolder .odds-nums{white-space:nowrap;}
#sgcShareHolder .odds-tag{display:inline-block;font-weight:bold;border-radius:2px;letter-spacing:.4px;}
#sgcShareHolder .odds-live{background:#2e7d32;color:#fff;font-size:8px;padding:1px 5px;}
#sgcShareHolder .odds-pre{background:#90a4ae;color:#fff;font-size:6px;padding:1px 3px;}
#sgcShareHolder .odds-pre-row{font-size:9px;color:#aaa;line-height:1.4;white-space:nowrap;margin-bottom:1px;}
#sgcShareHolder .odds-p1{color:#1b5e20;font-weight:bold;}
#sgcShareHolder .odds-x{color:#555;}
#sgcShareHolder .odds-p2{color:#b71c1c;font-weight:bold;}
#sgcShareHolder .odds-hdp-lbl{color:#888;font-size:9px;text-transform:uppercase;}
#sgcShareHolder .odds-hdp-line{color:#1565c0;font-weight:bold;margin:0 3px;}
#sgcShareHolder .odds-hdp-h{color:#1b5e20;font-weight:bold;}
#sgcShareHolder .odds-hdp-a{color:#b71c1c;font-weight:bold;}
#sgcShareHolder .odds-hdp-sep{color:#aaa;margin:0 2px;}
#sgcShareHolder .arb-tot-row{font-size:9px;color:#666;margin-top:1px;text-align:right;}
#sgcShareHolder .arb-tot-line{color:#333;font-weight:bold;}
#sgcShareHolder .arb-tot-o{color:#1b5e20;font-weight:bold;}
#sgcShareHolder .arb-tot-u{color:#b71c1c;font-weight:bold;}
#sgcShareHolder .arb-tot-vol{color:#1565c0;margin-left:3px;}
#sgcShareHolder .form-td{text-align:center;font-size:9px;padding:2px 4px;white-space:nowrap;}
#sgcShareHolder .form-gd{font-weight:bold;font-size:9px;}
#sgcShareHolder .gd-gf{color:#1b5e20;}
#sgcShareHolder .gd-ga{color:#b71c1c;}
#sgcShareHolder .gd-sep{color:#aaa;margin:0 1px;}
#sgcShareHolder .form-icons{line-height:1.2;}
#sgcShareHolder .form-icons span{display:inline-block;width:12px;height:12px;line-height:12px;text-align:center;border-radius:2px;font-size:8px;font-weight:bold;color:#fff;margin:0 1px;}
#sgcShareHolder .fm-W{background:#4caf50;}
#sgcShareHolder .fm-D{background:#ff9800;}
#sgcShareHolder .fm-L{background:#f44336;}
#sgcShareHolder .tot-sep{color:#888;margin:0 4px;}
#sgcShareHolder .tot-line{font-weight:bold;color:#333;}
#sgcShareHolder .tot-o{color:#1b5e20;}
#sgcShareHolder .tot-u{color:#b71c1c;}
#sgcShareHolder .odds-mv{font-size:9px;color:#888;margin-right:2px;white-space:nowrap;}
#sgcShareHolder .odds-mv-up{color:#c62828;}
#sgcShareHolder .odds-mv-dn{color:#2e7d32;}
#sgcShareHolder .teams-block{padding:2px 6px;vertical-align:middle;min-width:280px;max-width:340px;}
#sgcShareHolder .league-row-v2{text-align:center;font-size:10px;color:#444;font-weight:500;letter-spacing:0.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;}
#sgcShareHolder .league-link-v2{color:#444;text-decoration:none;}
#sgcShareHolder .league-link-v2:hover{text-decoration:underline;}
#sgcShareHolder .teams-row-v2{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;}
#sgcShareHolder .team-name-h{font-size:13px;font-weight:500;text-align:right;flex:1;overflow:hidden;text-overflow:ellipsis;}
#sgcShareHolder .team-name-a{font-size:13px;font-weight:500;text-align:left;flex:1;overflow:hidden;text-overflow:ellipsis;}
#sgcShareHolder a.team-link, #sgcShareHolder a.team-link:hover, #sgcShareHolder a.team-link:focus, #sgcShareHolder a.team-link:active, #sgcShareHolder a.team-link .team-name-h, #sgcShareHolder a.team-link .team-name-a{text-decoration:none !important;}
#sgcShareHolder .team-link{color:inherit;flex:1;display:flex;min-width:0;cursor:pointer;}
#sgcShareHolder .score-center-v2{font-size:14px;font-weight:700;color:#222;flex-shrink:0;padding:0 8px;}
#sgcShareHolder .alert-score-inline{font-size:8px;color:#888;font-weight:400;}
#sgcShareHolder .bottom-row-v2{text-align:center;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3;margin-top:1px;}
#sgcShareHolder .stream-icon{font-size:11px;text-decoration:none;opacity:0.7;float:left;margin-right:4px;}
#sgcShareHolder .stream-icon:hover{opacity:1;}
#sgcShareHolder .sq-stat{font-size:10px;color:#888;margin-top:1px;}
#sgcShareHolder .sq-imp{padding:0 1px;}
#sgcShareHolder .sq-weak{color:#e74c3c;font-weight:bold;}
#sgcShareHolder .sq-miss{font-size:8px;color:#e74c3c;vertical-align:super;}
#sgcShareHolder .sq-cell{font-size:10px;color:#888;text-align:center;}
#sgcShareHolder .sq-miss-cell{color:#e74c3c;font-weight:bold;}
#sgcShareHolder .hdk-td{text-align:center;white-space:nowrap;}
#sgcShareHolder .hdk-hover{position:relative;cursor:pointer;}
#sgcShareHolder .hdk-tooltip{display:none;position:fixed;z-index:9999;background:#fff;color:#333;border:1px solid #ccc;border-radius:6px;padding:6px 8px;min-width:220px;max-width:420px;box-shadow:0 4px 16px rgba(0,0,0,0.15);font-size:10px;line-height:1.4;}
#sgcShareHolder .minute-badge{display:inline-block;background:#546e7a;color:#fff;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:bold;}
#sgcShareHolder .sv-cell{cursor:default;padding:0 !important;overflow:visible;}
#sgcShareHolder .stat-bars-td{padding:2px 3px !important;min-width:135px;max-width:160px;vertical-align:top;cursor:pointer;overflow:hidden;}
#sgcShareHolder .stat-popup{min-width:220px;max-width:270px;padding:10px 14px !important;border-radius:10px !important;}
#sgcShareHolder .stat-bar-row{position:relative;height:18px;margin:3px 0;font-size:9px;font-weight:600;background:#e8e8e8;border-radius:4px;overflow:hidden;}
#sgcShareHolder .sb-h{position:absolute;left:0;top:0;bottom:0;border-radius:4px 0 0 4px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);}
#sgcShareHolder .sb-a{position:absolute;right:0;top:0;bottom:0;border-radius:0 4px 4px 0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.25);}
#sgcShareHolder .sb-val-h{position:absolute;left:5px;top:0;height:100%;display:flex;align-items:center;color:#fff;z-index:1;font-size:10px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,0.3);}
#sgcShareHolder .sb-val-a{position:absolute;right:5px;top:0;height:100%;display:flex;align-items:center;color:#fff;z-index:1;font-size:10px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,0.3);}
#sgcShareHolder .sb-lbl{position:absolute;left:50%;top:0;height:100%;display:flex;align-items:center;transform:translateX(-50%);font-size:8px;color:#fff;font-weight:700;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,0.6);}
#sgcShareHolder .mom-svg{display:block;width:100%;overflow:hidden;}
#sgcShareHolder .sp-r{display:flex;align-items:center;margin-bottom:2px;}
#sgcShareHolder .sp-h{width:32px;text-align:right;font-weight:bold;}
#sgcShareHolder .sp-l{flex:1;text-align:center;color:#888;font-size:10px;padding:0 6px;white-space:nowrap;}
#sgcShareHolder .sp-a{width:32px;font-weight:bold;}
#sgcShareHolder .sp-b{display:flex;height:4px;margin-bottom:5px;border-radius:2px;overflow:hidden;}
#sgcShareHolder .sp-bh{background:#42a5f5;}
#sgcShareHolder .sp-ba{background:#e0e0e0;}
#sgcShareHolder .watch-td{text-align:center;}
#sgcShareHolder .watch-cb{width:16px;height:16px;cursor:pointer;accent-color:#1565C0;}
#sgcShareHolder .min-pre{background:#78909c !important;}
#sgcShareHolder .min-early{background:#b2ebf2 !important;color:#37474f !important;}
#sgcShareHolder .min-1h{background:#00ACC1 !important;}
#sgcShareHolder .min-2h{background:#0097A7 !important;}
#sgcShareHolder .min-et{background:#c2185b !important;}
#sgcShareHolder .ritm-v{display:none;}
#sgcShareHolder .pulse-wrap{position:relative;background:#ddd;border-radius:4px;height:18px;min-width:58px;overflow:hidden;display:flex;align-items:center;}
#sgcShareHolder .pulse-fill{position:absolute;left:0;top:0;bottom:0;border-radius:4px;min-width:3px;}
#sgcShareHolder .pulse-fill.act-high{background:#e53935;}
#sgcShareHolder .pulse-fill.act-med{background:#fb8c00;}
#sgcShareHolder .pulse-fill.act-low{background:#9e9e9e;}
#sgcShareHolder .pulse-lbl{position:relative;z-index:1;font-size:10px;font-weight:bold;width:100%;text-align:center;color:#fff;line-height:18px;}
#sgcShareHolder .pulse-lbl.act-low{color:#333;}
#sgcShareHolder .teams-row-v2{cursor:default;}
body.dark-theme #sgcShareHolder table.live-table{background:#1f1f1f !important;color:#e0e0e0;border-color:#333 !important;}
body.dark-theme #sgcShareHolder table.live-table tbody tr{background:#1f1f1f;}
body.dark-theme #sgcShareHolder table.live-table tbody tr td{background:#1f1f1f !important;color:#e0e0e0 !important;border-bottom-color:#2a2a2a !important;}
body.dark-theme #sgcShareHolder table.live-table tbody tr:nth-child(even) td{background:#252525 !important;}
body.dark-theme #sgcShareHolder table.live-table tbody tr:hover td{background:#2c2c2c !important;}
body.dark-theme #sgcShareHolder table.live-table tr.row-finished td{background:#161616 !important;color:#888 !important;}
body.dark-theme #sgcShareHolder table.live-table tr.row-prematch td{background:#1a1a1a !important;color:#999 !important;}
body.dark-theme #sgcShareHolder table.live-table tr.watched-row td{background:#1e3a5c !important;}
body.dark-theme #sgcShareHolder table.live-table tr.watched-finished td{background:#17293f !important;color:#888 !important;}
body.dark-theme #sgcShareHolder .watched-row{background:#1e3a5c !important;}
body.dark-theme #sgcShareHolder .watched-finished{background:#17293f !important;}
body.dark-theme #sgcShareHolder .league-name, body.dark-theme #sgcShareHolder .team-name-h, body.dark-theme #sgcShareHolder .team-name-a, body.dark-theme #sgcShareHolder .team-names{color:#e0e0e0 !important;}
body.dark-theme #sgcShareHolder .form-td, body.dark-theme #sgcShareHolder .form-td *{color:#e0e0e0;}
body.dark-theme #sgcShareHolder .score-center-v2{color:#e0e0e0;}
body.dark-theme #sgcShareHolder .score-center-v2 .sc-lead{color:#90caf9;}
body.dark-theme #sgcShareHolder .hdk-td, body.dark-theme #sgcShareHolder .sq-cell{color:#ccc;}
body.dark-theme #sgcShareHolder .stat-popup, body.dark-theme #sgcShareHolder .hdk-tooltip{background:#2a2a2a !important;color:#e0e0e0 !important;border-color:#444 !important;}
#sgcShareHolder .team-logo-mini{display:inline-block;flex:0 0 auto;width:16px;height:16px;margin:0 3px;border-radius:50%;object-fit:cover;background:#f0f0f0;vertical-align:middle;}
#sgcShareHolder .team-logo-mini[src=""], #sgcShareHolder .team-logo-mini:not([src]){display:none;}
#sgcShareHolder .rc-badge{display:none;}
#sgcShareHolder .dom-pct{display:none;}
#sgcShareHolder .watch-td{white-space:nowrap;}
#sgcShareHolder .watch-cb{vertical-align:middle;}
#sgcShareHolder .odds-link{color:inherit;text-decoration:none;cursor:pointer;}
#sgcShareHolder .odds-link:hover .odds-p1, #sgcShareHolder .odds-link:hover .odds-x, #sgcShareHolder .odds-link:hover .odds-p2, #sgcShareHolder .odds-link:hover .tot-o, #sgcShareHolder .odds-link:hover .tot-u, #sgcShareHolder .odds-link:hover .odds-hdp-h, #sgcShareHolder .odds-link:hover .odds-hdp-a{text-decoration:underline;}
/* Мобильная карточка и развёрнутая панель (ист. @media max-width:768px) */
#sgcShareHolder table.live-table{width:100% !important;min-width:0 !important;display:block;}
#sgcShareHolder table.live-table thead{display:none;}
#sgcShareHolder table.live-table tbody{display:block;}
#sgcShareHolder table.live-table tbody tr[data-mid]{display:flex;flex-wrap:wrap;align-items:flex-start;padding:3px 8px 4px;border-bottom:1px solid #ececec;position:relative;cursor:pointer;}
#sgcShareHolder table.live-table tbody tr[data-mid] > td{padding:0;border:0;vertical-align:middle;}
#sgcShareHolder table.live-table tbody td:nth-child(2), #sgcShareHolder table.live-table tbody td:nth-child(7), #sgcShareHolder table.live-table td.sec-col{display:none !important;}
#sgcShareHolder table.live-table tbody tr[data-mid] > td:nth-child(1){display:none !important;}
/* Пилюля минуты: у грида padding 1px 3px — на карточке цифры упирались в скругление и читались
   как подрезанные (жалоба 19.08.2026); тут воздуха больше. */
#sgcShareHolder .minute-badge{padding:2px 6px !important;font-size:10px !important;border-radius:9px !important;line-height:1.2 !important;}
#sgcShareHolder .league-min{display:inline-flex;flex:0 0 auto;align-items:center;margin-right:6px;vertical-align:middle;}
#sgcShareHolder .teams-block{order:2;flex:1 1 100%;max-width:none !important;min-width:0;overflow:visible;padding:0 !important;position:relative;font-size:10px;}
#sgcShareHolder .teams-block .league-row-v2{display:flex;align-items:center;min-width:0;font-size:10px;line-height:1.3;color:#6b7280;font-weight:600;margin-bottom:2px;padding:0 16px 0 0;text-align:left;}
#sgcShareHolder .teams-block .league-row-v2 .league-link-v2{font-size:10px;color:#6b7280;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#sgcShareHolder .teams-block .teams-row-v2{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:8px;row-gap:1px;align-items:center;}
#sgcShareHolder .teams-block .team-name-h{grid-column:1;grid-row:1;}
#sgcShareHolder .teams-block .team-name-a{grid-column:1;grid-row:2;}
#sgcShareHolder .teams-block .team-name-h, #sgcShareHolder .teams-block .team-name-a{display:flex;align-items:center;gap:3px;font-size:13px !important;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;}
#sgcShareHolder .teams-block .team-name-h::before, #sgcShareHolder .teams-block .team-name-a::before{content:'';display:block;flex:0 0 18px;width:18px;height:15px;}
#sgcShareHolder .teams-block .team-name-h:has(.team-logo-mini)::before, #sgcShareHolder .teams-block .team-name-a:has(.team-logo-mini)::before{display:none;}
#sgcShareHolder .teams-block .score-center-v2{grid-column:2;grid-row:1 / 3;display:grid;grid-template-columns:auto auto auto;grid-template-rows:auto auto;align-items:center;justify-items:end;column-gap:13px;row-gap:1px;font-size:17px;font-weight:700;line-height:1.05;min-width:60px;padding:0 4px 0 6px;color:#1565C0;}
#sgcShareHolder .teams-block .score-center-v2 .sc-sep{display:none;}
#sgcShareHolder .teams-block .score-center-v2 .sc-h{display:block;grid-column:3;grid-row:1;}
#sgcShareHolder .teams-block .score-center-v2 .sc-a{display:block;grid-column:3;grid-row:2;}
#sgcShareHolder .teams-block .score-center-v2 .alert-score-inline{display:none;}
#sgcShareHolder .teams-block .score-center-v2 .dom-pct{display:block;font-size:10px;font-weight:700;line-height:1.05;border-radius:3px;padding:1px 3px;}
#sgcShareHolder .teams-block .score-center-v2 .dom-pct-h{grid-column:2;grid-row:1;}
#sgcShareHolder .teams-block .score-center-v2 .dom-pct-a{grid-column:2;grid-row:2;}
#sgcShareHolder .teams-block .score-center-v2 .dom-pct.dom-hi{background:#1565C0;color:#fff;}
#sgcShareHolder .teams-block .score-center-v2 .dom-pct.dom-lo{background:#e0e0e0;color:#616161;}
#sgcShareHolder .teams-block .score-center-v2 .ritm-v{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1 / 3;align-self:center;justify-self:center;min-width:18px;height:18px;padding:0 4px;border-radius:9px;font-size:11px;font-weight:700;line-height:1;box-shadow:0 1px 2px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.28);}
#sgcShareHolder .teams-block .bottom-row-v2{display:none !important;}
#sgcShareHolder .teams-block .stream-icon{margin-left:2px;}
#sgcShareHolder .team-logo-mini{display:inline-block;flex:0 0 auto;width:15px;height:15px;border-radius:50%;object-fit:cover;background:#f0f0f0;}
#sgcShareHolder .rc-badge{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-width:12px;height:13px;padding:0 2px;border-radius:2px;background:#e53935;color:#fff;font-size:8px;font-weight:700;line-height:1;}
#sgcShareHolder .score-center-v2 .sc-lead{color:#0d47a1;font-weight:800;}
/* Стрелка-карет раскрытия и чекбокс «избранное» — интерактив, в статичном скриншоте мусор (19.08.2026) */
#sgcShareHolder .teams-block::after, #sgcShareHolder tr.row-expanded .teams-block::after{content:none !important;display:none !important;}
#sgcShareHolder td.watch-td{display:none !important;}
#sgcShareHolder table.live-table tbody tr[data-mid]::after{content:'';display:block;flex:0 0 100%;order:3;height:0;}
#sgcShareHolder table.live-table tbody td:nth-child(4), #sgcShareHolder table.live-table tbody td:nth-child(5), #sgcShareHolder table.live-table tbody td.stat-bars-td, #sgcShareHolder table.live-table tbody td.form-td{display:inline-flex !important;flex-direction:column;align-items:flex-start;flex:0 0 auto;order:5;margin:5px 10px 0 0;min-width:0;overflow:hidden;}
#sgcShareHolder table.live-table tbody td.stat-bars-td::before{content:none;}
#sgcShareHolder table.live-table tbody td.form-td::before{content:none;}
#sgcShareHolder table.live-table tbody td:nth-child(4):empty, #sgcShareHolder table.live-table tbody td:nth-child(5):empty, #sgcShareHolder table.live-table tbody td.stat-bars-td:empty, #sgcShareHolder table.live-table tbody td.form-td:empty{display:none !important;}
#sgcShareHolder table.live-table tbody td:nth-child(4), #sgcShareHolder table.live-table tbody td:nth-child(5){display:none !important;}
#sgcShareHolder .pulse-wrap{width:34px;height:16px;min-width:34px;}
#sgcShareHolder .pulse-lbl{font-size:9px;line-height:16px;}
#sgcShareHolder .over-mini{font-size:8px;margin-top:1px;}
#sgcShareHolder .dom-wrap{min-width:96px;}
#sgcShareHolder .dom-thick-bar{height:16px;}
#sgcShareHolder .dom-seg{font-size:9px;}
#sgcShareHolder td.stat-bars-td .stat-popup{display:none !important;}
#sgcShareHolder td.stat-bars-td .sv-cell{display:block;}
/* Ширина графика — фикс, а не от вьюпорта: карточка фиксированной ширины (373px), и calc(100vw)
   давал 230px на телефоне против 240px (max-width) на десктопе — кадры расходились. */
#sgcShareHolder td.stat-bars-td .mom-svg{width:240px;height:30px;}
#sgcShareHolder table.live-table tbody td.stat-bars-td{flex:1 1 auto !important;}
#sgcShareHolder td.form-td{font-size:7px;}
#sgcShareHolder td.form-td .form-gd{font-size:7px;line-height:1.1;}
#sgcShareHolder td.form-td .form-icons{line-height:0;}
#sgcShareHolder td.form-td .form-icons span{width:9px;height:9px;line-height:9px;font-size:7px;}
#sgcShareHolder td.form-td .form-icons span:nth-last-child(n+6){display:none;}
#sgcShareHolder table.live-table tbody td.form-td{margin-left:auto !important;margin-right:0 !important;}
#sgcShareHolder td.watch-td{order:6;flex:0 0 auto;margin:7px 0 0 auto;align-self:center;}
#sgcShareHolder tr.live-expand-row{display:flex !important;width:100%;}
#sgcShareHolder tr.live-expand-row > td{display:block;flex:1 1 100%;width:100% !important;box-sizing:border-box;padding:8px 10px !important;background:#fffdf3;border-left:3px solid #ffc107;border-bottom:1px solid #e0e0e0;}
#sgcShareHolder .le-sec{margin-bottom:10px;}
#sgcShareHolder .le-sec:last-of-type{margin-bottom:4px;}
#sgcShareHolder .le-sec-h{font-size:9px;text-transform:uppercase;letter-spacing:0.5px;color:#b07d00;font-weight:700;margin:0 0 5px;padding-bottom:3px;border-bottom:1px solid #f0e2a8;}
#sgcShareHolder .le-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:7px 10px;}
#sgcShareHolder .le-cell{font-size:10px;line-height:1.3;min-width:0;overflow:hidden;}
#sgcShareHolder .le-grid .le-wide{grid-column:1 / -1;overflow:visible;}
#sgcShareHolder .le-cell .le-lbl{display:block;color:#888;font-size:9px;text-transform:uppercase;letter-spacing:0.4px;margin-bottom:2px;}
#sgcShareHolder .le-cell .le-lbl[title]{cursor:help;border-bottom:1px dotted #ccc;display:inline-block;}
#sgcShareHolder .le-cell .le-val{display:block;color:#333;font-size:12px;}
#sgcShareHolder .le-wide .le-val{font-size:13px;line-height:1.5;}
#sgcShareHolder .le-wide .le-val .odds-badge-row{display:inline;margin:0 4px 0 0;}
#sgcShareHolder .le-wide .le-val .odds-nums{display:inline;}
#sgcShareHolder .le-wide .le-val .tot-group{display:inline !important;margin-top:0 !important;}
#sgcShareHolder .le-wide .le-val .odds-tag{display:inline-block;min-width:44px;text-align:center;box-sizing:border-box;}
#sgcShareHolder .le-wide .le-val .o-main{display:inline-block;width:148px;white-space:nowrap;}
#sgcShareHolder .le-cell .le-val *{font-size:inherit !important;}
#sgcShareHolder .le-cell .le-val .hdk-tooltip, #sgcShareHolder .le-cell .le-val .stat-popup{display:none !important;}
#sgcShareHolder .le-cell .le-val .tot-group{display:block;margin-top:2px;}
#sgcShareHolder .le-tabs{display:flex;gap:4px;}
#sgcShareHolder .le-tab-btn{flex:1;min-height:44px;padding:8px 4px;background:#fff;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;color:#444;touch-action:manipulation;}
#sgcShareHolder .le-tab-btn.le-tab-active{background:#ffc107;color:#000;border-color:#ffc107;font-weight:700;}
#sgcShareHolder .le-tab-content{margin-top:8px;min-height:20px;font-size:11px;}
#sgcShareHolder .le-tab-content:empty{display:none;}
#sgcShareHolder .le-tab-content .goal-tbl, #sgcShareHolder .le-tab-content .arb-hist-tbl{width:100%;font-size:10px;}
#sgcShareHolder .le-tab-content .goal-tbl td{border:0 !important;background:transparent !important;padding:7px 4px !important;white-space:normal;overflow:visible;text-overflow:clip;}
#sgcShareHolder .le-tab-content .goal-tbl tr{background:transparent !important;}
#sgcShareHolder .le-tab-content .goal-tbl .gl-home, #sgcShareHolder .le-tab-content .goal-tbl .gl-away{width:40%;}
#sgcShareHolder .le-tab-content .goal-tbl .gl-score{width:20%;white-space:nowrap;text-align:center;font-size:12px !important;}
#sgcShareHolder .le-tab-content .goal-tbl b{display:inline;font-size:12px !important;}
#sgcShareHolder .le-tab-content .goal-tbl .gl-assist{display:block;margin-top:2px;font-size:9px !important;color:#888;}
#sgcShareHolder .le-tab-content .stat-popup, #sgcShareHolder .le-tab-content .hdk-tooltip{display:block !important;position:static !important;box-shadow:none;padding:0;width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box;}
#sgcShareHolder .le-tab-content .stat-bar-row{height:22px;margin:4px 0;}
/* Бренд-шапка карточки (sgcCloneRow → .sgc-brandwrap): картинку шарят отдельно от ссылки. */
#sgcShareHolder .sgc-brandwrap{width:100%;}
#sgcShareHolder .sgc-brandbar{display:flex;align-items:center;gap:6px;padding:6px 8px;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-bottom:0;font-family:-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
#sgcShareHolder .sgc-brandico{width:22px;height:22px;display:block;flex:0 0 auto;border-radius:50%;}
#sgcShareHolder .sgc-brandname{font-size:15px;font-weight:800;color:#e65100;letter-spacing:0.2px;}
#sgcShareHolder .sgc-brandurl{margin-left:auto;font-size:11px;font-weight:600;color:#8a97a6;}
/* Тренды построчно (sgcTrendHtml) — светлый порт .trend-tip из live.css */
#sgcShareHolder .sgc-trows{display:block;}
#sgcShareHolder .sgc-trow{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.3;margin-bottom:3px;}
#sgcShareHolder .sgc-trow:last-child{margin-bottom:0;}
#sgcShareHolder .sgc-tr-name{flex:1 1 auto;min-width:0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#sgcShareHolder .sgc-tr-bar{flex:0 0 46px;height:5px;border-radius:3px;background:#ece7d5;overflow:hidden;}
#sgcShareHolder .sgc-tr-bar > span{display:block;height:100%;background:#43a047;border-radius:3px;}
#sgcShareHolder .sgc-tr-pct{flex:0 0 30px;text-align:right;font-weight:700;color:#1b5e20;}
#sgcShareHolder .sgc-tr-cnt{flex:0 1 auto;color:#8a8a8a;font-size:9px;white-space:nowrap;max-width:56px;overflow:hidden;text-overflow:ellipsis;}
/* Паритет с live.css (28.08.2026): «Прогруз» (H/X/A) в одну строку не влезает —
   рвём по словам, иначе последний процент срезается краем кадра. Счётчик тренда (n/N)
   ужимаем (выше), а не выпускаем за правый край. */
#sgcShareHolder .le-cell.sgc-load .le-val{white-space:normal;font-size:11px;line-height:1.35;}
/* «Составы» (td13 sq-cell) — три <div> в столбик занимали высоту трёх строк; на карточке
   кладём в одну: сила составов · важность H/A · дефицит. */
#sgcShareHolder .le-cell.sgc-sq .le-val{display:flex;align-items:baseline;gap:5px;white-space:nowrap;}
#sgcShareHolder .le-cell.sgc-sq .le-val > div{display:inline-block;margin:0;}
#sgcShareHolder .sgc-pred{font-size:12px;color:#333;line-height:1.4;}
#sgcShareHolder .sgc-pred b{font-size:13px;color:#1b5e20;}
body.dark-theme #sgcShareHolder .sgc-brandbar{background:#1a1a1a;border-color:#444;}
body.dark-theme #sgcShareHolder .sgc-brandname{color:#ff9800;}
body.dark-theme #sgcShareHolder .sgc-tr-name{color:#ddd;}
body.dark-theme #sgcShareHolder .sgc-tr-bar{background:#3a3320;}
body.dark-theme #sgcShareHolder .sgc-tr-pct{color:#81c784;}
body.dark-theme #sgcShareHolder .sgc-pred{color:#ddd;}
body.dark-theme #sgcShareHolder .sgc-pred b{color:#81c784;}
body.dark-theme #sgcShareHolder tr.live-expand-row > td{background:#1c1a12;border-left-color:#ffc107;border-bottom-color:#333;}
body.dark-theme #sgcShareHolder .le-cell .le-lbl{color:#888;}
body.dark-theme #sgcShareHolder .le-sec-h{color:#e0b84d;border-bottom-color:#3a3320;}
body.dark-theme #sgcShareHolder .le-cell .le-lbl[title]{border-bottom-color:#555;}
body.dark-theme #sgcShareHolder .le-cell .le-val{color:#ddd;}
body.dark-theme #sgcShareHolder .le-tab-btn{background:#2a2a2a;border-color:#444;color:#ddd;}
body.dark-theme #sgcShareHolder .le-tab-btn.le-tab-active{background:#ffc107;color:#000;border-color:#ffc107;}
