/* Unified dark page layer.
   Scope: converted/manual admin pages only. It deliberately avoids the
   dashboard, login, print/plain pages, and the custom message-center skin. */

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page{
  --uap-bg: rgba(4, 12, 23, .82);
  --uap-panel: rgba(8, 19, 35, .88);
  --uap-panel-2: rgba(11, 25, 45, .82);
  --uap-line: rgba(255, 210, 92, .17);
  --uap-line-soft: rgba(98, 207, 255, .13);
  --uap-gold: #ffd45a;
  --uap-cyan: #57dcff;
  --uap-text: #eef7ff;
  --uap-muted: rgba(222, 237, 255, .68);
  --uap-danger: #ff6977;
  --uap-success: #4ee59c;
  --uap-warning: #ffd45a;
  --uap-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  color: var(--uap-text) !important;
  border: 1px solid rgba(255, 210, 92, .12) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% -12%, rgba(87, 220, 255, .10), transparent 34%),
    radial-gradient(circle at 5% 115%, rgba(255, 212, 90, .07), transparent 38%),
    linear-gradient(180deg, rgba(8, 19, 35, .86), rgba(3, 10, 20, .76)) !important;
  box-shadow: var(--uap-shadow) !important;
  overflow: hidden !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) > .content,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page > .content,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-extracted-content,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-manual-content{
  padding: 16px 18px 24px !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .container-fluid,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .container-fluid{
  max-width: none !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .content-header,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .content-header,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-extracted-head,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-manual-head{
  position: relative !important;
  margin: 0 0 16px !important;
  padding: 15px 18px !important;
  min-height: 58px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255, 210, 92, .15) !important;
  border-radius: 0 !important;
  background:
    linear-gradient(90deg, rgba(4, 15, 29, .20), rgba(20, 84, 102, .14), rgba(4, 15, 29, .20)),
    linear-gradient(180deg, rgba(12, 28, 49, .80), rgba(6, 17, 31, .68)) !important;
  box-shadow: none !important;
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .content-header::after,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .content-header::after,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-extracted-head::after,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-manual-head::after{
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: -1px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, rgba(255, 212, 90, .72), rgba(87, 220, 255, .34), transparent) !important;
  pointer-events: none !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) :where(h1, h2, h3, h4, h5, h6),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page :where(h1, h2, h3, h4, h5, h6){
  color: #f8fbff !important;
  font-weight: 900 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.text-muted, small, .small, .help-block, .form-text),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.text-muted, small, .small, .help-block, .form-text){
  color: var(--uap-muted) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.card, .box, .panel, .well, .callout, .small-box, .ua-card):not(.ua-keep-plain):not(.ua-studio-card),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.card, .box, .panel, .well, .callout, .small-box, .ua-card):not(.ua-keep-plain):not(.ua-studio-card){
  border: 1px solid var(--uap-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, var(--uap-panel), rgba(5, 14, 27, .80)) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
  color: var(--uap-text) !important;
  overflow: hidden !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.card-header, .box-header, .panel-heading, .card-footer, .box-footer),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.card-header, .box-header, .panel-heading, .card-footer, .box-footer){
  border-color: rgba(255, 210, 92, .14) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)) !important;
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.card-title, .box-title, .panel-title, .ua-card-title),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.card-title, .box-title, .panel-title, .ua-card-title){
  color: #f8fbff !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.card-body, .box-body, .panel-body, .well, .callout),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.card-body, .box-body, .panel-body, .well, .callout){
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) label,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page label{
  color: #f1f8ff !important;
  font-weight: 850 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.form-control, .form-select, .input-group-text, input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], select, textarea),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.form-control, .form-select, .input-group-text, input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], select, textarea){
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 12px !important;
  background: rgba(8, 20, 36, .90) !important;
  color: #f7fbff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) :where(select option),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page :where(select option){
  color: #07111f !important;
  background: #eef7ff !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.form-control, .form-select, input, select, textarea):focus,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.form-control, .form-select, input, select, textarea):focus{
  border-color: rgba(87, 220, 255, .62) !important;
  box-shadow: 0 0 0 .16rem rgba(87, 220, 255, .10), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn, .ua-btn, button),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn, .ua-btn, button){
  border-radius: 11px !important;
  font-weight: 850 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12), 0 8px 18px rgba(0, 0, 0, .18) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn-primary, .btn-info, .btn-outline-primary, .btn-outline-info),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn-primary, .btn-info, .btn-outline-primary, .btn-outline-info){
  background: linear-gradient(180deg, rgba(23, 150, 190, .98), rgba(8, 92, 130, .98)) !important;
  color: #fff !important;
  border-color: rgba(87, 220, 255, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn-success, .btn-outline-success),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn-success, .btn-outline-success){
  background: linear-gradient(180deg, rgba(34, 174, 101, .98), rgba(16, 121, 65, .98)) !important;
  color: #fff !important;
  border-color: rgba(103, 255, 181, .30) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn-warning, .btn-outline-warning),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn-warning, .btn-outline-warning){
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn-danger, .btn-outline-danger),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn-danger, .btn-outline-danger){
  background: linear-gradient(180deg, #ff5f6a, #d93442) !important;
  color: #fff !important;
  border-color: rgba(255, 126, 136, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.btn-default, .btn-secondary, .btn-light, .btn-outline-secondary),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.btn-default, .btn-secondary, .btn-light, .btn-outline-secondary){
  background: rgba(18, 35, 58, .94) !important;
  color: #eef7ff !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .table-responsive,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .table-responsive{
  border: 1px solid rgba(145, 180, 45, .26) !important;
  border-radius: 14px !important;
  background: rgba(5, 14, 27, .62) !important;
  overflow: auto !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) table.table,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page table.table{
  margin: 0 !important;
  color: var(--uap-text) !important;
  border-color: rgba(145, 180, 45, .28) !important;
  background: transparent !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) table.table > :not(caption) > * > *,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page table.table > :not(caption) > * > *{
  background: rgba(9, 22, 39, .58) !important;
  color: var(--uap-text) !important;
  border-color: rgba(145, 180, 45, .22) !important;
  vertical-align: middle !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) table.table thead th,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page table.table thead th{
  background: linear-gradient(180deg, rgba(17, 35, 60, .98), rgba(10, 24, 43, .98)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) table.table tbody tr:hover > *,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page table.table tbody tr:hover > *{
  background: rgba(87, 220, 255, .075) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) :where(.alert, .callout),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page :where(.alert, .callout){
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 14px !important;
  color: var(--uap-text) !important;
  background: linear-gradient(180deg, rgba(12, 26, 46, .92), rgba(6, 16, 29, .82)) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .alert-success,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .alert-success{
  border-color: rgba(103, 255, 181, .28) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .alert-warning,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .alert-warning{
  border-color: rgba(255, 212, 90, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .alert-danger,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .alert-danger{
  border-color: rgba(255, 126, 136, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page)
  :where(.badge, .label, .ua-state-pill),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page
  :where(.badge, .label, .ua-state-pill){
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #eef7ff !important;
  font-weight: 850 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .nav-tabs,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .nav-tabs{
  border: 0 !important;
  gap: 7px !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .nav-tabs .nav-link,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .nav-tabs .nav-link{
  border: 1px solid rgba(255, 255, 255, .12) !important;
  border-radius: 999px !important;
  background: rgba(18, 35, 58, .92) !important;
  color: #eef7ff !important;
  font-weight: 850 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .nav-tabs .nav-link.active,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .nav-tabs .nav-link.active{
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) :where(code, pre),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page :where(code, pre){
  color: #bfeeff !important;
  background: rgba(3, 12, 24, .72) !important;
  border-color: rgba(87, 220, 255, .16) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) a:not(.btn),
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page a:not(.btn){
  color: #8be7ff;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) a:not(.btn):hover,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page a:not(.btn):hover{
  color: #ffe08a;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-wrap,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-wrap{
  width: 100%;
  max-width: none;
  margin: 0 auto;
  direction: rtl;
  text-align: right;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-hero,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-hero{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 15px 18px;
  border: 1px solid var(--uap-line) !important;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(12, 28, 49, .86), rgba(6, 17, 31, .74));
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-hero p,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-hero p{
  margin: 6px 0 0 !important;
  color: var(--uap-muted) !important;
  line-height: 1.7;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-actions,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-actions{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-grid,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-grid{
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-card{
  grid-column: span 4;
  min-height: 130px;
  border: 1px solid var(--uap-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, var(--uap-panel), rgba(5, 14, 27, .80)) !important;
  color: var(--uap-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
  overflow: hidden !important;
  display: flex;
  flex-direction: column;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card.ua-wide,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-card.ua-wide{
  grid-column: span 6;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card.ua-full,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-card.ua-full{
  grid-column: span 12;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card-head,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-card-head{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 13px 15px;
  border-bottom: 1px solid rgba(255, 210, 92, .14);
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .01));
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-body,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-body{
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-meta,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-meta{
  font-size: .78rem;
  color: var(--uap-muted);
  border: 1px solid rgba(255, 255, 255, .10);
  background: rgba(13, 31, 54, .72);
  padding: 6px 10px;
  border-radius: 999px;
  white-space: nowrap;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-kpi-value,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-kpi-value{
  color: #fff;
  font-size: 1.25rem;
  font-weight: 950;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-kpi-value.gold,
body.ua-shell-chrome:not(.ua-page-dashboard)
  .content-wrapper.ua-manual-page .ua-studio-kpi-value.gold{
  color: var(--uap-gold);
}

@media (max-width: 1100px){
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card,
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-extracted-page:not(.ua-msg-page) .ua-studio-card.ua-wide,
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-manual-page .ua-studio-card,
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-manual-page .ua-studio-card.ua-wide{
    grid-column: span 12;
  }
}

@media (max-width: 720px){
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-extracted-page:not(.ua-msg-page) > .content,
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-manual-page > .content{
    padding: 12px !important;
  }

  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-extracted-page:not(.ua-msg-page) .content-header,
  body.ua-shell-chrome:not(.ua-page-dashboard)
    .content-wrapper.ua-manual-page .content-header{
    padding: 12px 14px !important;
  }
}

/* Contrast and consistency pass.
   This is intentionally broader than the first pass: several pages use custom
   shells instead of ua-extracted-page, and Bootstrap utility classes can still
   reintroduce white panels. */

body.ua-shell-chrome:not(.ua-page-dashboard){
  --uap-bg: rgba(4, 12, 23, .82);
  --uap-panel: rgba(8, 19, 35, .88);
  --uap-panel-2: rgba(11, 25, 45, .82);
  --uap-line: rgba(255, 210, 92, .17);
  --uap-line-soft: rgba(98, 207, 255, .13);
  --uap-gold: #ffd45a;
  --uap-cyan: #57dcff;
  --uap-text: #eef7ff;
  --uap-muted: rgba(222, 237, 255, .70);
}

body.ua-shell-chrome:not(.ua-page-dashboard) .ua-page,
body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper,
body.ua-shell-chrome:not(.ua-page-dashboard) .content,
body.ua-shell-chrome:not(.ua-page-dashboard) .container,
body.ua-shell-chrome:not(.ua-page-dashboard) .container-fluid{
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper:not(.nocx-page){
  border: 1px solid rgba(255, 210, 92, .12) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 92% -12%, rgba(87, 220, 255, .10), transparent 34%),
    radial-gradient(circle at 5% 115%, rgba(255, 212, 90, .07), transparent 38%),
    linear-gradient(180deg, rgba(8, 19, 35, .86), rgba(3, 10, 20, .76)) !important;
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28) !important;
  overflow: hidden !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.bg-white, .bg-light, .bg-body, .bg-body-tertiary, .table-light, .list-group-item, .dropdown-menu, .popover, .offcanvas, .accordion-item, .modal-content):not(.ua-keep-plain){
  background: linear-gradient(180deg, var(--uap-panel), rgba(5, 14, 27, .88)) !important;
  color: var(--uap-text) !important;
  border-color: var(--uap-line) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.text-dark, .text-body, .text-black, .text-secondary):not(.btn):not(.badge):not(.alert){
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.text-muted, .small, small, .form-text, .help-block):not(.btn):not(.badge){
  color: var(--uap-muted) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.card, .box, .panel, .well, .callout, .small-box, .ua-card, .sa-card, .sec-card, .secmon-card, .mtw-card, .history-card, .ua-profile-card, .ua-profile-pass, .ua-users-perm-card):not(.ua-keep-plain):not(.nocx-panel):not(.ua-studio-card){
  border: 1px solid var(--uap-line) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, var(--uap-panel), rgba(5, 14, 27, .84)) !important;
  color: var(--uap-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .22) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.card-header, .card-footer, .box-header, .box-footer, .panel-heading, .ua-card-titlebar, .sa-card-head, .secmon-card__head, .ua-profile-title, .ua-profile-pass__title):not(.ua-keep-plain){
  border-color: rgba(255, 210, 92, .14) !important;
  background: linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012)) !important;
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.card-title, .box-title, .panel-title, .ua-card-title, .sa-card-head h3, .history-title, .ua-profile-title h1, .ua-users-perm-head h1, .sec-title, .secmon-title, .mtw-title){
  color: #f8fbff !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.sa-hero, .secmon-hero, .subs-topbar, .ua-extracted-head, .ua-manual-head){
  border: 1px solid var(--uap-line) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(90deg, rgba(4, 15, 29, .20), rgba(20, 84, 102, .14), rgba(4, 15, 29, .20)),
    linear-gradient(180deg, rgba(12, 28, 49, .84), rgba(6, 17, 31, .72)) !important;
  color: var(--uap-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .18) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.sa-hero p, .secmon-sub, .mtw-muted, .sec-sub, .ua-muted, .ua-muted-note){
  color: var(--uap-muted) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.form-control, .form-select, .input-group-text, .ua-input, input[type="text"], input[type="password"], input[type="number"], input[type="date"], input[type="email"], input[type="file"], select, textarea):not(.ua-keep-plain){
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 12px !important;
  background: rgba(8, 20, 36, .92) !important;
  color: #f7fbff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
  color-scheme: dark;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.form-control, .form-select, .ua-input, input, select, textarea)::placeholder{
  color: rgba(222, 237, 255, .48) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.form-control, .form-select, .ua-input, input, select, textarea):focus{
  border-color: rgba(87, 220, 255, .62) !important;
  box-shadow: 0 0 0 .16rem rgba(87, 220, 255, .10), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard) select option{
  color: #07111f !important;
  background: #eef7ff !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.table-responsive, .sec-table-wrap, .secmon-table-wrap){
  border: 1px solid rgba(145, 180, 45, .26) !important;
  border-radius: 14px !important;
  background: rgba(5, 14, 27, .62) !important;
  overflow: auto !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(table.table, .ua-table, .sec-table, .secmon-table, .mtw-table){
  color: var(--uap-text) !important;
  background: transparent !important;
  border-color: rgba(145, 180, 45, .28) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(table.table, .ua-table, .sec-table, .secmon-table, .mtw-table) :where(th, td){
  background: rgba(9, 22, 39, .58) !important;
  color: var(--uap-text) !important;
  border-color: rgba(145, 180, 45, .22) !important;
  vertical-align: middle !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(table.table, .ua-table, .sec-table, .secmon-table, .mtw-table) thead th{
  background: linear-gradient(180deg, rgba(17, 35, 60, .98), rgba(10, 24, 43, .98)) !important;
  color: #fff !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(table.table, .ua-table, .sec-table, .secmon-table, .mtw-table) tbody tr:hover > *{
  background: rgba(87, 220, 255, .075) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.alert, .ua-alert, .sec-msg, .secmon-msg, .mtw-msg, .sa-empty, .sa-inline-note):not(.ua-keep-plain){
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 14px !important;
  color: var(--uap-text) !important;
  background: linear-gradient(180deg, rgba(12, 26, 46, .94), rgba(6, 16, 29, .84)) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.alert-success, .ua-ok, .sec-msg.ok, .secmon-msg.ok, .mtw-msg.ok){
  border-color: rgba(103, 255, 181, .32) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.alert-warning, .sa-inline-note){
  border-color: rgba(255, 212, 90, .36) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.alert-danger, .ua-bad, .sec-msg.err, .secmon-msg.err, .mtw-msg.err){
  border-color: rgba(255, 126, 136, .36) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.badge, .label, .ua-state-pill, .sa-pill, .sec-pill, .sec-state, .sec-sev, .secmon-pill, .mtw-badge, .ua-profile-badge){
  border: 1px solid rgba(255, 255, 255, .10) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .07) !important;
  color: #eef7ff !important;
  font-weight: 850 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-atabs, .nav-tabs){
  border: 1px solid var(--uap-line) !important;
  border-radius: 16px !important;
  background: rgba(7, 17, 32, .86) !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, .18) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-atab, .nav-tabs .nav-link){
  border-color: rgba(255, 255, 255, .10) !important;
  background: transparent !important;
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-atab.is-active, .nav-tabs .nav-link.active){
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn, .ua-btn, .sec-btn, .secmon-btn, .mtw-btn):not(.ua-keep-plain){
  border-radius: 11px !important;
  font-weight: 850 !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn-light, .btn-default, .btn-secondary, .btn-outline-secondary, .sec-btn.gray, .secmon-btn--soft, .mtw-btn.gray){
  background: rgba(18, 35, 58, .94) !important;
  color: #eef7ff !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn-warning, .btn-outline-warning, .sec-btn.gold, .secmon-btn--gold, .mtw-btn.gold){
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn-danger, .btn-outline-danger, .secmon-btn--red, .mtw-btn.red){
  background: linear-gradient(180deg, #ff5f6a, #d93442) !important;
  color: #fff !important;
  border-color: rgba(255, 126, 136, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn-primary, .btn-info, .btn-outline-primary, .btn-outline-info){
  background: linear-gradient(180deg, rgba(23, 150, 190, .98), rgba(8, 92, 130, .98)) !important;
  color: #fff !important;
  border-color: rgba(87, 220, 255, .34) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.btn-success, .btn-outline-success){
  background: linear-gradient(180deg, rgba(34, 174, 101, .98), rgba(16, 121, 65, .98)) !important;
  color: #fff !important;
  border-color: rgba(103, 255, 181, .30) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-profile-shell, .ua-users-perm-shell, .secmon-page, .sec-alerts-page, .mtw-page, .ua-msg-page, .sa-wrap, .history-wrap){
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard) .ua-profile-current div,
body.ua-shell-chrome:not(.ua-page-dashboard) .history-pill,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-perm-item,
body.ua-shell-chrome:not(.ua-page-dashboard) .secmon-kpi,
body.ua-shell-chrome:not(.ua-page-dashboard) .sa-kpi,
body.ua-shell-chrome:not(.ua-page-dashboard) .sa-summary,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-users-id-preview-card,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-profile-preview-card{
  border: 1px solid rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .055) !important;
  color: var(--uap-text) !important;
  border-radius: 13px !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.sa-kpi-title, .ua-profile-current span, .history-pill small, .secmon-kpi span){
  color: var(--uap-muted) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.sa-kpi-value, .secmon-kpi strong, .ua-profile-current strong){
  color: #fff !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-filter-btn, .ua-search-clear, .ua-head-item, .ua-head-action-select, .subs-actions a, .subs-actions button):not(.btn-warning):not(.btn-danger):not(.btn-success):not(.btn-primary){
  background: rgba(18, 35, 58, .94) !important;
  color: #eef7ff !important;
  border-color: rgba(255, 255, 255, .15) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-filter-btn:hover, .ua-search-clear:hover, .ua-head-item:hover){
  background: rgba(87, 220, 255, .10) !important;
  color: #fff !important;
  border-color: rgba(87, 220, 255, .28) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-filter-active, .ua-head-item.is-active, .ua-head-item.ua-filter-active){
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-secure-body, .ua-secure-html, #uaFixContentBody){
  background: linear-gradient(180deg, rgba(8, 19, 35, .98), rgba(4, 12, 23, .98)) !important;
  color: var(--uap-text) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(.ua-secure-frame, #uaFixContentBody iframe){
  background: #07111f !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard)
  :where(#selectAllRows, .subs-actions .btn-bulk-mode, .subs-actions .btn-ua-toggle){
  background: linear-gradient(180deg, #ffdb62, #e7a80f) !important;
  color: #141006 !important;
  border-color: rgba(255, 224, 112, .76) !important;
}

/* Final page-chrome decision: titles/actions live in the window tab strip. */
body.ua-authed:not(.ua-page-dashboard) .content-wrapper > .content-header,
body.ua-authed:not(.ua-page-dashboard) .content-wrapper.ua-extracted-page > .content-header,
body.ua-authed:not(.ua-page-dashboard) .content-wrapper.ua-manual-page > .content-header,
body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper.ua-extracted-page:not(.ua-msg-page) > .content-header,
body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper.ua-manual-page > .content-header,
body.ua-shell-plain.ua-authed:not(.ua-page-dashboard) .content-wrapper.ua-extracted-page:not(.ua-msg-page) > .content-header,
body.ua-shell-plain.ua-authed:not(.ua-page-dashboard) .content-wrapper.ua-manual-page > .content-header{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.ua-authed:not(.ua-page-dashboard) .content-wrapper > .content{
  padding-top: 14px !important;
}

/* Purchases: remove legacy small-box noise and keep the page compact. */
body.ua-authed.ua-p-purchases-report .ua-purchase-filter{
  display: grid !important;
  grid-template-columns: max-content minmax(150px, 190px) max-content minmax(150px, 190px) max-content;
  align-items: end;
  gap: 8px;
  margin: 0;
}

body.ua-authed.ua-p-purchases-report .ua-purchase-filter label{
  margin: 0 !important;
  align-self: center;
}

body.ua-authed.ua-p-purchases-report .ua-purchase-kpis{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}

body.ua-authed.ua-p-purchases-report .row:has(.pu-summary-box){
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 12px !important;
}

body.ua-authed.ua-p-purchases-report .row:has(.pu-summary-box) > [class*="col-"]{
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box{
  min-height: 82px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  border: 1px solid rgba(255, 210, 92, .16) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(9, 22, 39, .86), rgba(5, 14, 27, .78)) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16) !important;
  overflow: hidden !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box .inner{
  min-height: 0 !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box .inner h3{
  margin: 0 0 4px !important;
  color: #fff !important;
  font-size: 1.08rem !important;
  line-height: 1.25 !important;
  font-weight: 950 !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box .inner p{
  margin: 0 !important;
  color: var(--uap-muted) !important;
  font-size: .82rem !important;
  line-height: 1.5 !important;
  font-weight: 850 !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box .icon{
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 11px !important;
  color: var(--uap-cyan) !important;
  background: rgba(87, 220, 255, .10) !important;
  border: 1px solid rgba(87, 220, 255, .16) !important;
}

body.ua-authed.ua-p-purchases-report .pu-summary-box .icon i{
  position: static !important;
  opacity: 1 !important;
  font-size: 15px !important;
  color: inherit !important;
}

body.ua-authed.ua-p-purchases-report .ua-purchase-kpi{
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid rgba(255, 210, 92, .16);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(9, 22, 39, .86), rgba(5, 14, 27, .78));
  box-shadow: 0 10px 24px rgba(0, 0, 0, .16);
}

body.ua-authed.ua-p-purchases-report .ua-purchase-kpi strong{
  display: block;
  color: #fff;
  font-size: 1.08rem;
  line-height: 1.25;
  font-weight: 950;
  margin-bottom: 4px;
}

body.ua-authed.ua-p-purchases-report .ua-purchase-kpi span{
  display: block;
  color: var(--uap-muted);
  font-size: .82rem;
  line-height: 1.5;
  font-weight: 850;
}

body.ua-authed.ua-p-purchases-report .ua-purchase-kpi__icon{
  width: 34px;
  height: 34px;
  min-width: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 11px;
  color: var(--uap-cyan);
  background: rgba(87, 220, 255, .10);
  border: 1px solid rgba(87, 220, 255, .16);
  font-size: 15px;
}

body.ua-authed.ua-p-purchases-new #purchaseForm .card,
body.ua-authed.ua-p-purchases-view .card,
body.ua-authed.ua-p-purchases-report .card{
  margin-bottom: 12px !important;
}

body.ua-authed.ua-p-purchases-new #itemsTable .form-control{
  min-width: 96px;
}

body.ua-authed.ua-p-purchases-new #itemsTable .item-name{
  min-width: 220px;
}

@media (max-width: 900px){
  body.ua-authed.ua-p-purchases-report .ua-purchase-filter,
  body.ua-authed.ua-p-purchases-report .ua-purchase-kpis,
  body.ua-authed.ua-p-purchases-report .row:has(.pu-summary-box){
    grid-template-columns: 1fr;
  }

  body.ua-authed.ua-p-purchases-report .ua-purchase-filter label{
    margin-bottom: -4px !important;
  }
}
