/* ChangeControl native UI foundation v10.20.8.
   This file owns the post-AdminLTE shell, tokens and reusable surface rules.
   Bootstrap remains a temporary form/dropdown compatibility shim only. */
:root{
  --ccui-bg:#070b16;
  --ccui-bg-2:#0b1220;
  --ccui-shell:#0d1728;
  --ccui-shell-2:#111f36;
  --ccui-surface:#101827;
  --ccui-surface-2:#162235;
  --ccui-card:#ffffff;
  --ccui-card-soft:#f8fbff;
  --ccui-border:rgba(148,163,184,.24);
  --ccui-border-strong:rgba(125,211,252,.24);
  --ccui-text:#e5eefc;
  --ccui-text-dark:#142033;
  --ccui-muted:#8fa2bd;
  --ccui-muted-dark:#64748b;
  --ccui-cyan:#06b6d4;
  --ccui-blue:#2563eb;
  --ccui-violet:#7c3aed;
  --ccui-green:#22c55e;
  --ccui-amber:#f59e0b;
  --ccui-red:#ef4444;
  --ccui-radius-xs:8px;
  --ccui-radius-sm:11px;
  --ccui-radius-md:15px;
  --ccui-radius-lg:22px;
  --ccui-sidebar-w:276px;
  --ccui-header-h:58px;
  --ccui-shadow:0 18px 55px rgba(2,8,23,.16);
  --ccui-shadow-strong:0 28px 80px rgba(2,8,23,.34);
  --ccui-focus:0 0 0 3px rgba(6,182,212,.24);
}
html{min-height:100%;background:var(--ccui-bg)}
body.ccui-native{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 0,rgba(37,99,235,.22),transparent 30rem),
    radial-gradient(circle at 88% 5%,rgba(124,58,237,.18),transparent 26rem),
    linear-gradient(135deg,var(--ccui-bg),var(--ccui-bg-2) 46%,#08111f);
  color:var(--ccui-text-dark);
  font-size:13px;
}
.ccui-native .cc10-wrapper{min-height:100vh}
.ccui-native .app-sidebar{
  position:fixed!important;
  z-index:1038;
  inset:0 auto 0 0;
  width:var(--ccui-sidebar-w)!important;
  height:100vh!important;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(16,30,52,.96),rgba(8,15,28,.98)),
    radial-gradient(circle at top left,rgba(6,182,212,.16),transparent 20rem)!important;
  border-right:1px solid rgba(148,163,184,.16);
  box-shadow:var(--ccui-shadow-strong);
}
.ccui-native .sidebar-brand{
  height:var(--ccui-header-h);
  padding:.62rem .9rem;
  border-bottom:1px solid rgba(148,163,184,.14);
  background:linear-gradient(90deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
}
.ccui-native .brand-link img,
.ccui-native .cc10-brand-mark{
  width:2.05rem;
  height:2.05rem;
  border-radius:12px;
  object-fit:contain;
  background:rgba(255,255,255,.96);
  box-shadow:0 10px 24px rgba(0,0,0,.22);
}
.ccui-native .cc10-brand-copy strong{font-size:.85rem;letter-spacing:.01em}
.ccui-native .cc10-brand-copy small{font-size:.59rem;color:#9fb3cf}
.ccui-native .sidebar-wrapper{
  height:calc(100vh - var(--ccui-header-h));
  min-height:0;
  overflow:auto;
  padding:.72rem .62rem .9rem;
  scrollbar-color:rgba(125,211,252,.32) transparent;
}
.ccui-native .cc10-sidebar-user{
  border:1px solid rgba(148,163,184,.14);
  border-radius:var(--ccui-radius-md);
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  padding:.58rem;
  margin-bottom:.62rem;
}
.ccui-native .cc10-avatar{
  background:linear-gradient(135deg,var(--ccui-cyan),var(--ccui-violet));
  color:#fff;
  box-shadow:0 9px 22px rgba(6,182,212,.22);
}
.ccui-native .cc10-sidebar-search{
  min-height:2.55rem;
  border-radius:var(--ccui-radius-md);
  border-color:rgba(125,211,252,.20);
  background:rgba(2,6,23,.30);
  color:#dbeafe;
}
.ccui-native .cc10-sidebar-search:hover,
.ccui-native .cc10-sidebar-search:focus-visible{border-color:rgba(125,211,252,.46);box-shadow:var(--ccui-focus)}
.ccui-native .cc10-primary-nav{margin-top:.7rem!important}
.ccui-native .cc10-primary-nav .nav-sidebar{
  display:grid!important;
  gap:.42rem!important;
  padding:0!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-section{
  border:1px solid rgba(148,163,184,.105);
  border-radius:var(--ccui-radius-md);
  background:rgba(255,255,255,.035);
  overflow:hidden;
}
.ccui-native .cc10-primary-nav .cc10-nav-group{
  min-height:2.62rem;
  padding:.58rem .65rem!important;
  border-radius:0!important;
  color:#dbeafe!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-group:hover,
.ccui-native .cc10-primary-nav .cc10-nav-section.is-open>.cc10-nav-group{
  background:linear-gradient(90deg,rgba(6,182,212,.20),rgba(124,58,237,.14))!important;
  color:#fff!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-panel{
  padding:.26rem .38rem .5rem!important;
  background:rgba(2,6,23,.22)!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-panel .nav-link{
  border-radius:10px!important;
  min-height:2.16rem;
  color:#adc0da!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-panel .nav-link:hover{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.ccui-native .cc10-primary-nav .cc10-nav-panel .nav-link.active{
  background:linear-gradient(90deg,rgba(6,182,212,.30),rgba(37,99,235,.22))!important;
  box-shadow:inset 3px 0 0 var(--ccui-cyan),0 8px 18px rgba(6,182,212,.10);
}
.ccui-native .cc10-header{
  position:fixed;
  z-index:1035;
  top:0;
  right:0;
  left:var(--ccui-sidebar-w);
  min-height:var(--ccui-header-h);
  padding:.5rem .92rem;
  background:rgba(9,17,31,.78)!important;
  color:var(--ccui-text);
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.16)!important;
  box-shadow:0 12px 38px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(16px);
}
.ccui-native .cc10-header .container-fluid{padding:0}
.ccui-native .cc10-header a,
.ccui-native .cc10-header strong,
.ccui-native .cc10-header .text-body,
.ccui-native .cc10-header .text-body-secondary{color:var(--ccui-text)!important}
.ccui-native .cc10-header-context{
  padding:.42rem .62rem;
  border:1px solid rgba(148,163,184,.14);
  border-radius:999px;
  background:rgba(255,255,255,.06);
}
.ccui-native .cc10-header-label{color:#8fb7ff}
.ccui-native .cc10-icon-button,
.ccui-native .cc10-user-button,
.ccui-native .cc10-create,
.ccui-native .cc10-menu-button{
  border-radius:999px!important;
  border:1px solid rgba(148,163,184,.16)!important;
  background:rgba(255,255,255,.075)!important;
  color:#eaf4ff!important;
}
.ccui-native .cc10-icon-button:hover,
.ccui-native .cc10-user-button:hover,
.ccui-native .cc10-create:hover,
.ccui-native .cc10-menu-button:hover{background:rgba(6,182,212,.16)!important;border-color:rgba(125,211,252,.34)!important}
.ccui-native .cc10-main{
  min-height:100vh;
  margin-left:var(--ccui-sidebar-w)!important;
  padding-top:var(--ccui-header-h);
  background:
    radial-gradient(circle at 70% 0,rgba(6,182,212,.08),transparent 30rem),
    linear-gradient(180deg,#edf5ff 0,#f7fbff 13rem,#f3f6fb 100%)!important;
}
.ccui-native .cc10-content-header{
  padding:1rem 1rem .55rem!important;
}
.ccui-native .cc10-content-header h1{
  color:#122033;
  font-size:1.18rem;
  font-weight:850;
  letter-spacing:-.02em;
}
.ccui-native .cc10-breadcrumb{color:#64748b}
.ccui-native .cc10-breadcrumb a{color:var(--ccui-blue)}
.ccui-native .cc10-content{padding:.35rem 1rem 1.35rem!important}
.ccui-native .cc10-workspace{display:block}
.ccui-native .card,
.ccui-native .cc101-card,
.ccui-native .cc101-section,
.ccui-native .cc101-fallback section,
.ccui-native .cc101-fallback article{
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:var(--ccui-radius-md)!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 13px 34px rgba(15,23,42,.07)!important;
  overflow:hidden;
}
.ccui-native .card-header,
.ccui-native .cc101-section-header{
  background:linear-gradient(180deg,#ffffff,#f8fbff)!important;
  border-bottom:1px solid rgba(148,163,184,.18)!important;
}
.ccui-native .card-title,
.ccui-native .cc101-section-header h2{color:#142033;font-weight:850}
.ccui-native .small-box,
.ccui-native .info-box,
.ccui-native .cc102-metric-table-card{
  border:1px solid rgba(148,163,184,.20)!important;
  border-radius:var(--ccui-radius-md)!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}
.ccui-native .btn{border-radius:999px;font-weight:760}
.ccui-native .btn-primary{
  border-color:transparent!important;
  background:linear-gradient(135deg,var(--ccui-blue),var(--ccui-cyan))!important;
  box-shadow:0 10px 20px rgba(37,99,235,.18);
}
.ccui-native .btn-outline-primary{
  border-color:rgba(37,99,235,.24)!important;
  color:#1d4ed8!important;
  background:#fff!important;
}
.ccui-native .btn-outline-primary:hover{background:#eff6ff!important;color:#1e40af!important}
.ccui-native .form-control,
.ccui-native .form-select{
  border-radius:10px!important;
  border-color:#d7e2ef!important;
}
.ccui-native .form-control:focus,
.ccui-native .form-select:focus{border-color:#67e8f9!important;box-shadow:var(--ccui-focus)!important}
.ccui-native input[type=checkbox].form-check-input{
  border-radius:6px!important;
}
.ccui-native input[type=checkbox].form-check-input:checked,
.ccui-native input[type=radio].form-check-input:checked{
  background-color:var(--ccui-cyan);
  border-color:var(--ccui-cyan);
}
.ccui-native .cc101-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#edf5ff!important;
  color:#40516a;
}
.ccui-native .cc101-table tbody tr:hover{background:#eff6ff!important}
.ccui-native .badge{border-radius:999px}
.ccui-native .cc10-alert{
  border-radius:var(--ccui-radius-md);
  border:1px solid rgba(148,163,184,.22);
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.ccui-native .cc10-footer{
  margin-top:auto;
  border-top:1px solid rgba(148,163,184,.18);
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(10px);
}
.ccui-native .cc10-command{
  border-radius:22px;
  background:transparent;
  box-shadow:var(--ccui-shadow-strong);
}
.ccui-native .cc10-command form{
  overflow:hidden;
  border:1px solid rgba(125,211,252,.18);
  border-radius:22px;
  background:linear-gradient(180deg,#0f172a,#111827);
  color:#e5eefc;
}
.ccui-native .cc10-command-input,
.ccui-native .cc10-command header,
.ccui-native .cc10-command footer{border-color:rgba(148,163,184,.18)}
.ccui-native .cc10-command-input input{background:transparent;color:#fff}
.ccui-native .cc10-command-list a{color:#dbeafe}
.ccui-native .cc10-command-list a:hover,
.ccui-native .cc10-command-list a.is-focused{background:rgba(6,182,212,.16)}
.ccui-native .cc10-login-body{
  background:
    radial-gradient(circle at 18% 15%,rgba(6,182,212,.26),transparent 24rem),
    radial-gradient(circle at 82% 15%,rgba(124,58,237,.22),transparent 24rem),
    linear-gradient(135deg,#06101d,#101a2d 55%,#07111f);
}
.ccui-native .cc10-login-card{
  border:1px solid rgba(148,163,184,.22);
  border-radius:22px;
  background:rgba(255,255,255,.94);
  box-shadow:var(--ccui-shadow-strong);
}
.ccui-native [data-ccui-hidden]{display:none!important}
@media (min-width:992px){
  .ccui-native .cc10-menu-button{display:none!important}
  .ccui-native .cc10-sidebar-backdrop{display:none!important}
}
@media (max-width:991.98px){
  :root{--ccui-header-h:56px}
  .ccui-native .cc10-header{left:0!important;position:sticky!important;top:0}
  .ccui-native .app-sidebar{
    width:min(21rem,88vw)!important;
    transform:translateX(-108%)!important;
    transition:transform .22s ease!important;
  }
  .ccui-native.sidebar-open .app-sidebar,
  .ccui-native.cc10-mobile-nav-open .app-sidebar{transform:translateX(0)!important}
  .ccui-native .cc10-main{margin-left:0!important;padding-top:0!important}
  .ccui-native.sidebar-open .cc10-sidebar-backdrop,
  .ccui-native.cc10-mobile-nav-open .cc10-sidebar-backdrop{display:block!important}
  .ccui-native .cc10-content-header{padding:.85rem .7rem .45rem!important}
  .ccui-native .cc10-content{padding:.25rem .7rem 1rem!important}
  .ccui-native .cc10-header-context{display:none!important}
  .ccui-native .table-responsive{border-radius:var(--ccui-radius-md)}
}
@media (max-width:575.98px){
  .ccui-native .cc10-content-header h1{font-size:1.02rem}
  .ccui-native .cc10-page-actions{overflow:auto;flex-wrap:nowrap}
  .ccui-native .card,
  .ccui-native .cc101-card,
  .ccui-native .cc101-section{border-radius:14px!important}
}
@media (prefers-reduced-motion:reduce){
  .ccui-native *,
  .ccui-native *::before,
  .ccui-native *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* v10.20.9 concept-matched Command Center dashboard */
.ccui-native[data-cc10-route="dashboard"] .cc10-main{
  background:
    radial-gradient(circle at 12% 0,rgba(6,182,212,.12),transparent 22rem),
    radial-gradient(circle at 78% 4%,rgba(124,58,237,.12),transparent 28rem),
    linear-gradient(135deg,#07111f,#081423 48%,#0b1220)!important;
  color:#dbeafe;
}
.ccui-native[data-cc10-route="dashboard"] .cc10-content-header{display:none}
.ccui-native[data-cc10-route="dashboard"] .cc10-content{padding:1rem!important}
.cc10-body.ccui-native[data-cc10-route="dashboard"] .app-main .cc10-alert.alert{margin:.1rem 0 .75rem!important;padding:.55rem .85rem!important;border-radius:16px!important;background-color:#081426!important;background-image:linear-gradient(135deg,rgba(14,165,233,.13),rgba(30,41,59,.74))!important;border:1px solid rgba(96,165,250,.24)!important;color:#cfe3ff!important;box-shadow:0 14px 34px rgba(0,0,0,.22)!important}
.cc10-body.ccui-native[data-cc10-route="dashboard"] .app-main .cc10-alert.alert .btn-close{filter:invert(1) grayscale(1);opacity:.72}
.ccui-command-center{color:#dbeafe}
.ccui-command-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.2rem 0 .85rem}
.ccui-command-title h2{margin:0;color:#fff;font-size:1.45rem;font-weight:900;letter-spacing:-.035em}
.ccui-command-title p{margin:.15rem 0 0;color:#8da2c0;font-size:.78rem}
.ccui-command-actions{display:flex;gap:.5rem;flex-wrap:wrap}
.ccui-command-center .btn{color:#cfe3ff!important;background:rgba(8,20,38,.62)!important;border-color:rgba(96,165,250,.22)!important}
.ccui-command-center .btn:hover{border-color:rgba(6,182,212,.55)!important;background:rgba(6,182,212,.12)!important}
.ccui-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:.85rem;align-items:start}
.ccui-dashboard-main{display:grid;gap:.85rem;min-width:0}
.ccui-kpi-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.65rem}
.ccui-kpi{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;min-height:96px;padding:.9rem;border:1px solid rgba(125,211,252,.14);border-radius:16px;background:linear-gradient(145deg,rgba(20,35,57,.92),rgba(11,22,39,.92));box-shadow:0 18px 42px rgba(0,0,0,.22);text-decoration:none;color:#dbeafe;overflow:hidden}
.ccui-kpi::after{content:"";position:absolute;inset:auto -20% -45% 20%;height:80%;background:radial-gradient(circle,rgba(6,182,212,.14),transparent 62%);pointer-events:none}
.ccui-kpi-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;font-size:1.12rem;background:rgba(255,255,255,.07)}
.ccui-kpi em,.ccui-kpi small{display:block;font-style:normal;color:#a9bdd6;font-size:.62rem}.ccui-kpi strong{display:block;color:#fff;font-size:1.34rem;line-height:1.05}.ccui-kpi>b{align-self:end;color:#4ade80;font-size:.68rem}
.ccui-kpi.ccui-cyan .ccui-kpi-icon{color:#38bdf8;background:rgba(14,165,233,.18)}.ccui-kpi.ccui-violet .ccui-kpi-icon{color:#a78bfa;background:rgba(124,58,237,.20)}.ccui-kpi.ccui-green .ccui-kpi-icon{color:#84cc16;background:rgba(34,197,94,.16)}.ccui-kpi.ccui-amber .ccui-kpi-icon{color:#f59e0b;background:rgba(245,158,11,.18)}.ccui-kpi.ccui-red .ccui-kpi-icon{color:#fb7185;background:rgba(239,68,68,.18)}
.ccui-panel{border:1px solid rgba(125,211,252,.13)!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(17,30,50,.92),rgba(9,19,34,.94))!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important;overflow:hidden}
.ccui-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .85rem;border-bottom:1px solid rgba(148,163,184,.12)}
.ccui-panel-head h3{margin:0;color:#f8fbff;font-size:.86rem;font-weight:850}.ccui-panel-head h3 span{color:#8ea4c4;font-weight:600}.ccui-panel-head a{font-size:.68rem;color:#7dd3fc;text-decoration:none}
.ccui-range-pills{display:flex;gap:.28rem;flex-wrap:wrap}.ccui-range-pills span{padding:.24rem .42rem;border-radius:8px;color:#8fb7df;font-size:.63rem;font-weight:800}.ccui-range-pills .active{background:rgba(37,99,235,.28);color:#bfdbfe;box-shadow:inset 0 0 0 1px rgba(96,165,250,.35)}
.ccui-mini-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;padding:.75rem}
.ccui-mini-chart{min-width:0;border:1px solid rgba(148,163,184,.14);border-radius:13px;background:rgba(5,13,26,.40);padding:.65rem}.ccui-mini-chart header{display:flex;justify-content:space-between;align-items:start;gap:.5rem}.ccui-mini-chart header span{color:#dbeafe;font-size:.72rem;font-weight:800}.ccui-mini-chart header strong{color:#fff;font-size:1.1rem}.ccui-mini-chart svg{width:100%;height:92px;margin:.35rem 0}.ccui-mini-chart .grid{stroke:rgba(148,163,184,.13);stroke-width:1}.ccui-mini-chart polyline{stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(6,182,212,.18))}.ccui-chart-blue polyline{stroke:#38bdf8}.ccui-chart-violet polyline{stroke:#c084fc}.ccui-chart-amber polyline{stroke:#f59e0b}.ccui-chart-cyan polyline{stroke:#2dd4bf}.ccui-mini-chart footer{display:flex;justify-content:space-between;color:#8294af;font-size:.58rem}
.ccui-mid-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.25fr;gap:.65rem}.ccui-bottom-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr);gap:.65rem}
.ccui-donut{width:126px;height:126px;margin:.85rem auto;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#22c55e calc(var(--ccui-pct)*1%),#f59e0b 0 78%,#ef4444 0);box-shadow:0 12px 30px rgba(0,0,0,.24)}.ccui-donut>div{display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:#0d1728}.ccui-donut strong{color:#fff;font-size:1.45rem}.ccui-donut span{color:#9fb4cf;font-size:.66rem}
.ccui-risk-list,.ccui-priority-list,.ccui-service-list,.ccui-endpoint-bars,.ccui-timer-list,.ccui-feed-list{display:grid;gap:.48rem;padding:.75rem}.ccui-risk-list span,.ccui-priority-list div,.ccui-service-list div,.ccui-endpoint-bars a,.ccui-timer-list a{display:flex;align-items:center;justify-content:space-between;gap:.55rem;color:#dbeafe;text-decoration:none;font-size:.7rem}.ccui-risk-list i,.ccui-priority-list i,.ccui-service-list i{display:inline-block;width:8px;height:8px;margin-right:.35rem;border-radius:50%}.ccui-risk-list i.success,.ccui-priority-list i.success,.ccui-service-list i.success{background:#22c55e}.ccui-risk-list i.warning,.ccui-priority-list i.warning,.ccui-service-list i.warning,.ccui-priority-list i.medium{background:#f59e0b}.ccui-risk-list i.danger,.ccui-priority-list i.danger,.ccui-service-list i.danger,.ccui-priority-list i.critical,.ccui-priority-list i.high{background:#ef4444}.ccui-priority-list i.low{background:#38bdf8}
.ccui-timer-list a{justify-content:start}.ccui-timer-list a em{margin-left:auto;color:#bcd4f3;font-style:normal}.ccui-person{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#06b6d4);color:#fff;font-size:.62rem;font-weight:900}.ccui-timer-list small{display:block;color:#8da2c0}
.ccui-xdr-summary{display:grid;gap:.7rem;padding:.75rem}.ccui-xdr-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ccui-xdr-stats span{display:grid;gap:.16rem;padding:.6rem;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:rgba(255,255,255,.045)}.ccui-xdr-stats strong{color:#fff;font-size:1.08rem}.ccui-xdr-stats small{color:#9fb4cf;font-size:.58rem}.ccui-xdr-list{display:grid;gap:.46rem}.ccui-xdr-list a{display:grid;grid-template-columns:30px 1fr;gap:.12rem .55rem;padding:.48rem;border:1px solid rgba(148,163,184,.10);border-radius:12px;background:rgba(5,13,26,.22);text-decoration:none}.ccui-xdr-list a>span{grid-row:1/4;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff}.ccui-xdr-list a>span.danger{background:rgba(239,68,68,.24)}.ccui-xdr-list a>span.warning{background:rgba(245,158,11,.22)}.ccui-xdr-list strong{color:#eaf4ff;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccui-xdr-list small{color:#9fb4cf;font-size:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ccui-xdr-list em{color:#6f86a5;font-size:.56rem;font-style:normal}
.ccui-data-table{width:100%;border-collapse:collapse;color:#dbeafe;font-size:.7rem}.ccui-data-table th{padding:.62rem .75rem;color:#8fa6c7;font-size:.62rem;text-transform:uppercase;background:rgba(255,255,255,.025)}.ccui-data-table td{padding:.62rem .75rem;border-top:1px solid rgba(148,163,184,.10)}.ccui-data-table a{color:#93c5fd;text-decoration:none;font-weight:800}.ccui-data-table .badge{font-size:.6rem}
.ccui-endpoint-bars a{display:grid;grid-template-columns:1fr 120px 22px}.ccui-endpoint-bars b{display:block;height:8px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}.ccui-endpoint-bars b i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#ef4444)}.ccui-endpoint-bars em{font-style:normal;color:#cfe3ff;text-align:right}
.ccui-activity-rail{display:grid;gap:.85rem}.ccui-service-list div{display:grid;grid-template-columns:1fr auto 42px}.ccui-service-list b{font-size:.63rem}.ccui-service-list b.success{color:#4ade80;background:transparent}.ccui-service-list b.warning{color:#fbbf24;background:transparent}.ccui-service-list em{font-style:normal;text-align:right;color:#dbeafe}
.ccui-feed-list a{position:relative;display:grid;grid-template-columns:34px 1fr;gap:.2rem .6rem;padding:.55rem .65rem;border-top:1px solid rgba(148,163,184,.10);text-decoration:none}.ccui-feed-list a>span{grid-row:1/4;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff}.ccui-feed-list a>span.danger{background:rgba(239,68,68,.25)}.ccui-feed-list a>span.primary{background:rgba(37,99,235,.25)}.ccui-feed-list strong{color:#eaf4ff;font-size:.7rem}.ccui-feed-list small{color:#9fb4cf;font-size:.62rem}.ccui-feed-list em{color:#6f86a5;font-size:.58rem;font-style:normal}.ccui-feed-all{display:block;margin:.65rem .75rem .75rem;padding:.55rem;border:1px solid rgba(96,165,250,.28);border-radius:10px;color:#93c5fd;text-align:center;text-decoration:none;font-weight:800;font-size:.7rem}
.ccui-quick-panel{padding:.75rem}.ccui-quick-panel h3{color:#fff;font-size:.82rem;margin:0 0 .65rem}.ccui-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.ccui-quick-grid a{display:grid;place-items:center;gap:.35rem;min-height:74px;border:1px solid rgba(148,163,184,.12);border-radius:14px;background:rgba(255,255,255,.045);color:#dbeafe;text-align:center;text-decoration:none;font-size:.62rem}.ccui-quick-grid i{font-size:1.15rem;color:#38bdf8}.ccui-empty{padding:1rem;color:#8fa6c7;text-align:center;font-size:.72rem}
@media(max-width:1400px){.ccui-dashboard-grid{grid-template-columns:1fr}.ccui-activity-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.ccui-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.ccui-mid-grid,.ccui-bottom-grid,.ccui-activity-rail{grid-template-columns:1fr}.ccui-mini-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccui-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ccui-native[data-cc10-route="dashboard"] .cc10-content{padding:.65rem!important}.ccui-command-title{display:grid}.ccui-command-actions{overflow:auto;flex-wrap:nowrap}.ccui-kpi-grid,.ccui-mini-chart-grid{grid-template-columns:1fr}.ccui-kpi{min-height:84px}.ccui-quick-grid{grid-template-columns:repeat(2,1fr)}.ccui-endpoint-bars a{grid-template-columns:1fr 90px 22px}.ccui-data-table{min-width:42rem}}

/* v10.20.11 native concept system for RMM, Assets, Tickets, Companies, Settings and form/table workspaces */
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-main{
  background:
    radial-gradient(circle at 14% 0,rgba(6,182,212,.10),transparent 22rem),
    radial-gradient(circle at 82% 3%,rgba(124,58,237,.11),transparent 28rem),
    linear-gradient(135deg,#07111f,#081423 48%,#0b1220)!important;
  color:#dbeafe;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content-header{padding:.8rem 1rem .55rem!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content-header h1{color:#fff;font-size:1.08rem;font-weight:900;letter-spacing:-.025em}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content-header p,
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-breadcrumb{color:#8da2c0!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content{padding:.45rem 1rem 1.35rem!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-workspace,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-fallback{color:#dbeafe}
.ccui-native:not([data-cc10-route="dashboard"]) .card,
.ccui-native:not([data-cc10-route="dashboard"]) section.card,
.ccui-native:not([data-cc10-route="dashboard"]) article.card,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-card,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-section,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-fallback section,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-fallback article,
.ccui-native:not([data-cc10-route="dashboard"]) .asset-panel,
.ccui-native:not([data-cc10-route="dashboard"]) .asset-workspace-main,
.ccui-native:not([data-cc10-route="dashboard"]) .info-panel{
  border:1px solid rgba(125,211,252,.13)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(17,30,50,.92),rgba(9,19,34,.94))!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
  color:#dbeafe!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .card-header,
.ccui-native:not([data-cc10-route="dashboard"]) .card-footer,
.ccui-native:not([data-cc10-route="dashboard"]) .section-head,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-section-header{
  background:rgba(255,255,255,.025)!important;
  border-color:rgba(148,163,184,.12)!important;
  color:#eaf4ff!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) h1,
.ccui-native:not([data-cc10-route="dashboard"]) h2,
.ccui-native:not([data-cc10-route="dashboard"]) h3,
.ccui-native:not([data-cc10-route="dashboard"]) h4,
.ccui-native:not([data-cc10-route="dashboard"]) .card-title{color:#f8fbff!important}
.ccui-native:not([data-cc10-route="dashboard"]) p,
.ccui-native:not([data-cc10-route="dashboard"]) small,
.ccui-native:not([data-cc10-route="dashboard"]) .muted,
.ccui-native:not([data-cc10-route="dashboard"]) .text-body-secondary{color:#9fb4cf!important}
.ccui-native:not([data-cc10-route="dashboard"]) .btn{border-radius:12px!important;font-weight:800}
.ccui-native:not([data-cc10-route="dashboard"]) .btn-primary,
.ccui-native:not([data-cc10-route="dashboard"]) .btn.primary{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border-color:rgba(125,211,252,.45)!important;color:#fff!important;box-shadow:0 12px 28px rgba(37,99,235,.22)}
.ccui-native:not([data-cc10-route="dashboard"]) .btn-outline-primary,
.ccui-native:not([data-cc10-route="dashboard"]) .btn.secondary,
.ccui-native:not([data-cc10-route="dashboard"]) .btn-outline-secondary{color:#cfe3ff!important;background:rgba(8,20,38,.62)!important;border-color:rgba(96,165,250,.24)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .tabs,
.ccui-native:not([data-cc10-route="dashboard"]) .nav-tabs,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-tabs{display:flex;gap:.4rem;overflow:auto;border-color:rgba(148,163,184,.12)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .tabs a,
.ccui-native:not([data-cc10-route="dashboard"]) .nav-tabs .nav-link,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-tabs .nav-link{border:1px solid rgba(96,165,250,.20)!important;border-radius:999px!important;background:rgba(255,255,255,.04)!important;color:#cfe3ff!important;font-weight:800}
.ccui-native:not([data-cc10-route="dashboard"]) .tabs a.active,
.ccui-native:not([data-cc10-route="dashboard"]) .nav-tabs .nav-link.active,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-tabs .nav-link.active{background:linear-gradient(135deg,rgba(37,99,235,.55),rgba(6,182,212,.34))!important;color:#fff!important}
.ccui-native:not([data-cc10-route="dashboard"]) .table-wrap,
.ccui-native:not([data-cc10-route="dashboard"]) .table-responsive{border:1px solid rgba(148,163,184,.12)!important;border-radius:14px!important;background:rgba(5,13,26,.30)!important;overflow:auto}
.ccui-native:not([data-cc10-route="dashboard"]) table,
.ccui-native:not([data-cc10-route="dashboard"]) .table,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table{color:#dbeafe!important;background:transparent!important}
.ccui-native:not([data-cc10-route="dashboard"]) table th,
.ccui-native:not([data-cc10-route="dashboard"]) .table th,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table th,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table th{background:rgba(255,255,255,.045)!important;color:#8fa6c7!important;border-color:rgba(148,163,184,.12)!important;text-transform:uppercase;letter-spacing:.045em;font-size:.62rem}
.ccui-native:not([data-cc10-route="dashboard"]) table td,
.ccui-native:not([data-cc10-route="dashboard"]) .table td,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table td,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table td{border-color:rgba(148,163,184,.10)!important;color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) tbody tr:hover{background:rgba(14,165,233,.07)!important}
.ccui-native:not([data-cc10-route="dashboard"]) input,
.ccui-native:not([data-cc10-route="dashboard"]) select,
.ccui-native:not([data-cc10-route="dashboard"]) textarea,
.ccui-native:not([data-cc10-route="dashboard"]) .form-control,
.ccui-native:not([data-cc10-route="dashboard"]) .form-select{background:rgba(5,13,26,.52)!important;border:1px solid rgba(148,163,184,.22)!important;color:#eaf4ff!important;border-radius:12px!important}
.ccui-native:not([data-cc10-route="dashboard"]) input:focus,
.ccui-native:not([data-cc10-route="dashboard"]) select:focus,
.ccui-native:not([data-cc10-route="dashboard"]) textarea:focus{border-color:rgba(6,182,212,.65)!important;box-shadow:0 0 0 .18rem rgba(6,182,212,.14)!important}
.ccui-native:not([data-cc10-route="dashboard"]) label{color:#cfe3ff!important;font-weight:800}
.ccui-native:not([data-cc10-route="dashboard"]) .grid>*,
.ccui-native:not([data-cc10-route="dashboard"]) .stat,
.ccui-native:not([data-cc10-route="dashboard"]) .info-box,
.ccui-native:not([data-cc10-route="dashboard"]) .summary-grid>*{background:rgba(255,255,255,.045)!important;border:1px solid rgba(148,163,184,.12)!important;border-radius:14px!important;color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) .rmm-console,
.ccui-native:not([data-cc10-route="dashboard"]) .file-manager{background:#0f1d2e!important}
@media(max-width:640px){.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content{padding:.65rem!important}.ccui-native:not([data-cc10-route="dashboard"]) .card,.ccui-native:not([data-cc10-route="dashboard"]) section.card{border-radius:14px!important}}

/* v10.20.13 native page shell, readable contrast and dense operations workspaces */
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content-header{display:none!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content{padding:1rem!important}
.ccui-page-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"main actions" "metrics metrics";
  gap:.85rem;
  margin:.1rem 0 1rem;
  padding:.95rem;
  border:1px solid rgba(125,211,252,.16);
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 0,rgba(6,182,212,.18),transparent 18rem),
    radial-gradient(circle at 86% 0,rgba(124,58,237,.16),transparent 20rem),
    linear-gradient(145deg,rgba(18,32,54,.95),rgba(8,18,33,.96));
  box-shadow:0 24px 58px rgba(0,0,0,.26);
  overflow:hidden;
}
.ccui-page-hero::after{content:"";position:absolute;inset:auto -6rem -6rem auto;width:17rem;height:17rem;border-radius:999px;background:radial-gradient(circle,rgba(59,130,246,.14),transparent 68%);pointer-events:none}
.ccui-page-hero-main{grid-area:main;position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;min-width:0}
.ccui-page-icon{display:grid;place-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:16px;color:#67e8f9;background:linear-gradient(145deg,rgba(14,165,233,.22),rgba(124,58,237,.18));box-shadow:inset 0 0 0 1px rgba(125,211,252,.20),0 14px 30px rgba(6,182,212,.10)}
.ccui-page-icon i{font-size:1.3rem}
.ccui-page-hero-main p{margin:0;color:#8fb7df!important;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}
.ccui-page-hero-main h2{margin:.1rem 0;color:#fff!important;font-size:1.35rem;font-weight:950;letter-spacing:-.035em}
.ccui-page-hero-main small{display:block;max-width:60rem;color:#b9cae4!important;font-size:.78rem;line-height:1.45}
.ccui-page-actions{grid-area:actions;position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}
.ccui-page-actions .btn{min-height:36px}
.ccui-page-metrics{grid-area:metrics;position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.62rem}
.ccui-page-metric{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.62rem;align-items:center;min-height:78px;padding:.72rem;border:1px solid rgba(148,163,184,.13);border-radius:15px;background:rgba(5,13,26,.36);color:#dbeafe!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.ccui-page-metric:hover{transform:translateY(-1px);border-color:rgba(125,211,252,.30);background:rgba(9,24,43,.68)}
.ccui-page-metric>span{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.055)}
.ccui-page-metric strong{display:block;color:#fff;font-size:1.15rem;line-height:1}
.ccui-page-metric small{display:block;margin-top:.1rem;color:#d3e4fb!important;font-size:.68rem;font-weight:850}
.ccui-page-metric em{display:block;color:#8ea6c5;font-size:.58rem;font-style:normal}
.ccui-page-metric.ccui-cyan>span{color:#38bdf8;background:rgba(14,165,233,.18)}
.ccui-page-metric.ccui-green>span{color:#86efac;background:rgba(34,197,94,.15)}
.ccui-page-metric.ccui-amber>span{color:#fbbf24;background:rgba(245,158,11,.18)}
.ccui-page-metric.ccui-red>span{color:#fb7185;background:rgba(239,68,68,.18)}
.ccui-page-metric.ccui-violet>span{color:#c4b5fd;background:rgba(124,58,237,.20)}
@media(min-width:1101px){.ccui-page-crm .ccui-page-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:641px) and (max-width:1100px){.ccui-page-crm .ccui-page-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page{display:grid;gap:.85rem}
.ccui-native:not([data-cc10-route="dashboard"]) .card-body,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-card-body,
.ccui-native:not([data-cc10-route="dashboard"]) .modal-body{color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) .text-muted,
.ccui-native:not([data-cc10-route="dashboard"]) .form-text,
.ccui-native:not([data-cc10-route="dashboard"]) .help,
.ccui-native:not([data-cc10-route="dashboard"]) .card-subtitle,
.ccui-native:not([data-cc10-route="dashboard"]) .description{color:#a9bdd6!important}
.ccui-native:not([data-cc10-route="dashboard"]) a:not(.btn):not(.nav-link):not(.dropdown-item):not(.ccui-page-metric){color:#93c5fd}
.ccui-native:not([data-cc10-route="dashboard"]) a:not(.btn):not(.nav-link):not(.dropdown-item):hover{color:#cffafe}
.ccui-native:not([data-cc10-route="dashboard"]) .bg-white,
.ccui-native:not([data-cc10-route="dashboard"]) .bg-light,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item,
.ccui-native:not([data-cc10-route="dashboard"]) .dropdown-menu,
.ccui-native:not([data-cc10-route="dashboard"]) .modal-content,
.ccui-native:not([data-cc10-route="dashboard"]) .offcanvas{
  background:linear-gradient(145deg,rgba(17,30,50,.98),rgba(9,19,34,.98))!important;
  border-color:rgba(148,163,184,.16)!important;
  color:#dbeafe!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .dropdown-item{color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) .dropdown-item:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .dropdown-item:focus{background:rgba(14,165,233,.12)!important;color:#fff!important}
.ccui-native:not([data-cc10-route="dashboard"]) .badge.text-bg-light,
.ccui-native:not([data-cc10-route="dashboard"]) .badge.bg-light,
.ccui-native:not([data-cc10-route="dashboard"]) .badge.text-bg-secondary,
.ccui-native:not([data-cc10-route="dashboard"]) .badge.bg-secondary{background:rgba(96,165,250,.16)!important;color:#dbeafe!important;border:1px solid rgba(96,165,250,.22)}
.ccui-native:not([data-cc10-route="dashboard"]) .alert{border-radius:15px!important;border-color:rgba(125,211,252,.22)!important;background:rgba(8,20,38,.82)!important;color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) .alert-success{border-color:rgba(34,197,94,.28)!important;color:#dcfce7!important}
.ccui-native:not([data-cc10-route="dashboard"]) .alert-warning{border-color:rgba(245,158,11,.32)!important;color:#fef3c7!important}
.ccui-native:not([data-cc10-route="dashboard"]) .alert-danger{border-color:rgba(239,68,68,.32)!important;color:#fee2e2!important}
.ccui-native:not([data-cc10-route="dashboard"]) .table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-bg-type:rgba(255,255,255,.025)!important;color:#dbeafe!important}
.ccui-native:not([data-cc10-route="dashboard"]) .table-hover>tbody>tr:hover>*{--bs-table-bg-state:rgba(14,165,233,.09)!important;color:#fff!important}
.ccui-native:not([data-cc10-route="dashboard"]) .table .btn,
.ccui-native:not([data-cc10-route="dashboard"]) table .btn{padding:.32rem .55rem;font-size:.68rem}
.ccui-native:not([data-cc10-route="dashboard"]) ::placeholder{color:#7f93b1!important;opacity:1}
.ccui-native:not([data-cc10-route="dashboard"]) option{background:#0f1d2e;color:#eaf4ff}
.ccui-native:not([data-cc10-route="dashboard"]) input:disabled,
.ccui-native:not([data-cc10-route="dashboard"]) select:disabled,
.ccui-native:not([data-cc10-route="dashboard"]) textarea:disabled{background:rgba(30,41,59,.56)!important;color:#8fa6c7!important}
.ccui-native:not([data-cc10-route="dashboard"]) .form-check-input{width:2.35rem;height:1.18rem;border-radius:999px!important;background-color:rgba(15,29,46,.95)!important;background-image:none!important}
.ccui-native:not([data-cc10-route="dashboard"]) .form-check-input:checked{background-color:#06b6d4!important;border-color:#67e8f9!important;box-shadow:0 0 0 .18rem rgba(6,182,212,.12)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .pagination .page-link{background:rgba(8,20,38,.72)!important;border-color:rgba(96,165,250,.20)!important;color:#cfe3ff!important}
.ccui-native:not([data-cc10-route="dashboard"]) .pagination .active .page-link{background:linear-gradient(135deg,#2563eb,#06b6d4)!important;color:#fff!important}
.ccui-native:not([data-cc10-route="dashboard"]) .rmm-console,
.ccui-native:not([data-cc10-route="dashboard"]) .file-manager{border-radius:18px!important;box-shadow:0 22px 52px rgba(0,0,0,.28)!important}
@media(max-width:1100px){.ccui-page-hero{grid-template-columns:1fr;grid-template-areas:"main" "actions" "metrics"}.ccui-page-actions{justify-content:flex-start}.ccui-page-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content{padding:.7rem!important}.ccui-page-hero{padding:.78rem;border-radius:17px}.ccui-page-hero-main{align-items:flex-start}.ccui-page-icon{width:42px;height:42px}.ccui-page-hero-main h2{font-size:1.05rem}.ccui-page-actions{overflow:auto;flex-wrap:nowrap;padding-bottom:.1rem}.ccui-page-metrics{grid-template-columns:1fr}.ccui-page-metric{min-height:68px}.ccui-native:not([data-cc10-route="dashboard"]) .table-responsive table{min-width:46rem}}

/* v10.20.16 page-local top navigation and dropdown submenus */
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav{
  position:sticky;
  top:74px;
  z-index:45;
  display:flex!important;
  align-items:center;
  gap:.42rem!important;
  width:100%;
  margin:.25rem 0 .95rem!important;
  padding:.48rem!important;
  border:1px solid rgba(125,211,252,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(12,25,43,.90),rgba(7,17,31,.92))!important;
  box-shadow:0 16px 36px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px);
  overflow:visible!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav::before{
  content:"Page";
  flex:0 0 auto;
  padding:.38rem .52rem;
  border-radius:10px;
  color:#7dd3fc;
  background:rgba(14,165,233,.10);
  font-size:.62rem;
  font-weight:950;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav>a.nav-link,
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav>.nav-link{
  flex:0 0 auto;
  min-height:34px;
  display:inline-flex!important;
  align-items:center;
  gap:.35rem;
  padding:.48rem .7rem!important;
  border:1px solid rgba(96,165,250,.20)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  color:#cfe3ff!important;
  font-size:.68rem!important;
  font-weight:850!important;
  white-space:nowrap;
}
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav>a.nav-link.active,
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav>.nav-link.active{
  background:linear-gradient(135deg,rgba(37,99,235,.62),rgba(6,182,212,.34))!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(37,99,235,.18);
}
.cc101-subnav-group{
  position:relative;
  flex:0 0 auto;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.cc101-subnav-trigger{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.48rem .7rem;
  border:1px solid rgba(96,165,250,.20);
  border-radius:12px;
  background:rgba(255,255,255,.045);
  color:#dbeafe;
  font-size:.68rem;
  font-weight:900;
  white-space:nowrap;
}
.cc101-subnav-trigger i{font-size:.65rem;color:#8fb7df;transition:transform .14s ease}
.cc101-subnav-group:hover>.cc101-subnav-trigger,
.cc101-subnav-group:focus-within>.cc101-subnav-trigger,
.cc101-subnav-group.is-open>.cc101-subnav-trigger{
  border-color:rgba(125,211,252,.36);
  background:linear-gradient(135deg,rgba(37,99,235,.42),rgba(6,182,212,.20));
  color:#fff;
}
.cc101-subnav-group:hover>.cc101-subnav-trigger i,
.cc101-subnav-group:focus-within>.cc101-subnav-trigger i,
.cc101-subnav-group.is-open>.cc101-subnav-trigger i{transform:rotate(180deg)}
.cc101-subnav-menu{
  position:absolute;
  left:0;
  top:calc(100% + .48rem);
  min-width:230px;
  max-width:min(560px,calc(100vw - 2rem));
  display:grid!important;
  grid-template-columns:1fr;
  gap:.28rem!important;
  padding:.52rem!important;
  border:1px solid rgba(125,211,252,.18)!important;
  border-radius:15px!important;
  background:linear-gradient(145deg,rgba(12,26,44,.98),rgba(6,14,27,.98))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.38)!important;
  opacity:0;
  transform:translateY(-5px) scale(.985);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.cc101-subnav-group:hover>.cc101-subnav-menu,
.cc101-subnav-group:focus-within>.cc101-subnav-menu,
.cc101-subnav-group.is-open>.cc101-subnav-menu{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.cc101-subnav-menu>a.nav-link,
.cc101-subnav-menu .nav-link{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:34px;
  padding:.5rem .62rem!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#cfe3ff!important;
  font-size:.68rem!important;
  font-weight:800!important;
  white-space:nowrap;
}
.cc101-subnav-menu>a.nav-link:hover,
.cc101-subnav-menu .nav-link:hover,
.cc101-subnav-menu>a.nav-link.active,
.cc101-subnav-menu .nav-link.active{
  border-color:rgba(96,165,250,.22)!important;
  background:rgba(14,165,233,.12)!important;
  color:#fff!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-card>.card-body>nav.cc101-page-subnav:first-child,
.ccui-native:not([data-cc10-route="dashboard"]) .rmm-workspace-body>nav.cc101-page-subnav:first-child{margin-top:-.2rem!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page:has(> .ccui-generated-subnav) .cc101-card>.card-body>nav.cc101-page-subnav:first-child{display:none!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page:has(> .ccui-generated-subnav) nav.cc101-page-subnav:not(.ccui-generated-subnav){display:none!important}
@media(max-width:991.98px){
  .ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav{top:62px;overflow:auto!important;scrollbar-width:thin}
  .cc101-subnav-menu{position:fixed;left:.75rem;right:.75rem;top:8.2rem;max-width:none;max-height:65vh;overflow:auto}
}
@media(max-width:640px){
  .ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav{top:58px;margin:.15rem 0 .75rem!important}
  .ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav::before{display:none}
}

/* v10.20.14 RMM telemetry follows the Command Center mini-chart language */
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-card{
  overflow:visible!important;
  background:linear-gradient(145deg,rgba(17,30,50,.92),rgba(9,19,34,.94))!important;
  border-color:rgba(125,211,252,.13)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.22)!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-card>.section-head{
  align-items:flex-start;
  border-bottom:1px solid rgba(148,163,184,.12)!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-ranges{display:flex;gap:.28rem;flex-wrap:wrap;justify-content:flex-end;max-width:620px}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-range{
  min-height:28px;
  padding:.24rem .48rem;
  border:1px solid rgba(96,165,250,.20);
  border-radius:8px;
  background:transparent;
  color:#8fb7df;
  font-size:.63rem;
  font-weight:850;
  line-height:1;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-range:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-range.active{
  background:rgba(37,99,235,.28);
  border-color:rgba(96,165,250,.38);
  color:#bfdbfe;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.16);
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.65rem!important;
  margin:0!important;
  padding:.75rem!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card{
  min-width:0;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:13px!important;
  background:rgba(5,13,26,.40)!important;
  box-shadow:none!important;
  overflow:hidden;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:.5rem;
  padding:.65rem .65rem .25rem!important;
  border:0!important;
  background:transparent!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card header strong{color:#dbeafe!important;font-size:.72rem!important;font-weight:850}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card header span{color:#8da2c0!important;font-size:.55rem!important;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot{min-height:118px!important;padding:.1rem .45rem .25rem!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-svg{width:100%!important;height:118px!important;margin:0!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-gridline{stroke:rgba(148,163,184,.13)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-axis{fill:#8294af!important;font-size:20px!important;font-weight:750}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-line{filter:drop-shadow(0 4px 8px rgba(6,182,212,.18));stroke-width:4!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-dot{r:4!important;stroke:rgba(5,13,26,.9)!important;stroke-width:2!important}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card footer{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem .6rem;
  padding:0 .65rem .65rem!important;
  color:#8294af!important;
  font-size:.58rem!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card footer span{display:inline-flex;align-items:center;gap:.3rem}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-plot-card footer i{display:inline-block;width:9px;height:9px;border-radius:999px}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-empty,
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-loading{min-height:118px;color:#8fa6c7;font-size:.72rem}
.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-tooltip{border-color:rgba(96,165,250,.28)!important;background:#061225!important;color:#fff!important;box-shadow:0 16px 34px rgba(0,0,0,.34)!important}
.cc-telemetry-sample-popover{position:relative;display:flex;justify-content:flex-end;padding:0 .75rem .78rem}
.cc-telemetry-sample-trigger{position:relative;z-index:3}
.cc-telemetry-sample-flyout{
  position:absolute;
  z-index:60;
  top:calc(100% - .35rem);
  right:.75rem;
  width:min(760px,calc(100vw - 3rem));
  max-height:390px;
  overflow:auto;
  padding:.72rem;
  border:1px solid rgba(125,211,252,.22);
  border-radius:16px;
  background:linear-gradient(145deg,rgba(12,26,44,.98),rgba(6,14,27,.98));
  box-shadow:0 28px 70px rgba(0,0,0,.42);
  opacity:0;
  transform:translateY(-4px) scale(.985);
  pointer-events:none;
  transition:opacity .14s ease,transform .14s ease;
}
.cc-telemetry-sample-popover:hover .cc-telemetry-sample-flyout,
.cc-telemetry-sample-popover:focus-within .cc-telemetry-sample-flyout{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.cc-telemetry-sample-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;color:#f8fbff}
.cc-telemetry-sample-flyout .table-wrap{max-height:285px;margin:0!important;border-radius:12px!important}
.cc-telemetry-sample-flyout .modern-table th,
.cc-telemetry-sample-flyout .modern-table td{font-size:.68rem!important;white-space:nowrap}
@media(max-width:1350px){.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-card>.section-head{display:grid!important}.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-ranges{justify-content:flex-start}.ccui-native:not([data-cc10-route="dashboard"]) .cc-telemetry-grid{grid-template-columns:1fr!important;padding:.6rem!important}.cc-telemetry-sample-popover{justify-content:stretch}.cc-telemetry-sample-trigger{width:100%}.cc-telemetry-sample-flyout{position:fixed;left:.75rem;right:.75rem;top:auto;bottom:.75rem;width:auto;max-height:72vh}}

/* v10.20.18 absolute table/list dark-mode hardening and CRM quick actions */
.ccui-native:not([data-cc10-route="dashboard"]) .cc10-content,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-page *{box-sizing:border-box}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-layout,
.ccui-native:not([data-cc10-route="dashboard"]) .row,
.ccui-native:not([data-cc10-route="dashboard"]) .grid{max-width:100%;min-width:0}
.ccui-native:not([data-cc10-route="dashboard"]) .grid.two,
.ccui-native:not([data-cc10-route="dashboard"]) .row.g-3{gap:.85rem}
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-card,
.ccui-native:not([data-cc10-route="dashboard"]) .card,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-section{min-width:0;overflow:visible}
.ccui-native:not([data-cc10-route="dashboard"]) .card-body,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-card .card-body{min-width:0;overflow:visible}
.ccui-native:not([data-cc10-route="dashboard"]) .table-wrap,
.ccui-native:not([data-cc10-route="dashboard"]) .table-responsive,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTables_wrapper,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-list,
.ccui-native:not([data-cc10-route="dashboard"]) .activity-list{
  max-width:100%;
  min-width:0;
  overflow:auto!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:15px!important;
  background:rgba(5,13,26,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) table,
.ccui-native:not([data-cc10-route="dashboard"]) .table,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTable{
  width:100%;
  border-collapse:separate!important;
  border-spacing:0!important;
  --bs-table-bg:transparent!important;
  --bs-table-striped-bg:rgba(255,255,255,.025)!important;
  --bs-table-hover-bg:rgba(14,165,233,.08)!important;
  --bs-table-color:#dbeafe!important;
  --bs-table-striped-color:#dbeafe!important;
  --bs-table-hover-color:#fff!important;
  background:transparent!important;
  color:#dbeafe!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) table *,
.ccui-native:not([data-cc10-route="dashboard"]) .table *,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table *,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table *,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTable *{background-color:transparent}
.ccui-native:not([data-cc10-route="dashboard"]) table thead,
.ccui-native:not([data-cc10-route="dashboard"]) .table thead,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table thead,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table thead{background:rgba(255,255,255,.045)!important}
.ccui-native:not([data-cc10-route="dashboard"]) table th,
.ccui-native:not([data-cc10-route="dashboard"]) table td,
.ccui-native:not([data-cc10-route="dashboard"]) .table th,
.ccui-native:not([data-cc10-route="dashboard"]) .table td,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table th,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table td,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table th,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table td,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTable th,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTable td{
  border-color:rgba(148,163,184,.10)!important;
  background-color:transparent!important;
  color:#dbeafe!important;
  vertical-align:middle;
}
.ccui-native:not([data-cc10-route="dashboard"]) table th,
.ccui-native:not([data-cc10-route="dashboard"]) .table th,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table th,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table th,
.ccui-native:not([data-cc10-route="dashboard"]) .dataTable th{
  background:rgba(255,255,255,.045)!important;
  color:#9bb5d6!important;
  font-size:.64rem!important;
  font-weight:900!important;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.ccui-native:not([data-cc10-route="dashboard"]) table tr,
.ccui-native:not([data-cc10-route="dashboard"]) .table tr,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table tr,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table tr{background:transparent!important}
.ccui-native:not([data-cc10-route="dashboard"]) table tbody tr:nth-child(odd),
.ccui-native:not([data-cc10-route="dashboard"]) .table tbody tr:nth-child(odd),
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table tbody tr:nth-child(odd),
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table tbody tr:nth-child(odd){background:rgba(255,255,255,.018)!important}
.ccui-native:not([data-cc10-route="dashboard"]) table tbody tr:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .table tbody tr:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table tbody tr:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table tbody tr:hover{background:rgba(14,165,233,.08)!important}
.ccui-native:not([data-cc10-route="dashboard"]) table a:not(.btn),
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table a:not(.btn),
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table a:not(.btn){color:#93c5fd!important;font-weight:850;text-decoration:none}
.ccui-native:not([data-cc10-route="dashboard"]) table small,
.ccui-native:not([data-cc10-route="dashboard"]) table .muted,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-table small,
.ccui-native:not([data-cc10-route="dashboard"]) .cc101-table small{color:#9fb4cf!important}
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item,
.ccui-native:not([data-cc10-route="dashboard"]) li.list-group-item,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-list>li,
.ccui-native:not([data-cc10-route="dashboard"]) .activity-list>li,
.ccui-native:not([data-cc10-route="dashboard"]) .rmm-attention-list li{
  border-color:rgba(148,163,184,.12)!important;
  background:rgba(5,13,26,.28)!important;
  color:#dbeafe!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .modern-list>li:hover,
.ccui-native:not([data-cc10-route="dashboard"]) .activity-list>li:hover{background:rgba(14,165,233,.08)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .empty-state,
.ccui-native:not([data-cc10-route="dashboard"]) td[colspan],
.ccui-native:not([data-cc10-route="dashboard"]) .no-records{color:#a9bdd6!important;background:rgba(5,13,26,.20)!important}
.ccui-native:not([data-cc10-route="dashboard"]) .grid.stats,
.ccui-native:not([data-cc10-route="dashboard"]) .summary-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important;
  gap:.65rem!important;
  margin:.65rem 0 0!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .stat,
.ccui-native:not([data-cc10-route="dashboard"]) .summary-grid>div{
  display:grid!important;
  gap:.18rem!important;
  min-width:0!important;
  min-height:70px!important;
  padding:.72rem!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(13,28,48,.88),rgba(6,16,31,.88))!important;
  color:#dbeafe!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .stat span,
.ccui-native:not([data-cc10-route="dashboard"]) .summary-grid span{
  display:block!important;
  margin:0!important;
  color:#9fb4cf!important;
  font-size:.62rem!important;
  font-weight:850!important;
  letter-spacing:.035em!important;
  text-transform:uppercase!important;
  line-height:1.25!important;
}
.ccui-native:not([data-cc10-route="dashboard"]) .stat strong,
.ccui-native:not([data-cc10-route="dashboard"]) .summary-grid strong{
  display:block!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:950!important;
  line-height:1.08!important;
  overflow-wrap:anywhere!important;
}
.ccui-page-quick-actions{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.65rem;
  margin:-.35rem 0 .95rem;
}
.ccui-page-quick-actions a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.1rem .62rem;
  align-items:center;
  min-height:72px;
  padding:.72rem;
  border:1px solid rgba(148,163,184,.14);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(17,30,50,.86),rgba(8,18,33,.88));
  color:#dbeafe!important;
  text-decoration:none!important;
  box-shadow:0 14px 32px rgba(0,0,0,.18);
}
.ccui-page-quick-actions a:hover{transform:translateY(-1px);border-color:rgba(125,211,252,.34);background:linear-gradient(145deg,rgba(21,42,68,.92),rgba(9,24,43,.92))}
.ccui-page-quick-actions span{grid-row:1/3;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#67e8f9;background:rgba(14,165,233,.16)}
.ccui-page-quick-actions strong{display:block;color:#fff;font-size:.78rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccui-page-quick-actions small{display:block;color:#9fb4cf!important;font-size:.62rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ccui-native:not([data-cc10-route="dashboard"]) nav.cc101-page-subnav{
  flex-wrap:wrap!important;
  align-content:flex-start;
  max-width:100%;
  min-width:0;
}
.ccui-page-actions{max-width:100%;min-width:0;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}
.ccui-page-actions .btn{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ccui-page-quick-actions{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));max-width:100%;min-width:0}
.cc101-subnav-group{max-width:100%}
.cc101-subnav-group:last-child>.cc101-subnav-menu,
.cc101-subnav-group:nth-last-child(2)>.cc101-subnav-menu,
.ccui-generated-subnav>.cc101-subnav-group:last-child>.cc101-subnav-menu,
.ccui-generated-subnav>.cc101-subnav-group:nth-last-child(2)>.cc101-subnav-menu{left:auto;right:0}
.cc101-subnav-trigger{max-width:100%;overflow:hidden}
.cc101-subnav-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cc101-subnav-menu{max-width:min(420px,calc(100vw - 2rem));overflow:auto}
.cc101-subnav-menu>a.nav-link,
.cc101-subnav-menu .nav-link{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ccui-native:not([data-cc10-route="dashboard"]) table .text-dark,
.ccui-native:not([data-cc10-route="dashboard"]) table .text-body,
.ccui-native:not([data-cc10-route="dashboard"]) table .text-black,
.ccui-native:not([data-cc10-route="dashboard"]) table .text-muted,
.ccui-native:not([data-cc10-route="dashboard"]) table .text-secondary,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .text-dark,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .text-body,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .text-black,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .text-muted,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .text-secondary{color:#9fb4cf!important}
.ccui-native:not([data-cc10-route="dashboard"]) table .badge,
.ccui-native:not([data-cc10-route="dashboard"]) .list-group-item .badge{color:#06111f!important}
@media(max-width:1350px){.ccui-page-quick-actions{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}
@media(max-width:760px){.ccui-page-quick-actions{grid-template-columns:1fr}.cc101-subnav-group:last-child>.cc101-subnav-menu,.cc101-subnav-group:nth-last-child(2)>.cc101-subnav-menu{left:.75rem;right:.75rem;max-width:calc(100vw - 1.5rem)}}