/* List-only adapter of collectionDialogUi.css; shared detail files are unchanged. */
/* Shared collection-dialog presentation. Existing scripts retain visibility and actions. */
.case-list-ui #tagCollectObj {
  position: fixed;
  left: 50%;
  top: 50%;
  right: auto;
  bottom: auto;
  width: 552px;
  height: 404px;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: 0;
  transform: translate(-50%, -50%);
  z-index: 1051;
}

.case-list-ui #tagCollectObj > .publicBoxInner,
.case-list-ui #tagCollectObj > .publicBoxInner * {
  box-sizing: border-box;
}

.case-list-ui #tagCollectObj > .publicBoxInner {
  position: relative;
  left: 0;
  top: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #fff;
  color: #333;
  text-align: left;
  text-indent: 0;
  font: 400 14px/1.5 "Microsoft YaHei", "微软雅黑", sans-serif;
  letter-spacing: 0;
  box-shadow: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner > .header {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 0;
  width: auto;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ededed;
  background: transparent;
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 44px;
  text-align: left;
  overflow: visible;
}

.case-list-ui #tagCollectObj > .publicBoxInner > .header > .title {
  float: none;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
}

.case-list-ui #tagCollectObj > .publicBoxInner > .header > .articles_line {
  display: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner #closeTagBoxObj {
  position: absolute;
  left: auto;
  right: -4px;
  top: 10px;
  bottom: auto;
  float: none;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #999;
  font-size: 0;
  line-height: 24px;
  opacity: 1;
  text-shadow: none;
  cursor: pointer;
}

.case-list-ui #tagCollectObj > .publicBoxInner #closeTagBoxObj::before,
.case-list-ui #tagCollectObj > .publicBoxInner #closeTagBoxObj::after {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 16px;
  height: 1.5px;
  background: currentColor;
  transform: rotate(45deg);
  pointer-events: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner #closeTagBoxObj::after {
  transform: rotate(-45deg);
}

.case-list-ui #tagCollectObj > .publicBoxInner > .header-chlid {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 55px;
  height: 24px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.case-list-ui #tagCollectObj > .publicBoxInner > .tree-bg {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 87px;
  bottom: auto;
  width: auto;
  height: calc(100% - 156px);
  margin: 0;
  padding: 0;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: rgba(245, 245, 248, 0.6);
}

.case-list-ui #tagCollectObj > .publicBoxInner > .tree-bg > .tree-box {
  position: absolute;
  left: 9px;
  right: 9px;
  top: 9px;
  bottom: 52px;
  width: auto;
  height: auto !important;
  min-height: 0;
  max-height: none;
  margin: 0;
  background: transparent;
  overflow: auto;
}

