@charset "utf-8";
/* Layout only. Original Vue forms, visibility rules and schedule handlers remain in place. */
html.js-console-shell[data-js-page="schedule"] #app .panel-group {
  display:grid!important;
  grid-template-columns:280px minmax(0,1fr);
  grid-template-areas:"lists tasks";
  align-items:start;
  gap:20px;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
/* Element UI's el-row clearfix must not become anonymous grid items. */
html.js-console-shell[data-js-page="schedule"] #app .panel-group::before,
html.js-console-shell[data-js-page="schedule"] #app .panel-group::after {
  content:none!important;
  display:none!important;
}
html.js-console-shell[data-js-page="schedule"] #app .panel-group>.left-container,
html.js-console-shell[data-js-page="schedule"] #app .panel-group>.right-container {
  position:relative!important;
  inset:auto!important;
  float:none!important;
  width:100%!important;
  min-width:0;
  height:auto!important;
  margin:0!important;
  border:1px solid #dce5e0;
  border-radius:10px;
  box-sizing:border-box;
  background:#fff;
}
html.js-console-shell[data-js-page="schedule"] #app .panel-group>.left-container {
  grid-area:lists;
  display:block;
  padding:0!important;
  overflow:hidden;
}
html.js-console-shell[data-js-page="schedule"] #app .panel-group>.right-container {
  grid-area:tasks;
  padding:22px!important;
}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn {
  display:flex!important;
  width:100%!important;
  border-bottom:1px solid #e3ebe6;
}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn-item {
  flex:1 1 0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  width:auto!important;
  height:50px!important;
  padding:0 8px!important;
  line-height:1.5!important;
  font-size:12px!important;
  color:#71877c;
  background:#f8faf9!important;
  border:0!important;
  box-shadow:none!important;
}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn-item .ellips {
  width:auto!important;
  height:auto!important;
  margin:0!important;
  line-height:1.5!important;
  font-size:12px!important;
}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn-item i {font-size:16px!important;margin:0!important}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn-item:hover {color:#286b5c!important;background:#f0f6f2!important}
html.js-console-shell[data-js-page="schedule"] #app .left-tab-btn-item-active {color:#286b5c!important;background:#edf5ef!important;box-shadow:inset 0 -2px #518f75!important}
html.js-console-shell[data-js-page="schedule"] #app .left-list {
  height:auto!important;
  max-height:65vh;
  min-height:96px;
  margin:0!important;
  padding:16px!important;
  overflow:auto;
  background:transparent!important;
}
html.js-console-shell[data-js-page="schedule"] #app .left-list>div,
html.js-console-shell[data-js-page="schedule"] #app .left-content-item,
html.js-console-shell[data-js-page="schedule"] #app .left-content-itemForbid {width:100%!important;min-width:0;box-sizing:border-box}
html.js-console-shell[data-js-page="schedule"] #app .left-content-item-active {border-color:#85b59d!important;background:#f0f7f2!important}
html.js-console-shell[data-js-page="schedule"] #app .newListButton_less5,
html.js-console-shell[data-js-page="schedule"] #app .newListButton_more5 {position:static!important;width:100%!important;height:auto!important;padding:0!important;margin:12px 0 0!important}
html.js-console-shell[data-js-page="schedule"] #app .newListButton_less5:first-child {margin-top:0!important}
html.js-console-shell[data-js-page="schedule"] #app .newListButton_less5 .el-button,
html.js-console-shell[data-js-page="schedule"] #app .newListButton_more5 .el-button {width:100%!important;min-height:40px;border:1px dashed #b7cfc1!important;background:#f7fbf8!important;color:#35715b!important}
html.js-console-shell[data-js-page="schedule"] #app .left-list-posistion-left,
html.js-console-shell[data-js-page="schedule"] #app .left-list-posistion-right {display:none!important}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top {display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;min-width:0}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top>.el-form {display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;min-width:0;margin:0 0 16px}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-form-item {display:flex;align-items:center;flex:0 1 410px;min-width:0;max-width:100%;margin:0!important}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-form-item__label {float:none!important;flex:0 0 auto;width:auto!important;padding-right:12px;line-height:36px}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-form-item__content {flex:1;min-width:0;max-width:100%;margin:0!important;line-height:36px}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-date-editor {width:100%!important;max-width:100%!important;min-width:0;box-sizing:border-box}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-checkbox {margin:0!important;max-width:100%}
html.js-console-shell[data-js-page="schedule"] #app .right-container-top+div {border:0!important;padding:0!important}
html.js-console-shell[data-js-page="schedule"] #app .btn-list {display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%!important;height:auto!important;min-height:40px;padding:0 0 16px!important;margin:0!important;border-bottom:1px solid #e7eee9;box-sizing:border-box}
html.js-console-shell[data-js-page="schedule"] #app .btn-list>.el-button,
html.js-console-shell[data-js-page="schedule"] #app .btn-list>i {margin:0!important;flex:0 0 auto}
html.js-console-shell[data-js-page="schedule"] #app .btn-list>i {padding:7px;border-radius:6px;font-size:21px!important;color:#456d5d}
html.js-console-shell[data-js-page="schedule"] #app .btn-list>i:hover {background:#edf5ef;color:#286b5c}
html.js-console-shell[data-js-page="schedule"] #app .btn-list>.js-lite-new-task {margin-left:auto!important}
html.js-console-shell[data-js-page="schedule"] #app .schedule_list {width:100%!important;height:auto!important;min-width:0;margin:16px 0 0!important;padding:0!important;border:1px solid #e2eae5!important;border-radius:7px;overflow:hidden;box-sizing:border-box}
html.js-console-shell[data-js-page="schedule"] #app .el-table {width:100%!important;max-width:100%;font-size:12px;border-color:#e2eae5!important}
html.js-console-shell[data-js-page="schedule"] #app .el-table th.is-leaf,
html.js-console-shell[data-js-page="schedule"] #app .el-table th.is-leaf .cell {background:#f0f5f1!important;color:#62796c!important;font-weight:600}
html.js-console-shell[data-js-page="schedule"] #app .el-table__empty-text {font-size:13px;color:#8b9c92;line-height:2}
/* Empty tables need no viewport-sized blank scroll area. Populated tables retain native scrolling. */
html.js-console-shell[data-js-page="schedule"] #app .el-table:has(.el-table__empty-block) {height:320px!important}
html.js-console-shell[data-js-page="schedule"] #app .el-table:has(.el-table__empty-block) .el-table__body-wrapper {height:265px!important}
html.js-console-shell[data-js-page="schedule"] #app .el-table__empty-block {height:265px!important;min-height:265px!important;width:100%!important}
html.js-console-shell[data-js-page="schedule"] #app .el-table:has(.el-table__empty-block)>.el-table__fixed,
html.js-console-shell[data-js-page="schedule"] #app .el-table:has(.el-table__empty-block)>.el-table__fixed-right {height:320px!important;box-shadow:none}
/* The existing list creation/edit dialog uses fixed-width fields; allow them to fit. */
html.js-console-shell[data-js-page="schedule"] .el-dialog {margin-top:6vh!important;margin-bottom:24px!important}
html.js-console-shell[data-js-page="schedule"] .el-dialog__body {max-height:calc(100dvh - 220px);overflow:auto;box-sizing:border-box}
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form {width:100%!important;margin:0!important}
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form>.el-form-item {display:flex;align-items:flex-start;min-width:0}
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form>.el-form-item>.el-form-item__label {flex:0 0 140px;width:140px!important;float:none}
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form>.el-form-item>.el-form-item__content {flex:1;min-width:0;margin-left:0!important}
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form .el-input,
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form .el-textarea,
html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form .el-date-editor {width:100%!important;max-width:100%;box-sizing:border-box}
@media(max-width:1280px) {
  html.js-console-shell[data-js-page="schedule"] #app .panel-group {grid-template-columns:minmax(0,1fr);grid-template-areas:"lists" "tasks"}
  html.js-console-shell[data-js-page="schedule"] #app .left-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:12px;max-height:240px;min-height:0}
  html.js-console-shell[data-js-page="schedule"] #app .left-list>div {min-width:0;margin:0!important}
  html.js-console-shell[data-js-page="schedule"] #app .left-list .mp10 {margin-top:0!important}
}
@media(max-width:700px) {
  html.js-console-shell[data-js-page="schedule"] #app .panel-group {gap:16px}
  html.js-console-shell[data-js-page="schedule"] #app .panel-group>.right-container {padding:16px!important}
  html.js-console-shell[data-js-page="schedule"] #app .left-list {grid-template-columns:minmax(0,1fr);padding:14px!important}
  html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-form-item {flex-basis:100%}
  html.js-console-shell[data-js-page="schedule"] #app .right-container-top .el-date-editor .el-range-input {width:39%;font-size:12px}
  html.js-console-shell[data-js-page="schedule"] #app .btn-list>.js-lite-new-task {flex-basis:100%;margin:4px 0 0!important}
  html.js-console-shell[data-js-page="schedule"] .el-dialog {width:calc(100vw - 24px)!important}
  html.js-console-shell[data-js-page="schedule"] .el-dialog__body {padding:20px 16px!important}
  html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form>.el-form-item {display:block}
  html.js-console-shell[data-js-page="schedule"] .el-dialog .tree-content>.el-form>.el-form-item>.el-form-item__label {width:100%!important;text-align:left;padding:0;line-height:30px}
  html.js-console-shell[data-js-page="schedule"] .el-date-range-picker {width:calc(100vw - 24px)!important;max-height:80dvh;overflow:auto}
  html.js-console-shell[data-js-page="schedule"] .el-date-range-picker .el-picker-panel__sidebar {position:static;width:100%;border:0;display:flex;flex-wrap:wrap;padding:8px}
  html.js-console-shell[data-js-page="schedule"] .el-date-range-picker .el-picker-panel__shortcut {width:auto;padding:8px}
  html.js-console-shell[data-js-page="schedule"] .el-date-range-picker .el-picker-panel__body {min-width:0;margin-left:0!important}
  html.js-console-shell[data-js-page="schedule"] .el-date-range-picker .el-date-range-picker__content {width:100%;float:none;border:0!important}
}