/* B · 浅鼠尾草: background and neutral border colors only. All dimensions, text, map and semantic colors unchanged. */
body, #root > div[style*="height: 100vh"] { background-color: #e7eee6 !important; }
#root > div > div[style*="height: 54px"], #root div[style*="height: 44px"][style*="align-items: stretch"] { background-color: #f0f5ed !important; }
#root div[style*="width: 60px"][style*="border-right"] { background-color: #dfe9db !important; }
#root div[style*="max-width: 40vw"], #root div[style*="max-width: 100%"][style*="flex-direction: column"] { background-color: #f7f9f3 !important; }
#root div[style*="padding: 12px 14px 14px"] { background-color: #eff4eb !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"][aria-selected="true"] { background-color: #e5eddf !important; }
#root > div[style*="radial-gradient"] { background-color: #e7eee6 !important; background-image: radial-gradient(1100px 500px at 15% -10%, #dfe9db 0%, transparent 60%), radial-gradient(900px 480px at 110% 110%, #f0f5ed 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: #bbcbb5 !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: #bbcbb5 !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: #bbcbb5 !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: #bbcbb5 !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: #bbcbb5 !important; }
#root .btn:not(.btn-primary) { border-color: #bbcbb5 !important; }
#root > div > div[style*="height: 54px"] { background-color: #e3ecde !important; border-bottom-color: #9aac91 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] { border-bottom-color: #c1ceba !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: #dce6d6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(1):hover { background-color: #d2dfca !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(1)[aria-selected="true"] { background-color: #c0d2b6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2) { background-color: #e3eadf !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2):hover { background-color: #d9e3d2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2)[aria-selected="true"] { background-color: #c8d8bf !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3) { background-color: #eaf0e6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3):hover { background-color: #e0e8d9 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3)[aria-selected="true"] { background-color: #d0dec7 !important; }
}
@media (max-width: 860px) {
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2) { background-color: #dce6d6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2):hover { background-color: #d2dfca !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(2)[aria-selected="true"] { background-color: #c0d2b6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3) { background-color: #e3eadf !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3):hover { background-color: #d9e3d2 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(3)[aria-selected="true"] { background-color: #c8d8bf !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4) { background-color: #eaf0e6 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4):hover { background-color: #e0e8d9 !important; }
#root div[style*="height: 44px"][style*="align-items: stretch"] > [role="tab"]:nth-child(4)[aria-selected="true"] { background-color: #d0dec7 !important; }
}

/* User revision: white brand/title header. All other B1 colors stay unchanged. */
#root > div > div[style*="height: 54px"] { background-color: #ffffff !important; }