.case-list-ui #tagCollectObj > .publicBoxInner .tree-box > ul {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree * {
  font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
  font-size: 14px;
  letter-spacing: 0;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li {
  position: relative;
  height: auto;
  margin: 0 0 4px;
  padding: 0;
  line-height: 28px;
  white-space: nowrap;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > ul {
  margin: 4px 0 0;
  padding: 0 0 0 18px;
}

/* Only row layout overrides zTree's built-in important display and padding. */
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a {
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 28px !important;
  min-height: 28px;
  margin: 0;
  padding: 0 8px !important;
  border: 1px solid transparent;
  border-radius: 0;
  background: transparent;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  text-decoration: none;
  opacity: 1;
  transition: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a.curSelectedNode {
  color: #0a5de7;
  background: transparent;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a:hover {
  color: #0a5de7;
  background: #e6ecf9;
  text-decoration: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > .node_name {
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  color: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Branch switches stay interactive; leaf connector placeholders have no action. */
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > span.button.switch {
  position: absolute;
  left: 0;
  top: 5px;
  z-index: 1;
  width: 18px;
  height: 18px;
  margin: 0;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > span.button.switch[class*="_docu"] {
  visibility: hidden;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > span.button.switch:not([class*="_docu"]) + a {
  padding-left: 26px !important;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.ico_docu,
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.ico_open,
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.ico_close {
  position: static;
  -webkit-flex: 0 0 14px;
  flex: 0 0 14px;
  width: 14px;
  height: 12px;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 12px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12' viewBox='0 0 14 12'%3E%3Cdefs%3E%3ClinearGradient id='f' gradientUnits='userSpaceOnUse' x1='0' y1='3.5' x2='0' y2='10.5'%3E%3Cstop stop-color='%23FFD647'/%3E%3Cstop offset='.2143' stop-color='%23FFD33F'/%3E%3Cstop offset='.5' stop-color='%23FFCA32'/%3E%3Cstop offset='.7857' stop-color='%23FFBF2A'/%3E%3Cstop offset='1' stop-color='%23FFBA29'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23FFCF39' stroke='%23EDA515' stroke-width='.4' d='M.5 2V1.4C.5.8 1 .4 1.6.4h4l1.3 1H12.6c.6 0 .9.4.9 1V11H.5z'/%3E%3Crect x='.5' y='2.5' width='13' height='9' rx='.7' fill='url(%23f)' stroke='%23EE9D0D' stroke-width='.4'/%3E%3Cpath d='M1 3h12' stroke='%23FDEE9C'/%3E%3C/svg%3E");
}

/* Styling does not create, show or hide the edit/remove controls. */
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.edit,
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.remove {
  position: static;
  -webkit-flex: 0 0 15px;
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
  color: #999;
  background-color: #999;
  background-image: none;
  background-position: center;
  background-size: 15px 15px;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.edit {
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.remove {
  flex-basis: 14px;
  width: 14px;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.edit:hover,
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.remove:hover {
  background-color: #0a5de7;
}

/* The plugin applies this class while its existing input is being edited. */
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a.curSelectedNode_Edit,
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a.curSelectedNode_Edit:hover {
  border-color: #0a5de7;
  border-radius: 4px;
  background: #fff;
  color: #333;
  opacity: 1;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a.curSelectedNode_Edit > .node_name {
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: visible;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a input.rename {
  width: 100%;
  height: 26px;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 26px;
  box-shadow: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a input.rename::placeholder {
  color: #999;
  opacity: 1;
}

.case-list-ui #tagCollectObj > .publicBoxInner .btn_bottom {
  position: absolute;
  left: 9px;
  right: auto;
  top: auto;
  bottom: 9px;
  width: auto;
  height: 32px;
  margin: 0;
  padding: 0;
}

.case-list-ui #tagCollectObj > .publicBoxInner .btn_bottom .new-file-btns {
  position: relative;
  width: 106px;
  height: 32px !important;
  margin: 0;
  padding: 6.5px 8px;
  border: 1px solid rgba(153, 153, 153, 0.45);
  border-radius: 4px;
  background: #fff;
  color: #666;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  text-indent: 19px;
  white-space: nowrap;
  box-shadow: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner .btn_bottom .new-file-btns::before {
  content: "";
  position: absolute;
  left: 10.5px;
  top: calc(50% - 4.5px);
  width: 9px;
  height: 9px;
  background: linear-gradient(currentColor, currentColor) center / 9px 1px no-repeat,
    linear-gradient(currentColor, currentColor) center / 1px 9px no-repeat;
  pointer-events: none;
}

.case-list-ui #tagCollectObj.case-list-collection-hover > .publicBoxInner .new-file-btns,
.case-list-ui #tagCollectObj.case-list-collection-editing > .publicBoxInner .new-file-btns {
  border-color: rgba(153, 153, 153, 0.45);
  background: #f9f9fb;
  color: #666;
}

.case-list-ui #tagCollectObj > .publicBoxInner .btn_bottom .new-file-btns:hover {
  border-color: #0a5de7;
  background: rgba(10, 93, 231, 0.06);
  color: #0a5de7;
}

.case-list-ui #tagCollectObj > .publicBoxInner > .collect_reason_bot {
  position: absolute;
  left: 20px;
  right: 20px;
  top: auto;
  bottom: 12px;
  height: 45px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ededed;
  background: transparent;
}

.case-list-ui #tagCollectObj > .publicBoxInner .collect_reason {
  position: absolute;
  left: 0;
  right: auto;
  top: 13px;
  float: none;
  width: 237px;
  height: 30px;
  margin: 0;
  padding: 0 5px;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  background: #fff;
  color: #333;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 28px;
  box-shadow: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner .collect_reason::placeholder {
  color: #c2c2c2;
  opacity: 1;
}

.case-list-ui #tagCollectObj > .publicBoxInner #saveTagObj {
  position: absolute;
  left: auto;
  right: 0;
  top: 12px;
  float: none;
  width: 80px;
  height: 32px;
  margin: 0 !important;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #0a5de7;
  color: #fff;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  text-align: center;
  box-shadow: none;
}

.case-list-ui #tagCollectObj > .publicBoxInner #saveTagObj:hover,
.case-list-ui #tagCollectObj > .publicBoxInner #saveTagObj:focus {
  background: #0a5de7;
  color: #fff;
}

.case-list-ui #tagCollectCancel .cancelCollectConfirmBtn,
.case-list-ui #tagCollectCancel .cancelCollectBackBtn {
  cursor: pointer;
}

@media (max-width: 420px) {
  .case-list-ui #tagCollectObj > .publicBoxInner .collect_reason {
    width: calc(100% - 96px);
  }
}

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.edit { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M10 .7H1.5a.8.8 0 0 0-.8.8v11.9c0 .5.3.9.8.9h11.9c.5 0 .9-.4.9-.9V5M5.4 9.1l8.5-8.2' fill='none' stroke='%23999' stroke-width='1.1' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E"); }
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.edit:hover { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'%3E%3Cpath d='M10 .7H1.5a.8.8 0 0 0-.8.8v11.9c0 .5.3.9.8.9h11.9c.5 0 .9-.4.9-.9V5M5.4 9.1l8.5-8.2' fill='none' stroke='%230a5de7' stroke-width='1.1' stroke-linejoin='round' stroke-linecap='round'/%3E%3C/svg%3E"); }

.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.remove { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath d='M.5 3.2h13M4.4 3.2V1.2q0-.5.5-.5h4.2q.5 0 .5.5v2M2 3.2v10.4q0 .7.7.7h8.6q.7 0 .7-.7V3.2M5.4 5.5V12M8.6 5.5V12' fill='none' stroke='%23999' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.case-list-ui #tagCollectObj > .publicBoxInner .ztree li > a > span.button.remove:hover { background-color: transparent; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 15'%3E%3Cpath d='M.5 3.2h13M4.4 3.2V1.2q0-.5.5-.5h4.2q.5 0 .5.5v2M2 3.2v10.4q0 .7.7.7h8.6q.7 0 .7-.7V3.2M5.4 5.5V12M8.6 5.5V12' fill='none' stroke='%230a5de7' stroke-width='1.4' stroke-linejoin='round'/%3E%3C/svg%3E"); }

/* List-page positioning bridges the existing top/opacity animation; handlers remain unchanged. */
.case-list-ui #tagCollectObj,
.case-list-ui #tagReportObj.report-detail-ui {
  position: fixed;
  left: 50%;
  top: 50% !important;
  right: auto;
  bottom: auto;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.case-list-ui #tagCollectObj { padding: 0; }
.case-list-ui #tagCollectObj > .publicBoxInner { overflow: hidden; }
.case-list-ui #tagReportObj.report-detail-ui { z-index: 1051; }
.case-list-ui #tagReportObj.report-detail-ui > .report_box {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.case-list-ui #tagReportObj.report-detail-ui .report_box > .header { -webkit-flex: 0 0 45px; }
.case-list-ui #tagReportObj.report-detail-ui .report_type_box,
.case-list-ui #tagReportObj.report-detail-ui .report_box > .tit,
.case-list-ui #tagReportObj.report-detail-ui .wrong_info { -webkit-flex: 0 0 auto; }
/* Match the detail grid without grid/gap as a layout prerequisite. */
.case-list-ui #tagReportObj.report-detail-ui .report_type {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -3px;
  gap: 0;
}
.case-list-ui #tagReportObj.report-detail-ui .report_type > span {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(25% - 18.5px);
  margin-top: 8px;
  word-wrap: break-word;
  word-break: break-word;
}
.case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) { width: 74px; }
.case-list-ui #tagReportObj.report-detail-ui .report_type:empty { margin-top: 5px; }
.case-list-ui #tagReportObj.report-detail-ui .report_type > span > i { -webkit-flex: 0 0 14px; }
.case-list-ui #tagReportObj.report-detail-ui .report_tree { -webkit-flex: 0 1 185px; }
.case-list-ui #tagReportObj.report-detail-ui .report_list {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
.case-list-ui #tagReportObj.report-detail-ui .report_list > i { -webkit-flex: 0 0 14px; }
.case-list-ui #tagReportObj.report-detail-ui .report_list > .report_filename { -webkit-flex: 1 1 auto; }
.case-list-ui #tagReportObj.report-detail-ui .report_list > span.fr {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -webkit-align-items: center;
  align-items: center;
}
.case-list-ui #tagReportObj.report-detail-ui #addReportBtn {
  -webkit-flex: 0 0 32px;
  -webkit-align-self: flex-start;
}
.case-list-ui #tagReportObj.report-detail-ui .report_box > .footer {
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 0 0 auto;
  -webkit-justify-content: flex-end;
  gap: 0;
}
.case-list-ui #tagReportObj.report-detail-ui .footer > .btn { -webkit-flex: 0 0 80px; }
.case-list-ui #tagReportObj.report-detail-ui .footer > .btn + .btn { margin-left: 8px; }
@media (max-width: 583px) {
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span,
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) { width: 20%; }
}
@media (max-width: 491px) {
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span,
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) { width: 25%; }
}
@media (max-width: 407px) {
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span,
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) { width: 33.333333%; }
}
@media (max-width: 323px) {
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span,
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) { width: 50%; }
}

/* Match the shared detail grid where supported; the flex layout remains its fallback. */
@supports (display: grid) {
  .case-list-ui #tagReportObj.report-detail-ui .report_type {
    display: grid;
    margin-top: 5px;
    grid-row-gap: 8px;
    grid-column-gap: 0;
    row-gap: 8px;
    column-gap: 0;
  }
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span,
  .case-list-ui #tagReportObj.report-detail-ui .report_type > span:nth-child(5n) {
    width: auto;
    margin-top: 0;
  }
}
.case-list-ui > .report_overlay,
.case-list-ui.case-list-collection-open #lean_overlay {
  z-index: 1050;
}