/* B · 浅鼠尾草: background and neutral border colors only. All dimensions, text, map and semantic colors unchanged. */
body, #root > div[style*="height: 100vh"] { background-color: #f1f4f6 !important; }
#root > div > div[style*="height: 54px"], #root div[style*="height: 44px"][style*="align-items: stretch"] { background-color: #f8fafb !important; }
#root div[style*="width: 60px"][style*="border-right"] { background-color: #e8eef1 !important; }
#root div[style*="max-width: 40vw"], #root div[style*="max-width: 100%"][style*="flex-direction: column"] { background-color: #ffffff !important; }
#root div[style*="padding: 12px 14px 14px"] { background-color: #f8fafb !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"][aria-selected="true"] { background-color: #d8eae4 !important; }
#root > div[style*="radial-gradient"] { background-color: #f1f4f6 !important; background-image: radial-gradient(1100px 500px at 15% -10%, #e8eef1 0%, transparent 60%), radial-gradient(900px 480px at 110% 110%, #f8fafb 0%, transparent 55%) !important; }
#root [style*="border: 1px solid rgb(223, 226, 231)"],
#root [style*="border: 1px solid rgb(217, 221, 227)"],
#root [style*="border: 1px solid rgb(228, 231, 235)"],
#root [style*="border: 1px solid rgb(214, 219, 225)"],
#root [style*="border: 1px solid rgb(238, 240, 242)"],
#root [style*="border: 1px solid rgb(215, 220, 227)"],
#root [style*="border: 1px solid rgb(227, 231, 237)"],
#root [style*="border: 1px solid var(--border)"] { border-color: #d8e0e5 !important; }
#root [style*="border-top: 1px solid rgb(223, 226, 231)"],
#root [style*="border-top: 1px solid rgb(217, 221, 227)"],
#root [style*="border-top: 1px solid rgb(228, 231, 235)"],
#root [style*="border-top: 1px solid rgb(214, 219, 225)"],
#root [style*="border-top: 1px solid rgb(238, 240, 242)"],
#root [style*="border-top: 1px solid rgb(215, 220, 227)"],
#root [style*="border-top: 1px solid rgb(227, 231, 237)"],
#root [style*="border-top: 1px solid var(--border)"] { border-top-color: #d8e0e5 !important; }
#root [style*="border-right: 1px solid rgb(223, 226, 231)"],
#root [style*="border-right: 1px solid rgb(217, 221, 227)"],
#root [style*="border-right: 1px solid rgb(228, 231, 235)"],
#root [style*="border-right: 1px solid rgb(214, 219, 225)"],
#root [style*="border-right: 1px solid rgb(238, 240, 242)"],
#root [style*="border-right: 1px solid rgb(215, 220, 227)"],
#root [style*="border-right: 1px solid rgb(227, 231, 237)"],
#root [style*="border-right: 1px solid var(--border)"] { border-right-color: #d8e0e5 !important; }
#root [style*="border-bottom: 1px solid rgb(223, 226, 231)"],
#root [style*="border-bottom: 1px solid rgb(217, 221, 227)"],
#root [style*="border-bottom: 1px solid rgb(228, 231, 235)"],
#root [style*="border-bottom: 1px solid rgb(214, 219, 225)"],
#root [style*="border-bottom: 1px solid rgb(238, 240, 242)"],
#root [style*="border-bottom: 1px solid rgb(215, 220, 227)"],
#root [style*="border-bottom: 1px solid rgb(227, 231, 237)"],
#root [style*="border-bottom: 1px solid var(--border)"] { border-bottom-color: #d8e0e5 !important; }
#root [style*="border-left: 1px solid rgb(223, 226, 231)"],
#root [style*="border-left: 1px solid rgb(217, 221, 227)"],
#root [style*="border-left: 1px solid rgb(228, 231, 235)"],
#root [style*="border-left: 1px solid rgb(214, 219, 225)"],
#root [style*="border-left: 1px solid rgb(238, 240, 242)"],
#root [style*="border-left: 1px solid rgb(215, 220, 227)"],
#root [style*="border-left: 1px solid rgb(227, 231, 237)"],
#root [style*="border-left: 1px solid var(--border)"] { border-left-color: #d8e0e5 !important; }
#root .btn:not(.btn-primary) { border-color: #d8e0e5 !important; }
#root > div > div[style*="height: 54px"] { background-color: #1e2933 !important; border-bottom-color: #1e2933 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] { border-bottom-color: #d8e0e5 !important; }

/* Only tab background colors; approved B theme remains unchanged. */
@media (min-width: 861px) {
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(1) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(1):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(1)[aria-selected="true"] { background-color: #d8eae4 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2)[aria-selected="true"] { background-color: #d8eae4 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3)[aria-selected="true"] { background-color: #d8eae4 !important; }
}
@media (max-width: 860px) {
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2)[aria-selected="true"] { background-color: #d8eae4 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3)[aria-selected="true"] { background-color: #d8eae4 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4) { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4):hover { background-color: #e9eff2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4)[aria-selected="true"] { background-color: #d8eae4 !important; }
}

/* User revision: black brand/title header with white text; type sizes unchanged. */
#root > div > div[style*="height: 54px"] { background-color: #1e2933 !important; }
#root > div > div[style*="height: 54px"] span { color: #ffffff !important; }

/* Proposal only: readable inactive tab labels and unified action emphasis. */
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"][aria-selected="false"] { color: #52616b !important; }
#root button[style*="background: rgb(31, 157, 107)"], #root .btn-primary { background-color: #167d6b !important; border-color: #167d6b !important; }
#root .chat-scroll div[style*="background: rgb(244, 246, 248)"] { background-color: #ffffff !important; }