/* YunAI FC-like V11 runtime repair: clientarea readability + auth pages. */
:root{--fc11-blue:#145cff;--fc11-blue2:#0d4bd8;--fc11-sidebar:#10151b;--fc11-sidebar-2:#151c24;--fc11-side-text:#d8e2f0;--fc11-side-muted:#aeb9c8;--fc11-line:#e5eaf2;--fc11-text:#111827;--fc11-muted:#475467;--fc11-bg:#eef1f7;--fc11-font:"Segoe UI","Microsoft YaHei UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;}
html,body,button,input,select,textarea{font-family:var(--fc11-font)!important;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
body{background:var(--fc11-bg)!important;color:var(--fc11-text)!important;}
/* dark sidebar: make every level readable */
.vertical-menu,.vertical-menu .h-100,.vertical-menu .simplebar-content-wrapper,.vertical-menu .simplebar-mask,.vertical-menu .simplebar-offset,#sidebar-menu,#side-menu,.metismenu{background:var(--fc11-sidebar)!important;color:var(--fc11-side-text)!important;}
.vertical-menu *{opacity:1!important;}
#sidebar-menu ul li a,#side-menu li a,.metismenu li a,.vertical-menu a{color:var(--fc11-side-text)!important;background:transparent!important;text-shadow:none!important;}
#sidebar-menu ul li a span,#side-menu li a span,.metismenu li a span,.vertical-menu a span{color:inherit!important;opacity:1!important;font-weight:500!important;}
#sidebar-menu ul li a i,#side-menu li a i,.metismenu li a i,.vertical-menu a i{color:inherit!important;opacity:.94!important;}
#sidebar-menu .menu-title,.vertical-menu .menu-title{color:#8f9bad!important;opacity:1!important;font-weight:700!important;}
#sidebar-menu ul li a:hover,#sidebar-menu ul li.mm-active>a,#sidebar-menu ul li a.active,#side-menu li.mm-active>a,#side-menu li a.active{background:var(--fc11-blue)!important;color:#fff!important;}
#sidebar-menu ul li a:hover span,#sidebar-menu ul li.mm-active>a span,#sidebar-menu ul li a.active span,#side-menu li.mm-active>a span,#side-menu li a.active span{color:#fff!important;}
#sidebar-menu .sub-menu,#side-menu .sub-menu{background:#0c1117!important;}
#sidebar-menu .sub-menu li a,#side-menu .sub-menu li a{color:#c9d3e1!important;background:transparent!important;}
#sidebar-menu .sub-menu li a:hover,#side-menu .sub-menu li a:hover{background:#172233!important;color:#fff!important;}
#sidebar-menu .has-arrow:after,#side-menu .has-arrow:after{border-color:#d8e2f0!important;color:#d8e2f0!important;opacity:1!important;}
body.vertical-collpsed .vertical-menu #sidebar-menu>ul>li:hover>a{background:var(--fc11-blue)!important;color:#fff!important;}
/* top and content readable */
#page-topbar,.navbar-header{background:#030404!important;color:#e7edf6!important;}
.navbar-header a,.navbar-header button,.navbar-header span,.navbar-header i{color:#e7edf6!important;opacity:1!important;}
.main-content,.page-content{background:var(--fc11-bg)!important;color:var(--fc11-text)!important;}
.card,.modal-content,.dropdown-menu,.table,.list-group-item{background:#fff!important;color:var(--fc11-text)!important;border-color:var(--fc11-line)!important;}
.card-title,h1,h2,h3,h4,h5,h6,strong,b,.font-weight-bold{color:var(--fc11-text)!important;}
p,small,.small,label,td,th,li,.text-muted,.text-secondary,.card-text,.media-body,.help-block,.form-text{color:var(--fc11-muted)!important;opacity:1!important;}
.form-control,input,select,textarea{background:#fff!important;color:#111827!important;border-color:#cbd5e1!important;}
.form-control::placeholder,input::placeholder,textarea::placeholder{color:#667085!important;opacity:1!important;}
.btn-primary,.btn-info,.bg-primary,.badge-primary{background:var(--fc11-blue)!important;border-color:var(--fc11-blue)!important;color:#fff!important;}
.btn-primary:hover,.btn-info:hover{background:var(--fc11-blue2)!important;border-color:var(--fc11-blue2)!important;}
/* auth pages: keep original forms/variables, only re-skin */
body:has(section .semi-transparent-white-bg),section:has(.semi-transparent-white-bg){background:linear-gradient(120deg,#eef5ff,#f8fbff 48%,#e7f0ff)!important;}

/* ===== servicedetail 修复 =====
   1. server_header_box 背景色 蓝色→红色
   2. 下拉菜单防裁剪（main-content overflow:hidden 导致）
   3. "拉取最新信息"等 hook 按钮文字白
*/
.server_header_box {
  position: relative !important;
  z-index: 10 !important;
}

.main-content {
  overflow: visible !important;
}
.server_header_box .btn-group {
  overflow: visible !important;
}
.server_header_box .dropdown-menu {
  max-height: 440px !important;
  overflow-y: auto !important;
  z-index: 1060 !important;
  position: absolute !important;
}
.server_header_box .d-flex.justify-content-end > .btn-group.ml-2.mr-2.mt-2 > button,
.server_header_box .d-flex.justify-content-end > .btn-group.ml-2.mr-2.mt-2 > a {
  color: #ffffff !important;
}
section .semi-transparent-white-bg,.semi-transparent-white-bg,.account-pages .card,.auth-page .card{background:#fff!important;border:1px solid #e5eaf2!important;box-shadow:0 18px 48px rgba(15,23,42,.11)!important;border-radius:0!important;}
section .card-body{color:#111827!important;}
section h1.text-primary,.account-pages h1,.auth-page h1{color:var(--fc11-blue)!important;font-size:30px!important;line-height:1.2!important;font-weight:800!important;}
section .bg-info{background:var(--fc11-blue)!important;}
.input-group-text{background:#f8fafc!important;border-color:#cbd5e1!important;color:#344054!important;border-radius:0!important;}
section a{color:var(--fc11-blue)!important;}
/* inline gray rescue */
[style*="color:#999"],[style*="color: #999"],[style*="color:#999999"],[style*="color: #999999"],[style*="color:#979699"],[style*="color: #979699"],[style*="color:#666"],[style*="color: #666"],[style*="color:#ccc"],[style*="color: #ccc"]{color:#475467!important;opacity:1!important;}
@media(max-width:992px){.vertical-menu{left:-214px!important}.main-content{margin-left:0!important}.footer{left:0!important}.page-content{padding-left:12px!important;padding-right:12px!important;}}

/* ===== visibility-only patch: header dropdowns + dark sidebar text ===== */
#page-topbar .dropdown-menu,
.navbar-header .dropdown-menu{
  background:#ffffff!important;
  color:#344054!important;
  opacity:1!important;
}
#page-topbar .dropdown-menu .dropdown-item,
#page-topbar .dropdown-menu .dropdown-item span,
#page-topbar .dropdown-menu .dropdown-item i,
.navbar-header .dropdown-menu .dropdown-item,
.navbar-header .dropdown-menu .dropdown-item span,
.navbar-header .dropdown-menu .dropdown-item i{
  color:#344054!important;
  opacity:1!important;
  text-shadow:none!important;
}
#page-topbar .dropdown-menu .dropdown-item:hover,
#page-topbar .dropdown-menu .dropdown-item:focus,
#page-topbar .dropdown-menu .dropdown-item:hover span,
#page-topbar .dropdown-menu .dropdown-item:focus span,
#page-topbar .dropdown-menu .dropdown-item:hover i,
#page-topbar .dropdown-menu .dropdown-item:focus i,
.navbar-header .dropdown-menu .dropdown-item:hover,
.navbar-header .dropdown-menu .dropdown-item:focus,
.navbar-header .dropdown-menu .dropdown-item:hover span,
.navbar-header .dropdown-menu .dropdown-item:focus span,
.navbar-header .dropdown-menu .dropdown-item:hover i,
.navbar-header .dropdown-menu .dropdown-item:focus i{
  background:#f4f8ff!important;
  color:#145cff!important;
}
#page-topbar .dropdown-menu .dropdown-item.text-danger,
#page-topbar .dropdown-menu .dropdown-item.text-danger span,
#page-topbar .dropdown-menu .dropdown-item.text-danger i,
.navbar-header .dropdown-menu .dropdown-item.text-danger,
.navbar-header .dropdown-menu .dropdown-item.text-danger span,
.navbar-header .dropdown-menu .dropdown-item.text-danger i{
  color:#dc3545!important;
}
body[data-sidebar="dark"] .vertical-menu,
body[data-sidebar="dark"] .vertical-menu .h-100,
body[data-sidebar="dark"] .vertical-menu .simplebar-content,
body[data-sidebar="dark"] .vertical-menu .simplebar-content-wrapper,
body[data-sidebar="dark"] .vertical-menu .simplebar-mask,
body[data-sidebar="dark"] .vertical-menu .simplebar-offset,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu,
body[data-sidebar="dark"] .vertical-menu #side-menu,
body[data-sidebar="dark"] .vertical-menu .metismenu{
  background:#10151b!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a span,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a i,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a span,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a i,
body[data-sidebar="dark"] .vertical-menu .metismenu li>a,
body[data-sidebar="dark"] .vertical-menu .metismenu li>a span,
body[data-sidebar="dark"] .vertical-menu .metismenu li>a i{
  color:#dbe6f3!important;
  opacity:1!important;
  text-shadow:none!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li ul.sub-menu li>a,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li ul.sub-menu li>a span,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li ul.sub-menu li>a i,
body[data-sidebar="dark"] .vertical-menu #side-menu ul.sub-menu li>a,
body[data-sidebar="dark"] .vertical-menu #side-menu ul.sub-menu li>a span,
body[data-sidebar="dark"] .vertical-menu #side-menu ul.sub-menu li>a i{
  color:#cbd8e8!important;
  opacity:1!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu .menu-title,
body[data-sidebar="dark"] .vertical-menu .menu-title{
  color:#aeb9c8!important;
  opacity:1!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a:hover,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li.mm-active>a,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a.active,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a:hover,
body[data-sidebar="dark"] .vertical-menu #side-menu li.mm-active>a,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a.active{
  background:#145cff!important;
  color:#ffffff!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a:hover span,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li.mm-active>a span,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a.active span,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a:hover i,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li.mm-active>a i,
body[data-sidebar="dark"] .vertical-menu #sidebar-menu ul li>a.active i,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a:hover span,
body[data-sidebar="dark"] .vertical-menu #side-menu li.mm-active>a span,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a.active span,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a:hover i,
body[data-sidebar="dark"] .vertical-menu #side-menu li.mm-active>a i,
body[data-sidebar="dark"] .vertical-menu #side-menu li>a.active i{
  color:#ffffff!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu .has-arrow:after,
body[data-sidebar="dark"] .vertical-menu #side-menu .has-arrow:after{
  border-color:#dbe6f3!important;
  color:#dbe6f3!important;
  opacity:1!important;
}
body[data-sidebar="dark"] .vertical-menu #sidebar-menu .mm-active>.has-arrow:after,
body[data-sidebar="dark"] .vertical-menu #side-menu .mm-active>.has-arrow:after{
  border-color:#ffffff!important;
  color:#ffffff!important;
}