/* =============================================
   Deep Bond: Abyss Terminal UI (v2.1)
   风格：雨幕/浅灰/高对比度黑字
   ============================================= */

/* 1. 平台全局覆盖 */
[class*="bg-[#F1CBCB]"], [class*="bg-[#c9e1e9]"] { display: none !important; }

body, #root, .h-screen {
    background-color: hsl(210, 12%, 95%) !important;
    color: hsl(210, 30%, 12%) !important;
}

/* 2. 状态栏容器与折叠组件 */
details {
    background: hsl(210, 8%, 97%) !important;
    border: 1px solid hsl(210, 15%, 85%) !important;
    border-radius: 4px !important;
    margin: 12px 0 !important;
    overflow: hidden !important;
}

details summary {
    background: hsl(210, 15%, 90%) !important;
    color: hsl(210, 30%, 15%) !important;
    padding: 10px 15px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    list-style: none !important;
    border-bottom: 1px solid hsl(210, 15%, 85%) !important;
    display: flex !important;
    align-items: center !important;
}

details summary::before {
    content: "◈";
    margin-right: 8px;
    color: hsl(190, 40%, 45%);
}

details[open] summary {
    background: hsl(210, 15%, 85%) !important;
    border-bottom: 2px solid hsl(190, 40%, 45%) !important;
}

/* 3. 聊天气泡美化 */
.bg-gray-100\/90.relative.inline-block {
    background: hsl(210, 10%, 98%) !important;
    border: 1px solid hsl(210, 10%, 88%) !important;
    border-radius: 8px !important;
    color: hsl(210, 30%, 12%) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.02) !important;
    padding: 16px !important;
}

.chat-answer-container .bg-gray-100\/90.relative.inline-block {
    border-left: 5px solid hsl(190, 30%, 60%) !important;
}

/* 4. 终端数值与表格美化 */
.markdown-body table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 10px 0 !important;
    font-size: 0.85em !important;
}

.markdown-body th {
    background: hsl(210, 15%, 90%) !important;
    color: hsl(210, 30%, 20%) !important;
    border: 1px solid hsl(210, 10%, 80%) !important;
    padding: 6px !important;
}

.markdown-body td {
    border: 1px solid hsl(210, 10%, 85%) !important;
    padding: 6px !important;
    background: hsl(0, 0%, 100%) !important;
}

/* 5. 羁绊监控专用样式 */
details blockquote {
    background: hsl(210, 10%, 94%) !important;
    border-left: 3px solid hsl(190, 40%, 45%) !important;
    margin: 10px 0 !important;
    padding: 8px 12px !important;
    font-size: 0.9em !important;
}

/* 进度条美化 (针对文本进度条) */
.markdown-body p {
    line-height: 1.8 !important;
}

/* 6. 行动推荐 (Actions) 美化 */
.pg-actions {
    margin-top: 20px !important;
    border-top: 1px dashed hsl(210, 15%, 80%) !important;
    padding-top: 15px !important;
}

.pg-actions pre {
    background: hsl(210, 10%, 98%) !important;
    border: 1px solid hsl(210, 15%, 85%) !important;
    border-radius: 6px !important;
    padding: 12px !important;
    margin-bottom: 8px !important;
    color: hsl(210, 30%, 15%) !important;
    white-space: pre-wrap !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.pg-actions pre:hover {
    background: hsl(190, 40%, 95%) !important;
    border-color: hsl(190, 40%, 45%) !important;
    transform: translateX(5px) !important;
}

/* 7. 输入框美化 */
#ai-chat-input, textarea.rc-textarea {
    background: hsl(0, 0%, 100%) !important;
    color: hsl(210, 30%, 12%) !important;
    border: 1px solid hsl(210, 15%, 80%) !important;
    caret-color: hsl(190, 40%, 45%) !important;
}

#ai-send-button {
    background: hsl(190, 40%, 45%) !important;
    color: #ffffff !important;
}