/* OA visual hierarchy. Brand accents use the customer's runtime variables. */
#app { color:#334155; }
#app .layout.ant-layout, #app .ant-layout-content, #app .ant-layout-footer { background:#f4f6fa; }
#app .ant-layout-header, #app .ant-layout-header .header,
#app .ant-layout-header .top-nav-header-index,
#app .ant-layout-header .ant-menu-dark, #app .ant-layout-header .logo,
#app .ant-layout-sider > .ant-layout-sider-children > .logo {
  background:var(--oa-header-color,#172f52) !important;
}
#app .ant-layout-header { box-shadow:0 1px 5px rgba(15,23,42,.08); }
#app .ant-layout-header .anticon, #app .ant-layout-header .action,
#app .ant-layout-header .action > span, #app .ant-layout-header .runtime-title { color:#eef4ff !important; }
#app .ant-layout-header .ant-menu-item-selected { background:rgba(255,255,255,.12) !important; }
#app .ant-layout-sider, #app .ant-layout-sider .ant-menu,
#app .ant-layout-sider .ant-menu-sub, #app .ant-layout-sider .ant-menu-inline { background:#fff !important; }
#app .ant-layout-sider { border-right:1px solid #e6ebf2; box-shadow:none; }
#app .ant-layout-sider .ant-menu-item, #app .ant-layout-sider .ant-menu-submenu-title,
#app .ant-layout-sider .ant-menu-item > a, #app .ant-layout-sider .anticon { color:#526174 !important; }
#app .ant-layout-sider .ant-menu-item-selected,
#app .ant-layout-sider .ant-menu-item-selected:first-child { background:#edf4ff !important; }
#app .ant-layout-sider .ant-menu-item-selected > a,
#app .ant-layout-sider .ant-menu-item-selected .anticon,
#app .ant-layout-sider .ant-menu-submenu-selected > .ant-menu-submenu-title { color:var(--oa-primary-color,#2563c3) !important; font-weight:500; }
#app .ant-layout-sider .ant-menu-item:hover,
#app .ant-layout-sider .ant-menu-submenu-title:hover { background:#f5f8fc !important; }
#app .ant-layout-sider .ant-menu-item::after { border-right-color:var(--oa-primary-color,#2563c3) !important; }
#app .ant-alert-info { background:#f0f6ff !important; border:1px solid #d7e5fa !important; color:#40536e; }
#app .ant-alert-info .ant-alert-message { color:#40536e; }
#app .ant-alert-info .ant-alert-icon { color:var(--oa-primary-color,#2563c3); }
#app .ant-table-thead > tr > th { color:#42536b; background:#f5f7fb !important; font-weight:600; border-color:#e6ebf2; }
#app .ant-table-tbody > tr > td { color:#37465a; border-color:#e9edf3; }
#app .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td { background:#f6f9fe !important; }
#app .ant-table-tbody > tr.ant-table-row-selected > td { background:#edf4ff !important; }
#app .ant-btn-primary { color:#fff !important; background:var(--oa-button-color,#2563c3) !important; border-color:var(--oa-button-color,#2563c3) !important; box-shadow:none; }
#app .ant-btn-primary:hover, #app .ant-btn-primary:focus { color:#fff !important; filter:brightness(1.08); }
#app .table-page-search-submitButtons .ant-btn-primary + .ant-btn-primary,
#app .table-operator .ant-upload .ant-btn-primary { background:#fff !important; color:#526174 !important; border-color:#d4dce7 !important; }
#app .ant-input, #app .ant-select-selection, #app .ant-btn { border-radius:4px; }
#app .ant-input::placeholder { color:#a0aaba; }
#app .ant-input:hover, #app .ant-input:focus { border-color:#7ca4dc; }
#app .ant-tabs-tab-active, #app .ant-tabs-tab:hover,
#app .ant-pagination-item-active a { color:var(--oa-primary-color,#2563c3) !important; }
#app .ant-tabs-ink-bar { background:var(--oa-primary-color,#2563c3) !important; }
#app .ant-card { box-shadow:none; }
#app .command-hero { background:linear-gradient(110deg,#eaf1fc 0%,#f7faff 65%,#fff 100%) !important; border:1px solid #dce6f4; color:#183455 !important; box-shadow:none; }
#app .hero-copy h1 { color:#183455 !important; }
#app .hero-kicker { color:#56769e !important; }
#app .hero-copy p { color:#5e728d !important; }
#app .hero-metrics { background:#fff !important; border:1px solid #dce6f4 !important; color:#183455 !important; }
#app .hero-metrics strong, #app .hero-metrics .hero-value { color:#1d4e91 !important; }
#app .hero-metrics .hero-label, #app .hero-metrics .hero-tip,
#app .hero-metrics span, #app .hero-metrics p, #app .hero-metrics em { color:#5e728d !important; }
#app .metric-card { border:1px solid #e6ebf3; box-shadow:none; }
#app .metric-card-indigo .metric-icon { background:#315fa4; }
#app .metric-card-teal .metric-icon { background:#477d9b; }
#app .metric-card-gold .metric-icon { background:#a17a35; }
#app .metric-card-rose .metric-icon { background:#8d647e; }
#app .workflow-row, #app .flow-row { background:#fff !important; border-color:#e5ebf4 !important; }
#app .ant-empty-description { color:#8290a3; }
#app .ant-layout-footer { color:#8a96a6; }

#app .ant-layout-sider .logo .runtime-title, #app .ant-layout-sider .logo h1 { color:#eef4ff !important; }