aiquery2/web/client/src/sections/superAgent/container/index.less

/**
 * 文件作用：superAgent 主页面样式
 * 职责范围：
 * 1. 定义 SuperAgent 左侧导航、中间对话流和右侧工作区布局
 * 2. 保持 newAiChat 图标风格和招投标原型的协作区结构
 * 3. 为嵌入式 aiTenderDocument 工作台提供稳定尺寸
 *
 * 不负责：
 * - 覆盖 aiTenderDocument 内部业务样式
 * - 定义智能体广场内部样式
 *
 * 维护说明：
 * - 本样式仅作用于 .super-agent-prototype，避免影响其他页面
 */
.super-agent-prototype {
   width: 100%;
   height: 100vh;
   display: flex;
   overflow: hidden;
   color: #1f2937;
   background: #f7f9fc;
   font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, sans-serif;
}

.super-left-sidebar {
   width: 276px;
   flex: 0 0 276px;
   height: 100%;
   display: flex;
   flex-direction: column;
   background: #fff;
   border-right: 1px solid #edf0f5;
   box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
   transition: width 0.35s ease, flex-basis 0.35s ease, opacity 0.25s ease;
   overflow: hidden;
   z-index: 3;

   &.is-collapsed {
      width: 70px;
      flex: 0 0 70px;

      .super-sidebar-fixed {
         padding: 1rem 0.5rem;
      }

      .super-logo-row {
         justify-content: center;
         padding: 0;

         .super-logo-img {
            width: 32px;
            height: 32px;
         }
      }

      .super-logo-text,
      .super-section-title,
      .super-sidebar-scroll,
      .super-menu-item strong {
         display: none;
      }

      .super-menu-list {
         padding: 0.5rem 0;

         .super-menu-item {
            justify-content: center;
            padding: 0.5rem;

            span {
               font-size: 0;
            }

            img,
            .anticon {
               width: 18px;
               height: 18px;
               font-size: 18px;
            }
         }
      }

      .super-sidebar-settings {
         padding: 0.5rem 0.25rem;
         justify-content: center;
         flex-direction: row;
         gap: 0.25rem;
         flex-wrap: nowrap;
      }
   }
}

.super-sidebar-fixed {
   flex: 0 0 auto;
}

.super-logo-row {
   height: 74px;
   display: flex;
   align-items: center;
   gap: 10px;
   padding: 0 20px;
   border-bottom: 1px solid #f4f5f7;
}

.super-logo-img {
   width: 36px;
   height: 36px;
   border-radius: 8px;
   object-fit: contain;
}

.super-logo-title {
   font-size: 14px;
   font-weight: 700;
}

.super-logo-subtitle {
   color: #1d63ff;
   font-size: 10px;
   font-weight: 700;
}

.super-menu-list {
   padding: 12px;
}

.super-menu-tooltip-trigger {
   width: 100%;
}

.super-menu-item {
   width: 100%;
   height: 38px;
   border: 0;
   border-radius: 8px;
   padding: 0 12px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   background: transparent;
   color: #4b5563;
   font-size: 12px;
   font-weight: 600;
   cursor: pointer;
}

.super-menu-item span {
   min-width: 0;
   display: inline-flex;
   align-items: center;
   gap: 10px;
}

.super-menu-item img {
   width: 16px;
   height: 16px;
   object-fit: contain;
}

.super-menu-item .anticon {
   width: 16px;
   height: 16px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   line-height: 1;
}

.super-menu-item:hover,
.super-menu-item.active {
   background: #f3f6ff;
   color: #1d63ff;
}

.super-menu-item strong {
   font-size: 10px;
   font-weight: 600;
   color: #1d63ff;
   background: #dbeafe;
   border-radius: 4px;
   padding: 1px 4px;
}

.super-menu-item.disabled,
.super-menu-item:disabled {
   opacity: 0.45;
   cursor: not-allowed;
}

.super-menu-tooltip .ant-tooltip-inner {
   width: 256px;
   min-height: 92px;
   padding: 14px 16px;
   border-radius: 8px;
   background: #111827;
   box-shadow: 0 16px 36px rgba(15, 23, 42, 0.24);
}

.super-menu-tooltip .ant-tooltip-arrow::before {
   background: #111827;
}

.super-menu-tip {
   color: #dbeafe;
   font-size: 12px;
   line-height: 1.75;
}

.super-menu-tip div {
   margin-bottom: 4px;
   color: #5aa2ff;
   font-size: 12px;
   font-weight: 700;
}

.super-menu-tip p {
   margin: 0;
   color: #e5edf8;
}

.super-sidebar-scroll {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
   overflow-x: hidden;
   padding: 12px;
   border-top: 1px solid #f4f5f7;
   display: flex;
   flex-direction: column;
   scrollbar-width: thin;
   scrollbar-color: #d1d5db transparent;
}

.super-sidebar-scroll::-webkit-scrollbar {
   width: 6px;
}

.super-sidebar-scroll::-webkit-scrollbar-thumb {
   border-radius: 999px;
   background: #d1d5db;
}

.super-menu-scroll-list {
   flex: 0 0 auto;
   padding: 0 0 8px;
}

.super-section-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 4px 10px 8px;
   color: #9ca3af;
   font-size: 11px;
   font-weight: 700;
   flex-shrink: 0;
}

.super-section-title.ordinary {
   margin-top: 14px;
   padding-top: 16px;
   border-top: 1px solid #f3f4f6;
}

.super-folder {
   border-radius: 8px;
   color: #4b5563;
   flex: 0 0 auto;
   min-height: 0;
   overflow-y: visible;
   overflow-x: hidden;
}

.super-ordinary-chat-list {
   flex: 0 0 auto;
   min-height: 0;
   overflow-y: visible;
   overflow-x: hidden;
}

.super-folder-head {
   min-height: 34px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 7px 10px;
   border-radius: 8px;
   font-size: 12px;
   font-weight: 700;
}

.sidebar-realm-actions {
   display: inline-flex;
   align-items: center;
   gap: 2px;
}

.sidebar-realm-block.ordinary {
   margin-top: 8px;
}

