html,
body,
#app,
#appProvider{
  background:#ffffff!important;
  color:#111111!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
}

body{
  margin:0;
}

:root{
  --n-primary-color:#111111!important;
  --n-primary-color-hover:#000000!important;
  --n-primary-color-pressed:#000000!important;
  --n-primary-color-suppl:#111111!important;
  --n-border-color:#e5e7eb!important;
  --n-border-color-hover:#d1d5db!important;
  --n-border-color-focus:#111111!important;
  --n-divider-color:#efefef!important;
  --n-color:#ffffff!important;
  --n-card-color:#ffffff!important;
  --n-modal-color:#ffffff!important;
  --n-popover-color:#ffffff!important;
  --n-table-color:#ffffff!important;
  --n-table-color-hover:#fafafa!important;
  --n-table-border-color:#efefef!important;
  --n-input-color:#ffffff!important;
  --n-body-color:#ffffff!important;
  --n-base-color:#ffffff!important;
  --n-tab-color:#ffffff!important;
  --n-close-color-hover:#f5f5f5!important;
}

a,
.link-text,
.n-breadcrumb-item__link,
.n-tabs-tab__label,
.ant-breadcrumb-link,
.ant-typography{
  color:#111111!important;
}

.layout-default-background,
.tabs-view-default-background,
.layout,
.layout .ant-layout,
.layout .layout-content,
.layout-content-main,
.n-layout,
.n-layout-scroll-container,
.n-layout-content,
.n-layout-footer,
.ant-layout,
.ant-layout-content,
.ant-app,
.ant-pro-layout,
.ant-pro-page-container,
.page-container,
.page-wrapper,
.main-content,
.content-wrapper{
  background:#ffffff!important;
}

.layout .layout-sider,
.layout-side-drawer,
.layout-side-drawer .layout-sider,
.ant-layout-sider,
.n-layout-sider,
.ant-menu,
.ant-menu-sub,
.n-menu,
.n-drawer-body-content-wrapper{
  background:#ffffff!important;
  border-right:1px solid #efefef!important;
  box-shadow:none!important;
}

.layout .layout-sider,
.layout-side-drawer .layout-sider,
.ant-layout-sider,
.n-layout-sider{
  width:180px!important;
  min-width:180px!important;
  max-width:180px!important;
}

.layout .layout-right-fix{
  padding-left:180px!important;
}

.layout-header-fix,
.tabs-view-fix{
  left:180px!important;
}

/* Hard fallback: when sider is fixed, force adjacent main container to reserve space */
.layout .layout-sider-fix + .ant-layout,
.layout .layout-sider-fix ~ .ant-layout,
.layout .layout-sider-fix + .n-layout,
.layout .layout-sider-fix ~ .n-layout{
  margin-left:180px!important;
  width:calc(100% - 180px)!important;
}

.layout .layout-sider-fix + .layout-content,
.layout .layout-sider-fix ~ .layout-content{
  margin-left:180px!important;
  width:calc(100% - 180px)!important;
}

.logo,
.layout-header,
.layout-header-light,
.ant-layout-header,
.n-layout-header,
.tabs-view,
.tabs-view-main .tabs-card-scroll-item,
.tabs-view .tabs-close{
  background:#ffffff!important;
  color:#111111!important;
  box-shadow:none!important;
}

.layout-header,
.layout-header-light,
.ant-layout-header,
.n-layout-header,
.tabs-view,
.tabs-view-main{
  border-bottom:1px solid #efefef!important;
}

.layout-header-trigger:hover,
.layout-header-light .layout-header-trigger:hover,
.tabs-view-main .tabs-card-scroll-item:hover,
.tabs-view .tabs-close:hover{
  background:#f7f7f7!important;
}

.tabs-view-main .tabs-card-scroll-item,
.tabs-view .tabs-close,
.ant-tabs-tab,
.n-tabs-tab{
  border-radius:8px!important;
}

.tabs-view-main .tabs-card-scroll-item,
.tabs-view .tabs-close,
.ant-tabs-tab,
.n-tabs-tab,
.n-menu-item-content,
.ant-menu-item,
.ant-menu-submenu-title{
  color:#444444!important;
}

