/* KENROKU v2.9.0-rc.15 — screen-only corrections.
   No print styles, cloud write logic, membership safety or auth changes. */
@media screen {
  /* Match list: balanced left/right inset. Keep entire summary a tap target. */
  body.kenroku-team-ui #main .match-event-groups {
    width:100%;max-width:1080px;margin-inline:auto;box-sizing:border-box;
  }
  body.kenroku-team-ui #main .match-event-group {
    padding:0!important;overflow:hidden;
  }
  body.kenroku-team-ui #main .match-event-summary {
    box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
    width:100%;padding:12px clamp(14px,2.2vw,22px)!important;
    min-height:60px;gap:12px;
  }
  body.kenroku-team-ui #main .match-event-summary > div {flex:1 1 auto;min-width:0;max-width:calc(100% - 52px);}
  body.kenroku-team-ui #main .match-event-summary b {
    display:block;line-height:1.35;overflow-wrap:anywhere;
  }
  body.kenroku-team-ui #main .match-event-summary .small {line-height:1.35;margin-top:3px;}
  body.kenroku-team-ui #main .match-event-summary .match-event-chevron {
    box-sizing:border-box;display:grid;place-items:center;flex:0 0 34px;
    width:34px;height:34px;border:1px solid #d7e1ef;
    border-radius:10px;background:#f2f6fc;font-size:12px;
    color:#172554;transition:transform .15s ease;
  }
  body.kenroku-team-ui #main .match-event-group > .list {padding:12px clamp(12px,1.7vw,19px) 17px!important;}
  body.kenroku-team-ui #main .participation-match-group {padding:13px!important;}

  /* The account has a different height from help/billing cards; mixing them
     in the same automatic grid row caused the empty right column in rc.14. */
  body.kenroku-team-ui #main .team-config-settings {
    box-sizing:border-box;max-width:1040px;
    display:grid;grid-template-columns:minmax(0,1fr);
    grid-auto-flow:row;align-items:start;gap:12px;
  }
  body.kenroku-team-ui #main .team-config-settings > .team-config-account,
  body.kenroku-team-ui #main .team-config-settings > .team-config-wide,
  body.kenroku-team-ui #main .team-config-settings > .team-config-trash,
  body.kenroku-team-ui #main .team-config-settings > .team-config-aux {grid-column:1/-1!important;}
  body.kenroku-team-ui #main .team-config-settings .team-config-card {
    min-width:0;padding:clamp(13px,1.35vw,18px);
  }
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-org-add-panel,
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-auto-panel,
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-manual-tools {
    max-width:100%;
  }
  body.kenroku-team-ui #main .team-config-settings .backup-action-row {
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  }
  body.kenroku-team-ui #main .team-config-settings .backup-action-row .btn {
    width:100%!important;max-width:none!important;min-width:0;
    padding-inline:6px;white-space:normal;overflow-wrap:anywhere;
  }
  body.kenroku-team-ui #main .team-config-settings .team-config-trash {
    background:linear-gradient(115deg,#fffaf6,#fff 68%);
  }
  /* Management panel: preserve full-width member table; balanced top row. */
  body.kenroku-team-ui #main .team-config-manage {max-width:1040px;gap:12px;}
  body.kenroku-team-ui #main .team-config-manage .team-config-card {padding:clamp(13px,1.35vw,18px);}
}
@media screen and (min-width:820px){
  /* One full-width account card; below that, pair compact independent cards.
     Avoid rc.12's desktop single-column account override. */
  body.kenroku-team-ui #main .team-config-settings {grid-template-columns:repeat(2,minmax(0,1fr));}
  body.kenroku-team-ui #main .team-config-settings > .team-config-account {grid-column:1/-1!important;}
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-summary {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;
  }
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-session-row {
    display:flex;gap:12px;align-items:center;justify-content:space-between;
  }
  body.kenroku-team-ui #main .team-config-settings .team-config-account .cloud-session-row .btn {
    width:auto;min-width:108px;flex:0 0 auto;
  }
  body.kenroku-team-ui #main .team-config-settings > .team-config-support,
  body.kenroku-team-ui #main .team-config-settings > .team-config-billing,
  body.kenroku-team-ui #main .team-config-settings > .team-config-personal,
  body.kenroku-team-ui #main .team-config-settings > .team-config-storage,
  body.kenroku-team-ui #main .team-config-settings > .team-config-backup {
    grid-column:auto!important;min-height:0;align-self:start;
  }
  body.kenroku-team-ui #main .team-config-manage .management-self-card,
  body.kenroku-team-ui #main .team-config-manage .team-config-invites {align-self:stretch;}
}
@media screen and (max-width:819px){
  body.kenroku-team-ui #main .team-config-settings {grid-template-columns:minmax(0,1fr);}
  body.kenroku-team-ui #main .team-config-settings > * {grid-column:1/-1!important;}
}
@media screen and (max-width:390px){
  body.kenroku-team-ui #main .match-event-summary {padding:11px 13px!important;min-height:58px;}
  body.kenroku-team-ui #main .match-event-summary .match-event-chevron {width:32px;height:32px;flex-basis:32px;}
  body.kenroku-team-ui #main .team-config-settings .backup-action-row .btn {font-size:12px;line-height:1.25;}
}