/* assets/css/ua_page_refactor.css
   NOC unified page style + contextual help bubbles.
   Scope: normal admin pages only. Dashboard and login remain untouched. */
:root{
  --ua-ref-bg-1:#07111f;
  --ua-ref-bg-2:#0b1b31;
  --ua-ref-card:rgba(8,20,37,.78);
  --ua-ref-card-2:rgba(13,30,52,.72);
  --ua-ref-line:rgba(137,180,70,.36);
  --ua-ref-gold:#ffd15a;
  --ua-ref-cyan:#44dfff;
  --ua-ref-text:#eef6ff;
  --ua-ref-soft:rgba(238,246,255,.72);
  --ua-ref-shadow:0 16px 40px rgba(0,0,0,.28);
}

body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper{
  background:linear-gradient(180deg,rgba(2,9,18,.36),rgba(2,9,18,.08)) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content{
  padding:14px 16px 22px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content-header{
  margin:0 0 12px !important;
  padding:16px 18px !important;
  border-radius:20px !important;
  border:1px solid rgba(255,209,90,.18) !important;
  background:linear-gradient(135deg,rgba(9,23,43,.92),rgba(15,31,56,.70)) !important;
  box-shadow:var(--ua-ref-shadow) !important;
  overflow:hidden;
  position:relative;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content-header::after{
  content:"";
  position:absolute;
  inset-inline:18px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,209,90,.78),rgba(60,221,255,.36),transparent);
  box-shadow:0 0 12px rgba(255,190,60,.28);
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content-header :where(h1,h2,h3,h4){
  margin:0 !important;
  color:#f7fbff !important;
  font-weight:950 !important;
  letter-spacing:.1px;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content-header :where(p,.text-muted,.small){
  color:var(--ua-ref-soft) !important;
}

body.ua-shell-chrome:not(.ua-page-dashboard) :where(.box,.callout,.panel,.card):not(.ua-keep-plain):not(.login-card){
  border:1px solid rgba(137,180,70,.30) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(9,20,36,.86),rgba(7,17,31,.72)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  color:var(--ua-ref-text) !important;
  overflow:hidden;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.box-header,.card-header,.panel-heading){
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01)) !important;
  padding:13px 16px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.box-title,.card-title,.panel-title){
  color:#f5fbff !important;
  font-weight:950 !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.box-body,.card-body,.panel-body){
  padding:16px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .row{row-gap:14px;}

body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn){
  min-height:38px;
  border-radius:14px !important;
  font-weight:950 !important;
  letter-spacing:.05px;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px rgba(0,0,0,.16) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn-primary,.btn-info){
  background:linear-gradient(180deg,rgba(13,143,184,.96),rgba(7,93,131,.96)) !important;
  color:#fff !important;
  border-color:rgba(82,223,255,.34) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn-success){
  background:linear-gradient(180deg,rgba(28,168,90,.96),rgba(15,126,64,.96)) !important;
  color:#fff !important;
  border-color:rgba(84,255,167,.28) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn-warning){
  background:linear-gradient(180deg,#ffd65a,#e6a40d) !important;
  color:#121212 !important;
  border-color:rgba(255,224,112,.75) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn-danger){
  background:linear-gradient(180deg,#ff5d67,#d93442) !important;
  color:#fff !important;
  border-color:rgba(255,120,130,.32) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.btn-default,.btn-secondary){
  background:rgba(18,35,58,.92) !important;
  color:#eef6ff !important;
  border-color:rgba(255,255,255,.14) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .btn-block,
body.ua-shell-chrome:not(.ua-page-dashboard) .d-grid .btn{width:100%;}

body.ua-shell-chrome:not(.ua-page-dashboard) :where(.form-control,.form-select,select,textarea,input[type="text"],input[type="password"],input[type="number"],input[type="date"],input[type="datetime-local"],input[type="email"]){
  min-height:42px;
  border-radius:15px !important;
  background:rgba(15,28,48,.86) !important;
  border:1px solid rgba(255,209,90,.25) !important;
  color:#f4fbff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.form-control,.form-select,textarea,input)::placeholder{color:rgba(238,246,255,.50) !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.form-control,.form-select,textarea,input):focus{
  border-color:rgba(70,224,255,.62) !important;
  box-shadow:0 0 0 .18rem rgba(70,224,255,.10),inset 0 1px 0 rgba(255,255,255,.06) !important;
  outline:none !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) label{color:#eef6ff !important;font-weight:950 !important;margin-bottom:7px;}

body.ua-shell-chrome:not(.ua-page-dashboard) .table-responsive{
  border:1px solid rgba(137,180,70,.30) !important;
  border-radius:20px !important;
  background:rgba(7,17,31,.70) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
  overflow:auto !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) table.table{
  margin-bottom:0 !important;
  color:#eef6ff !important;
  border-color:rgba(137,180,70,.32) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) table.table > :not(caption) > * > *{
  background:rgba(10,22,38,.48) !important;
  color:#eef6ff !important;
  border-color:rgba(137,180,70,.28) !important;
  text-align:center;
  vertical-align:middle;
}
body.ua-shell-chrome:not(.ua-page-dashboard) table.table thead th{
  background:rgba(14,28,48,.95) !important;
  color:#f7fbff !important;
  font-weight:950 !important;
}

.ua-help-source-hidden{display:none !important;}
.ua-help-anchor{display:inline-flex;align-items:center;gap:7px;vertical-align:middle;}
.ua-help-btn{
  width:24px;height:24px;min-width:24px;min-height:24px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid rgba(255,209,90,.48);
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),rgba(255,209,90,.10) 35%,rgba(24,39,60,.88));
  color:#ffe086;font-weight:950;font-size:13px;line-height:1;cursor:pointer;
  box-shadow:0 0 0 1px rgba(0,0,0,.20),0 8px 18px rgba(0,0,0,.18),0 0 12px rgba(255,191,44,.14);
  margin-inline-start:7px;
  padding:0 !important;
}
.ua-help-btn:hover,.ua-help-btn.is-open{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.24),rgba(255,209,90,.22) 38%,rgba(24,39,60,.95));color:#fff;}
.ua-help-popover{
  position:fixed;z-index:2147483300;max-width:min(360px,calc(100vw - 28px));
  background:linear-gradient(180deg,rgba(9,20,36,.98),rgba(4,11,22,.98));
  color:#eef6ff;border:1px solid rgba(255,209,90,.38);border-radius:17px;
  box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 18px rgba(255,198,58,.12);
  padding:12px 14px;line-height:1.85;font-size:13px;text-align:right;direction:rtl;
}
.ua-help-popover::before{
  content:"";position:absolute;width:10px;height:10px;transform:rotate(45deg);top:-6px;inset-inline-end:28px;
  background:rgba(9,20,36,.98);border-inline-start:1px solid rgba(255,209,90,.38);border-top:1px solid rgba(255,209,90,.38);
}
.ua-help-popover__title{font-weight:950;color:#ffd15a;margin-bottom:4px;display:flex;align-items:center;gap:8px;}
.ua-help-popover__body{color:rgba(238,246,255,.88);}

body.ua-shell-chrome:not(.ua-page-dashboard) :where(.alert-info,.callout-info){border-color:rgba(68,223,255,.28) !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.alert-warning,.callout-warning){border-color:rgba(255,209,90,.34) !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.alert-success,.callout-success){border-color:rgba(74,222,128,.28) !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.alert,.callout){
  border-radius:18px !important;
  background:linear-gradient(180deg,rgba(10,22,39,.88),rgba(6,16,29,.80)) !important;
  color:#eef6ff !important;
  border-width:1px !important;
}

/* The subscribers list already has its own precise styling; keep only help bubbles there. */
body.ua-shell-chrome:not(.ua-page-dashboard) .subs-table-center .btn{min-height:34px;}

/* v8 professional page normalization: make ordinary pages closer to Subscribers/Add Subscriber layout */
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-page > .content-wrapper,
body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper{
  border:1px solid rgba(255,209,90,.12) !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at 84% 0%,rgba(62,221,255,.075),transparent 34%),
    linear-gradient(180deg,rgba(8,19,35,.78),rgba(4,12,23,.64)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
  overflow:hidden;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .content-wrapper > .content,
body.ua-shell-chrome:not(.ua-page-dashboard) section.content{
  padding:18px 18px 24px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) section.content > .container-fluid{
  width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) section.content > .row,
body.ua-shell-chrome:not(.ua-page-dashboard) .container-fluid > .row{
  margin-left:-8px !important;
  margin-right:-8px !important;
  row-gap:16px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) section.content > .row > [class*="col-"],
body.ua-shell-chrome:not(.ua-page-dashboard) .container-fluid > .row > [class*="col-"]{
  padding-left:8px !important;
  padding-right:8px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .box,
body.ua-shell-chrome:not(.ua-page-dashboard) .card,
body.ua-shell-chrome:not(.ua-page-dashboard) .panel,
body.ua-shell-chrome:not(.ua-page-dashboard) .callout{
  min-height:0;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .row > [class*="col-"] > :where(.box,.card,.panel,.callout){
  height:100%;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout,.box,.card,.panel){
  backdrop-filter:blur(9px);
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout) h1,
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout) h2,
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout) h3,
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout) h4,
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.box,.card,.panel) :where(h1,h2,h3,h4,h5){
  color:#f5fbff !important;
  font-weight:950 !important;
  margin-bottom:10px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.callout,.box-body,.card-body,.panel-body) > p:not(.ua-help-source-hidden){
  color:rgba(238,246,255,.76) !important;
  line-height:1.9 !important;
  margin:0 0 11px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .box-header.with-border,
body.ua-shell-chrome:not(.ua-page-dashboard) .card-header,
body.ua-shell-chrome:not(.ua-page-dashboard) .panel-heading{
  border-color:rgba(255,209,90,.13) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-tabs,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-pills{
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
  border:1px solid rgba(255,209,90,.13) !important;
  border-radius:18px !important;
  background:rgba(5,15,28,.46) !important;
  padding:8px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-tabs > li,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-pills > li{float:none !important;margin:0 !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-tabs > li > a,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-pills > li > a,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-link{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(18,35,58,.78) !important;
  color:rgba(238,246,255,.86) !important;
  font-weight:950 !important;
  padding:8px 14px !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-tabs > li.active > a,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-pills > li.active > a,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-link.active,
body.ua-shell-chrome:not(.ua-page-dashboard) .nav-link[aria-selected="true"]{
  background:linear-gradient(180deg,#ffd65a,#e6a40d) !important;
  color:#101318 !important;
  border-color:rgba(255,224,112,.72) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .modal-content{
  border:1px solid rgba(255,209,90,.25) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(9,20,36,.98),rgba(4,12,23,.98)) !important;
  color:#eef6ff !important;
  box-shadow:0 26px 90px rgba(0,0,0,.56) !important;
  overflow:hidden;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .modal-header,
body.ua-shell-chrome:not(.ua-page-dashboard) .modal-footer{
  border-color:rgba(255,209,90,.16) !important;
  background:rgba(255,255,255,.028) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) hr{
  border-color:rgba(255,209,90,.13) !important;
  opacity:1 !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .table tbody tr:hover > *{
  background:rgba(68,223,255,.075) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .breadcrumb,
body.ua-shell-chrome:not(.ua-page-dashboard) .pagination{
  border-radius:16px !important;
  background:rgba(7,17,31,.72) !important;
  border:1px solid rgba(255,209,90,.12) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-help-btn + .ua-help-btn{display:none !important;}
body.ua-shell-chrome:not(.ua-page-dashboard) .btn + .ua-help-btn,
body.ua-shell-chrome:not(.ua-page-dashboard) a.btn + .ua-help-btn,
body.ua-shell-chrome:not(.ua-page-dashboard) button + .ua-help-btn{
  transform:translateY(1px);
}
body.ua-shell-chrome:not(.ua-page-dashboard) [data-ua-help-skip] .ua-help-btn,
body.ua-shell-chrome:not(.ua-page-dashboard) .mk-dashboard .ua-help-btn{display:none !important;}

/* v8 aliases for older custom pages that do not use Bootstrap content-wrapper */
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-page > .container-fluid,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-msg-page,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-profile-shell,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-users-shell{
  width:100% !important;
  max-width:none !important;
  padding:18px !important;
  border:1px solid rgba(255,209,90,.12) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg,rgba(8,19,35,.78),rgba(4,12,23,.64)) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.ua-card,.history-card,.ua-profile-card,.ua-users-card){
  border:1px solid rgba(137,180,70,.30) !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(9,20,36,.88),rgba(7,17,31,.74)) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.20) !important;
  color:#eef6ff !important;
  overflow:hidden;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.ua-input,.ua-select,.ua-textarea){
  min-height:42px !important;
  border-radius:15px !important;
  background:rgba(15,28,48,.86) !important;
  border:1px solid rgba(255,209,90,.25) !important;
  color:#f4fbff !important;
  padding:.45rem .75rem !important;
  outline:none !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) :where(.ua-input,.ua-select,.ua-textarea):focus{
  border-color:rgba(70,224,255,.62) !important;
  box-shadow:0 0 0 .18rem rgba(70,224,255,.10),inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-btn{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
  font-weight:950 !important;
  border:1px solid rgba(255,224,112,.65) !important;
  background:linear-gradient(180deg,#ffd65a,#e6a40d) !important;
  color:#101318 !important;
  padding:8px 15px !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px rgba(0,0,0,.16) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-table{
  width:100% !important;
  margin:0 !important;
  color:#eef6ff !important;
  border-collapse:collapse !important;
  background:rgba(7,17,31,.70) !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-table th,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-table td{
  border:1px solid rgba(137,180,70,.28) !important;
  padding:10px 12px !important;
  text-align:center !important;
  vertical-align:middle !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-table thead th{
  background:rgba(14,28,48,.95) !important;
  color:#f7fbff !important;
  font-weight:950 !important;
}
body.ua-shell-chrome:not(.ua-page-dashboard) .history-pill,
body.ua-shell-chrome:not(.ua-page-dashboard) .ua-profile-current div{
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(255,255,255,.10) !important;
  border-radius:14px !important;
}
