@layer pages {
  .matches-mobile-page .matches-quick-filters { display:grid;grid-template-columns:1fr;min-width:0; }
  .matches-mobile-page .filters-card :is(input,select) { max-width:100%;min-width:0;min-height:44px;font-size:16px; }
  .matches-mobile-page .filters-card .label { font-size:12px;line-height:1.5;text-transform:none;letter-spacing:0; }
  .matches-date-filter { display:grid;gap:7px;min-width:0; }
  .matches-date-heading { display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px; }
  .matches-date-label { font-size:12px;font-weight:700;line-height:1.5; }
  .matches-date-zone { color:var(--muted);font-size:10px;line-height:1.5; }
  .matches-date-row { display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:7px;min-width:0; }
  .matches-mobile-page input.matches-date-input { width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-bg);color:var(--text);font-family:var(--ff);font-size:16px; }
  .matches-date-input::-webkit-date-and-time-value { text-align:center; }
  .matches-date-step,.matches-date-preset { min-width:0;min-height:44px;padding:8px;border:1px solid var(--border);border-radius:10px;background:var(--surface-bg-soft);color:var(--text);font-family:var(--ff);font-size:12px;font-weight:600;line-height:1.5;cursor:pointer; }
  .matches-date-step { padding:3px;font-size:25px; }
  .matches-date-presets { display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:7px; }
  .matches-date-preset[aria-pressed="true"] { background:var(--accent-surface);border-color:var(--accent-border); }
  .matches-type-grid { display:grid;grid-column:1 / -1;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;width:100%;min-width:0; }
  .matches-type-label { display:block;width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;font-size:11px;line-height:1.4; }
  .matches-mobile-page .matches-advanced > .field { margin:8px 0; }
  .matches-mobile-page .filters-card .input-clear { width:44px;height:44px; }
  .matches-mobile-page .filters-card .input-wrap input { padding-inline-end:48px; }
  .matches-list-toolbar { display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:8px 0;padding:5px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-bg); }
  .matches-mobile-page #matches-hint { min-width:0;margin:0;font-size:12px;line-height:1.5;overflow-wrap:anywhere; }
  .matches-filter-jump { display:flex;align-items:center;justify-content:center;min-height:44px;flex:0 0 auto;padding:8px;color:var(--text);font-size:12px;font-weight:700; }
  .matches-empty-date-reset { min-height:44px;max-width:100%;margin-top:12px;white-space:normal; }
  .matches-mobile-page :is(.matches-date-input,.matches-date-step,.matches-date-preset,.matches-filter-jump,.matches-empty-date-reset):focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
  #matches-filters { scroll-margin-top:70px; }
  .matches-mobile-page #matches-list .match-list-mobile-card { display:grid;gap:10px;min-height:0;padding:14px; }
  .matches-mobile-page #matches-list .match-row .meta { display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-start;margin:0; }
  .matches-mobile-page #matches-list .match-row .meta .badge { max-width:100%;font-size:10px;line-height:1.5;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere; }
  .match-list-status-line { display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-width:0; }
  .matches-mobile-page #matches-list .match-list-status-line .status { max-width:100%;min-height:28px;font-size:12px;font-weight:700;line-height:1.5;text-transform:none;letter-spacing:0;white-space:normal;overflow-wrap:anywhere; }
  .match-list-schedule { display:flex;flex-wrap:wrap;gap:4px 8px;min-width:0;color:var(--muted);font-size:12px;line-height:1.5; }
  .match-list-start { white-space:nowrap; }
  .match-list-start strong { color:var(--text);font-size:14px;font-variant-numeric:tabular-nums; }
  .match-list-time-pending { color:var(--muted);font-size:12px; }
  .matches-mobile-page #matches-list .match-row .row { display:grid;grid-template-columns:minmax(0,1fr) minmax(78px,auto) minmax(0,1fr);align-items:center;gap:10px; }
  .matches-mobile-page #matches-list .match-row .team.side { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;text-align:center; }
  .matches-mobile-page #matches-list .match-row .team.side.right { flex-direction:column-reverse; }
  .matches-mobile-page #matches-list .match-row .team .match-list-team-name { display:block;min-width:0;max-width:100%;overflow:visible;white-space:normal;overflow-wrap:anywhere;max-height:none;font-size:13px;font-weight:700;line-height:1.5;text-align:center; }
  .matches-mobile-page #matches-list .match-row .logo-sm { display:block;width:30px;height:30px;flex:0 0 auto; }
  .matches-mobile-page #matches-list .match-row .score { display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:78px;max-width:116px;min-height:72px;padding:8px;border-color:var(--accent-border);background:var(--accent-surface);white-space:normal; }
  .match-list-value { color:var(--text);font-family:var(--ff);font-size:27px;font-weight:800;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums; }
  .is-kickoff .match-list-value { font-size:23px; }
  .match-list-value-label { max-width:100%;color:var(--muted);font-family:var(--ff);font-size:10px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0;text-align:center;overflow-wrap:anywhere; }
  @media(max-width:640px) {
    .matches-mobile-page .matches-hero { min-height:0;margin-bottom:8px;padding:0;background:none;border:0;box-shadow:none;border-radius:0; }
    .matches-mobile-page .matches-hero::after,.matches-mobile-page .matches-hero .hero-sub { display:none; }
    .matches-mobile-page .matches-hero .hero-title { margin:0;font-family:var(--ff);font-size:25px;font-weight:700;line-height:1.4;text-transform:none;letter-spacing:0;filter:none; }
    .matches-mobile-page .matches-context > :first-child { display:none; }
    .matches-mobile-page .matches-context:not(:has(> :nth-child(2))) { display:none; }
    .matches-mobile-page .filters-card.card { gap:7px;padding:10px;margin-bottom:8px; }
    .matches-mobile-page #type-segmented .segbtn { min-height:44px;font-size:11px;white-space:normal;line-height:1.4; }
    .matches-type-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .matches-type-label { font-size:12px; }
    .matches-mobile-page .matches-advanced > summary { padding:10px 0;min-height:44px;font-size:12px;line-height:1.5; }
    .matches-mobile-page .matches-list-toolbar { position:sticky;top:64px;z-index:25; }
    .matches-mobile-page #matches-list.stack-rows { padding:0;border:0;background:none;box-shadow:none; }
    .matches-mobile-page #matches-list .match-row .meta { justify-content:flex-start; }
  }
  @media(max-width:360px) {
    .matches-mobile-page #matches-list .match-list-mobile-card { padding:12px; }
    .matches-mobile-page #matches-list .match-row .row { gap:7px;grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr); }
    .matches-mobile-page #matches-list .match-row .team .match-list-team-name { font-size:12px; }
    .matches-date-preset { font-size:11px; }
  }
}