/* Shared palette and controls for home pages, dialogs and canvas tools. */
:root,body.light,body.admin-light{--bg:#101e23;--p:#132329;--p2:#182b31;--t:#eaf0e5;--m:#93a9ad;--l:#ffffff20;--b:#d2eaa2;--g:#b4d894;--y:#e5c48c;--el-color-primary:#bfdc94;--el-color-primary-light-3:#cce5ab;--el-color-primary-light-9:#263b30;--el-bg-color:#14262c;--el-bg-color-page:#101e23;--el-bg-color-overlay:#1b3036;--el-fill-color-blank:#14262c;--el-fill-color-light:#21373e;--el-text-color-primary:#eaf0e5;--el-text-color-regular:#c2d0ca;--el-text-color-secondary:#93a9ad;--el-border-color:#ffffff24;--el-border-color-light:#ffffff18;color-scheme:dark}
body,body.admin-light{background-color:#101e23!important;color:#eaf0e5!important;background-image:radial-gradient(#78918e22 1px,transparent 1px)!important;background-size:24px 24px!important;font-family:system-ui,"Microsoft YaHei",sans-serif!important}button,input,select,textarea{font-family:inherit}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #d2eaa2}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{background-color:#182b31!important;color:#eaf0e5!important;border-color:#ffffff26!important;border-radius:8px!important}input::placeholder,textarea::placeholder{color:#93a9ad!important}option{background:#182b31;color:#eaf0e5}.el-dialog,.el-message-box,.el-select-dropdown,.el-popper.is-light,.el-drawer,.modal>.box,.modal .box,.modal>.card,.login-box{background:#14262c!important;color:#eaf0e5!important;border:1px solid #526a6566!important;border-radius:16px!important;box-shadow:0 25px 90px #0006!important}.el-dialog__title,.el-message-box__title,.el-form-item__label,.el-tabs__item,.el-checkbox__label{color:#eaf0e5!important}.el-overlay,.modal{backdrop-filter:blur(5px)}.el-input__wrapper,.el-textarea__inner{background:#182b31!important;box-shadow:0 0 0 1px #ffffff20!important}.el-table,.el-table tr,.el-table td.el-table__cell,.el-table th.el-table__cell{background:#14262c!important;color:#d7e2db!important}.el-button--primary{background:#d2eaa2!important;color:#172829!important;border-color:#d2eaa2!important}.el-button:not(.el-button--primary){background:#20343a!important;border-color:#ffffff24!important;color:#eaf0e5!important}.el-tabs__item.is-active,.el-select-dropdown__item.is-selected{color:#d2eaa2!important}.el-card,.attr-box,.coverflow-card,.float-panel{background:#14262c!important;color:#eaf0e5!important;border-color:#ffffff18!important}.coverflow-card{border-radius:20px!important;box-shadow:0 24px 60px #0003!important}.coverflow-card .node-header{background:transparent!important}.node-title-text,.highlight-val{color:#d2eaa2!important}.top,.float-panel{background:#132329!important;border-color:#ffffff18!important}.brand{color:#eaf0e5!important}.brand::first-letter{color:#d2eaa2}.plain,.icon,.tool-btn{background:#1b3036!important;color:#d0dfd7!important;border-color:#ffffff20!important}.plain:hover,.icon:hover{border-color:#d2eaa266!important}.course-card,.project-card,#home .card{border-color:#ffffff20!important;background:#14262c!important;border-radius:18px!important;box-shadow:0 20px 50px #0003!important}.top{height:78px!important}.top .brand{font-size:17px;letter-spacing:1px}.modal button,.modal .plain{border-radius:8px}#home{background:radial-gradient(ellipse at 50% 45%,#263c4066,transparent 70%)}.site-footer{color:#93a9ad!important;background:#101e23!important;border-color:#ffffff18!important}.site-footer a{color:inherit!important}
.admin-global{height:80px;flex-shrink:0;display:flex;align-items:center;gap:26px;padding:0 26px;background:#111f24;border-bottom:1px solid #ffffff18;z-index:30}.admin-global .global-brand{display:flex;align-items:center;gap:12px;color:#eaf0e5;text-decoration:none;white-space:nowrap}.global-brand>b{background:#d2eaa2;color:#172829;font-size:25px;padding:0 10px;transform:skew(-7deg)}.global-brand small{display:block;color:#93a9ad;font-size:10px;letter-spacing:2px}.admin-global nav{display:flex;align-items:center;gap:8px;flex:1}.admin-global button,.admin-global nav a{background:transparent;color:#b9cbc5;border:0;text-decoration:none;padding:9px 12px;border-radius:8px;font:13px system-ui;cursor:pointer;white-space:nowrap}.admin-global button:hover,.admin-global nav a:hover{background:#ffffff0c;color:#d2eaa2}.admin-global details{position:relative}.admin-global summary{cursor:pointer;color:#b9cbc5;font-size:13px;padding:9px 12px;white-space:nowrap}.admin-global details>div{position:absolute;top:40px;left:0;min-width:190px;padding:10px;background:#1b3036;border:1px solid #ffffff24;border-radius:10px;box-shadow:0 12px 30px #0005}.admin-global details button,.admin-global details a{display:block;width:100%;text-align:left}.admin-global .global-new{background:#d2eaa2;color:#172829;font-weight:650}.app-container>.top-left-bar{top:96px!important}.app-container>.top-right-bar{top:96px!important}.app-container:has(.admin-global)>.float-panel{display:none!important}.admin-project-heading{position:absolute;left:40px;top:26px;z-index:2}.admin-project-heading h1{font-size:26px;color:#eaf0e5;margin:0 0 6px}.admin-project-heading p{color:#93a9ad;font-size:13px;margin:0}.coverflow-wrapper{padding-top:65px!important}.project-production-link{display:block;text-align:center;padding:10px 14px;background:#d2eaa2;color:#172829!important;text-decoration:none;border-radius:8px;margin-bottom:10px;font-size:14px}.admin-account-name{color:#93a9ad;font-size:12px}
@media(max-width:1150px){.admin-global{height:auto;min-height:80px;gap:10px;padding:12px 16px;flex-wrap:wrap}.admin-global nav{order:3;width:100%;flex:auto;flex-wrap:wrap}.admin-global .admin-account-name{margin-left:auto}.admin-global nav a,.admin-global nav button,.admin-global summary{font-size:12px;padding:7px}.admin-project-heading{left:24px;top:18px}.admin-project-heading h1{font-size:22px}.top{padding:0 14px!important}.top .brand{font-size:14px}.top .right{gap:6px}.coverflow-wrapper{padding-top:80px!important}}

#deck .course>.open-project{background:#d2eaa2!important;border-color:#d2eaa2!important;color:#172829!important}#deck .course>.open-project:hover{background:#e0efc1!important}.dialog .inner,.box,.cta{border-color:#ffffff20!important}.top .right{margin-left:auto}



/* Keep teleported Element dialogs consistent with the shared dark palette. */
body .el-dialog__header,body .el-dialog__body,body .el-dialog__footer{background:#14262c!important;color:#eaf0e5!important}
body .el-dialog__title,body.admin-light .el-dialog__title{color:#eaf0e5!important}
body .el-dialog .el-input__wrapper,body .el-dialog .el-textarea__inner,body .el-dialog .el-input-number,body .el-dialog .el-select__wrapper{background:#182b31!important;color:#eaf0e5!important;box-shadow:0 0 0 1px #526a65 inset!important}
body .el-dialog .el-input__inner,body .el-dialog .el-textarea__inner,body .el-dialog .el-select__selected-item{color:#eaf0e5!important}
body .el-dialog .el-input-number__increase,body .el-dialog .el-input-number__decrease{background:#21373e!important;color:#c2d0ca!important;border-color:#526a65!important}
body .el-dialog .el-form-item__label,body .el-dialog .el-tabs__item{color:#c2d0ca!important}
body .el-dialog .el-tabs__item.is-active{color:#d2eaa2!important}
body .el-dialog [style*="color:#64748b"],body .el-dialog [style*="color: #64748b"]{color:#a7babb!important}
.learner-topbar .header-content{width:100%;min-width:0;flex:1}
.learner-topbar .header-right{margin-left:auto;flex-shrink:0}