/* Compact mobile shell; keep desktop controls and data available. */
.ob-app .p-badge.live { background:var(--p-highlight,#d8ff3e); color:var(--p-highlight-ink,#152000); }
:root .ob-app .p-detail-match-header > .p-match-league-link { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; width:fit-content; max-width:100%; margin:0 auto 12px; }
:root .ob-app .p-detail-match-header > .p-match-league-link img { width:20px; height:20px; object-fit:contain; flex:none; }
.p-account-plan { display:none; }
.featured-viewport { touch-action:pan-y pinch-zoom; }
.p-results-filter-toggle.p-button { display:none; }
.p-results-date-compact { display:none; }
.p-results-filter-layer { --p-motion-enter:240ms; --p-motion-exit:0ms; display:none; position:fixed; inset:0; }
.p-results-filter-layer.open { display:block; }
.p-results-filter-layer > .p-ui-scrim { position:absolute; inset:0; background:var(--p-overlay); }
.p-results-filter-panel { position:absolute; bottom:0; left:0; right:0; max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; background:var(--p-surface); border:1px solid var(--p-border); border-radius:22px 22px 0 0; padding:8px 18px max(18px,env(safe-area-inset-bottom)); color:var(--p-text); }
.p-results-filter-panel::before { content:''; display:block; width:36px; height:4px; margin:0 auto 8px; border-radius:4px; background:var(--p-border-control); }
.p-results-filter-panel > header { position:static; display:flex; justify-content:space-between; align-items:center; border:0; background:transparent; margin:0 0 12px; padding:0; }
.p-results-filter-panel h2 { margin:0; font:650 18px/1.4 var(--p-font-body); }
.p-results-filter-panel > header button { min-width:44px; min-height:44px; font-size:24px; }
.p-results-filter-panel .p-results-filters { border:0; padding:0; gap:16px 12px; }
.p-results-filter-panel .p-results-filters label { min-width:0; font-size:13px; }
.p-results-filter-panel .p-results-filters :is(input,select) { min-height:48px; font-size:16px; }
.p-results-filter-panel .p-results-filters button { flex:1 1 calc(50% - 12px); min-height:48px; font-size:14px; }
.p-results-filter-panel .p-results-filters button[type=submit] { background:var(--p-highlight); color:var(--p-highlight-ink); }
.p-results-filter-layer.open .p-results-filter-panel { animation:p-results-sheet-in 240ms cubic-bezier(.22,1,.36,1); }
@keyframes p-results-sheet-in { from { transform:translateY(100%); } to { transform:translateY(0); } }
@media(max-width:700px) {
  .ob-app .p-app-header .brand { flex:0 0 44px; min-height:44px; justify-content:flex-start; }
  .ob-app .p-app-header .cuotario-logo { display:none; }
  .ob-app .p-app-header .cuotario-header-symbol { display:block; width:32px; height:32px; }
  .ob-app .p-app-header .pro-chip { display:none; }
  .ob-app .p-app-header .header-right { gap:8px; }
  .ob-app .p-app-header .p-header-icon { min-width:44px; min-height:44px; }
  .ob-app .menu-user .mu-nom { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
  .ob-app .menu-user > div { min-width:0; }
  .ob-app .menu-user .mu-mail { font-size:12px; overflow-wrap:anywhere; }
  .p-account-plan { display:inline-flex; align-items:center; padding:2px 8px; min-height:28px; border:1px solid var(--p-border-control); border-radius:8px; background:transparent; color:var(--p-emphasis); font:600 12px/20px var(--p-font-body); cursor:pointer; }
  .ob-app #tabbar { gap:0; padding:2px 4px calc(2px + env(safe-area-inset-bottom)); }
  .ob-app #tabbar .tab { min-height:54px; padding:5px 2px; gap:3px; border:0; box-shadow:none; background:transparent; color:var(--p-text-muted); }
  .ob-app #tabbar .tab .tab-ico { color:var(--p-text); line-height:1; }
  .ob-app #tabbar .tab.on, .ob-app #tabbar .tab.on .tab-ico { color:var(--p-emphasis); background:transparent; }
  .ob-app #tabbar .tab svg { color:inherit; --pulso-icon-accent:currentColor; --p-icon-accent:currentColor; }
  .ob-app #tabbar .tab .lbl { font-size:12px; line-height:16px; }
  .ob-app .det-top.p-detail-nav #detBack { display:none; }
  .ob-app .det-top.p-detail-nav .breadcrumb { display:flex; flex-direction:column; align-items:stretch; gap:8px; width:100%; }
  .ob-app .p-detail-nav .p-breadcrumb-list { flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; scrollbar-width:none; font-size:12px; }
  .ob-app .p-detail-nav .p-breadcrumb-list li { flex:none; max-width:none; }
  .ob-app .p-detail-nav .bc-drop.p-button { align-self:flex-end; width:auto; min-height:40px; }
  .ob-app .p-detail-match-header, .ob-app .p-detail-match-header:has(>.p-match-share) { padding:60px 12px 16px; }
  :root .ob-app .p-detail-match-header > .p-match-league-link { position:absolute; top:10px; left:12px; right:62px; width:auto; height:40px; margin:0; justify-content:flex-start; text-align:left; font-size:12px; line-height:18px; }
  :root .ob-app .p-detail-match-header > .p-match-league-link span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .ob-app .p-detail-match-header > .p-match-share { width:40px; min-height:40px; top:10px; right:10px; }
  .ob-app .p-detail-match-header .mh-row { display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center; gap:8px; }
  .ob-app .p-detail-match-header .mh-mid { max-width:124px; }
  .ob-app .p-detail-match-header .p-match-form-note { font-size:12px; margin-top:12px; }
  .p-results-filter-host { display:none; }
  .p-results-toolbar { gap:8px; }
  .p-results-filter-toggle.p-button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:8px 12px; }
  .p-results-filter-toggle b { display:inline-grid; place-items:center; min-width:20px; height:20px; border-radius:50%; background:var(--p-highlight); color:var(--p-highlight-ink); font-size:12px; }
  .p-results-filter-toggle b[hidden] { display:none; }
  .p-results-toolbar .p-results-status { flex:1; text-align:right; }
  .p-results-toolbar [data-results-refresh] { padding:8px; }
  .p-results-table tr { grid-template-columns:minmax(0,1fr) auto; gap:6px 12px; padding:12px; }
  .p-results-table td:nth-child(2) { grid-column:1/-1; }
  .p-results-table td:first-child { grid-row:3; grid-column:1; align-self:center; text-align:left; }
  .p-results-table td:last-child { grid-row:3; grid-column:2; }
  .p-results-table .p-results-match { grid-row:2; }
  .p-results-table .p-results-coverage { display:none; }
  .p-results-date-full { display:none; }
  .p-results-date-compact { display:inline; }
  .p-results-table time { display:inline-flex; align-items:center; gap:6px; font-size:12px; }
  .p-results-hour { display:inline; margin:0; }
  .p-results-hour::before { content:'·'; margin-right:6px; color:var(--p-text-muted); }
  .p-results-league { max-width:none; font-size:12px; }
  .p-results-open.p-button { min-height:44px; padding:4px 0 4px 4px; }
}
@media(prefers-reduced-motion:reduce) { .p-results-filter-layer.open .p-results-filter-panel { animation:none; } }