/* Niudao-style density and page structure, using the existing blue-gray palette. */
.pipeline-mode .management-content > .business-directory { padding: 0; max-width: none; min-height: 100%; width: 100%; margin: 0; background: #fff; }
.business-directory .directory-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; min-height: 52px; border-bottom: 1px solid #e8edf3; }
.business-directory .directory-heading > div:first-child { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; min-width: 0; }
.pipeline-mode .business-directory h1 { font-size: 14px; line-height: 1.6; letter-spacing: 0; font-weight: 600; margin: 0; }
.business-directory .directory-heading > div > span { font-size: 11px; color: #8491a2; }
.business-directory .directory-tools { display: flex; align-items: center; gap: 7px; flex-shrink: 0; flex-wrap: wrap; }
.pipeline-mode .business-directory .button { min-height: 28px; font-size: 12px; padding: 4px 10px; border-radius: 4px; font-weight: 400; }
.business-directory .directory-tools svg { width: 14px; height: 14px; }
.business-directory .directory-filters { display: flex; gap: 10px; align-items: center; padding: 13px 14px 10px; margin: 0; flex-wrap: wrap; }
.business-directory .directory-filters input, .business-directory .directory-filters select { border: 1px solid #dce3eb; border-radius: 4px; background: #fff; height: 30px; font-size: 12px; color: #536479; padding: 4px 9px; }
.business-directory .directory-filters input { width: 250px; max-width: 100%; }
.business-directory .directory-filters select { width: 160px; }
.business-directory .directory-filters input::placeholder { color: #9ba6b4; }
.business-directory .directory-submit { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.business-directory .directory-submit:focus-visible { position: static; width: auto; height: auto; clip-path: none; padding: 4px 10px; }
.business-directory #directory-results { padding: 0 14px; }
.business-directory .directory-table-wrap { width: 100%; overflow: auto; border: 1px solid #e5eaf0; border-radius: 4px; }
.business-directory .directory-table { width: 100%; min-width: 820px; table-layout: auto; border-collapse: collapse; }
.pipeline-mode .business-directory th { background: #f7f9fb; color: #5c6a7b; font-size: 12px; font-weight: 500; padding: 9px 12px; border: 0; border-right: 1px solid #e9edf2; white-space: nowrap; }
.pipeline-mode .business-directory td { padding: 10px 12px; font-size: 12px; color: #56677d; border-top: 1px solid #ebeff4; border-right: 1px solid #eff2f6; vertical-align: middle; }
.business-directory th:last-child, .business-directory td:last-child { border-right: 0; }
.business-directory tbody tr:hover td { background: #f8fafd; }
.business-directory td strong { font-weight: 500; color: #36485f; }
.business-directory .directory-index { text-align: center; color: #96a1af; width: 54px; min-width: 48px; }
.business-directory td small { display: block; font-size: 11px; color: #94a0af; margin-top: 3px; }
.business-directory .directory-text { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; min-width: 120px; max-width: 410px; line-height: 1.6; }
.business-directory .directory-muted { color: #8c99aa; font-size: 11px; white-space: nowrap; }
.business-directory .directory-status { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; font-size: 11px; }
.business-directory .directory-status i { width: 5px; height: 5px; border-radius: 50%; background: #8197b4; }
.business-directory .directory-status.success i { background: #6b9e8b; }
.business-directory .directory-status.error i { background: #c58b81; }
.business-directory .directory-actions { white-space: nowrap; }
.pipeline-mode .business-directory .directory-link { min-height: 24px; background: transparent; border: 0; border-radius: 0; padding: 0; margin-right: 12px; font-size: 12px; color: #4d78ad; }
.pipeline-mode .business-directory .directory-link:hover { color: #285e9d; text-decoration: underline; }
.business-directory .directory-link:last-child { margin-right: 0; }
.business-directory .directory-resource { display: flex; align-items: center; gap: 10px; }
.business-directory .directory-resource svg { width: 17px; height: 17px; color: #8396b0; }
.business-directory .directory-resource img { width: 36px; height: 30px; object-fit: cover; border-radius: 3px; }
.pipeline-mode .business-directory .directory-empty { text-align: center; height: 150px; color: #9aa5b3; }
.business-directory .directory-pagination { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 12px 0; color: #8c98a8; font-size: 11px; }
.business-directory .directory-pagination > div { display: flex; gap: 10px; align-items: center; }
.business-directory .directory-pagination select { font-size: 11px; height: 25px; border: 1px solid #e0e6ee; border-radius: 3px; color: #738399; background: #fff; }
.business-directory .directory-pagination button { border: 1px solid #e1e7ef; border-radius: 3px; width: 25px; height: 25px; color: #69809c; }
.business-directory .directory-pagination button:disabled { color: #bec7d2; opacity: .6; cursor: default; }
.business-directory .directory-note { margin: 0; padding: 4px 14px 20px; font-size: 11px; color: #98a4b4; }
.pipeline-mode .business-directory .directory-note .directory-link { margin-left: 14px; font-size: 11px; }
.directory-media-preview { display: block; width: 100%; max-height: 60vh; object-fit: contain; border: 0; background: #f5f7fa; }
iframe.directory-media-preview { height: 400px; }
.business-directory .directory-tabs-bar { display: flex; align-items: center; gap: 20px; padding: 0 14px; border-bottom: 1px solid #e9edf3; overflow-x: auto; }
.pipeline-mode .business-directory .directory-tabs-bar .button { background: transparent; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 10px 0 8px; color: #8190a3; }
.pipeline-mode .business-directory .directory-tabs-bar .button.selected { color: #426b9e; border-bottom-color: #688fbf; }
.business-directory .directory-tabs-bar .button span { font-size: 10px; color: #a0acbb; margin-left: 2px; }

/* Dense overview: edge-aligned content, short metrics, operational tables. */
.pipeline-mode .management-content > .dashboard-console { width: 100%; max-width: none; padding: 8px; margin: 0; }
.dashboard-console .console-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 2px 8px; min-height: 36px; }
.dashboard-console .console-heading > div { display: flex; align-items: center; gap: 10px; min-width: 0; }
.pipeline-mode .dashboard-console h1 { font-size: 15px; line-height: 1.6; letter-spacing: 0; margin: 0; font-weight: 600; white-space: nowrap; }
.dashboard-console .console-heading > div > span { font-size: 11px; color: #929eae; }
.pipeline-mode .dashboard-console .button { min-height: 26px; padding: 3px 9px; font-size: 12px; border-radius: 4px; }
.dashboard-console .console-heading svg { width: 15px; height: 15px; }
.dashboard-console .console-stats { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; margin-bottom: 8px; }
.dashboard-console .console-stats > button { border: 1px solid #e2e8f0; border-left: 3px solid #8fa7c8; border-radius: 4px; background: #fff; text-align: left; padding: 10px 14px; min-height: 76px; }
.dashboard-console .console-stats > button:hover { background: #f9fbfe; border-color: #c3d2e5; }
.dashboard-console .console-stats > button > div { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.dashboard-console .console-stats span { color: #75869d; font-size: 12px; }
.dashboard-console .console-stats strong { color: #3d587e; font-size: 26px; font-weight: 500; line-height: 1.2; }
.dashboard-console .console-stats small { color: #94a1b3; display: flex; justify-content: space-between; font-size: 11px; margin-top: 6px; }
.dashboard-console .console-panel { border: 1px solid #e2e8f0; border-radius: 4px; background: #fff; min-width: 0; }
.dashboard-console .console-panel > header { display: flex; align-items: center; gap: 10px; padding: 8px 12px; min-height: 38px; border-bottom: 1px solid #edf0f5; }
.pipeline-mode .dashboard-console h2 { font-size: 13px; margin: 0; font-weight: 500; color: #3b4c64; }
.dashboard-console .console-panel > header > span { font-size: 11px; color: #97a3b3; }
.dashboard-console .console-panel > header > .button { margin-left: auto; }
.pipeline-mode .dashboard-console .button.link { padding: 0; min-height: 22px; background: transparent; color: #587ba8; border: 0; font-size: 11px; }
.pipeline-mode .dashboard-console .button.link:hover { text-decoration: underline; }
.dashboard-console .console-shortcuts { margin-bottom: 8px; }
.dashboard-console .console-shortcuts > div { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 6px 10px; }
.dashboard-console .console-shortcuts > div > button { display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px 10px; color: #566d8c; border-radius: 3px; text-align: left; font-size: 12px; }
.dashboard-console .console-shortcuts > div > button:hover { background: #f1f5fa; }
.dashboard-console .console-shortcuts svg { width: 17px; height: 17px; color: #849bbb; }
.dashboard-console .console-arrow { margin-left: auto; color: #a4b1c3; font-size: 15px; }
.dashboard-console .console-columns { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 8px; align-items: start; }
.dashboard-console .console-aside { display: grid; gap: 8px; min-width: 0; }
.dashboard-console .console-table-wrap { overflow-x: auto; }
.dashboard-console .console-table-wrap table { min-width: 570px; table-layout: fixed; }
.pipeline-mode .dashboard-console th { font-size: 11px; font-weight: 500; background: #f8fafc; color: #71829a; padding: 8px 10px; white-space: nowrap; }
.pipeline-mode .dashboard-console td { font-size: 12px; color: #657992; border-top: 1px solid #edf1f6; padding: 8px 10px; height: 39px; }
.dashboard-console th:first-child { width: auto; }
.dashboard-console th:nth-child(2) { width: 85px; }
.dashboard-console th:nth-child(3) { width: 90px; }
.dashboard-console th:nth-child(4) { width: 110px; }
.dashboard-console th:nth-child(5) { width: 54px; }
.dashboard-console .console-task-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #425873; }
.dashboard-console .console-state { font-size: 11px; white-space: nowrap; color: #7b8da6; }
.dashboard-console .console-state.attention { color: #ad8270; }
.dashboard-console .console-pending > div > button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px 12px; text-align: left; border-bottom: 1px solid #edf1f6; min-height: 58px; }
.dashboard-console .console-pending > div > button:last-child { border-bottom: 0; }
.dashboard-console .console-pending > div > button:hover { background: #f7f9fc; }
.dashboard-console .console-pending button > span:first-child { flex-shrink: 0; width: 66px; }
.dashboard-console .console-pending b { display: block; font-weight: 400; font-size: 11px; color: #7388a4; }
.dashboard-console .console-pending small { display: block; font-size: 10px; color: #9aa7b9; margin-top: 2px; }
.dashboard-console .console-pending button > strong { font-weight: 400; min-width: 0; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 12px; line-height: 1.6; color: #526986; }
.dashboard-console .console-space-totals { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); padding: 10px 8px; }
.dashboard-console .console-space-totals button { display: flex; flex-direction: column; gap: 3px; align-items: center; border-right: 1px solid #edf1f6; }
.dashboard-console .console-space-totals button:last-child { border: 0; }
.dashboard-console .console-space-totals strong { font-size: 20px; font-weight: 500; color: #5a769c; }
.dashboard-console .console-space-totals span { font-size: 11px; color: #8e9db1; }
.dashboard-console .console-space footer { display: flex; justify-content: space-between; padding: 6px 12px; border-top: 1px solid #edf1f6; }
.dashboard-console .console-empty { padding: 24px 12px; color: #9aa8ba; font-size: 12px; text-align: center; }
@media (max-width:1150px) {
 .dashboard-console .console-columns { grid-template-columns: minmax(0,1fr); }
 .dashboard-console .console-aside { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); align-items: start; }
}
@media (max-width:760px) {
 .dashboard-console .console-heading { align-items: flex-start; flex-wrap: wrap; }
 .dashboard-console .console-heading > div:first-child { flex-wrap: wrap; }
 .dashboard-console .console-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .dashboard-console .console-shortcuts > div { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .dashboard-console .console-aside { grid-template-columns: minmax(0,1fr); }
 .business-directory .directory-heading { align-items: flex-start; flex-wrap: wrap; }
 .business-directory .directory-tools { flex-shrink: 1; }
 .business-directory .directory-filters input, .business-directory .directory-filters select { width: 100%; }
 .business-directory .directory-pagination > div { flex-wrap: wrap; }
}