/* KENROKU Web Team v2.9.0-rc.11 — Settings, Management & Video focus.
   Screen-only: never restyle print sheets. No business logic/permissions changed. */
@media screen {
  body.kenroku-team-ui #main .team-config-grid {
    width:100%;max-width:1120px;margin:8px auto 22px;
    display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;
  }
  body.kenroku-team-ui #main .team-config-grid > * {min-width:0;max-width:100%;}
  body.kenroku-team-ui #main .team-config-card {
    border:1px solid var(--kenroku-ui-outline,#d2ddeb);
    border-radius:15px;background:#fff;
    padding:clamp(12px,1.5vw,18px);
    box-shadow:0 5px 14px rgba(20,52,96,.055);
    margin:0;
  }
  body.kenroku-team-ui #main .team-config-card > h2,
  body.kenroku-team-ui #main .team-config-card > .row h2 {
    font-size:clamp(16px,1.6vw,19px);line-height:1.3;
    padding-left:10px;border-left:3px solid #286be2;margin:0 0 8px;
  }
  body.kenroku-team-ui #main .team-config-manage .team-config-invites > h2 {border-left-color:#139b82;}
  body.kenroku-team-ui #main .team-config-settings .team-config-backup > h2 {border-left-color:#7655be;}
  body.kenroku-team-ui #main .team-config-trash h2 {border-left-color:#c98532!important;}
  body.kenroku-team-ui #main .team-config-trash {background:linear-gradient(135deg,#fffaf6,#fff 60%);border-color:#e9ddcd;}
  body.kenroku-team-ui #main .team-config-card .btn {width:auto;max-width:100%;white-space:normal;}
  body.kenroku-team-ui #main .team-config-card .row.wrap {gap:10px;}
  body.kenroku-team-ui #main .team-config-grid .management-invite-actions {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  }
  body.kenroku-team-ui #main .team-config-grid .management-invite-actions .btn {width:100%;min-width:0;}
  body.kenroku-team-ui #main .team-config-grid .backup-action-row {display:flex;flex-wrap:wrap;gap:7px;}
  body.kenroku-team-ui #main .team-config-grid .backup-action-row .btn {flex:1 1 110px;min-width:0;}
  body.kenroku-team-ui #main .team-config-grid :is(.viewer-account-summary,.cloud-actions,.member-management-body) {max-width:100%;min-width:0;}
  body.kenroku-team-ui #main #member-management-body {overflow-x:auto;}
  body.kenroku-team-ui #main .team-config-grid :is(input,select,textarea) {max-width:100%;min-width:0;}
  body.kenroku-team-ui #main .team-config-grid .team-config-aux {grid-column:1/-1;}
}
@media screen and (min-width:768px){
  body.kenroku-team-ui #main .team-config-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  body.kenroku-team-ui #main .team-config-wide,
  body.kenroku-team-ui #main .team-config-trash {grid-column:1/-1;}
  body.kenroku-team-ui #main .team-config-manage .management-self-card {grid-column:auto;}
  body.kenroku-team-ui #main .team-config-grid .management-invite-actions {grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media screen and (max-width:360px){
  body.kenroku-team-ui #main .team-config-grid .management-invite-actions {gap:6px;}
  body.kenroku-team-ui #main .team-config-grid .management-invite-actions .btn {font-size:12px;padding-inline:4px;}
}
/* Optional enlarged viewer on BOTH video-scoring and video-correction screens.
   Keep the original <video> element in the DOM, so playback position persists. */
@media screen {
  #modal-root .video-score-player-frame,
  #modal-root .video-edit-player-frame {position:relative;}
  #modal-root .video-focus-toggle {
    position:absolute;top:7px;left:7px;z-index:8;
    min-height:35px;min-width:65px;padding:6px 10px;
    border:1px solid rgba(255,255,255,.4);border-radius:9px;
    background:rgba(7,21,39,.80);color:white;font-size:12px;font-weight:850;
    line-height:1.2;cursor:pointer;
  }
  #modal-root .kenroku-video-expanded {
    position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;
    aspect-ratio:auto!important;margin:0!important;padding:0!important;
    z-index:99999!important;overflow:visible!important;border-radius:0!important;
    display:flex!important;align-items:center!important;justify-content:center!important;background:#020408!important;
  }
  #modal-root .kenroku-video-expanded video {
    position:relative!important;display:block!important;width:100%!important;height:100%!important;
    max-width:none!important;max-height:none!important;aspect-ratio:auto!important;
    object-fit:contain!important;background:#020408!important;border-radius:0!important;
  }
  #modal-root .kenroku-video-expanded .video-focus-toggle {
    position:absolute!important;top:max(9px,env(safe-area-inset-top,0px))!important;
    left:max(10px,env(safe-area-inset-left,0px))!important;z-index:100002!important;
    min-height:42px!important;padding:9px 13px!important;font-size:14px!important;
  }
  #modal-root .kenroku-video-expanded .video-media-time-badge {
    top:max(11px,env(safe-area-inset-top,0px))!important;
    right:max(11px,env(safe-area-inset-right,0px))!important;z-index:100001!important;
    padding:7px 10px;font-size:12px;
  }
  /* On short displays, keep a full-width player instead of narrowing it to 306/330px. */
  #modal-root .video-score-sheet .video-score-player-frame:not(.kenroku-video-expanded),
  #modal-root .video-edit-dock .video-edit-player-frame:not(.kenroku-video-expanded) {
    width:min(100%,560px)!important;max-width:100%!important;
  }
}