/* BIMSEEK 六板块容器层 · 2026-11-01 */
.el-menu-vertical-demo.bs-boards-menu { display: flex !important; flex-direction: column; overflow-y: auto; overflow-x: hidden; padding-bottom: 16px; }
.el-menu-vertical-demo.bs-boards-menu > li.native-navigation-heading .native-navigation-group { display: none; }
.el-menu-vertical-demo.bs-boards-menu > li.native-navigation-heading { height: auto !important; min-height: 0 !important; line-height: normal !important; flex: none; overflow: visible; margin-bottom: 4px; }
.el-menu-vertical-demo.bs-boards-menu > li.bs-hidden-empty, .el-menu-vertical-demo.bs-boards-menu > li.bs-hide { display: none !important; }

.bs-board-head { list-style: none; display: flex; align-items: center; gap: 8px; margin: 10px 14px 2px; padding: 0; font: 600 10.5px/1.4 Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; letter-spacing: 1.4px; color: #8792a5; text-transform: uppercase; white-space: nowrap; }
.bs-board-head .bs-board-head-line { flex: 1; height: 1px; background: #e8ebf2; }
.bs-board-head[data-collapsed="1"] { display: none; }

#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item { display: flex !important; align-items: center; gap: 9px !important; height: 34px !important; min-height: 34px !important; line-height: 34px !important; margin: 1px 12px !important; padding: 0 10px !important; border-radius: 6px; cursor: pointer; font: 400 13px/1.4 Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; color: #647189 !important; background: transparent !important; box-shadow: none !important; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item:hover { background: #f6f3fc !important; color: #5c3eb3 !important; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.is-active { font-weight: 600 !important; color: #5c3eb3 !important; background: #f0ebfa !important; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub { margin-left: 30px !important; height: 30px !important; min-height: 30px !important; line-height: 30px !important; font-size: 12.5px !important; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub .bs-boards-icon { display: none; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #c7bde8; flex: none; }
.bs-boards-icon { width: 18px; height: 18px; flex: none; color: #8e82a9; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.is-active .bs-boards-icon { color: #7052c8; }
.bs-boards-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.el-menu--collapse > .el-menu-item.bs-boards-item { justify-content: center; margin: 2px 8px !important; padding: 0 !important; }
.el-menu--collapse > .el-menu-item.bs-boards-item .bs-boards-label { display: none; }
.el-menu--collapse > .el-menu-item.bs-boards-item.bs-sub { margin-left: 8px !important; }
.el-menu--collapse > .el-menu-item.bs-boards-item.bs-sub::before { display: none; }
.el-menu--collapse > .el-menu-item.bs-boards-item.bs-sub .bs-boards-icon { display: block; }

#bs-boards-viewer { position: fixed; z-index: 901; background: #f4f5f9; display: flex; flex-direction: column; }
#bs-boards-viewer iframe { border: 0; flex: 1; width: 100%; min-height: 0; background: #f4f5f9; }

.bs-home-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; margin: 0 0 14px; }
.bs-home-kpi { text-align: left; cursor: pointer; background: #fff; border: 1px solid #e3e6ee; border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; font-family: Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; transition: border-color .15s, box-shadow .15s; }
.bs-home-kpi:hover { border-color: #c7bde8; box-shadow: 0 2px 10px rgba(91, 75, 196, .08); }
.bs-home-kpi-title { font-size: 11px; font-weight: 600; letter-spacing: 1px; color: #6b7488; text-transform: uppercase; }
.bs-home-kpi-row { display: flex; justify-content: space-between; align-items: baseline; font-size: 12.5px; color: #3d4a61; }
.bs-home-kpi-row strong { font-size: 20px; font-weight: 700; color: #1b2537; }
@media (max-width: 760px) { .bs-home-kpis { grid-template-columns: 1fr 1fr; } }

/* entries injected by other additive scripts (Carrefour workspace, MEP Plus, Site…) — match the menu look */
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) { padding: 0 !important; margin: 1px 12px !important; list-style: none; }
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 9px !important; width: 100% !important; min-height: 34px !important; height: 34px !important; padding: 0 10px 0 37px !important; border: 0 !important; border-radius: 6px !important; background: transparent !important; color: #647189 !important; font: 400 13px/1.4 Inter, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif !important; text-align: left !important; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button:hover { background: #f6f3fc !important; color: #5c3eb3 !important; }
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button[aria-pressed="true"] { background: #f0ebfa !important; color: #5c3eb3 !important; font-weight: 600 !important; }
.el-menu--collapse.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button { padding: 0 !important; justify-content: center !important; font-size: 10px !important; }

/* --- r6: tighter vendor items (same density as ours), no gaps when collapsed --- */
#app.bs-ui-native-chrome .el-menu-vertical-demo.bs-boards-menu > .el-menu-item,
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item { height: 34px !important; min-height: 34px !important; line-height: 34px !important; margin: 1px 12px !important; padding: 0 10px !important; }
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item,
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-boards-item { margin: 1px 8px !important; padding: 0 !important; justify-content: center; }
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > li.native-navigation-heading { margin-bottom: 0 !important; padding-bottom: 0 !important; }
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > li.native-navigation-heading .native-brand-sub,
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > li.native-navigation-heading .native-context-card { display: none !important; }
.el-menu-vertical-demo.bs-boards-menu { padding-bottom: 8px; }

/* --- r6: project home — one screen: KPI strip, then Issue List + Notice + To-do, then compact Project Details + Activity + Files --- */
html .userprojectindex.bs-home-6.bs-kpi > .el-row { grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(2, var(--bs-home-card-h)); grid-auto-rows: minmax(0, auto); gap: 14px; --bs-home-card-h: clamp(220px, calc((100vh - 420px) / 2), 420px); }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="work"], html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="doc"] { height: var(--bs-home-card-h) !important; min-height: 0 !important; max-height: none; display: flex; flex-direction: column; overflow: hidden; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="work"] > .el-card, html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="doc"] > .el-card { height: 100% !important; min-height: 0 !important; flex: 1 1 auto !important; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="iss"]     { grid-area: 1 / 1 / 2 / 7; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="notice"]  { grid-area: 1 / 7 / 2 / 10; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="todo"]    { grid-area: 1 / 10 / 2 / 13; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="details"] { grid-area: 2 / 1 / 3 / 7; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="work"]    { grid-area: 2 / 7 / 3 / 10; }
html .userprojectindex.bs-home-6.bs-kpi [data-bs-card="doc"]     { grid-area: 2 / 10 / 3 / 13; }
html .userprojectindex.bs-home-6.bs-kpi .el-card.box-card { height: var(--bs-home-card-h) !important; min-height: 0 !important; max-height: none; overflow: hidden !important; display: flex; flex-direction: column; }
html .userprojectindex.bs-home-6.bs-kpi { --bs-home-card-h: clamp(220px, calc((100vh - 420px) / 2), 420px); }
html .userprojectindex.bs-home-6.bs-kpi .el-card.box-card > .el-card__body { flex: 1 1 auto; min-height: 0; overflow: auto !important; padding: 14px 18px !important; }
html .userprojectindex.bs-home-6.bs-kpi .el-card__body > div:first-child { margin: 0 0 10px !important; padding-bottom: 8px; }
html .userprojectindex.bs-home-6.bs-kpi .textP.el-col-8 { flex: 0 0 120px !important; max-width: 120px !important; }
html .userprojectindex.bs-home-6.bs-kpi .textP img { aspect-ratio: 4 / 3 !important; }
html .userprojectindex.bs-home-6.bs-kpi .textP.el-col-16 .el-col-24 > .el-row { gap: 8px 16px; margin: 0 0 8px !important; }
html .userprojectindex.bs-home-6.bs-kpi .textP .el-col-6 { gap: 8px; }
html .userprojectindex.bs-home-6.bs-kpi .bs-ui-home-progress-task { padding: 14px 12px 8px !important; }
html .userprojectindex.bs-home-6.bs-kpi img[src*="img/empty."] { max-height: 90px; width: auto; margin: 6px auto; }
.userprojectindex.bs-kpi .bs-home-kpis { margin: 0 0 14px; gap: 14px; }
.userprojectindex.bs-kpi .bs-home-kpi { padding: 10px 14px; gap: 3px; }
.userprojectindex.bs-kpi .bs-home-kpi-row strong { font-size: 18px; }
html .userprojectindex.bs-kpi > .el-row { height: auto !important; }
html .userprojectindex.bs-kpi { height: auto !important; min-height: 0 !important; }
#app.bs-ui-native-chrome .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item,
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item { height: 36px !important; min-height: 36px !important; line-height: 36px !important; margin: 1px 8px !important; padding: 0 !important; justify-content: center !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.bs-sub:not(.bs-boards-item) { margin-left: 30px !important; height: 30px !important; min-height: 30px !important; line-height: 30px !important; font-size: 12.5px !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.bs-sub:not(.bs-boards-item) .native-outline-icon { display: none; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.bs-sub:not(.bs-boards-item)::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #c7bde8; flex: none; margin-right: 9px; }
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-sub:not(.bs-boards-item) { margin-left: 8px !important; height: 36px !important; }
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-sub:not(.bs-boards-item)::before { display: none; }
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-sub:not(.bs-boards-item) .native-outline-icon { display: block; }

/* --- r7.3: nav look per Eric's reference — lavender rounded active pill, letter-spaced group titles, no divider lines --- */
.bs-board-head { margin: 14px 18px 4px !important; font-size: 11px !important; letter-spacing: 2.2px !important; color: #7a8699 !important; font-weight: 700 !important; }
.bs-board-head .bs-board-head-line { display: none; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item,
#app.bs-ui-native-chrome .el-menu-vertical-demo.bs-boards-menu > .el-menu-item,
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item { border-radius: 12px !important; margin: 2px 12px !important; padding: 0 12px !important; color: #4b5569 !important; border: 0 !important; box-shadow: none !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item:hover,
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item:hover { background: #f4f0fc !important; color: #5b3fb8 !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active,
#app.bs-ui-native-chrome .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active,
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.is-active { background: #ece4ff !important; color: #5b3fb8 !important; font-weight: 600 !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active::before,
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active::after { display: none !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active .native-outline-icon,
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active .bs-boards-icon,
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.is-active i { color: #6b46c1 !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item .native-outline-icon,
.bs-boards-icon { width: 20px !important; height: 20px !important; color: #6e7a90; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub::before { background: #d6cbf2; }
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub.is-active::before { background: #6b46c1; display: block !important; }
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button { border-radius: 12px !important; margin: 0 !important; }
.el-menu-vertical-demo.bs-boards-menu > li:not(.el-menu-item):not(.bs-board-head):not(.native-navigation-heading) > button[aria-pressed="true"] { background: #ece4ff !important; color: #5b3fb8 !important; }
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item,
.el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-boards-item { border-radius: 10px !important; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.bs-sub.is-active::before { display: block !important; background: #6b46c1; }
#app .el-menu-vertical-demo.bs-boards-menu > .el-menu-item.bs-sub,
#app .el-menu-vertical-demo > .el-menu-item.bs-boards-item.bs-sub { margin: 1px 12px 1px 30px !important; border-radius: 10px !important; }
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-sub,
#app .el-menu-vertical-demo.bs-boards-menu.el-menu--collapse > .el-menu-item.bs-boards-item.bs-sub { margin: 1px 8px !important; }