/* Login and application previews share the same assets; no separate fake backend. */
.league-login,.league-login *{box-sizing:border-box}
.league-login{min-height:100vh;min-height:100svh;width:100%;display:flex;align-items:center;background:#eee9e1 var(--league-art) center/cover no-repeat;color:#243143;padding:48px max(32px,6vw);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
.league-login__layout{width:100%;max-width:1400px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,400px);gap:8vw;align-items:center}
.league-login__art{align-self:end;color:#3f4348;padding:0 0 4vh 4%;text-shadow:0 1px 12px #ffffffb3}
.league-login__card{padding:36px;background:#fffffff5;border:1px solid #fff;border-radius:16px;box-shadow:0 18px 70px #14203224;min-width:0}
.league-login__eyebrow{font-size:12px;font-weight:500;color:#6b5360;margin:0 0 12px;line-height:1.6;letter-spacing:.08em}.league-login h1{font-size:28px;line-height:1.4;font-weight:600;letter-spacing:.02em;margin:0 0 10px}.league-login__intro{color:#667084;font-size:14px;line-height:1.6;margin:0 0 28px}
.league-login .el-form-item{margin-bottom:22px}.league-login .el-form-item__label{font-size:14px;line-height:1.5;padding-bottom:8px;color:#354052}.league-login .el-input__inner{height:48px;line-height:48px;font-size:16px;border-radius:6px;color:#243143;background:#fff}.league-login .el-input__inner:focus{border-color:var(--league-accent)}.league-login .el-form-item__error{font-size:12px;padding-top:5px}.league-login .el-input__suffix-inner .el-input__icon{width:36px}.league-login__submit.el-button{width:100%;height:48px;background:var(--league-accent);border-color:var(--league-accent);font-size:16px;margin:4px 0 0;border-radius:6px}.league-login__submit.el-button:hover{background:#9c1d31;border-color:#9c1d31}.league-login a:focus-visible,.league-login button:focus-visible{outline:3px solid var(--league-accent);outline-offset:3px}
.league-login__themes{display:flex;align-items:center;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid #e7e8eb;color:#667084;font-size:12px}.league-login__themes>span{margin-right:auto}.league-login__themes a{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:7px;border:1px solid #dfe2e7;color:#526072;text-decoration:none}.league-login__themes a.is-current{color:var(--league-accent);background:#fff0f1;border-color:var(--league-accent);font-weight:600}.league-login__preview-note{font-size:11px;line-height:1.6;color:#6c7280;margin:12px 0 0;text-align:center}
/* Existing drawer/navigation remains responsible for opening and closing the menu. */
#app .main-container{min-width:0}#app .app-main{min-width:0}.el-message-box{max-width:calc(100vw - 32px)}
@media(max-width:1100px){.league-login{padding:40px}.league-login__layout{grid-template-columns:minmax(0,1fr) minmax(330px,380px);gap:32px}.league-login__card{padding:30px}.league-login__art{padding-left:0}}
@media(max-width:800px),(max-width:1024px) and (orientation:portrait){.league-login{padding:32px 24px;background-position:var(--league-art-position)}.league-login__layout{grid-template-columns:1fr;justify-items:center;gap:24px}.league-login__art{align-self:auto;justify-self:start;padding:0 0 0 5%;margin-bottom:8px}.league-login__art strong{font-size:32px}.league-login__art span{font-size:12px}.league-login__card{width:100%;max-width:400px}.league-login__art{display:none}.league-login__layout:before{content:'';display:block;height:clamp(120px,23vh,240px)}.league-login__layout{gap:20px}.league-login{align-items:flex-start;padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}.league-login__card{background:#fffffff5}}
@media(max-width:700px){.league-teams .el-input__inner{font-size:16px}.league-teams__row-actions .el-button{min-height:44px;padding-top:10px;padding-bottom:10px}.league-team-dialog .el-button{min-height:44px}.league-teams__tabs .el-tabs__item{height:48px;line-height:48px}.league-login{padding-left:16px;padding-right:16px}.league-login__layout:before{height:clamp(90px,20vh,160px)}.league-login__card{padding:28px 24px}.league-login h1{font-size:25px}}
@media(max-height:560px) and (orientation:landscape){.league-login{padding:20px 32px;align-items:flex-start}.league-login__layout{display:flex;justify-content:flex-end}.league-login__layout:before{display:none}.league-login__art{display:none}.league-login__card{max-width:370px;padding:24px}.league-login__intro{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.league-login *{scroll-behavior:auto!important;transition:none!important}}
/* Preserve the original control editor while making its actions reachable on narrow screens. */
#app .app-container[data-v-0950516f] .page-header{gap:20px;flex-wrap:wrap}
#app .app-container[data-v-0950516f] .main-title-section{flex:1 0 160px;min-height:44px}
#app .app-container[data-v-0950516f] .main-title-section h2{line-height:1.5!important;margin:0 10px 0 0!important}
#app .app-container[data-v-0950516f] .header-actions-group{flex-wrap:wrap;justify-content:flex-end;max-width:100%}
#app .app-container[data-v-0950516f] .header-actions-group>.el-button{margin-left:0;min-height:44px}
.el-drawer{max-width:100vw!important}.el-dialog{max-width:calc(100vw - 32px)}
@media(max-width:700px){
 #app .app-container[data-v-0950516f]{padding:20px 16px;font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif}
 #app .app-container[data-v-0950516f] .page-header{gap:12px;margin-bottom:24px}
 #app .app-container[data-v-0950516f] .header-actions-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
 #app .app-container[data-v-0950516f] .config-label{grid-column:1/-1;line-height:1.5}
 #app .app-container[data-v-0950516f] .header-actions-group>.el-select{grid-column:1/-1;width:100%!important;margin-right:0!important}
 #app .app-container[data-v-0950516f] .header-actions-group>.el-button{padding:12px 6px;font-size:14px;width:100%}
 #app .app-container[data-v-0950516f] .items-grid-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #app .app-container[data-v-0950516f] .item-card{width:100%;height:auto;min-height:106px;flex-direction:column;overflow:hidden}
 #app .app-container[data-v-0950516f] .card-overlay{position:relative;opacity:1;height:auto;background:transparent;padding:0 8px 8px}
 #app .app-container[data-v-0950516f] .card-content{padding:12px 8px 8px}
 #app .app-container[data-v-0950516f] .card-actions .el-button{min-width:44px;min-height:44px;padding:10px;margin:0}
 #app .app-container[data-v-0950516f] .item-name{white-space:normal;overflow-wrap:anywhere;line-height:1.5}
 .el-drawer .drawer-content{padding-left:16px;padding-right:16px}
 .global-config-drawer .color-config-item{flex-wrap:wrap;gap:12px}
 .global-config-drawer .color-input-group{max-width:100%;flex-wrap:wrap;gap:8px}
 .el-drawer .el-input__inner{font-size:16px}
}