/* Hudl 页面样式修补（按 data-hudl-id 选择，不动原 HTML 结构）*/

/* team_manage：成员行选中态（原 Hudl React class，base scrape 没扒到 CSS）*/
._4wBfuvshQngERgnik6ZnZ { background: rgba(0,156,227,.1) !important; }
._4wBfuvshQngERgnik6ZnZ:hover { background: #eff0f2 !important; }

/* 成员详情侧栏 默认隐藏（base scrape 没有这个状态）*/
.KDB1orRoIAcKYa3qDyq9l { opacity: 0; visibility: hidden; transform: translateX(20px); pointer-events: none; transition: opacity .25s ease, transform .25s cubic-bezier(.215,.61,.355,1), visibility 0s linear .25s; min-width: 400px; max-width: 100vw; }
.KDB1orRoIAcKYa3qDyq9l.tyGqWOhWC1krz1tQNKBl3 { opacity: 1; visibility: visible; transform: translateZ(0); pointer-events: all; transition: opacity .25s ease, transform .25s cubic-bezier(.215,.61,.355,1); }

/* (i) 图标 hover 时显示 tooltip（base 默认 .sf-hidden 隐藏）*/
.uni-tooltip__container { position: relative; }
.uni-tooltip__container:hover .uni-tooltip.sf-hidden,
.uni-tooltip__container:focus-within .uni-tooltip.sf-hidden { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: none; }

/* uni-tooltip 默认宽度（base scrape 缺 width，导致字符竖排）*/
.uni-tooltip { width: max-content !important; max-width: 220px !important; min-width: 100px; white-space: normal; word-break: keep-all; line-height: 1.45; }

/* profile 页 tab 文字横排（base scrape 缺 white-space:nowrap，导致中日字符竖排）*/
.prof-subnav-item { white-space: nowrap !important; width: auto !important; min-width: auto !important; }

/* 成员行：点击行（非 checkbox）时 active 态（gray 高亮 + 蓝右边框）*/
._3Nd-dTfmkHmGIqZClY1U1H { color: #232a31 !important; font-weight: 700 !important; border-right: 5px solid #009ce3 !important; background: #eff0f2 !important; }

/* uni-avatar__content-container：base scrape 只有 .uni-env--dark 下的 bg-color，light 主题（panel 内）也应有灰底 */
.uni-avatar__content-container { background-color: #45515e; }

/* uni-select 下拉打开态（base scrape 没有 --is-open 的覆盖规则）*/
.uni-select.uni-select--is-open .uni-select__items {
    opacity: 1 !important;
    transform: scaleY(1) !important;
    z-index: 200;
}

/* selectmark 选中态：base scrape 缺这些规则 */
.uni-selectmark--is-unselected .uni-selectmark__circle { animation: .15s selectmarkUnbounceCircle; }
.uni-selectmark--is-selected .uni-selectmark__circle { color: #009ce3 !important; animation: .15s selectmarkBounceCircle; transform: scale(1); }
.uni-selectmark--small.uni-selectmark--is-selected .uni-selectmark__circle { box-shadow: inset 0 0 0 8px !important; }
.uni-selectmark--is-selected .uni-selectmark__svg-path--check { opacity: 1 !important; transform: scale(1); transition: transform .1s .1s; }
/* actionbar：默认隐藏（base scrape 没此规则），选中态 --is-open 时显示 */
.uni-actionbar { opacity: 0; visibility: hidden; transform: scaleX(.95) translateY(-8px); transition: opacity .2s ease, visibility 0s linear .2s, transform .2s cubic-bezier(.175,.885,.32,1.1); }
.uni-actionbar.uni-actionbar--is-open { opacity: 1; visibility: visible; transform: scaleX(1) translateY(0); transition: opacity .2s ease, visibility 0s, transform .2s cubic-bezier(.175,.885,.32,1.1); }


/* 导航条 Upload 按钮：默认即 hover 态（深蓝底 + 白字）*/
a.hui-globalnav__upload--button-display[data-hudl-id$=".hui_webnav_grid_col_onewhole.upload"],
a.hui-globalnav__upload--button-display[data-hudl-id$=".hui_webnav_grid_col_onewhole.upload"]:visited {
    background-color: #425566 !important;
    color: #fff !important;
}
a.hui-globalnav__upload--button-display[data-hudl-id$=".hui_webnav_grid_col_onewhole.upload"] svg,
a.hui-globalnav__upload--button-display[data-hudl-id$=".hui_webnav_grid_col_onewhole.upload"] path {
    fill: #fff !important;
    color: #fff !important;
}

/* upload_meta / upload_complete 页面的 "他のファイルもアップロード" 按钮：默认即 hover 态（灰蓝底 + 白字） */
a.uni-btn--secondary[data-hudl-id="upload_meta.main_content.uni_btn_secondary"],
a.uni-btn--secondary[data-hudl-id="upload_meta.main_content.uni_btn_secondary"]:visited,
a.uni-btn--secondary[data-hudl-id="upload_complete.main_content.uni_btn_secondary"],
a.uni-btn--secondary[data-hudl-id="upload_complete.main_content.uni_btn_secondary"]:visited {
    background-color: #5a6f81 !important;
    color: #fff !important;
}

/* 团队选择 combobox 展开态（我们 JS 加 .is-open 到 .uni-select）*/
.uni-select.is-open .uni-select__items {
    opacity: 1 !important;
    transform: scaleY(1) !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 10;
}
/* 默认点击态光标 */
.uni-select__input[readonly] { cursor: pointer; }
/* hover 高亮选项 */
.uni-select__item { cursor: pointer; }
.uni-select__item:hover .uni-select__option:not(.uni-select__option--is-selected) {
    background-color: #f1f3f5;
}

/* upload_selected 页：次の順番 下拉面板（JS 动态注入 .file-order-panel）*/
.file-order-menu { position: relative; }
.file-order-panel {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 4px 0 0;
    padding: 4px 0;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.08);
    min-width: 140px;
    z-index: 20;
}
.file-order-menu.is-open .file-order-panel { display: block; }
.file-order-item {
    padding: 6px 12px;
    cursor: pointer;
    font-size: 12px;
    color: #13293f;
}
.file-order-item:hover { background: #f1f3f5; }
.file-order-item.is-selected { color: #007acc; font-weight: bold; }
/* 排序箭头光标 */
.file-order-selected { cursor: pointer; }

/* === S3 视频播放器（Video.js 仿 Hudl 橙色） === */
#hudl-player.video-js {
  background: #000;
  font-family: inherit;
}
#hudl-player.video-js .vjs-big-play-button {
  background-color: rgba(255, 102, 0, 0.85);
  border-color: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 72px;
  height: 72px;
  line-height: 72px;
  font-size: 36px;
  margin-left: -36px;
  margin-top: -36px;
}
#hudl-player.video-js:hover .vjs-big-play-button {
  background-color: rgba(255, 102, 0, 1);
}
#hudl-player.video-js .vjs-control-bar {
  background-color: rgba(20, 22, 25, 0.92);
  height: 40px;
}
#hudl-player.video-js .vjs-play-progress,
#hudl-player.video-js .vjs-volume-level,
#hudl-player.video-js .vjs-slider-bar {
  background-color: #ff6600;
}
#hudl-player.video-js .vjs-load-progress {
  background-color: rgba(255, 255, 255, 0.2);
}
#hudl-player.video-js .vjs-slider {
  background-color: rgba(255, 255, 255, 0.15);
}
/* 播放器容器确保 position:relative 让 inset:0 生效 */
.videoInnerContainer--acivHGit { position: relative !important; }

