body.ua-design-v2{
  background:
    radial-gradient(900px 520px at 84% 4%, color-mix(in srgb,var(--ua-accent) 14%,transparent), transparent 62%),
    radial-gradient(760px 480px at 14% 8%, rgba(94,234,212,.10), transparent 58%),
    linear-gradient(180deg,var(--ua-theme-page-bg),color-mix(in srgb,var(--ua-theme-page-bg) 76%,black 24%)) !important;
  color:var(--ua-ds-text);
}

body.ua-design-v2 .content-wrapper.ua-extracted-page,
body.ua-design-v2 .content-wrapper.ua-manual-page{
  max-width:var(--ua-ds-page-max-width);
  margin-inline:auto;
  padding:var(--ua-ds-page-pad) !important;
  background:transparent !important;
  color:var(--ua-ds-text) !important;
}

body.ua-design-v2 :where(.content,section.content){
  padding:var(--ua-ds-page-pad) !important;
}

body.ua-design-v2 :where(.card,.box,.panel,.well,.ua-card,.ua-panel,.table-responsive,.modal-content,.popover,.dropdown-menu,.ua-menu,.ua-head-dropdown,.nocx-user-menu-panel){
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:var(--ua-radius) !important;
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--ua-accent) 13%,transparent), transparent 34%),
    linear-gradient(180deg,var(--ua-ds-surface),var(--ua-ds-surface-2)) !important;
  box-shadow:var(--ua-card-shadow,var(--ua-ds-shadow-soft)) !important;
  color:var(--ua-ds-text) !important;
  -webkit-backdrop-filter:var(--ua-ds-blur);
  backdrop-filter:var(--ua-ds-blur);
}

body.ua-design-v2 :where(.card-header,.card-footer,.box-header,.box-footer,.panel-heading,.panel-footer,.modal-header,.modal-footer){
  border-color:var(--ua-ds-line) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.018)) !important;
  color:var(--ua-ds-title) !important;
}

body.ua-design-v2 :where(.card-body,.box-body,.panel-body){
  padding:var(--ua-ds-panel-pad) !important;
}

body.ua-design-v2 :where(h1,h2,h3,h4,h5,h6,.card-title,.page-title){
  color:var(--ua-ds-title) !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

body.ua-design-v2 :where(label,.form-label){
  color:var(--ua-ds-muted) !important;
  font-weight:800 !important;
  margin-bottom:var(--ua-ds-field-gap);
}

body.ua-design-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){
  min-height:var(--ua-ds-control-h) !important;
  border:var(--ua-border-width) var(--ua-border-style) var(--ua-ds-line) !important;
  border-radius:calc(var(--ua-radius) * .72) !important;
  background:var(--ua-ds-input) !important;
  color:var(--ua-ds-text) !important;
  box-shadow:none !important;
  text-align:inherit;
}

body.ua-design-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select):focus{
  border-color:var(--ua-accent) !important;
  box-shadow:var(--ua-ds-focus) !important;
  outline:0 !important;
}

body.ua-design-v2 :where(.btn,button.btn,a.btn){
  min-height:var(--ua-ds-control-h);
  border-radius:calc(var(--ua-radius) * .68) !important;
  font-weight:900 !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
}

body.ua-design-v2 :where(.btn-primary,.btn-success){
  border-color:color-mix(in srgb,var(--ua-accent) 64%,white 10%) !important;
  background:linear-gradient(180deg,var(--ua-accent-2),var(--ua-accent)) !important;
  color:#06111d !important;
}

body.ua-design-v2 :where(table,.table){
  color:var(--ua-ds-text) !important;
  border-color:var(--ua-ds-line) !important;
  margin-bottom:0;
}

body.ua-design-v2 :where(.table thead th,table thead th){
  height:var(--ua-ds-table-row-h);
  background:var(--ua-ds-table-head) !important;
  color:var(--ua-ds-title) !important;
  border-color:var(--ua-ds-line) !important;
  font-weight:900 !important;
  text-align:center;
}

body.ua-design-v2 :where(.table td,.table th,table td,table th){
  height:var(--ua-ds-table-row-h);
  border-color:var(--ua-ds-line) !important;
  vertical-align:middle !important;
}

body.ua-design-v2 :where(.table tbody tr:nth-child(odd) > *,table tbody tr:nth-child(odd) > td){
  background:var(--ua-ds-table-row) !important;
}

body.ua-design-v2 :where(.table tbody tr:nth-child(even) > *,table tbody tr:nth-child(even) > td){
  background:var(--ua-ds-table-row-alt) !important;
}

body.ua-design-v2 :where(.dropdown-menu,.ua-menu,.ua-head-dropdown,.nocx-user-menu-panel){
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb,var(--ua-accent) 16%,transparent), transparent 36%),
    linear-gradient(180deg,var(--ua-ds-menu),color-mix(in srgb,var(--ua-theme-menu) 68%,black 16%)) !important;
  direction:rtl !important;
  text-align:right !important;
}

body.ua-design-v2 :where(.dropdown-menu,.ua-menu,.ua-head-dropdown,.nocx-user-menu-panel) :where(a,button,.dropdown-item,.ua-item,.ua-head-item){
  color:var(--ua-ds-text) !important;
  border-radius:calc(var(--ua-radius) * .58) !important;
  justify-content:flex-start !important;
  direction:rtl !important;
  text-align:right !important;
}


/* Template typography split */
body.ua-design-v2 :where(h1,.content-header h1,.ua-page-title h1,.ua-extracted-head h1,.ua-manual-head h1){font-size:var(--ua-title-font-size)!important;}
body.ua-design-v2 :where(.ua-topbar,.ua-page-windowbar,.ua-unified-stats,.navbar){font-size:var(--ua-bar-font-size)!important;}
body.ua-design-v2 :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select,.input-group-text){font-size:var(--ua-input-font-size)!important;color:var(--ua-theme-input-text)!important;}
body.ua-design-v2 :where(.table td,.table th,table td,table th,.ua-table td,.ua-table th){font-size:var(--ua-table-font-size)!important;}
body.ua-design-v2 :where(.dropdown-menu,.ua-menu,.ua-menu a,.dropdown-item,.ua-head-dropdown,.nocx-user-menu-panel){font-size:var(--ua-menu-font-size)!important;}
body.ua-design-v2 :where(.modal-content,.ua-modal-v2){font-size:var(--ua-modal-font-size)!important;}
