/* GEO V11: presentation only. Original routes, permission and data contracts remain authoritative. */
html:not(.dark) {
  --primary: 173 66% 26%;
  --primary-foreground: 0 0% 100%;
  --background: 216 28% 97%;
  --foreground: 215 31% 20%;
  --card: 0 0% 100%;
  --card-foreground: 215 31% 20%;
  --border: 214 25% 91%;
  --accent: 168 26% 95%;
  --accent-foreground: 173 66% 26%;
  --ring: 173 42% 48%;
  --sidebar: 0 0% 100%;
  --header: 0 0% 100%;
  --el-color-primary: #0f766e;
  --el-color-primary-light-3: #579e98;
  --el-color-primary-light-5: #87bab6;
  --el-color-primary-light-7: #b8d7d4;
  --el-color-primary-light-8: #d0e5e2;
  --el-color-primary-light-9: #edf6f4;
  --el-color-primary-dark-2: #0b6059;
  --el-border-color: #dfe6ed;
  --el-border-color-light: #e9eef3;
  --el-border-radius-base: 8px;
  --el-text-color-primary: #26384a;
  --el-text-color-regular: #536477;
  --el-fill-color-light: #f5f8fa;
  --geo-ui-accent: #0f766e;
  --geo-ui-ink: #24384b;
  --geo-ui-muted: #718198;
  --geo-ui-line: #e6ecf1;
}
html:not(.dark) body { color: #26384a; background: #f5f7fa; }
html:not(.dark) #app {
  font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}