.tabs-view-main .tabs-card-scroll .active-item,
.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn,
.n-tabs-tab--active,
.n-tabs-tab--active .n-tabs-tab__label,
.n-menu-item-content--selected .n-menu-item-content__icon,
.n-menu-item-content--selected .n-menu-item-content-header,
.n-menu-item-content--selected .n-menu-item-content-header a,
.ant-menu-item-selected,
.ant-menu-item-selected a{
  color:#111111!important;
}

.n-menu-item-content--selected,
.n-menu-item-content--selected:hover,
.ant-menu-item-selected,
.ant-menu-submenu-selected > .ant-menu-submenu-title{
  background:#f5f5f5!important;
  border-left:2px solid #111111!important;
}

.n-menu-item-content:hover,
.ant-menu-item:hover,
.ant-menu-submenu-title:hover,
.ant-dropdown-menu-item:hover,
.n-dropdown-option-body:hover,
.n-base-select-option:hover,
.n-data-table-tr:hover td,
.ant-table-tbody > tr:hover > td{
  background:#fafafa!important;
}

button,
[type=button],
[type=submit],
.btn,
.ant-btn,
.n-button,
.n-base-selection-label{
  border-radius:10px!important;
  box-shadow:none!important;
}

button,
[type=button],
[type=submit],
.btn,
.ant-btn,
.n-button{
  background:#ffffff!important;
  border:1px solid #dcdcdc!important;
  color:#111111!important;
}

button:hover,
[type=button]:hover,
[type=submit]:hover,
.btn:hover,
.ant-btn:hover,
.n-button:hover{
  background:#f7f7f7!important;
  border-color:#cfcfcf!important;
  color:#111111!important;
}

button:disabled,
[type=button]:disabled,
[type=submit]:disabled,
.btn:disabled,
.ant-btn[disabled],
.n-button:disabled{
  background:#f5f5f5!important;
  border-color:#e5e5e5!important;
  color:#a3a3a3!important;
}