.sidebar-realm-tree {
   position: relative;
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.sidebar-folder-block {
   margin-bottom: 4px;
}

.sidebar-folder-head {
   cursor: pointer;
   color: #4b5563;
}

.sidebar-folder-head:hover {
   background: #f9fafb;
}

.sidebar-folder-title {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.sidebar-folder-actions {
   display: inline-flex;
   align-items: center;
   gap: 2px;
}

.sidebar-folder-sessions .sidebar-session-drop-row.is-folder-level,
.sidebar-session-list.is-folder-level .sidebar-session-drop-slot {
   margin-left: 18px;
   width: calc(100% - 22px);
}

.sidebar-session-list.is-folder-level .super-thread.is-folder-level {
   margin-left: 18px;
   width: calc(100% - 22px);
}

.sidebar-session-drop-slot {
   height: 8px;
   margin: 0;
   border-radius: 2px;
   pointer-events: none;
}

body.sidebar-session-dnd-active .sidebar-session-drop-slot {
   pointer-events: auto;
}

.sidebar-session-drop-slot.is-active {
   background: linear-gradient(180deg, transparent 35%, #60a5fa 35%, #60a5fa 65%, transparent 65%);
}

.sidebar-session-drop-row.is-root-level {
   margin-left: 0;
   width: 100%;
}

.sidebar-folder-sessions .super-thread,
.sidebar-session-row {
   width: 100%;
}

.sidebar-session-row {
   display: flex;
   align-items: center;
   gap: 4px;
   cursor: grab;
   user-select: none;
   -webkit-user-select: none;
}

.sidebar-session-row:active {
   cursor: grabbing;
}

.sidebar-session-row.is-dragging {
   opacity: 0.45;
   cursor: grabbing;
}

.sidebar-session-row.is-drag-disabled,
.sidebar-session-row.is-drag-disabled:active {
   cursor: pointer;
}

.super-thread-actions {
   cursor: default;
}

.sidebar-session-drop-row {
   position: relative;
   min-height: 34px;
}

.sidebar-session-drop-row.is-drop-before::before,
.sidebar-session-drop-row.is-drop-after::after {
   content: "";
   position: absolute;
   left: 18px;
   right: 8px;
   height: 2px;
   background: #60a5fa;
   border-radius: 2px;
   pointer-events: none;
   z-index: 2;
}

.sidebar-session-drop-row.is-drop-before::before {
   top: 0;
}

.sidebar-session-drop-row.is-drop-after::after {
   bottom: 0;
}

.sidebar-session-drop-row {
   background: #eff6ff;
   border-radius: 8px;
   outline: 1px dashed #60a5fa;
}

.sidebar-realm-tree.is-root-drop-target {
   background: #f8fafc;
   border-radius: 8px;
}

.sidebar-folder-empty.is-drop-zone {
   margin: 4px 0 6px;
   padding: 8px 10px;
   border: 1px dashed #cbd5e1;
   border-radius: 8px;
   color: #94a3b8;
   font-size: 11px;
   text-align: center;
   background: #f8fafc;
}

.sidebar-folder-empty.is-drop-zone.is-active,
.sidebar-folder-head.is-drop-target + .sidebar-folder-sessions .sidebar-folder-empty.is-drop-zone {
   border-color: #60a5fa;
   color: #3b82f6;
   background: #eff6ff;
}

.super-thread-more {
   opacity: 0;
}

.super-thread:hover .super-thread-more,
.super-thread.active .super-thread-more {
   opacity: 1;
}

.sidebar-session-title {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.sidebar-task-dot {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: #22c55e;
   flex: 0 0 auto;
}

.sidebar-folder-empty {
   margin-left: 22px;
   padding: 4px 0 8px;
}

.super-thread {
   width: calc(100% - 18px);
   height: 34px;
   min-height: 34px;
   max-height: 34px;
   margin-left: 12px;
   padding: 7px 8px;
   box-sizing: border-box;
   border: 0;
   border-left: 1px dashed #e5e7eb;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
   background: transparent;
   color: #6b7280;
   font-size: 11px;
   cursor: pointer;
   text-align: left;
}

.super-thread-actions {
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   justify-content: flex-end;
   gap: 4px;
   min-width: 30px;
}

.super-thread-arrow,
.super-thread-time {
   flex: 0 0 auto;
   color: #9ca3af;
}

.super-thread-delete {
   width: 24px;
   height: 24px;
   min-width: 24px;
   padding: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #9ca3af;
   opacity: 0;
   pointer-events: none;
   transition: opacity 0.18s ease, color 0.18s ease, background 0.18s ease;
}

.super-thread-delete:hover {
   color: #ef4444;
   background: #fee2e2;
}

.super-thread:hover .super-thread-delete,
.super-thread:focus-within .super-thread-delete {
   opacity: 1;
   pointer-events: auto;
}

.super-thread:hover .super-thread-arrow,
.super-thread:focus-within .super-thread-arrow,
.super-thread:hover .super-thread-time,
.super-thread:focus-within .super-thread-time {
   opacity: 0;
}

.super-thread:hover {
   color: #1d63ff;
   background: #f9fbff;
}

.super-thread.active {
   color: #1d63ff;
   background: #f3f7ff;
}

.super-thread span {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-thread em {
   flex: 0 0 auto;
   color: #9ca3af;
   font-style: normal;
   font-size: 10px;
   font-weight: 400;
}

.super-thread.empty {
   color: #9ca3af;
}

.super-history-empty {
   min-height: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #94a3b8;
   font-size: 11px;
   text-align: center;
}

.super-sidebar-settings {
   margin-top: auto;
   min-height: 56px;
   border-top: 1px solid #e6edf7;
   display: flex;
   align-items: center;
   gap: 10px;
   color: #475569;
   font-size: max(14px, 0.875rem);
   padding: 8px 1rem;
}

.sidebar-login-btn,
.sidebar-menu-btn {
   border: 0;
   background: transparent;
   color: #334155;
   cursor: pointer;
}

.sidebar-login-btn {
   height: 2.125rem;
   min-width: 3rem;
   border-radius: 0.125rem;
   display: inline-flex;
   align-items: center;
   justify-content: flex-start;
   gap: 0.5rem;
   font-size: max(14px, 0.8125rem);
   flex: 1;
}

.sidebar-login-btn img,
.collapsed-login-btn img {
   width: 24px;
   height: 24px;
   border-radius: 50%;
   object-fit: cover;
}

.sidebar-login-btn-text {
   color: #667eea;
   font-weight: 500;
}

.sidebar-login-username {
   font-size: 14px;
   color: #334155;
}

.sidebar-menu-btn {
   width: 36px;
   height: 36px;
   border-radius: 8px;
   background: transparent;
   border: 1px solid #e6ebf3;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   color: #5f6368;
   transition: all 0.2s ease;

   &:hover {
      background: #ffffff;
      border-color: #667eea;
      color: #667eea;
   }
}

.sidebar-user-initial-avatar {
   width: 32px;
   height: 32px;
   border-radius: 50%;
   background: linear-gradient(180deg, #eaf4ff 0%, #d7eaff 100%);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #176ae6;
   font-weight: 600;
   font-size: 14px;
   line-height: 1;
   box-shadow: inset 0 0 0 1px rgba(47, 135, 245, 0.18);
}

.collapsed-user-initial-avatar {
   width: 24px;
   height: 24px;
   font-size: 11px;
}

.collapsed-login-btn {
   width: 28px;
   height: 28px;
   border-radius: 50%;
   background: transparent;
   border: none;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: background 0.2s ease;

   &:hover {
      background: rgba(0, 0, 0, 0.04);
   }
}

.collapsed-menu-btn {
   width: 28px;
   height: 28px;
   border-radius: 6px;
   background: transparent;
   border: 1px solid #e6ebf3;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   color: #5f6368;
   transition: all 0.2s ease;

   &:hover {
      background: #ffffff;
      border-color: #667eea;
      color: #667eea;
   }
}

.super-user-avatar-img,
.super-user-avatar-small {
   width: 34px;
   height: 34px;
   border-radius: 50%;
   object-fit: cover;
}

.super-user-name {
   font-size: 12px;
   font-weight: 700;
}

.super-user-role {
   color: #9ca3af;
}

// 个人信息弹窗样式（与newAiChat保持一致）
.new-ai-profile-header {
   display: flex;
   align-items: center;
   gap: 12px;
   margin-bottom: 12px;
}

.new-ai-profile-initial-avatar {
   background: linear-gradient(180deg, #eaf4ff 0%, #d7eaff 100%) !important;
   color: #176ae6 !important;
   display: inline-flex !important;
   align-items: center;
   justify-content: center;
   flex: 0 0 auto;
   font-weight: 600;
   line-height: 1;
   box-shadow: inset 0 0 0 1px rgba(47, 135, 245, 0.18);
}

.new-ai-profile-meta {
   min-width: 0;
}

.new-ai-profile-name {
   font-size: 1rem;
   font-weight: 600;
   color: #1a1f36;
}

.new-ai-profile-desc {
   font-size: max(14px, 0.75rem);
   color: #6b7280;
}

.new-ai-profile-form {
   margin-bottom: 16px;
}

.new-ai-profile-item {
   display: flex;
   align-items: center;
   padding: 12px 0;
   border-bottom: 1px solid #f4f5f7;

   &:last-child {
      border-bottom: none;
   }

   label {
      width: 80px;
      color: #6b7280;
      font-size: 14px;
   }

   span {
      flex: 1;
      color: #1a1f36;
      font-size: 14px;
   }
}

.new-ai-profile-confirm-btn,
.new-ai-profile-danger-btn {
   width: 100%;
   height: 36px;
   border-radius: 8px;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
   margin-top: 12px;
}

.new-ai-profile-confirm-btn {
   border: 1px solid #d8e1f2;
   background: #fff;
   color: #26456e;
}

.new-ai-profile-danger-btn {
   border: 1px solid #f5c2c7;
   background: #fff1f0;
   color: #cf1322;
}

.new-ai-profile-submit-btn,
.new-ai-profile-ghost-btn {
   width: 100%;
   height: 36px;
   border-radius: 8px;
   cursor: pointer;
}

.new-ai-profile-submit-btn {
   border: none;
   background: #2e73ff;
   color: #fff;
   margin-bottom: 10px;
}

.new-ai-profile-submit-btn:disabled,
.new-ai-profile-ghost-btn:disabled {
   opacity: 0.6;
   cursor: not-allowed;
}

.new-ai-profile-nickname-row {
   display: flex;
   align-items: center;
   gap: 8px;
}

.new-ai-profile-action-row {
   margin: 6px 0 10px;
}

.new-ai-profile-wallet-row {
   display: flex;
   justify-content: space-between;
   width: 90%;
}

.new-ai-profile-ghost-btn {
   border: 1px solid #d8e1f2;
   background: #fff;
   color: #26456e;
}

.new-ai-quota-summary-card {
   width: 100%;
   border: 1px solid #d8e1f2;
   border-radius: 10px;
   background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
   color: #1a1f36;
   display: inline-flex;
   align-items: center;
   justify-content: space-between;
   padding: 10px 12px;
   cursor: pointer;
}

.new-ai-quota-summary-left {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: max(14px, 0.8125rem);
}

.new-ai-quota-summary-icon,
.new-ai-quota-summary-value {
   color: #2e73ff;
}

.new-ai-quota-summary-value {
   font-weight: 600;
}

.new-ai-quota-summary-arrow {
   color: #98a2b3;
   font-size: max(14px, 0.75rem);
}

.new-ai-quota-error-text {
   margin-top: 8px;
   color: #d4380d;
   font-size: max(14px, 0.75rem);
}

.new-ai-quota-detail-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.new-ai-quota-detail-item {
   border: 1px solid #e4e7ec;
   border-radius: 10px;
   padding: 10px 12px;
   background: #fff;
}

.new-ai-quota-detail-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 8px;
}

.new-ai-quota-detail-title {
   color: #1d2939;
   font-size: max(14px, 0.8125rem);
}

.new-ai-quota-detail-count {
   color: #475467;
   font-size: max(14px, 0.75rem);
}

.new-ai-quota-detail-bar {
   width: 100%;
   height: 6px;
   border-radius: 999px;
   background: #eef2f7;
   overflow: hidden;
}

.new-ai-quota-detail-bar-inner {
   display: block;
   height: 100%;
   border-radius: 999px;
   background: linear-gradient(90deg, #5b8cff 0%, #2e73ff 100%);
}

.new-ai-quota-detail-foot {
   margin-top: 8px;
   color: #667085;
   font-size: max(14px, 0.75rem);
}

.super-main-wrap {
   flex: 1 1 auto;
   min-width: 0;
   min-height: 0;
   display: flex;
   position: relative;
   overflow: hidden;
   box-sizing: border-box;
   transition: background-color 0.35s ease;
}

.super-file-drop-overlay {
   position: absolute;
   z-index: 10;
   inset: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   background: rgba(29, 99, 255, 0.08);
   border: 2px dashed #4f8cff;
   pointer-events: none;
}

.super-file-drop-overlay-card {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 6px;
   padding: 18px 28px;
   border: 1px solid #cfe0ff;
   border-radius: 12px;
   background: rgba(255, 255, 255, 0.96);
   box-shadow: 0 12px 30px rgba(31, 78, 121, 0.14);
   color: #1d63ff;
}

.super-file-drop-overlay-card b {
   font-size: 15px;
}

.super-file-drop-overlay-card span {
   color: #667085;
   font-size: 12px;
}

.super-main-wrap.has-workspace {
   display: grid;
   grid-template-columns:
      minmax(276px, 1fr)
      12px
      clamp(
         390px,
         var(--super-workspace-width, calc((100% - 12px) * 0.6)),
         calc(100% - 288px)
      );
   gap: 0;
   padding-right: 16px;
   background: #f7f9fc;
   animation: super-workspace-layout-enter 0.35s ease;
}

@keyframes super-workspace-layout-enter {
   from {
      opacity: 0.92;
   }
   to {
      opacity: 1;
   }
}

.super-main-wrap.has-workspace > * {
   min-width: 0;
   min-height: 0;
}

.super-workspace-resizer {
   position: relative;
   z-index: 2;
   width: 12px;
   height: 100%;
   cursor: col-resize;
   touch-action: none;
   outline: none;
}

.super-workspace-resizer::before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 5px;
   width: 2px;
   background: #dbe2ea;
   transition: width 0.2s ease, left 0.2s ease, background-color 0.2s ease;
}

.super-workspace-resizer:hover::before,
.super-workspace-resizer:focus-visible::before,
.super-workspace-resizing .super-workspace-resizer::before {
   left: 4px;
   width: 4px;
   background: #1d63ff;
}

.super-workspace-resizing {
   cursor: col-resize;
   user-select: none;
}

.super-main-wrap.has-workspace .super-workspace-panel {
   width: 100%;
   flex: none;
   animation: super-workspace-panel-enter 0.35s ease;
}

@keyframes super-workspace-panel-enter {
   from {
      opacity: 0;
      transform: translateX(16px);
   }
   to {
      opacity: 1;
      transform: none;
   }
}

.super-chat-column {
   flex: 1 1 auto;
   min-width: 0;
   min-height: 0;
   height: 100%;
   display: flex;
   flex-direction: column;
   background: #fff;
   border-right: 1px solid #edf0f5;
   transition: flex-basis 0.35s ease, width 0.35s ease, max-width 0.35s ease;
}

.super-chat-column.narrow {
   flex: none;
   width: auto;
   min-width: 0;
   max-width: none;
}

.super-chat-header,
.super-workspace-header {
   height: 56px;
   flex: 0 0 auto;
   display: flex;
   font-size: 16px;
   align-items: center;
   justify-content: space-between;
   padding: 0 24px;
   border-bottom: 1px solid #f3f4f6;
   background: #fff;
}

.super-chat-header span {
   color: #9ca3af;
   font-size: 14px;
   font-weight: 600;
}

.super-chat-header em {
   margin: 0 8px;
   color: #d1d5db;
   font-style: normal;
}

.super-chat-header b,
.super-workspace-header b {
   font-size: 16px;
}

.super-agent-top-breadcrumb {
   display: flex;
   align-items: center;
}

.super-agent-top-breadcrumb button {
   border: 0;
   padding: 0;
   color: #667085;
   background: transparent;
   font-size: 16px;
   cursor: pointer;
}

.super-agent-top-breadcrumb button:hover {
   color: #1677ff;
}

.super-chat-header .super-agent-close-button {
   width: 32px;
   min-width: 32px;
   height: 32px;
   flex: 0 0 auto;
   border: 0;
   border-radius: 50%;
   padding: 0;
   color: #98a2b3;
   background: transparent;
   box-shadow: none;
   font-size: 15px;
   transition: color 0.2s ease, background-color 0.2s ease;
}

.super-chat-header .super-agent-close-button:hover,
.super-chat-header .super-agent-close-button:focus-visible {
   color: #344054;
   background: #f2f4f7;
}

.super-ready {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   color: #9ca3af;
   font-size: 10px;
   font-weight: 700;
}

.super-ready i {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background: #22c55e;
   box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.super-timeline {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
   padding: 24px 20px;
}

.super-timeline-inner {
   width: min(820px, 100%);
   margin: -1px auto 0;
   box-sizing: border-box;
}

.super-welcome-stage {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.super-ai-block {
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 3px;
   margin-bottom: 10px;
}

.super-ai-row,
.super-user-row {
   min-width: 0;
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-bottom: 12px;
}

.super-ai-block > .super-ai-row {
   margin-bottom: 0;
}

.super-user-row {
   justify-content: flex-end;
}

.super-ai-avatar-img {
   width: 34px;
   height: 34px;
   border-radius: 8px;
   object-fit: contain;
   flex: 0 0 auto;
}

.super-ai-bubble,
.super-user-bubble {
   min-width: 0;
   max-width: 620px;
   border-radius: 8px;
   color: #374151;
   font-size: 12px;
   line-height: 1.7;
   overflow-wrap: anywhere;
   word-break: break-word;
   box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.super-ai-bubble {
   border: 0;
   background: transparent;
   box-shadow: none;
}

.super-ai-bubble.blue {
   border: 0;
   background: transparent;
   font-size: 14px;
   line-height: 1.7;
}

.super-ai-title {
   margin-bottom: 4px;
   color: #111827;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.7;
}

.super-body-artifact-message {
   width: min(420px, calc(100% - 46px));
   margin-bottom: 14px;
}

.super-body-artifact-card {
   min-width: 0;
   display: flex;
   align-items: center;
   gap: 12px;
   cursor: pointer;
   padding: 12px 10px 12px 12px;
   border: 1px solid #e5eaf2;
   border-radius: 12px;
   background: #fff;
   box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.super-body-artifact-card:hover,
.super-body-artifact-card:focus-within {
   border-color: #c7d8f9;
   box-shadow: 0 10px 26px rgba(15, 23, 42, 0.12);
}

.super-body-artifact-message:focus-visible .super-body-artifact-card {
   outline: 2px solid #91b9ff;
   outline-offset: 2px;
}

.super-body-artifact-icon {
   width: 36px;
   height: 36px;
   flex: 0 0 auto;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   border-radius: 9px;
   color: #1677ff;
   background: #edf5ff;
   font-size: 20px;
}

.super-body-artifact-main {
   min-width: 0;
   flex: 1 1 auto;
}

.super-body-artifact-title {
   overflow: hidden;
   color: #1f2937;
   font-size: 13px;
   font-weight: 600;
   line-height: 20px;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-body-artifact-status {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-top: 2px;
   color: #98a2b3;
   font-size: 12px;
   line-height: 18px;
}

.super-body-artifact-status.is-running {
   color: #1677ff;
}

.super-body-artifact-status.is-completed {
   color: #16a36a;
}

.super-body-artifact-status.is-failed {
   color: #e5484d;
}

.super-body-artifact-status.is-suspended {
   color: #d97706;
}

.super-body-artifact-progress {
   margin-top: 4px;
   margin-bottom: 0;
}

.super-body-artifact-actions {
   flex: 0 0 auto;
   opacity: 0;
   transition: opacity 0.2s ease;
}

.super-body-artifact-card:hover .super-body-artifact-actions,
.super-body-artifact-card:focus-within .super-body-artifact-actions {
   opacity: 1;
}

.super-body-artifact-actions .ant-btn {
   width: 32px;
   height: 32px;
   padding: 0;
   color: #475569;
}

.super-body-artifact-actions .ant-btn:hover {
   color: #1677ff;
   background: #edf5ff;
}

.super-user-bubble {
   color: #111827;
   border: 0;
   border-radius: 12px;
   padding: 10px 14px;
   background: #f3f4f6;
   box-shadow: none;
}

.super-message-file-tags,
.super-input-file-tags {
   min-width: 0;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 6px;
}

.super-message-file-tags {
   margin-bottom: 8px;
}

.super-message-file-tags .ant-tag,
.super-input-file-tags .ant-tag {
   max-width: 100%;
   margin: 0;
   display: inline-flex;
   align-items: center;
}

.super-file-tag-name {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-flow-card {
   width: min(720px, 100%);
   max-height: 560px;
   box-sizing: border-box;
   padding: 20px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
   font-size: 13px;
   line-height: 20px;
   overflow: auto;
}

.super-flow-card.compact {
   width: min(560px, 100%);
}

.super-ai-content-card {
   min-width: 0;
   max-width: 720px;
   flex: 1 1 auto;
}

.super-flow-card.super-content-workspace-entry {
   width: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
}

.super-content-workspace-entry > :not(.super-content-preview-list) {
   flex: 0 0 auto;
}

.super-flow-card h3 {
   margin: 0 0 14px;
   display: flex;
   align-items: center;
   gap: 8px;
   color: #111827;
   font-size: 14px;
   font-weight: 600;
}

.super-content-card-title {
   margin-bottom: 14px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.super-content-card-title h3 {
   min-width: 0;
   margin: 0;
   flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-content-card-title span {
   flex: 0 0 auto;
   padding: 2px 8px;
   border-radius: 999px;
   background: #eef5ff;
   color: #1d63ff;
   font-size: 12px;
   font-weight: 700;
}

.super-form-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 14px;
}

.super-form-grid label {
   display: flex;
   flex-direction: column;
   gap: 6px;
   color: #374151;
   font-size: 12px;
   font-weight: 700;
}

.super-upload-panel {
   width: 100%;
   min-height: 84px;
   margin-top: 16px;
   border: 1px dashed #9ec5ff;
   border-radius: 8px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 8px;
   background: #f8fbff;
   color: #1d63ff;
   font-size: 12px;
   font-weight: 700;
   cursor: pointer;
}

.super-upload-panel img {
   width: 22px;
   height: 22px;
   object-fit: contain;
}

.super-upload-panel .ant-progress {
   width: min(260px, 80%);
}

.super-card-footer {
   margin-top: 16px;
   padding-top: 14px;
   border-top: 1px solid #edf0f5;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.super-card-footer > span {
   color: #8b95a5;
   font-size: 11px;
}

.super-checkpoint-card {
   border-color: #cfe3ff;
}

.super-checkpoint-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.super-checkpoint-head h3 {
   margin-bottom: 0;
}

.super-checkpoint-desc {
   margin: 12px 0 0;
   color: #475569;
   font-size: 12px;
   line-height: 1.7;
}

.super-checkpoint-render {
   min-width: 0;
   margin: 12px 0 0;
}

.super-checkpoint-score-list,
.super-checkpoint-catalog-list {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.super-checkpoint-score-item,
.super-checkpoint-catalog-list > div {
   box-sizing: border-box;
   min-width: 0;
   padding: 10px 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fbfcff;
}

.super-checkpoint-catalog-list > div:not(.is-child) {
   padding: 12px 14px;
   border-color: #dbe4f6;
   background: #f5f8ff;
}

.super-checkpoint-catalog-list > div.is-child {
   position: relative;
   padding: 8px 12px;
   border-color: #e6eaf2;
   border-radius: 6px;
   background: #fff;
}

.super-checkpoint-catalog-list > div.is-child::before {
   position: absolute;
   top: -9px;
   left: -14px;
   width: 12px;
   height: calc(50% + 9px);
   border-bottom: 1px solid #cbd5e1;
   border-left: 1px solid #cbd5e1;
   border-bottom-left-radius: 5px;
   content: "";
   pointer-events: none;
}

.super-checkpoint-catalog-list > div.is-level-2,
.super-checkpoint-catalog-list > div.is-level-3,
.super-checkpoint-catalog-list > div.is-level-4 {
   background: #fafbfc;
}

.super-checkpoint-catalog-list > div.is-expandable {
   cursor: pointer;
   transition: border-color 0.2s ease, background-color 0.2s ease;
}

.super-checkpoint-catalog-list > div.is-expandable:hover {
   border-color: #c9d8ff;
   background: #f5f8ff;
}

.super-checkpoint-catalog-title {
   display: flex;
   align-items: flex-start;
   gap: 6px;
   min-width: 0;
}

.super-checkpoint-catalog-list > div:not(.is-child) .super-checkpoint-catalog-title b {
   color: #243b6b;
   font-size: 13px;
}

.super-checkpoint-catalog-list > div.is-child .super-checkpoint-catalog-title b {
   font-weight: 500;
}

.super-checkpoint-catalog-title > .anticon,
.super-checkpoint-catalog-indent {
   flex: 0 0 12px;
   width: 12px;
   margin-top: 3px;
   color: #667eea;
}

.super-checkpoint-catalog-title > b {
   flex: 1 1 auto;
}

.super-chapter-status {
   display: inline-flex;
   align-items: center;
   gap: 5px;
   flex: 0 0 auto;
   padding: 3px 9px;
   border-radius: 999px;
   font-size: 11px;
   font-weight: 600;
   line-height: 1.4;
   white-space: nowrap;
}

.super-chapter-status > i {
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: currentColor;
}

.super-chapter-status.is-pending {
   color: #d99400;
   background: #fff7df;
}

.super-chapter-status.is-processing {
   color: #1677ff;
   background: #eaf3ff;
}

.super-chapter-status.is-completed {
   color: #16a66a;
   background: #e9f9f1;
}

.super-chapter-status.is-uploaded {
   color: #0f9f6e;
   background: #e7f8f0;
}

.super-chapter-status.is-missing {
   color: #e5484d;
   background: #ffebed;
}

.super-chapter-status.is-default {
   color: #64748b;
   background: #eef2f6;
}

.super-checkpoint-score-head {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 10px;
}

.super-checkpoint-score-head b,
.super-checkpoint-catalog-list b {
   min-width: 0;
   color: #111827;
   font-size: 12px;
   line-height: 1.6;
}

.super-checkpoint-meta {
   margin-top: 6px;
   display: flex;
   flex-wrap: wrap;
   gap: 6px 12px;
   color: #8b95a5;
   font-size: 11px;
}

.super-checkpoint-score-item p,
.super-checkpoint-catalog-list > div > span {
   margin: 6px 0 0;
   color: #667085;
   font-size: 11px;
   line-height: 1.7;
}

.super-checkpoint-field-list,
.super-checkpoint-summary-list,
.super-checkpoint-progress-list {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
   gap: 8px;
}

.super-checkpoint-field-list > div,
.super-checkpoint-summary-list > div,
.super-checkpoint-progress-list > div {
   min-width: 0;
   padding: 10px 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fbfcff;
}

.super-checkpoint-field-list span,
.super-checkpoint-summary-list span,
.super-checkpoint-progress-list span {
   display: block;
   margin-bottom: 4px;
   color: #8b95a5;
   font-size: 11px;
}

.super-checkpoint-field-list b,
.super-checkpoint-summary-list b {
   display: block;
   min-width: 0;
   color: #334155;
   font-size: 12px;
   line-height: 1.6;
   overflow-wrap: anywhere;
}

.super-checkpoint-progress-current {
   grid-column: 1 / -1;
   color: #334155;
   font-size: 12px;
   font-weight: 700;
}

.super-checkpoint-text {
   padding: 10px 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fbfcff;
   color: #475569;
   font-size: 12px;
   line-height: 1.7;
}

.super-tool-card {
   width: min(620px, calc(100% - 46px));
   margin-left: 46px;
   padding: 10px 12px;
   border: 1px solid #e4ebf5;
   border-radius: 8px;
   display: flex;
   align-items: center;
   gap: 8px;
   background: #fbfcff;
   color: #64748b;
   font-size: 12px;
}

.super-tool-card .anticon {
   color: #1d63ff;
}

//[智能体运行日志摘要]
.super-agent-run-log {
   margin-top: 5px;
   padding: 0;
   display: grid;
   gap: 6px;
   color: #64748b;
   font-size: 13px;
   line-height: 1.5;
}

.super-agent-run-log-wrap {
   width: min(620px, 100%);
   margin-left: 0;
   padding-top: 0;
}

.super-agent-run-log-wrap .super-agent-run-log {
   margin-top: 0;
}

.super-agent-run-log-row {
   width: 100%;
   padding: 0;
   border: 0;
   display: flex;
   align-items: center;
   gap: 8px;
   background: transparent;
   color: inherit;
   font: inherit;
   text-align: left;
   cursor: pointer;
}

.super-agent-run-log-row:disabled {
   cursor: default;
}

.super-agent-run-log-row .anticon {
   flex: 0 0 auto;
   color: #64748b;
}

.super-agent-run-log-row span {
   flex: 1 1 auto;
}

.super-agent-run-log-toggle {
   padding: 0;
   border: 0;
   display: inline-flex;
   align-items: center;
   gap: 4px;
   background: transparent;
   color: inherit;
   font: inherit;
   cursor: pointer;
}

.super-agent-run-log-entry-list {
   margin: 10px 0 2px;
   display: grid;
   gap: 8px;
}

.super-agent-run-log-entry > button {
   width: 100%;
   padding: 0;
   border: 0;
   display: flex;
   align-items: center;
   gap: 7px;
   background: transparent;
   color: #475569;
   font-size: 12px;
   text-align: left;
   cursor: pointer;
}

.super-agent-run-log-card {
   max-height: 320px;
   margin-top: 6px;
   padding: 8px 10px;
   border: 1px solid #dfe5ee;
   border-radius: 6px;
   overflow: auto;
   background: #f8fafc;
   color: #334155;
}

.super-agent-run-log-card-list {
   display: grid;
   margin-left: 0;
}

.super-agent-run-log-card-list .super-agent-run-log-card {
   margin-top: 8px;
}

.super-agent-run-log-call > button {
   width: 100%;
   padding: 0;
   border: 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 7px;
   background: transparent;
   color: #475569;
   font-size: 12px;
   text-align: left;
   cursor: pointer;
}

.super-agent-run-log-call > button span {
   flex: 1 1 auto;
}

.super-agent-run-log-call > button .anticon {
   flex: 0 0 auto;
   color: #64748b;
}

.super-agent-run-log-card b,
.super-agent-run-log-card > span {
   display: block;
   margin-bottom: 6px;
   font-size: 11px;
}

.super-agent-run-log-card pre {
   margin: 0;
   white-space: pre-wrap;
   overflow-wrap: anywhere;
   word-break: break-word;
   font-family: Consolas, "Courier New", monospace;
   font-size: 11px;
   line-height: 1.5;
}

.super-agent-run-log-card > span {
   margin-top: 8px;
   padding-top: 8px;
   border-top: 1px solid #e2e8f0;
   color: #64748b;
}

.super-agent-run-log-markdown {
   font-size: 11px;
   line-height: 1.5;
}

.super-agent-run-log-markdown table {
   width: 100%;
   border-collapse: collapse;
   margin: 8px 0;
}

.super-agent-run-log-markdown th,
.super-agent-run-log-markdown td {
   padding: 5px 7px;
   border: 1px solid #d8e0ea;
   text-align: left;
}

.super-agent-run-log-markdown pre {
   margin: 8px 0;
   padding: 8px 10px;
   border-radius: 6px;
   background: #eef2f7;
}

.super-agent-run-log-markdown p {
   margin: 6px 0;
}

//[工具执行状态样式]
.super-tool-status {
   display: flex;
   align-items: center;
   gap: 6px;
   padding: 6px 10px;
   margin-bottom: 8px;
   border-radius: 6px;
   background: #f0f6ff;
   color: #1d63ff;
   font-size: 12px;

   &.done {
      background: #f0fdf4;
      color: #16a34a;
   }

   .anticon {
      font-size: 14px;
   }
}

//[思考/推理内容样式]
.super-reasoning-collapse {
   margin-bottom: 8px;
   border-radius: 6px;
   background: #f8fafc;

   .ant-collapse-header {
      font-size: 12px;
      color: #64748b;
   }

   .super-reasoning-content {
      font-size: 12px;
      color: #475569;
      line-height: 1.6;
      white-space: pre-wrap;
   }
}

//[Markdown内容样式]
.super-markdown-content {
   min-width: 0;
   font-size: 14px;
   line-height: 1.7;
   color: #1f2937;
   overflow-wrap: anywhere;
   word-break: break-word;

   > :last-child {
      margin-bottom: 0;
   }

   p {
      margin: 0 0 8px;
   }

   ul,
   ol {
      padding-left: 20px;
      margin: 0 0 8px;
   }

   h2,
   h3,
   h4 {
      margin: 12px 0 8px;
      color: #111827;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.5;
   }

   blockquote {
      margin: 8px 0;
      padding: 8px 12px;
      border-left: 3px solid #fbbf24;
      border-radius: 4px;
      background: #fffbeb;
      color: #92400e;
   }

   table {
      width: 100%;
      margin: 8px 0 12px;
      border-collapse: collapse;
      font-size: 12px;
   }

   th,
   td {
      padding: 8px 10px;
      border: 1px solid #e5e7eb;
      text-align: left;
      vertical-align: top;
   }

   th {
      background: #f8fafc;
      color: #475569;
      font-weight: 700;
   }

   code {
      background: #f1f5f9;
      padding: 2px 4px;
      border-radius: 3px;
      font-size: 13px;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
      word-break: break-word;
   }

   .fxs-code-card {
      margin: 10px 0 14px;
   }

   pre:not(.fxs-code-card-pre) {
      max-width: 100%;
      margin: 8px 0;
      padding: 0;
      border: 0;
      background: transparent;
      color: inherit;
      overflow: visible;
   }

   .super-path-chip {
      display: flex;
      align-items: center;
      gap: 8px;
      margin: 8px 0;
      padding: 8px 10px;
      border: 1px solid #dbeafe;
      border-radius: 6px;
      background: #f8fbff;
      cursor: pointer;
      transition: background 0.2s ease, border-color 0.2s ease;

      &:hover {
         background: #eff6ff;
         border-color: #8eb5ff;
      }
   }

   .super-path-chip-label {
      flex: 0 0 auto;
      padding: 2px 6px;
      border-radius: 4px;
      background: #e0edff;
      color: #1d63ff;
      font-size: 10px;
      font-weight: 700;
      line-height: 1.4;
   }

   .super-path-chip-value {
      flex: 1;
      min-width: 0;
      color: #334155;
      font-size: 12px;
      line-height: 1.5;
      overflow-wrap: anywhere;
      word-break: break-word;
   }

   .super-path-chip-copy {
      flex: 0 0 auto;
      color: #64748b;
      font-size: 11px;
   }
}

//[checkpoint 从流式气泡切换时的过渡]
.super-ai-block-checkpoint {
   min-height: 140px;
   animation: super-checkpoint-enter 0.28s ease;
}

@keyframes super-checkpoint-enter {
   from {
      opacity: 0.45;
   }
   to {
      opacity: 1;
   }
}

//[流式加载动画]
.super-stream-loading {
   display: flex;
   align-items: center;
   gap: 4px;
   padding: 4px 0;

   .super-stream-loading-text {
      margin-right: 4px;
      color: #475569;
      font-size: 13px;
      line-height: 1.6;
   }

   .super-dot {
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #1d63ff;
      animation: super-dot-bounce 1.2s infinite ease-in-out;

      &:nth-child(2) {
         animation-delay: 0.2s;
      }

      &:nth-child(3) {
         animation-delay: 0.4s;
      }
   }
}

@keyframes super-dot-bounce {
   0%,
   60%,
   100% {
      transform: scale(0.6);
      opacity: 0.6;
   }
   30% {
      transform: scale(1);
      opacity: 1;
   }
}

//[右侧工作区面板样式]
.super-workspace-panel {
   width: 480px;
   flex: 0 0 480px;
   min-width: 0;
   min-height: 0;
   height: 100%;
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
   background: #fff;
   border-left: 1px solid #edf0f5;
   overflow: hidden;
}

.super-workspace-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 12px 16px;
   border-bottom: 1px solid #edf0f5;

   h3 {
      min-width: 0;
      margin: 0;
      font-size: 14px;
      color: #1f2937;
      display: flex;
      align-items: center;
      gap: 6px;

      .anticon {
         color: #1d63ff;
      }
   }

   .ant-btn {
      flex: 0 0 auto;
   }
}

.super-workspace-body {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
   padding: 16px;
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.super-workspace-section {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.super-basic-info-workspace {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.super-progress-workspace {
   height: 100%;
   padding: 16px 20px;
   display: flex;
   flex-direction: column;
   gap: 14px;
   box-sizing: border-box;
}

.super-progress-description {
   padding: 12px;
   border: 1px solid #e6edf7;
   border-radius: 8px;
   background: #f8fafc;
   color: #475569;
   font-size: 13px;
   line-height: 1.6;
}

.super-progress-section-list {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-height: 0;
   overflow: auto;
}

.super-progress-section-item {
   min-width: 0;
   padding: 10px 12px;
   border: 1px solid #e6edf7;
   border-radius: 8px;
   background: #fff;
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto auto;
   align-items: center;
   gap: 10px;
}

.super-progress-section-item b,
.super-progress-section-item span {
   display: block;
   min-width: 0;
}

.super-progress-section-item b {
   color: #111827;
   font-size: 13px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-progress-section-item span {
   margin-top: 4px;
   color: #8b95a5;
   font-size: 11px;
}

.super-progress-section-empty {
   padding: 16px;
   border: 1px dashed #d8e2ef;
   border-radius: 8px;
   color: #8b95a5;
   font-size: 12px;
   text-align: center;
   background: #fbfcff;
}

.super-basic-info-form {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.super-basic-info-field {
   display: flex;
   flex-direction: column;
   gap: 6px;

   label {
      font-size: 13px;
      color: #334155;
      font-weight: 500;

      em {
         margin-left: 4px;
         color: #ef4444;
         font-style: normal;
      }
   }
}

.super-workspace-section-title {
   font-size: 12px;
   color: #64748b;
   font-weight: 500;
}

.super-workspace-editor {
   flex: 1;
   min-height: 200px;
   font-size: 13px;
   line-height: 1.6;
}

.super-workspace-preview {
   padding: 12px;
   background: #f8fafc;
   border: 1px solid #edf0f5;
   border-radius: 6px;
   font-size: 13px;
   line-height: 1.6;
   color: #475569;
   max-height: 300px;
   overflow: auto;
}

.super-workspace-footer {
   flex: 0 0 auto;
   display: flex;
   justify-content: flex-end;
   gap: 8px;
   padding: 12px 16px;
   border-top: 1px solid #edf0f5;
   background: #fff;
}

.super-score-list {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.super-score-item {
   padding: 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fbfcff;
}

.super-score-head {
   display: grid;
   grid-template-columns: 32px 1fr auto auto;
   align-items: center;
   gap: 10px;
}

.super-score-head b {
   width: 28px;
   height: 24px;
   border-radius: 6px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #1d63ff;
   background: #edf4ff;
   font-size: 12px;
}

.super-score-head strong {
   min-width: 0;
   color: #111827;
   font-size: 12px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-score-head span,
.super-score-item p {
   color: #667085;
   font-size: 11px;
}

.super-score-item p {
   margin: 10px 0 0;
   line-height: 1.7;
}

.super-catalog-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.super-catalog-list div {
   min-height: 38px;
   border-radius: 8px;
   padding: 10px 12px;
   background: #f7f9fc;
   color: #374151;
   font-size: 12px;
}

.super-catalog-tip {
   margin-top: 14px;
   padding: 12px;
   border: 1px solid #cfe3ff;
   border-radius: 8px;
   display: flex;
   align-items: center;
   gap: 8px;
   color: #1d63ff;
   background: #f0f7ff;
   font-size: 12px;
}

.super-success-text {
   margin: 0 0 12px;
   color: #16a34a;
   font-size: 13px;
   font-weight: 700;
}

.super-result-file {
   margin: 12px 0 16px;
   padding: 14px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   display: flex;
   align-items: center;
   gap: 12px;
   background: #fbfcff;
}

.super-result-file > div {
   min-width: 0;
   flex: 1 1 auto;
}

.super-result-file .anticon {
   color: #1d63ff;
   font-size: 26px;
   flex: 0 0 auto;
}

.super-result-file b,
.super-result-file span {
   display: block;
}

.super-result-file-name {
   display: block;
   max-width: 100%;
   border: 0;
   padding: 0;
   background: transparent;
   color: #1d63ff;
   font-size: 12px;
   font-weight: 700;
   text-align: left;
   cursor: pointer;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-result-file-name:hover {
   text-decoration: underline;
}

.super-result-file b {
   color: #111827;
   font-size: 12px;
}

.super-result-file span {
   margin-top: 4px;
   color: #8b95a5;
   font-size: 11px;
}

.super-content-preview-list {
   min-height: 0;
   margin: 12px 0 14px;
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   gap: 8px;
   padding-right: 4px;
   overflow-y: auto;
}

.super-content-preview-list > div {
   min-width: 0;
   padding: 10px 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fbfcff;
}

.super-content-preview-list b,
.super-content-preview-text {
   display: block;
}

.super-content-preview-head {
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   gap: 12px;
}

.super-content-preview-list b {
   color: #334155;
   font-size: 12px;
}

.super-content-preview-text {
   margin-top: 4px;
   color: #667085;
   font-size: 11px;
   line-height: 1.6;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.super-quick-card {
   width: min(720px, calc(100% - 46px));
   margin-left: 46px;
   padding: 18px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
}

.super-card-eyebrow {
   margin-bottom: 14px;
   color: #9ca3af;
   font-size: 11px;
   font-weight: 700;
}

.super-quick-grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));
   gap: 12px;
}

.super-quick-item {
   min-height: 112px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   padding: 12px;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   gap: 8px;
   background: #fafbff;
   color: #374151;
   cursor: pointer;
   text-align: left;
}

.super-quick-item:hover,
.super-quick-item.active {
   border-color: #8eb5ff;
   background: #f3f7ff;
}

.super-quick-item.disabled {
   opacity: 0.45;
   cursor: not-allowed;
}

.super-quick-item img {
   width: 24px;
   height: 24px;
   object-fit: contain;
}

.super-quick-item b {
   font-size: 12px;
}

.super-quick-item span {
   color: #8b95a5;
   font-size: 10px;
   line-height: 1.5;
}

.super-tender-workflow-card {
   width: min(720px, calc(100% - 46px));
   margin-left: 46px;
   padding: 18px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
   box-sizing: border-box;
}

.super-tender-workflow-steps {
   display: flex;
   flex-direction: column;
}

.super-tender-workflow-step {
   display: flex;
   align-items: stretch;
   gap: 12px;
   min-height: 52px;
}

.super-tender-workflow-step-marker {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 28px;
   flex: 0 0 28px;
}

.super-tender-workflow-step-index {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   width: 24px;
   height: 24px;
   border-radius: 50%;
   border: 1px solid #8eb5ff;
   background: #f3f7ff;
   color: #1d63ff;
   font-size: 11px;
   font-weight: 700;
   line-height: 1;
}

.super-tender-workflow-step-line {
   flex: 1;
   width: 1px;
   min-height: 16px;
   margin: 4px 0;
   background: #dbeafe;
}

.super-tender-workflow-step-body {
   flex: 1;
   min-width: 0;
   padding: 2px 0 14px;

   b {
      display: block;
      margin-bottom: 4px;
      color: #111827;
      font-size: 12px;
      line-height: 1.5;
   }

   span {
      display: block;
      color: #8b95a5;
      font-size: 10px;
      line-height: 1.5;
   }
}

.super-tender-workflow-footer {
   margin-top: 2px;
   padding-top: 14px;
   border-top: 1px solid #f3f4f6;
   color: #374151;
   font-size: 12px;
   line-height: 1.7;
}

.super-ai-row-followup {
   margin-top: -2px;
}

.super-ai-row-spacer {
   width: 46px;
   flex: 0 0 46px;
}

.super-tender-upload-guide-card {
   width: min(720px, calc(100% - 46px));
   margin-left: 46px;
   padding: 18px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
   box-sizing: border-box;
}

.super-tender-upload-guide-intro {
   margin-bottom: 12px;
   color: #64748b;
   font-size: 11px;
   line-height: 1.6;
}

.super-tender-upload-guide-steps {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.super-tender-upload-guide-step {
   padding: 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fafbff;

   &.recommended {
      border-color: #8eb5ff;
      background: #f3f7ff;
   }

   > span {
      display: block;
      margin-top: 4px;
      color: #8b95a5;
      font-size: 10px;
      line-height: 1.5;
   }
}

.super-tender-upload-guide-step-head {
   display: flex;
   align-items: center;
   gap: 8px;

   b {
      color: #111827;
      font-size: 12px;
      line-height: 1.5;
   }
}

.super-tender-upload-guide-step-index {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 1px solid #8eb5ff;
   background: #fff;
   color: #1d63ff;
   font-size: 10px;
   font-weight: 700;
   line-height: 1;
   flex: 0 0 20px;
}

.super-path-chip-host {
   margin-top: 8px;

   .super-path-chip {
      margin: 0;
   }
}

.super-tender-upload-prompt-card {
   width: min(720px, calc(100% - 46px));
   margin-left: 46px;
   padding: 18px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
   box-sizing: border-box;
}

.super-tender-upload-prompt-title {
   color: #111827;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.5;
}

.super-tender-upload-prompt-subtitle {
   margin-top: 8px;
   color: #64748b;
   font-size: 11px;
   font-weight: 700;
}

.super-tender-upload-prompt-actions {
   margin: 10px 0 14px;
   padding-left: 18px;
   color: #475569;
   font-size: 11px;
   line-height: 1.7;

   li + li {
      margin-top: 4px;
   }
}

.super-tender-upload-prompt-table-wrap {
   overflow-x: auto;
}

.super-tender-upload-prompt-table {
   width: 100%;
   border-collapse: collapse;
   font-size: 11px;

   th,
   td {
      padding: 8px 10px;
      border: 1px solid #e5e7eb;
      text-align: left;
   }

   th {
      background: #f8fafc;
      color: #64748b;
      font-weight: 700;
   }

   td {
      color: #374151;
   }
}

.super-tender-upload-format-tag {
   display: inline-block;
   padding: 2px 6px;
   border-radius: 4px;
   background: #eff6ff;
   color: #1d63ff;
   font-size: 10px;
   font-weight: 700;
}

.super-tender-upload-prompt-tip {
   display: flex;
   align-items: flex-start;
   gap: 8px;
   margin-top: 14px;
   padding: 10px 12px;
   border: 1px solid #fde68a;
   border-radius: 8px;
   background: #fffbeb;
   color: #92400e;
   font-size: 11px;
   line-height: 1.6;
}

.super-tender-upload-prompt-tip-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   background: #fbbf24;
   color: #fff;
   font-size: 11px;
   font-weight: 700;
   flex: 0 0 16px;
}

.super-tender-phase-card {
   width: min(720px, calc(100% - 46px));
   margin-left: 46px;
   padding: 18px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   box-shadow: 0 12px 30px rgba(15, 23, 42, 0.07);
   box-sizing: border-box;
}

.super-tender-phase-grid {
   display: grid;
   grid-template-columns: repeat(4, minmax(0, 1fr));
   gap: 10px;
}

.super-tender-phase-item {
   position: relative;
   min-height: 118px;
   padding: 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fafbff;
}

.super-tender-phase-item-head {
   display: flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 8px;

   b {
      color: #111827;
      font-size: 12px;
      line-height: 1.4;
   }
}

.super-tender-phase-index {
   width: 20px;
   height: 20px;
   border-radius: 50%;
   border: 1px solid #8eb5ff;
   background: #f3f7ff;
   color: #1d63ff;
   font-size: 10px;
   font-weight: 700;
   line-height: 20px;
   text-align: center;
   flex: 0 0 20px;
}

.super-tender-phase-tasks {
   margin: 0;
   padding-left: 16px;
   color: #8b95a5;
   font-size: 10px;
   line-height: 1.5;

   li + li {
      margin-top: 2px;
   }
}

.super-tender-phase-arrow {
   display: none;
}

.super-input-area {
   flex: 0 0 auto;
   padding: 18px 20px;
   border-top: 1px solid #f3f4f6;
   background: #fff;
}

//[generated interrupt 输入区面板][替换普通输入框并限制内容高度]
.super-input-area.super-generated-interrupt-area {
   padding-top: 0;
   border-top: 0;
}

.super-upload-progress {
   width: min(820px, 100%);
   margin: 0 auto 10px;
   padding: 9px 12px 8px;
   border: 1px solid #dbe7ff;
   border-radius: 8px;
   background: #f7faff;
   color: #344054;
}

.super-upload-progress-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   margin-bottom: 5px;
   font-size: 12px;
}

.super-upload-progress-name {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-generated-interrupt-box {
   width: min(820px, 100%);
   max-height: min(50vh, 480px);
   margin: 0 auto;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   box-sizing: border-box;
   border: 1px solid #d9e5fb;
   border-radius: 12px;
   background: linear-gradient(180deg, #f8fbff 0%, #fff 32%);
   box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
   position: relative;
   z-index: 1;
}

.super-generated-interrupt-header {
   flex: 0 0 auto;
   padding: 14px 18px 11px;
   border-bottom: 1px solid #e8eef9;
   background: rgba(255, 255, 255, 0.72);
}

.super-generated-interrupt-header h3 {
   margin: 0;
   color: #173b74;
   font-size: 16px;
   font-weight: 650;
   line-height: 22px;
}

.super-generated-interrupt-body {
   flex: 1 1 auto;
   display: flex;
   flex-direction: column;
   min-height: 0;
   overflow: hidden;
}

.super-generated-interrupt-content-scroll {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
   padding: 16px 24px 22px;
}

.super-generated-interrupt-box .super-json-render-block > .ant-card {
   overflow: hidden;
   border: 0;
   border-radius: 0;
   background: transparent;
   box-shadow: none;
}

.super-generated-interrupt-status {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   color: #7184a3;
   font-size: 12px;
}

.super-generated-interrupt-status .ant-tag {
   margin: 0;
}

.super-generated-interrupt-description {
   margin: 9px 0 16px;
   color: #7184a3;
   font-size: 12px;
   line-height: 20px;
}

.super-generated-interrupt-box .super-json-render-block > .ant-card > .ant-card-head {
   display: none;
}

.super-generated-interrupt-box .super-json-render-block > .ant-card > .ant-card-body {
   padding: 0;
}

.super-generated-interrupt-box .super-json-render-block > .ant-card > .ant-card-body > * + * {
   margin-top: 14px;
}

.super-generated-interrupt-box .json-render-structured-items {
   display: flex;
   flex-direction: column;
   gap: 10px;
   width: 100%;
}

.super-generated-interrupt-box .json-render-structured-item > .ant-card-head {
   min-height: 36px;
   background: #f7f9fc;
}

.super-generated-interrupt-box .json-render-structured-item > .ant-card-body {
   padding: 12px;
}

.super-generated-interrupt-box .json-render-structured-fields {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 10px 12px;
}

.super-generated-interrupt-box .json-render-structured-field {
   display: flex;
   min-width: 0;
   flex-direction: column;
   gap: 4px;
}

.super-generated-interrupt-box .json-render-structured-field .ant-input-number,
.super-generated-interrupt-box .json-render-structured-field .ant-picker,
.super-generated-interrupt-box .json-render-structured-field .ant-select {
   width: 100%;
}

.super-generated-interrupt-box .json-render-structured-field.is-wide {
   grid-column: 1 / -1;
}

.super-generated-interrupt-box .json-render-structured-children {
   margin-top: 12px;
   padding-left: 14px;
   border-left: 2px solid #e6edf7;
}

//[generated interrupt 树编辑器][统一树节点行内编辑、增删和同级排序布局]
.super-generated-interrupt-box .json-render-tree-editor {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
}

.super-generated-interrupt-box .json-render-tree-editor-items {
   display: flex;
   flex-direction: column;
   gap: 6px;
   width: 100%;
}

.super-generated-interrupt-box .json-render-tree-editor-node {
   width: 100%;
}

.super-generated-interrupt-box .json-render-tree-editor-row {
   display: flex;
   align-items: center;
   gap: 6px;
   min-height: 34px;
   margin-left: calc(var(--json-render-tree-depth, 0) * 24px);
   padding: 2px 6px;
   border: 1px solid #e4e9f1;
   border-radius: 6px;
   background: #fff;
}

.super-generated-interrupt-box .json-render-tree-editor-handle {
   display: inline-flex;
   flex: 0 0 20px;
   align-items: center;
   justify-content: center;
   color: #aab4c2;
}

.super-generated-interrupt-box .json-render-tree-editor-fields {
   display: flex;
   flex: 1 1 auto;
   gap: 6px;
   min-width: 0;
}

.super-generated-interrupt-box .json-render-tree-editor-field {
   flex: 1 1 220px;
   min-width: 0;
}

.super-generated-interrupt-box .json-render-tree-editor-field.is-key {
   flex: 0 0 58px;
}

.super-generated-interrupt-box .json-render-tree-editor-field.is-title {
   flex: 4 1 260px;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-input,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-input-number,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-picker,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-select {
   width: 100%;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-input,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-input-number,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-picker {
   height: 30px;
   min-height: 30px;
   border-radius: 6px;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-input {
   padding-top: 3px;
   padding-bottom: 3px;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-input-number-input {
   height: 28px;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-select-single .ant-select-selector {
   height: 30px;
   border-radius: 6px;
}

.super-generated-interrupt-box .json-render-tree-editor-field .ant-select-single .ant-select-selection-item,
.super-generated-interrupt-box .json-render-tree-editor-field .ant-select-single .ant-select-selection-placeholder {
   line-height: 28px;
}

.super-generated-interrupt-box .json-render-tree-editor-actions {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   gap: 2px;
}

.super-generated-interrupt-box .json-render-tree-editor-actions .ant-btn {
   width: 26px;
   height: 26px;
   padding: 0;
   color: #667085;
}

.super-generated-interrupt-box .json-render-tree-editor-actions .ant-btn:not(:disabled):hover {
   color: #1677ff;
   background: #eef5ff;
}

.super-generated-interrupt-box .json-render-tree-editor-children {
   position: relative;
   margin-top: 6px;
}

.super-generated-interrupt-box .json-render-tree-editor-children::before {
   position: absolute;
   top: 0;
   bottom: 8px;
   left: calc(var(--json-render-tree-depth, 0) * 24px + 16px);
   border-left: 1px solid #d9e1ec;
   content: "";
}

.super-generated-interrupt-box .json-render-tree-editor > .ant-btn-dashed {
   align-self: flex-start;
}

@media (max-width: 700px) {
   .super-generated-interrupt-box .json-render-structured-fields {
      grid-template-columns: 1fr;
   }

   .super-generated-interrupt-box .json-render-structured-field.is-wide {
      grid-column: auto;
   }

   .super-generated-interrupt-box .json-render-tree-editor-row {
      align-items: flex-start;
      flex-wrap: wrap;
   }

   .super-generated-interrupt-box .json-render-tree-editor-fields {
      flex: 1 1 calc(100% - 32px);
      flex-wrap: wrap;
   }

   .super-generated-interrupt-box .json-render-tree-editor-field,
   .super-generated-interrupt-box .json-render-tree-editor-field.is-key,
   .super-generated-interrupt-box .json-render-tree-editor-field.is-title {
      flex-basis: 100%;
   }

   .super-generated-interrupt-box .json-render-tree-editor-actions {
      flex-basis: 100%;
      justify-content: flex-end;
   }
}

.super-generated-interrupt-actions {
   flex: 0 0 auto;
   padding: 12px 24px 14px;
   border-top: 1px solid #e8eef9;
   background: rgba(255, 255, 255, 0.96);
   box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
   position: relative;
   z-index: 2;
}

.super-json-render-actions .ant-space {
   width: 100%;
}

.super-json-render-actions .ant-space-item {
   margin-bottom: 0 !important;
}

.super-generated-interrupt-box .super-json-render-block .ant-typography {
   margin: 0;
   color: #475467;
   font-size: 12px;
   line-height: 20px;
}

.super-generated-interrupt-box .super-json-render-block .ant-select,
.super-generated-interrupt-box .super-json-render-block .ant-picker,
.super-generated-interrupt-box .super-json-render-block .ant-input {
   min-height: 36px;
   border-color: #d8e1ef;
   border-radius: 8px;
}

.super-generated-interrupt-box .super-json-render-block .ant-btn-primary {
   min-width: 96px;
   height: 36px;
   border-radius: 8px;
   box-shadow: 0 5px 12px rgba(22, 119, 255, 0.2);
}

.super-generated-interrupt-box .super-json-render-block .ant-table-wrapper {
   overflow-x: auto;
}

.super-generated-interrupt-box .super-json-render-block .ant-table {
   width: 100%;
   min-width: 0;
   table-layout: auto;
}

.super-generated-interrupt-box .super-json-render-block .ant-table-cell .ant-input,
.super-generated-interrupt-box .super-json-render-block .ant-table-cell .ant-input-number,
.super-generated-interrupt-box .super-json-render-block .ant-table-cell .ant-picker,
.super-generated-interrupt-box .super-json-render-block .ant-table-cell .ant-select,
.super-generated-interrupt-box .super-json-render-block .ant-table-cell .ant-input-affix-wrapper {
   box-sizing: border-box;
   min-width: 0;
   width: 100%;
}

.super-generated-interrupt-box .super-json-render-block .ant-table-cell {
   vertical-align: top;
   white-space: normal;
   word-break: break-word;
}

.super-generated-interrupt-box .super-json-render-block .ant-table-thead > tr > th {
   color: #475467;
   font-size: 12px;
   font-weight: 600;
   background: #f7faff;
}

.super-generated-interrupt-box .super-json-render-block .ant-table-tbody > tr > td {
   color: #344054;
   font-size: 12px;
   line-height: 20px;
}

.super-input-box {
   width: min(820px, 100%);
   margin: 0 auto;
   padding: 12px;
   border: 1px solid #e5e7eb;
   border-radius: 8px;
   box-sizing: border-box;
   box-shadow: 0 10px 26px rgba(15, 23, 42, 0.08);
}

.super-input-box.is-compact {
   margin-top: 10px;
   padding: 8px 12px;
}

.super-input-file-tags {
   padding: 0 4px 8px;
}

.super-input-box textarea {
   border: 0;
   box-shadow: none !important;
   resize: none;
}

.super-input-box.is-compact textarea {
   min-height: 24px;
   padding-top: 2px;
   padding-bottom: 2px;
}

.super-input-tools {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-top: 10px;
   border-top: 1px solid #f9fafb;
}

.super-input-tools .ant-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
}

.super-input-tools .ant-btn img {
   width: 15px;
   height: 15px;
   object-fit: contain;
}

.super-send-button {
   width: 36px;
   padding: 0;
}

.super-send-button img {
   width: 16px;
   height: 16px;
   filter: brightness(0) invert(1);
}

.super-send-button .anticon {
   font-size: 16px;
}

.super-input-area > p {
   margin: 8px 0 0;
   text-align: center;
   color: #9ca3af;
   font-size: 10px;
}

.super-workspace {
   width: 0;
   flex: 0 0 0;
   opacity: 0;
   pointer-events: none;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: #f7f9fc;
   transition: flex-basis 0.35s ease, opacity 0.25s ease;
}

.super-workspace.open {
   flex: 1.6 1 0;
   min-width: 0;
   opacity: 1;
   pointer-events: auto;
}

.super-workspace-header {
   background: #fff;
}

.super-workspace-body {
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
   background: #fff;
}

.super-workspace-body .ant-layout {
   height: 100%;
   min-height: 0;
}

.super-workspace-body .ant-layout-content {
   min-height: 0;
}

.super-workspace-panel.tender-workspace {
   width: 100%;
   flex: none;
   min-width: 0;
}

.super-workspace-body.tender-workspace-body {
   padding: 0;
   gap: 0;
   overflow: auto;
   background: #fff;
}

.super-workspace-body.tender-workspace-body .ant-layout {
   height: 100%;
   min-height: 0;
}

.super-tender-workspace {
   min-height: 100%;
   display: flex;
   gap: 16px;
   padding: 16px;
   overflow: visible;
   box-sizing: border-box;
}

.super-tender-workspace-main {
   flex: 1 1 auto;
   min-width: 0;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.super-tender-workspace-preview {
   width: 320px;
   flex: 0 0 320px;
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.super-tender-workspace-title {
   min-height: 28px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   color: #334155;
   font-size: 13px;
   font-weight: 700;
}

.super-task-progress-card {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.super-task-progress-head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
}

.super-task-progress-head h3 {
   margin: 0;
}

.super-task-progress-bar {
   height: 8px;
   border-radius: 999px;
   overflow: hidden;
   background: #eef3fb;
}

.super-task-progress-bar span {
   display: block;
   height: 100%;
   border-radius: inherit;
   background: #1d63ff;
   transition: width 0.2s ease;
}

.super-task-progress-meta {
   display: flex;
   align-items: center;
   gap: 10px;
   color: #64748b;
   font-size: 12px;
}

.super-task-progress-meta b {
   color: #1d63ff;
   font-size: 13px;
}

.super-task-progress-meta span {
   min-width: 0;
   flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-task-progress-meta em {
   color: #94a3b8;
   font-style: normal;
}

.super-tender-editor {
   flex: 1 1 auto;
   min-height: 520px;
}

.super-score-form-preview {
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.super-score-preview-grid {
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.super-score-editor-pair {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   gap: 12px;
}

.super-score-editor-card {
   min-width: 0;
   padding: 12px;
   border: 1px solid #edf0f5;
   border-radius: 8px;
   background: #fff;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.super-score-editor-card-main {
   width: 100%;
}

.super-score-editor-card b {
   color: #334155;
   font-size: 13px;
}

.super-score-editor-card span {
   color: #8b95a5;
   font-size: 11px;
   line-height: 1.6;
}

.super-score-editor-card textarea.ant-input {
   overflow: hidden;
   resize: vertical;
}

.super-preview-catalog-workspace {
   width: 100%;
   height: 100%;
   padding: 16px;
   display: flex;
   gap: 12px;
   overflow: hidden;
   background: #fff;
}

.super-preview-catalog-workspace > div {
   min-height: 0;
   overflow: hidden;
}

.super-body-component-wrap {
   height: 100%;
   padding: 0;
   overflow: hidden;
   background: #fff;
   display: flex;
   flex-direction: column;
   min-height: 0;
}

.super-body-component-wrap > div[class*="documentToolbar"] {
   position: sticky;
   top: 0;
   z-index: 10;
   margin-bottom: 12px;
}

.super-body-editor-layout {
   display: grid;
   grid-template-columns: 176px minmax(0, 1fr);
   gap: 16px;
   flex: 1 1 auto;
   min-height: 0;
}

.super-body-outline {
   min-width: 0;
   padding: 8px 0;
   overflow: auto;
}

.super-body-outline-title {
   margin: 0 8px 8px;
   color: #17233d;
   font-size: 13px;
   font-weight: 700;
}

.super-body-outline-list {
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.super-body-outline-item {
   width: 100%;
   padding: 7px 8px;
   overflow: hidden;
   border: 0;
   border-radius: 4px;
   background: transparent;
   color: #667085;
   cursor: pointer;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-body-outline-item:hover {
   background: #f1f6ff;
   color: #1677ff;
}

.super-body-outline-item.level-2 {
   padding-left: 20px;
}

.super-body-workspace-actions {
   display: inline-flex;
   align-items: center;
   gap: 14px;
   flex: 0 0 auto;
   margin-left: 24px;
}

.super-body-workspace-actions .ant-tag {
   margin-inline-end: 0;
}

.super-body-editor-stream {
   margin-top: 8px;
   flex: 1 1 auto;
   min-height: 0;
   overflow: auto;
   display: flex;
   flex-direction: column;
   gap: 8px;
   padding-right: 4px;
   scroll-behavior: smooth;
}

.super-body-section-anchor {
   width: min(100%, 794px);
   margin: 0 auto;
   scroll-margin-top: 12px;
}

.super-registry-tree-markdown-workspace .super-body-chapter-heading {
   width: min(100%, 794px);
   margin: 0 auto;
   box-sizing: border-box;
}

.super-body-virtual-row {
   min-width: 0;
   flex: 0 0 auto;
   display: flex;
   flex-direction: column;
   gap: 14px;
   box-sizing: border-box;
}

.super-body-parent-heading {
   padding: 10px 12px;
   border: 0;
   background: #fff;
   color: #111827;
   font-family: var(--super-doc-h1-font-family, "宋体");
   font-size: var(--super-doc-h1-font-size, 18pt);
   font-weight: var(--super-doc-h1-font-weight, 700);
   line-height: 1.4;
   text-align: var(--super-doc-h1-text-align, center);
}

.super-body-editor-stream .previewParagraph {
   margin-bottom: 0;
   border: 0;
   border-radius: 0;
   background: #fff;
   box-shadow: none;
}

.super-body-editor-stream .previewParagraph + .previewParagraph {
   border-top-color: transparent;
}

.super-body-empty-section {
   min-height: 42px;
   padding: 12px;
   border: 1px solid #dfe6f1;
   border-radius: 6px;
   background: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #111827;
   font-size: 13px;
   font-weight: 700;
   line-height: 18px;
   text-align: center;
}

.super-empty-body-editor {
   padding: 12px;
   border: 1px solid #dfe6f1;
   border-radius: 6px;
   background: #fff;
}

.super-empty-body-editor-title {
   margin-bottom: 8px;
   color: #111827;
   font-size: 13px;
   font-weight: 700;
}

.super-empty-body-editor .super-tender-editor {
   min-height: 520px;
   background: #fff;
}

.super-body-writing-stats {
   margin-top: 12px;
   padding: 12px 14px;
   border: 1px solid #dfe6f1;
   border-radius: 6px;
   background: #fff;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   flex: 0 0 auto;
   gap: 10px 14px;
   color: #64748b;
   font-size: 12px;
   line-height: 20px;
}

.super-body-writing-stats-title {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   color: #334155;
   font-size: 13px;
   font-weight: 700;
}

.super-body-writing-stats-list {
   display: inline-flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 8px;
}

.super-body-writing-stats-list .ant-tag {
   margin-inline-end: 0;
}

.super-body-writing-stats-rule {
   min-width: 220px;
   flex: 1 1 auto;
   color: #8b95a5;
   overflow-wrap: anywhere;
}

.super-export-preview-drawer .ant-drawer-body {
   height: 100%;
   padding: 0;
   overflow: hidden;
}

.super-export-preview-stage {
   height: 100%;
   min-height: 100%;
   overflow: auto;
   padding: 24px;
   background: #f3f4f6;
}

.super-export-preview-page {
   width: 794px;
   min-height: 1123px;
   margin: 0 auto;
   padding: 32px 40px;
   background: #fff;
   color: #111827;
   font-family: var(--super-doc-font-family, "宋体", SimSun, serif);
   font-size: var(--super-doc-font-size, 12pt);
   line-height: var(--super-doc-line-height, 1.5);
}

.super-export-preview-page h1 {
   margin: 18px 0 12px;
   color: #111827;
   font-family: var(--super-doc-h1-font-family, "宋体");
   font-size: var(--super-doc-h1-font-size, 18pt);
   font-weight: var(--super-doc-h1-font-weight, 700);
   line-height: 1.4;
   text-align: var(--super-doc-h1-text-align, center);
}

.super-export-preview-page h2 {
   margin: 14px 0 10px;
   color: #111827;
   font-family: var(--super-doc-h2-font-family, "宋体");
   font-size: var(--super-doc-h2-font-size, 16pt);
   font-weight: var(--super-doc-h2-font-weight, 400);
   line-height: 1.4;
   text-align: var(--super-doc-h2-text-align, left);
}

.super-export-preview-page h3 {
   margin: 12px 0 8px;
   color: #111827;
   font-family: var(--super-doc-h3-font-family, "宋体");
   font-size: var(--super-doc-h3-font-size, 15pt);
   font-weight: var(--super-doc-h3-font-weight, 400);
   line-height: 1.4;
   text-align: var(--super-doc-h3-text-align, left);
}

.super-export-preview-page p {
   margin: 0 0 8px;
   text-indent: var(--super-doc-body-text-indent, 0);
   text-align: var(--super-doc-body-text-align, left);
}

.super-export-preview-page table {
   width: 100%;
   max-width: 100%;
   border-collapse: collapse;
   table-layout: fixed;
}

.super-export-preview-page th,
.super-export-preview-page td {
   padding: 6px 8px;
   border: 1px solid #d8dee8;
   overflow-wrap: anywhere;
   word-break: break-word;
}

.super-export-preview-page img {
   display: block;
   max-width: 100%;
   height: auto;
   margin: 12px auto;
   object-fit: contain;
}

.super-export-preview-page figcaption,
.super-export-preview-page [data-ai-caption="1"],
.super-export-preview-page .ai-caption {
   margin: 6px 0 10px;
   font-family: var(--super-doc-figure-caption-font-family, "宋体");
   font-size: var(--super-doc-figure-caption-font-size, 9pt);
   font-weight: var(--super-doc-figure-caption-font-weight, 600);
   text-align: var(--super-doc-figure-caption-text-align, center);
   text-indent: 0;
}

.super-agent-prototype .ant-drawer-body {
   padding: 0;
}

.super-agent-square-view {
   position: relative;
   flex: 1 1 auto;
   min-height: 0;
   overflow: hidden;
   background: #fff;
}

.super-agent-square-view .market-container {
   height: 100%;
   max-height: 100%;
   min-width: 0;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   background: #fff;
}

.super-agent-square-view .market-scroll-content {
   flex: 1 1 auto;
   min-height: 0;
   overflow-y: auto;
   padding: 18px 56px 48px;
}

.super-agent-square-view .agent-filter-tabs {
   display: flex;
    align-items: center;
    justify-content: start;
    gap: 1rem;
    margin-bottom: 10px;
    margin-top: 10px;
    width: min(100%, 68rem);
    margin-left: auto;
    margin-right: auto;
    min-width: 0;
}

.super-agent-square-view .agent-filter-tabs button {
   height: 28px;
   border: 1px solid #d7e0ee;
   border-radius: 6px;
   padding: 0 10px;
   color: #4b5563;
   background: #fff;
   font-size: 12px;
   cursor: pointer;
}

.super-agent-square-view .agent-filter-tabs button.active,
.super-agent-square-view .agent-filter-tabs button:hover {
   border-color: #1d63ff;
   color: #1d63ff;
   background: #f3f7ff;
}

.super-agent-square-view .market-features-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(min(306px, 100%), 306px));
   justify-content: center;
   gap: 15px;
   width: min(100%, 68rem);
   margin: 0 auto;
   min-width: 0;
}

.super-agent-square-view .market-feature-card {
   position: relative;
   width: 100%;
   max-width: 306px;
   min-width: 0;
   height: auto;
   min-height: 147px;
   box-sizing: border-box;
   padding: 11px 21px;
   border: 1px solid #e6ebf3;
   border-radius: 0.375rem;
   background: #ffffff;
   cursor: pointer;
   box-shadow: 0 4px 12px rgba(16, 27, 66, 0.04);
   transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
   display: flex;
   flex-direction: column;
}

.super-agent-square-view .market-feature-card:hover {
   transform: translateY(-2px);
   border-color: #9ec5ff;
   box-shadow: 0 12px 24px rgba(34, 60, 120, 0.1);
}

.super-agent-square-view .market-card-content {
   display: flex;
   align-items: flex-start;
   gap: 14px;
}

.super-agent-square-view .market-illustration {
   width: 54px;
   height: 54px;
   flex: 0 0 54px;
   border: none;
   border-radius: 8px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background: #fff;
}

.super-agent-square-view .market-illustration-image {
   max-width: 46px;
   max-height: 46px;
   object-fit: contain;
}

.super-agent-square-view .market-card-main {
   flex: 1 1 auto;
   min-width: 0;
   padding-right: 24px;
}

.super-agent-square-view .market-card-main h3 {
   margin: 0 0 10px;
   color: #1f2937;
   font-size: 15px;
   font-weight: 700;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.super-agent-square-view .market-card-tags {
   display: flex;
   align-items: center;
   gap: 8px;
}

.super-agent-square-view .market-card-tag {
   height: 22px;
   border-radius: 4px;
   padding: 0 8px;
   display: inline-flex;
   align-items: center;
   color: #7c8093;
   background: #f2f4f7;
   font-size: 12px;
}

.super-agent-square-view .market-card-tag-category {
   color: #1b82f5;
   background: #f1f8ff;
}

.super-agent-square-view .market-card-tag-category-data {
   color: #b683ff;
   background: #f7f1ff;
}

.super-agent-square-view .market-card-tag-category-analayz {
   color: #069e61;
   background: #f4fffb;
}

.super-agent-square-view .market-feature-card > p {
   margin: 12px 0 0;
   color: #667085;
   font-size: 12px;
   line-height: 1.6;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.super-agent-square-view .market-card-actions {
   margin-top: 12px;
   padding-top: 10px;
   border-top: 1px solid #edf1f7;
   display: flex;
   align-items: center;
   justify-content: space-between;
   color: #969698;
   font-size: 12px;
}

.super-agent-square-view .market-enter-btn {
   display: inline-flex;
   align-items: center;
   gap: 6px;
}

.super-agent-square-view .market-enter-text {
   padding: 0 6px;
}

.super-agent-square-view .market-enter-btn img {
   width: 18px;
   height: 18px;
}

.super-agent-square-view .market-favorite-btn {
   position: absolute;
   top: 12px;
   right: 12px;
   width: 16px;
   height: 16px;
   border: 0;
   padding: 0;
   background: transparent;
   cursor: pointer;
}

.super-agent-square-view .market-favorite-btn img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.super-agent-square-view .market-corner-badge {
   position: absolute;
   top: 0;
   left: 0;
   border-radius: 8px 0 8px 0;
   padding: 2px 8px;
   color: #fff;
   background: #ff4d4f;
   font-size: 11px;
   font-weight: 700;
}

.super-agent-square-view .market-empty-card {
   border: 1px dashed #d7e0ee;
   border-radius: 8px;
   grid-column: 1 / -1;
}

.super-agent-square-view .market-empty-text {
   min-height: 160px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #8b95a5;
}

.super-agent-square-view .market-container-app {
   height: 100%;
   background: #fff;
}

.super-agent-square-view .market-app-body {
   height: 100%;
   min-height: 0;
   overflow: hidden;
   padding: 24px;
   scrollbar-width: none;
   -ms-overflow-style: none;
}

.super-agent-square-view .market-app-body::-webkit-scrollbar {
   display: none;
   width: 0;
   height: 0;
}

@media (max-width: 768px) {
   .super-body-editor-layout {
      display: flex;
      flex-direction: column;
      gap: 8px;
   }

   .super-body-outline {
      flex: 0 0 auto;
      padding: 0;
   }

   .super-body-outline-title {
      margin: 0 0 4px;
   }

   .super-body-outline-list {
      flex-direction: row;
      overflow-x: auto;
      padding-bottom: 2px;
   }

   .super-body-outline-item,
   .super-body-outline-item.level-2 {
      width: auto;
      max-width: 180px;
      flex: 0 0 auto;
      padding: 6px 9px;
   }

   .super-agent-prototype {
      height: 100dvh;
   }

   .super-agent-prototype .super-ai-avatar-img,
   .super-agent-prototype .super-user-avatar-small {
      display: none;
   }

   .super-mobile-sidebar-drawer .ant-drawer-body {
      padding: 0;
   }

   .super-mobile-sidebar-drawer .super-left-sidebar {
      width: 100%;
      height: 100%;
      flex-basis: auto;
      display: flex;
   }

   .super-mobile-sidebar-drawer .super-left-sidebar.is-collapsed {
      width: 100%;
      flex-basis: auto;
   }

   .super-mobile-sidebar-drawer .super-left-sidebar.is-collapsed .super-logo-text,
   .super-mobile-sidebar-drawer .super-left-sidebar.is-collapsed .super-section-title,
   .super-mobile-sidebar-drawer .super-left-sidebar.is-collapsed .super-sidebar-scroll {
      display: flex;
   }

   .super-main-wrap,
   .super-main-wrap.has-workspace {
      display: flex;
      flex-direction: column;
      padding-right: 0;
   }

   .super-mobile-topbar {
      height: 52px;
      flex: 0 0 auto;
      display: grid;
      grid-template-columns: 88px minmax(0, 1fr) 88px;
      align-items: center;
      border-bottom: 1px solid #edf0f5;
      background: #fff;
   }

   .super-mobile-topbar .ant-btn {
      justify-self: start;
      min-width: 44px;
      height: 44px;
      padding: 0 12px;
   }

   .super-mobile-topbar b {
      overflow: hidden;
      color: #1f2937;
      font-size: 15px;
      text-align: center;
      text-overflow: ellipsis;
      white-space: nowrap;
   }

   .super-chat-header,
   .super-workspace-resizer {
      display: none;
   }

   .super-chat-column,
   .super-chat-column.narrow,
   .super-mobile-workspace {
      width: 100%;
      min-width: 0;
      min-height: 0;
      flex: 1 1 auto;
   }

   .super-chat-column.mobile-hidden,
   .super-mobile-workspace.mobile-hidden {
      display: none;
   }

   .super-timeline {
      padding: 16px 12px;
   }

   .super-welcome-stage {
      align-items: center;
      gap: 14px;
   }

   .super-welcome-stage .super-ai-row {
      width: min(320px, 100%);
      margin: 0 auto;
   }

   .super-welcome-stage .super-ai-bubble {
      max-width: 100%;
      padding: 0;
   }

   .super-ai-bubble,
   .super-user-bubble {
      max-width: calc(100vw - 72px);
   }

   .super-quick-card {
      width: min(304px, 100%);
      margin: 0 auto;
      padding: 14px;
      box-sizing: border-box;
   }

   .super-quick-grid,
   .super-tender-phase-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 8px;
   }

   .super-quick-item {
      min-height: 96px;
      padding: 10px;
      gap: 6px;
   }

   .super-quick-item img {
      width: 20px;
      height: 20px;
   }

   .super-quick-item b {
      font-size: 11px;
   }

   .super-quick-item span {
      font-size: 10px;
      line-height: 1.4;
   }

   .super-input-area {
      padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
   }

   .super-input-box {
      padding: 10px;
   }

   .super-input-tools {
      gap: 8px;
   }

   .super-input-tools > .ant-space {
      min-width: 0;
      overflow-x: auto;
   }

   .super-input-tools .ant-space-item .ant-btn {
      white-space: nowrap;
   }

   .super-workspace-panel,
   .super-workspace-panel.tender-workspace {
      width: 100%;
      flex-basis: auto;
      border-left: 0;
   }

   .super-workspace-header {
      min-height: 52px;
      padding: 8px 12px;
   }

   .super-workspace-body {
      padding: 12px;
   }

   .super-workspace-body.tender-workspace-body {
      padding: 0;
   }

   .super-workspace-body table {
      display: block;
      max-width: 100%;
      overflow-x: auto;
   }

   .super-body-component-wrap > div[class*="documentToolbar"] {
      min-height: 48px;
      justify-content: flex-end;
      padding: 8px 12px;
   }

   .super-body-component-wrap > div[class*="documentToolbar"] > .ant-space > .ant-space-item {
      display: none;
   }

   .super-body-component-wrap > div[class*="documentToolbar"] > .ant-space > .ant-space-item:last-child {
      display: inline-flex;
   }

   .super-body-editor-stream {
      overflow-x: hidden;
      overflow-y: auto;
      padding-right: 8px;
      padding-bottom: 12px;
      scrollbar-width: thin;
      scrollbar-color: #b8c2d1 transparent;
   }

   .super-body-editor-stream::-webkit-scrollbar {
      width: 4px;
   }

   .super-body-editor-stream::-webkit-scrollbar-thumb {
      border-radius: 999px;
      background: #b8c2d1;
   }

   .super-body-editor-stream .previewParagraph [class*="previewHeaderRow"] {
      flex-wrap: wrap;
      align-items: flex-start;
   }

   .super-body-editor-stream .previewParagraph [class*="previewParagraphTitle"] {
      width: 100%;
      max-width: none;
      flex: 1 1 100%;
   }

   .super-body-editor-stream .previewParagraph [class*="previewHeaderRow"] .ant-space {
      width: 100%;
      max-width: none;
      margin-left: 0;
      overflow: visible;
      flex-wrap: wrap;
      white-space: normal;
   }
}

@media (max-width: 980px) {
   .super-left-sidebar {
      width: 240px;
      flex-basis: 240px;
   }

   .super-main-wrap.has-workspace {
      display: flex;
      gap: 0;
      padding-right: 0;
   }

   .super-workspace-resizer {
      display: none;
   }

   .super-chat-column.narrow {
      display: none;
   }

   .super-workspace.open {
      flex-basis: 100%;
   }

   .super-quick-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .super-tender-phase-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 768px) {
   .super-chat-column.narrow {
      display: flex;
   }
}