html:not(.dark) #app aside { background: #fff !important; border-color: var(--geo-ui-line) !important; }
html:not(.dark) #app aside .vben-menu { padding: 8px 8px 16px; font-size: 13px; }
html:not(.dark) #app aside .vben-menu-item,
html:not(.dark) #app aside .vben-sub-menu-content {
  margin: 3px 0; border-radius: 8px !important; color: #526477; font-weight: 450;
  transition: background-color 140ms ease, color 140ms ease;
}
html:not(.dark) #app aside .vben-menu-item:hover,
html:not(.dark) #app aside .vben-sub-menu-content:hover { background: #f5f8f9 !important; color: #263e50 !important; }
html:not(.dark) #app aside .vben-menu-item.is-active {
  color: #0d7067 !important; background: #eaf5f1 !important;
  border-left-color: #0f766e !important; box-shadow: inset 3px 0 0 #0f766e; font-weight: 600;
}
html:not(.dark) #app aside .vben-menu-item__content,
html:not(.dark) #app aside .vben-sub-menu-content__title { gap: 10px; }
html:not(.dark) #app aside .vben-menu-item svg,
html:not(.dark) #app aside .vben-sub-menu-content svg { color: #7a8da0 !important; }
html:not(.dark) #app aside .vben-menu-item.is-active svg { color: #0f766e !important; }
html:not(.dark) #app aside .menu-first-level-title {
  margin-top: 0; padding-bottom: 5px; color: #8b99a9 !important;
  font-size: 11px; font-weight: 550; letter-spacing: .025em;
}
html:not(.dark) #app aside .menu-step-title,
html:not(.dark) #app aside .menu-first-level-title-text { color: #8b99a9 !important; text-shadow: none !important; }
html:not(.dark) #app aside .menu-badge-hot {
  background: #edf2f4 !important; color: #6f8191 !important;
  border: 1px solid #e1e9ee; box-shadow: none !important; font-weight: 550;
}
html:not(.dark) #app header { background: #fff !important; border-color: var(--geo-ui-line) !important; }
/* Preserve the vendor red scrolling warning. */
html:not(.dark) #app [role="tablist"] { background: #fff; border-color: var(--geo-ui-line); }
html:not(.dark) #app main { background-color: #f5f7fa; }
html:not(.dark) #app .dashboard-page { background: transparent !important; padding: 24px !important; }
html:not(.dark) #app .dashboard-page .page-title {
  margin-bottom: 24px; color: #22374b !important; font-size: 23px; font-weight: 650;
  line-height: 1.45; letter-spacing: -.02em; text-shadow: none !important;
}
html:not(.dark) #app .dashboard-page .core-title,
html:not(.dark) #app .dashboard-page .order-title,
html:not(.dark) #app .dashboard-page .business-title,
html:not(.dark) #app .dashboard-page .section-header,
html:not(.dark) #app .dashboard-page .order-list-title {
  color: #4b6175 !important; font-size: 14px; font-weight: 600;
  text-shadow: none !important; background: none !important; -webkit-text-fill-color: currentColor !important;
}
html:not(.dark) #app .dashboard-page .card,
html:not(.dark) #app .el-card {
  border: 1px solid #e5ebf0 !important; border-radius: 12px !important;
  background: #fff !important; box-shadow: 0 2px 5px rgb(27 46 67 / 3%) !important;
}
html:not(.dark) #app .dashboard-page .card:hover { transform: none !important; box-shadow: 0 3px 10px rgb(27 46 67 / 5%) !important; }
html:not(.dark) #app .dashboard-page .card::before,
html:not(.dark) #app .dashboard-page .card::after { background: none !important; box-shadow: none !important; }
html:not(.dark) #app .dashboard-page .gradient-text {
  background: none !important; -webkit-text-fill-color: currentColor !important; color: #334e64 !important;
  text-shadow: none !important; filter: none !important;
}
html:not(.dark) #app .dashboard-page .indicator-card { min-height: 116px; padding: 20px !important; }
html:not(.dark) #app .dashboard-page .indicator-icon,
html:not(.dark) #app .dashboard-page .nav-icon {
  background: #f0f4f5 !important; border-radius: 10px !important;
  box-shadow: none !important; filter: grayscale(1); text-shadow: none !important;
}
html:not(.dark) #app .dashboard-page .indicator-value {
  color: #24475a !important; font-size: 31px; font-weight: 650;
  text-shadow: none !important; background: none !important; -webkit-text-fill-color: currentColor !important;
}
html:not(.dark) #app .dashboard-page .indicator-label { color: #7a8999 !important; font-size: 12px; }
html:not(.dark) #app .dashboard-page .order-card-tag {
  color: #346e68 !important; background: #eef6f3 !important; border-radius: 7px !important; box-shadow: none !important;
}
html:not(.dark) #app .dashboard-page .business-item { background: #fbfcfd !important; border-color: #eef1f4 !important; border-radius: 9px !important; }
html:not(.dark) #app .dashboard-page .business-value { color: #356860 !important; text-shadow: none !important; }
html:not(.dark) #app .dashboard-page .business-name,
html:not(.dark) #app .dashboard-page .nav-name,
html:not(.dark) #app .dashboard-page .tools-name { color: #4b6175 !important; }
html:not(.dark) #app .dashboard-page .table-list-header { background: #f7f9fb !important; color: #738397 !important; }
html:not(.dark) #app .dashboard-page .table-list-row { border-color: #edf1f5 !important; }
html:not(.dark) #app .el-table { border-radius: 10px; --el-table-header-bg-color: #f6f8fb; --el-table-row-hover-bg-color: #f4f9f7; --el-table-border-color: #e9eef3; }
html:not(.dark) #app .el-table th.el-table__cell { background: #f6f8fb !important; color: #687c91; font-size: 12px; font-weight: 600; }
html:not(.dark) #app .el-table .el-table__cell { padding-top: 13px; padding-bottom: 13px; }
html:not(.dark) #app .el-form-item__label { color: #52667c; font-weight: 500; }
html:not(.dark) #app .el-input__wrapper,
html:not(.dark) #app .el-select__wrapper,
html:not(.dark) #app .el-textarea__inner { border-radius: 8px; }
html:not(.dark) #app .el-button { border-radius: 8px; font-weight: 500; box-shadow: none; }
html:not(.dark) #app .el-button:not(.is-link):not(.is-text) { min-height: 35px; }
html:not(.dark) #app .el-button:not(.el-button--primary):not(.el-button--danger):not(.el-button--success):not(.el-button--warning):not(.el-button--info):not(.is-link):not(.is-text):not(.is-disabled) {
  background: #fff !important; border-color: #dfe6ed !important; color: #52667c !important;
}
html:not(.dark) #app .el-button--primary:not(.is-plain):not(.is-link):not(.is-text) { background: #0f766e; border-color: #0f766e; }
html:not(.dark) #app .el-button--primary:not(.is-plain):not(.is-link):not(.is-text):hover { background: #0b625c; border-color: #0b625c; }
html:not(.dark) .el-dialog { border: 1px solid #e3eaf0; border-radius: 14px; box-shadow: 0 20px 70px rgb(21 38 58 / 14%); }
html:not(.dark) .el-dialog__title { font-weight: 600; color: #2b4358; }
html:not(.dark) .el-dialog__header { padding-bottom: 16px; border-bottom: 1px solid #edf1f5; }
/* Static brand-diagnosis information page; no script, API, form or purchase action. */
body.geo-diagnosis-info { margin: 0; min-height: 100vh; background: #f5f7fa; color: #24384b; font-family: ui-sans-serif, "Segoe UI", "Microsoft YaHei", sans-serif; }
.geo-diag-shell { max-width: 1040px; margin: 0 auto; padding: 0 36px; }
.geo-diag-header { height: 78px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4eaf0; }
.geo-diag-brand { color: #263f51; font-size: 16px; font-weight: 650; text-decoration: none; }
.geo-diag-location { color: #8291a1; font-size: 12px; }
.geo-diag-main { padding: 70px 0 64px; }
.geo-diag-eyebrow { margin: 0 0 15px; color: #0f766e; font-size: 12px; font-weight: 600; letter-spacing: .12em; }
.geo-diag-title { margin: 0; color: #1f394c; font-size: 38px; line-height: 1.3; font-weight: 650; letter-spacing: -.04em; }
.geo-diag-intro { margin: 19px 0 31px; color: #75869a; font-size: 15px; line-height: 1.9; }
.geo-diag-panel { padding: 34px; background: #fff; border: 1px solid #e2eaf0; border-radius: 16px; box-shadow: 0 4px 14px rgb(28 49 72 / 3%); }
.geo-diag-status { display: inline-block; padding: 6px 11px; border-radius: 6px; background: #edf5f2; color: #2b7165; font-size: 12px; font-weight: 600; }
.geo-diag-panel h2 { margin: 18px 0 12px; font-size: 20px; font-weight: 600; }
.geo-diag-panel p { max-width: 670px; color: #728296; line-height: 1.9; font-size: 14px; }
.geo-diag-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; margin-top: 27px; padding: 24px 0; border-top: 1px solid #edf1f5; border-bottom: 1px solid #edf1f5; }
.geo-diag-fact span { display: block; color: #8b99a9; font-size: 12px; margin-bottom: 9px; }
.geo-diag-fact strong { font-size: 14px; color: #526a7e; font-weight: 550; }
.geo-diag-actions { margin-top: 27px; }
.geo-diag-button { display: inline-flex; align-items: center; padding: 11px 18px; color: #fff; background: #0f766e; border: 1px solid #0f766e; border-radius: 8px; font-size: 13px; font-weight: 550; text-decoration: none; }
.geo-diag-button:hover { background: #0b625c; }
.geo-diag-button:focus-visible { outline: 3px solid #9ccfc5; outline-offset: 3px; }
.geo-diag-footer { color: #9aa6b4; font-size: 12px; padding-bottom: 30px; }
@media (max-width: 640px) { .geo-diag-shell { padding: 0 20px; } .geo-diag-main { padding-top: 38px; } .geo-diag-panel { padding: 24px; } .geo-diag-title { font-size: 30px; } .geo-diag-facts { grid-template-columns: 1fr; gap: 20px; } }
@media (prefers-reduced-motion: reduce) { html:not(.dark) #app aside .vben-menu-item, html:not(.dark) #app aside .vben-sub-menu-content { transition: none; } }

/* Only the added native carousel; approved V11 dashboard layout is unchanged. */
html:not(.dark) #app .geo-v11-native-carousel { margin: 0 0 24px; border: 1px solid #e5ebf0; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 2px 5px rgb(27 46 67 / 3%); }
.geo-v11-native-carousel-image { display: block; width: 100%; height: 100%; object-fit: contain; }
.geo-v11-native-carousel-link { display: block; width: 100%; height: 100%; }