/* Device detail: keep screen mode selector text perfectly centered */
.image-box .button-container .n-select .n-base-selection,
.image-box .button-container .n-base-selection{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

.image-box .button-container .n-select .n-base-selection-label,
.image-box .button-container .n-base-selection-label{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding-left:0!important;
  padding-right:0!important;
}

.ant-btn-primary,
.ant-btn-primary:hover,
.ant-btn-primary:focus,
.n-button--primary-type,
.n-button--primary-type:hover,
.n-button--primary-type:focus,
.n-button--info-type,
.n-button--info-type:hover,
.n-button--info-type:focus,
.frm-submit,
.frm-submit:hover,
.settings-tab,
.settings-tab:hover{
  background:#111111!important;
  border-color:#111111!important;
  color:#ffffff!important;
}

.ant-btn-round,
.ant-btn-circle,
.ant-btn-circle-outline{
  border-radius:10px!important;
}

.ant-input,
.ant-input-affix-wrapper,
.ant-select-selector,
.ant-picker,
.ant-input-number,
.n-input,
.n-input-wrapper,
.n-base-selection,
.n-date-picker .n-input,
.n-input-number{
  background:#ffffff!important;
  border-radius:10px!important;
  border-color:#e3e3e3!important;
  box-shadow:none!important;
  color:#111111!important;
}

.ant-input:hover,
.ant-input-affix-wrapper:hover,
.ant-select-selector:hover,
.ant-picker:hover,
.ant-input-number:hover,
.n-input:hover,
.n-input-wrapper:hover,
.n-base-selection:hover{
  border-color:#cfcfcf!important;
}

.ant-input:focus,
.ant-input-focused,
.ant-input-affix-wrapper-focused,
.ant-select-focused .ant-select-selector,
.ant-picker-focused,
.ant-input-number-focused,
.n-input.n-input--focus,
.n-input-wrapper.n-input-wrapper--focus,
.n-base-selection.n-base-selection--active{
  border-color:#111111!important;
  box-shadow:0 0 0 1px rgba(17,17,17,0.08)!important;
}

.ant-card,
.ant-modal-content,
.ant-drawer-content,
.ant-dropdown-menu,
.ant-select-dropdown,
.ant-popover-inner,
.ant-table-wrapper,
.ant-table,
.n-card,
.n-modal,
.n-dialog,
.n-drawer,
.n-popover,
.n-dropdown-menu,
.n-base-select-menu,
.n-data-table,
.n-date-panel,
.n-time-panel,
.n-tree-select-menu{
  background:#ffffff!important;
  border:1px solid #efefef!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(17,17,17,0.04)!important;
  color:#111111!important;
}

.ant-card-head,
.ant-modal-header,
.ant-drawer-header,
.n-card-header,
.n-modal-header,
.n-dialog__title,
.n-data-table-th,
.ant-table-thead > tr > th{
  background:#ffffff!important;
  color:#111111!important;
  border-bottom:1px solid #efefef!important;
}

.ant-table-tbody > tr > td,
.n-data-table-td,
.n-data-table-th,
.ant-descriptions-view,
.ant-list-item,
.n-descriptions-table-content,
.n-collapse-item__content-inner{
  border-color:#efefef!important;
}

.ant-table-thead > tr > th,
.n-data-table-th,
.n-statistic .n-statistic-value,
.ant-statistic-content{
  font-weight:600!important;
}

.ant-table-tbody > tr > td,
.n-data-table-td,
.n-thing-main,
.ant-descriptions-item-label,
.ant-descriptions-item-content,
.n-form-item-label,
.ant-form-item-label > label{
  color:#222222!important;
}

.n-switch .n-switch__rail,
.ant-switch{
  background:#d4d4d4!important;
}

.n-switch.n-switch--active .n-switch__rail,
.ant-switch-checked{
  background:#111111!important;
}

.ant-tabs-nav{
  margin:0 0 12px 0;
}

.ant-tabs-ink-bar,
.n-tabs-bar{
  background:#111111!important;
}

.ant-badge-count,
.ant-tag,
.n-tag{
  border-radius:999px!important;
}

.ant-tag,
.n-tag{
  background:#fafafa!important;
  border-color:#ececec!important;
  color:#333333!important;
}

.thing-cell:hover,
.thing-cell-on,
.thing-cell-on:hover,
.file-item,
.log-line{
  background:#ffffff!important;
}

.thing-cell:hover,
.file-item:hover{
  background:#fafafa!important;
}

/* Conservative wireframe container polish: do not touch canvas pixels */
.image-wrapper.with-sidebar[data-v-fc0266af],
.image-slot[data-v-fc0266af]{
  background:#f8fafc!important;
  border:1px solid #e5e7eb!important;
  border-radius:10px!important;
}


.inner-sidebar{
  background:#ffffff!important;
  border-left:1px solid #efefef!important;
}

[style*="#8b5cf6"],
[style*="#7c3aed"],
[style*="#764ba2"],
[style*="#667eea"],
[style*="#2563eb"],
[style*="#1d4ed8"],
[style*="#1890ff"],
[style*="linear-gradient"],
[class*="gradient"]{
  color:#111111!important;
  border-color:#111111!important;
}

svg [stroke="#8b5cf6"],
svg [stroke="#7c3aed"],
svg [stroke="#764ba2"],
svg [stroke="#667eea"],
svg [stroke="#2563eb"],
svg [stroke="#1d4ed8"],
svg [stroke="#1890ff"]{
  stroke:#111111!important;
}

svg [fill="#8b5cf6"],
svg [fill="#7c3aed"],
svg [fill="#764ba2"],
svg [fill="#667eea"],
svg [fill="#2563eb"],
svg [fill="#1d4ed8"],
svg [fill="#1890ff"]{
  fill:#111111!important;
}

::-webkit-scrollbar{
  width:10px;
  height:10px;
}

::-webkit-scrollbar-thumb{
  background:#d6d6d6;
  border-radius:999px;
  border:2px solid #ffffff;
}

::-webkit-scrollbar-track{
  background:#ffffff;
}