/* ===== ALL #4-state-only CSS rules (extracted from Manage_Team___Hudl点击了一个成员.html) ===== */
b,strong{font-weight:bolder}
.uni-subhead{font-family:helvetica,arial,sans-serif;font-weight:700;font-size:1rem;color:#13293f;line-height:1}
.uni-text--micro{font-family:helvetica,arial,sans-serif;font-weight:400;font-size:.75rem;line-height:1.41667}
.uni-text--nonessential{color:rgba(19,41,63,.4)}
.uni-item-title{font-family:helvetica,arial,sans-serif;font-weight:700;font-size:.75rem;color:rgba(19,41,63,.4);line-height:1}
.uni-item-title.uni-item-title--caps{text-transform:uppercase}
.uni-btn--subtle{display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;overflow:visible;border:0;border-radius:4px;vertical-align:middle;font-family:inherit;text-align:center;text-decoration:none;-webkit-appearance:none;-webkit-transition:background-color .2s ease,color .2s ease;-o-transition:background-color .2s ease,color .2s ease;transition:background-color .2s ease,color .2s ease}
.uni-btn--subtle:active,.uni-btn--subtle:focus,.uni-btn--subtle:hover,.uni-btn--subtle:visited{text-decoration:none;outline:0}
.uni-btn--subtle:active{outline:0}
.uni-btn--subtle:disabled{cursor:default}
.uni-btn--subtle:disabled:hover{background-color:#b4b4b4;color:#fafafa;opacity:.2}
.uni-btn--subtle:disabled:focus{background-color:#b4b4b4}
.uni-btn--subtle:focus,.uni-btn--subtle:hover{background-color:rgba(25,77,128,.05)}
.uni-link--article{color:#006399;background-image:linear-gradient(rgba(0,115,168,.2),rgba(0,115,168,.2));text-decoration:none;font:inherit;cursor:pointer;background-repeat:repeat-x;background-position:0 1em;background-size:.45em 2px;-webkit-transition:color .15s;-o-transition:color .15s;transition:color .15s;position:relative}
.uni-link--article:focus{outline:0}
.uni-link--article:visited{color:#0073a8}
.uni-link--article:focus,.uni-link--article:hover{color:#00598a;background-image:-webkit-gradient(linear,left top,left bottom,from(#009ce3),to(#009ce3));background-image:-webkit-linear-gradient(#009ce3,#009ce3);background-image:-o-linear-gradient(#009ce3,#009ce3);background-image:linear-gradient(#009ce3,#009ce3)}
.uni-link--article:active{color:#004266;background-image:-webkit-gradient(linear,left top,left bottom,from(#0073a8),to(#0073a8));background-image:-webkit-linear-gradient(#0073a8,#0073a8);background-image:-o-linear-gradient(#0073a8,#0073a8);background-image:linear-gradient(#0073a8,#0073a8)}
.uni-link--is-inline-block{display:inline-block}
.uni-margin--eighth--btm{margin-bottom:.125rem}
.uni-avatar--large{min-width:4rem;min-height:4rem;width:4rem;height:4rem;border-width:3px}
.uni-avatar--large .uni-avatar__content-container{border-width:2px}
.uni-avatar--large .uni-avatar__initials--user{font-size:24px}
.uni-note{display:flex;-ms-flex-align:start;align-items:flex-start}
.uni-note--warning .uni-icon{fill:#f2b600}
.uni-note--warning .uni-text--micro{color:#705c00}
.uni-note--small .uni-icon{margin-right:.25rem;min-width:1rem}
._3Nd-dTfmkHmGIqZClY1U1H{color:#232a31;font-weight:700;border-right:5px solid #009ce3;background:#eff0f2}
._3Nd-dTfmkHmGIqZClY1U1H:hover{background:#eff0f2}
.tyGqWOhWC1krz1tQNKBl3{opacity:1;transform:translateZ(0);pointer-events:all;visibility:visible;transition:opacity .25s ease,transform .25s cubic-bezier(.215,.61,.355,1);overflow:visible}
.HAVGGVNkL3KjnINqK86vx{width:100%;padding-bottom:1.25rem;border-bottom:1px solid #edf0f2}
._1XFeDEn6-h_L-YzGRWnIKe{display:flex;width:100%}
._2OI2Sx0i18dx1pkTp1lFdD{display:flex;flex-direction:column;justify-content:center;width:75%}
._115QkV6k80_NX8LWarMKoT{overflow:hidden;text-overflow:ellipsis;display:block}
._2rGqHcdsUx0_7z16B7pX09{margin-top:.5rem;width:100%;display:flex;justify-content:flex-start}
._2rGqHcdsUx0_7z16B7pX09>div{padding-right:.5rem}
._3J9aDh7O4jpW7JWxPHNWak:not(:last-child){border-bottom:1px solid #edf0f2;padding-bottom:1.25rem}
._5wv1NCJR6r1dOQ-0M8FZM{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.y3tBgbPAyCRrX9MhvVgv-{display:grid;grid-template-columns:50% 50%;grid-gap:1rem}
._2FSmGnnZ7_vqzwAmBm5Rso>p[class^=uni-text]{font-size:14px;flex:2 1 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
._1YiOJ96KoB_spQdD7EoMjq:not(:last-child){border-bottom:1px solid #edf0f2;padding-bottom:1.25rem}
.p7r3kfYXSga1vzojcsciy{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
._2gom1z0zRREvGQ0tUAWP77{color:#007cb5}
._2EdgAaVmQhZC8vBe21UnAZ{margin-top:.5rem}
.BBKsqQyhR3wtzpydXhCX{display:flex;flex-direction:column;width:400px;padding:1.5rem;gap:1.25rem}
._2RN6xXklj109Vi8H7lnXkD{position:absolute;top:10px;right:10px;cursor:pointer}
._3MWmdznpL1tzyvXNhZGA6k{gap:.75rem;display:flex;flex-direction:column}
strong{font-weight:700!important}
a,b,body,div,h3,h4,h5,html,iframe,nav,p,section,span,strong,ul{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

/* /team* Share modal（默认 /team 页 CSS 不含；提取自 share-clicked scraped HTML） */
.react-modal-overlay{position:fixed;top:0;bottom:0;left:0;width:100%;-webkit-transition:0.3s;-moz-transition:0.3s;display:flex;align-items:center;justify-content:center;transition:none;opacity:1;z-index:900;background-color:rgba(10,31,51,0.6)}
.react-modal{transform:scale(1);margin:0;left:0;top:0;position:relative;max-height:100vh;background-color:white;border-radius:8px}
.react-modal header{display:flex;justify-content:space-between;background-color:white;padding:1.5rem 1.5rem 1rem 1.5rem;border-radius:8px;border-bottom:1px solid #edf0f2}
.react-modal .react-modal-content{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.sharing-dialog .react-modal{height:auto;width:32rem;overflow-y:hidden;transition:all 0.3s,height 0.2s linear;display:flex;flex-direction:column}
.sharing-dialog .react-modal-content{height:100%;width:100%;margin-bottom:0;position:relative;top:0;bottom:0}
.sharing-dialog .sharing-content{flex-direction:row;padding:1rem 1.5rem;display:flex;justify-content:space-between}
.sharing-dialog .sharing-content #share-modal__url-share-button{display:inline-flex;justify-content:center}
.sharing-dialog .copy-field{transition:all 0.2s linear;margin:1rem 2rem -1rem 2rem;height:4rem;opacity:1;position:relative}
.uni-dismiss{cursor:pointer}

/* /team_games + /team_schedule schedule-event 行（提取自 schedule scraped HTML） */
.schedule-tab{padding:0}
.compact-margin{background-color:#fff;margin-bottom:60px;list-style:none;padding:0}
.schedule-controls{display:flex;align-items:center;flex-direction:row;border:1px solid #e4e7eb;padding:1rem}
.schedule-controls .view-toggle{padding:0;width:auto}
.schedule-controls .view-toggle .button-group{width:auto;display:flex;border:1px solid #e4e7eb;border-radius:4px;overflow:hidden}
.schedule-controls .season-switcher{margin-left:1rem;padding:0;width:auto;min-width:9.25rem}
.schedule-controls .add-event-button{display:block;margin-left:auto}
.button-group .button-group-toggle{padding:0 1rem;color:rgba(19,41,63,0.65);border:2px solid transparent;transition:color 0.15s ease;height:32px;display:flex;align-items:center;cursor:pointer;user-select:none}
.button-group .button-group-toggle--selected{background-color:#fff;color:#13293f;border:2px solid #e4e7eb;border-radius:4px}
.schedule-event{display:flex;align-items:center;flex-direction:row;border:1px solid #e4e7eb;border-top:0;padding:0.75rem 1rem;list-style:none}
.schedule-event .team-logo{flex:0 0 auto;width:48px}
.schedule-event .col-opponent{flex:1 1 48%;padding-left:1rem;font-weight:600}
.schedule-event .col-date{flex:1 1 32%;color:#697583}
.schedule-event .col-score{flex:0 0 20%;display:flex;align-items:center;justify-content:flex-end;text-align:right;gap:.5rem}
.schedule-event .score-result{font-weight:700;padding:.25rem .5rem;border-radius:3px;font-size:13px}
.schedule-event .score-result.win{color:#16a34a}
.schedule-event .score-result.loss{color:#dc2626}
.schedule-event .score-result.tie{color:#697583}
.schedule-event .enter-score-link{color:#0080a8;text-decoration:none;font-weight:500}
.schedule-event .enter-score-link:hover{text-decoration:underline}
.schedule-event__video-link{margin-left:.25rem;font-size:14px}
.schedule-event .score-pending{color:#bdc4cc}

/* Enter Score modal（复用 .react-modal 基础样式 + 自定义） */
.enter-score-dialog .react-modal{width:28rem;display:flex;flex-direction:column;height:auto;padding-bottom:1rem}
.enter-score-form{padding:1.25rem 1.5rem 0.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem}
.enter-score-form .es-row{display:flex;gap:.75rem;align-items:flex-end}
.enter-score-form .es-row label{display:flex;flex-direction:column;font-size:13px;color:#697583;flex:1}
.enter-score-form .es-row input[type="number"],
.enter-score-form .es-row select{margin-top:.25rem;padding:.5rem;border:1px solid #d3d8dc;border-radius:4px;font-size:14px;color:#232a31}
.enter-score-form .es-vs{font-weight:600;padding-bottom:.5rem;color:#697583}
.enter-score-form .es-actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid #edf0f2;padding-top:.75rem;margin-top:.5rem}
.enter-score-form .es-actions button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;border:1px solid transparent}
.enter-score-form .es-actions .uni-btn--subtle{background:#fff;color:#232a31;border-color:#d3d8dc}
.enter-score-form .es-actions .uni-btn--primary{background:#0080a8;color:#fff}

/* Add Event modal */
.add-event-dialog .react-modal{width:32rem;display:flex;flex-direction:column;height:auto;padding-bottom:1rem;max-height:90vh;overflow-y:auto}
.add-event-form{padding:1.25rem 1.5rem 0.5rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}
.add-event-form .ae-row{display:flex;flex-direction:column;font-size:13px;color:#697583}
.add-event-form .ae-row.ae-double{flex-direction:row;gap:.75rem}
.add-event-form .ae-row.ae-double label{flex:1}
.add-event-form label{display:flex;flex-direction:column;font-size:13px;color:#697583}
.add-event-form label.ae-check{flex-direction:row;align-items:center;gap:.5rem}
.add-event-form input[type="text"],
.add-event-form input[type="datetime-local"],
.add-event-form select{margin-top:.25rem;padding:.5rem;border:1px solid #d3d8dc;border-radius:4px;font-size:14px;color:#232a31;font-family:inherit}
.add-event-form .ae-actions{display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid #edf0f2;padding-top:.75rem;margin-top:.5rem}
.add-event-form .ae-actions button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;border:1px solid transparent}
.add-event-form .ae-actions .uni-btn--subtle{background:#fff;color:#232a31;border-color:#d3d8dc}
.add-event-form .ae-actions .uni-btn--primary{background:#0080a8;color:#fff}

/* /library 列表模式 + 选中态 */
.library-mode-list [data-qa-id="tile-library-item"]{display:flex !important;flex-direction:row !important;width:100% !important;max-width:100% !important;align-items:center;gap:1rem}
.library-mode-list [data-qa-id="tile-library-item"] img{width:120px;height:auto;flex:0 0 auto}
[data-qa-id="tile-library-item"].is-selected{outline:3px solid #0080a8;outline-offset:-3px}
[data-qa-id$="-select-mark"].is-selected{background:#0080a8;color:#fff;border-radius:50%}
.library-action-menu div:hover{background:#f4f5f7}

/* ===== 全站点：移除浏览器原生 button / a / input focus 蓝色 outline =====
 * hudl 原版设计不使用这个圈（克隆站点保持视觉一致） */
button:focus,
button:focus-visible,
button:active,
a:focus,
a:focus-visible,
[role="button"]:focus,
[role="button"]:focus-visible,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
    outline: none !important;
    box-shadow: none !important;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0 !important;
}