:root { color-scheme: light; font-family: Inter, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #f4f7fb; }
html, body, #app { height: 100%; min-height: 100%; margin: 0; }
body { color: #172033; background: #0b1220; }
a { color: inherit; text-decoration: none; }
.axiops-shell { min-height: 100vh; }
.axiops-shell > .ant-layout { flex: 1; min-height: calc(100vh - 64px); }
.axiops-shell .ant-layout { min-width: 0; }
.axiops-header { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 0 24px; background: #0b1220; }
.axiops-content { min-width: 0; min-height: calc(100vh - 64px); padding: 28px; background: #f4f7fb; }
.startup { min-height: 100vh; display: grid; place-items: center; color: #b8c5d8; letter-spacing: .08em; background: radial-gradient(circle at 20% 20%, #15394b 0, #0b1220 42%); }
#blazor-error-ui { display: none; position: fixed; inset: auto 16px 16px; z-index: 9999; padding: 12px 16px; border-radius: 10px; color: #7f1d1d; background: #fee2e2; box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.ant-layout-sider { background: #111c2e !important; }
.ant-menu-dark, .ant-menu-dark .ant-menu-sub { background: #111c2e !important; }
.ant-card { border-color: #e7edf5; }
.ant-btn-primary { border-color: #0f766e; background: #0f766e; }
.ant-btn-primary:hover, .ant-btn-primary:focus { border-color: #0d9488; background: #0d9488; }
@media (max-width: 720px) {
    .axiops-header { padding: 0 12px; gap: 8px; }
    .axiops-content { padding: 16px 12px; }
    .axiops-content .ant-table-container { overflow-x: auto; }
    .environment-page .ant-space { max-width: 100%; flex-wrap: wrap; row-gap: 8px; }
    .ant-modal { max-width: calc(100vw - 24px); margin-inline: auto; }
    .ant-modal-body { padding: 16px; }
}
@media (max-width: 991px) {
    .axiops-desktop-navigation { display: none; }
}
.axiops-mobile-navigation .ant-drawer-body { padding: 12px 0; background: #111c2e; }
.axiops-mobile-navigation .ant-menu-item { min-height: 44px; }
@media (min-width: 992px) {
    .axiops-mobile-navigation { display: none; }
}