
:root{
  --panel-bg:#0b1220;
  --panel-sidebar:#0f172a;
  --panel-sidebar-border:rgba(255,255,255,.06);
  --panel-card:#111827;
  --panel-card-border:rgba(148,163,184,.14);
  --panel-topbar:#0f172a;
  --panel-accent:#3b82f6;
  --panel-accent-soft:rgba(59,130,246,.18);
  --panel-text:#e5edf8;
  --panel-muted:#94a3b8;
}

body{
  background:linear-gradient(180deg,#09111f 0%, #0b1220 100%);
  color:var(--panel-text);
}

.page{
  min-height:100vh;
}

.panel-sidebar{
  background:var(--panel-sidebar) !important;
  border-right:1px solid var(--panel-sidebar-border);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.02);
}

.panel-sidebar .navbar-brand a{
  display:flex;
  align-items:center;
  gap:.85rem;
  text-decoration:none;
}

.brand-mark{
  width:2.25rem;
  height:2.25rem;
  border-radius:.9rem;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  color:#fff;
  font-weight:800;
  box-shadow:0 10px 30px rgba(37,99,235,.28);
}

.brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.05;
}

.brand-title{
  color:#fff;
  font-weight:700;
  letter-spacing:.02em;
}

.brand-subtitle{
  color:var(--panel-muted);
  font-size:.73rem;
}

.panel-sidebar .nav-link{
  color:#cbd5e1;
  border-radius:.85rem;
  margin:.18rem .45rem;
  padding:.8rem .9rem;
  transition:all .18s ease;
}

.panel-sidebar .nav-link:hover{
  background:rgba(255,255,255,.04);
  color:#fff;
}

.panel-sidebar .nav-item.active > .nav-link{
  background:linear-gradient(90deg, var(--panel-accent-soft), rgba(59,130,246,.05));
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.18);
}

.panel-sidebar .nav-link-icon{
  color:#93c5fd;
}

.upgrade-box{
  border:1px solid rgba(96,165,250,.18);
  border-radius:1rem;
  background:linear-gradient(180deg,rgba(59,130,246,.15),rgba(59,130,246,.05));
  padding:.95rem;
}

.upgrade-label{
  color:#93c5fd;
  font-size:.72rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:.25rem;
}

.upgrade-value{
  color:#fff;
  font-size:1rem;
  font-weight:700;
}

.upgrade-meta{
  color:#cbd5e1;
  font-size:.78rem;
}

.page-wrapper{
  background:transparent;
}

.panel-topbar{
  background:transparent;
  border-bottom:1px solid rgba(255,255,255,.05);
  padding-top:1rem;
  padding-bottom:1rem;
}

.page-pretitle{
  color:var(--panel-muted);
}

.page-title{
  color:#fff;
  font-weight:700;
}

.panel-avatar{
  background:linear-gradient(135deg,#2563eb,#60a5fa);
  color:#fff;
  font-weight:700;
}

.status-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  border:1px solid rgba(34,197,94,.18);
  background:rgba(34,197,94,.1);
  color:#dcfce7;
  border-radius:999px;
  padding:.45rem .8rem;
  font-size:.8rem;
}

.status-dot{
  width:.5rem;
  height:.5rem;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 4px rgba(34,197,94,.12);
}

.card{
  background:var(--panel-card);
  border:1px solid var(--panel-card-border);
  border-radius:1.15rem;
  box-shadow:0 18px 40px rgba(2,6,23,.26);
}

.stat-card{
  min-height:144px;
}

.stat-value{
  font-size:1.9rem;
  font-weight:800;
  line-height:1.05;
  color:#fff;
  margin-top:.3rem;
}

.stat-meta{
  color:var(--panel-muted);
  font-size:.82rem;
  margin-top:.45rem;
}

.stat-icon{
  width:3rem;
  height:3rem;
  border-radius:1rem;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(59,130,246,.18), rgba(96,165,250,.08));
  color:#93c5fd;
  font-size:1.25rem;
  border:1px solid rgba(96,165,250,.12);
}

.cockpit-card .card-header{
  border-bottom:1px solid rgba(255,255,255,.05);
  min-height:4rem;
}

.card-title{
  color:#fff;
  font-weight:700;
}

.table thead th{
  color:#94a3b8;
  border-bottom-color:rgba(255,255,255,.08);
}

.table tbody td{
  color:#dbe6f3;
  border-bottom-color:rgba(255,255,255,.06);
}

.btn-primary{
  background:linear-gradient(135deg,#2563eb,#3b82f6);
  border-color:#2563eb;
}

.btn-outline-primary{
  color:#93c5fd;
  border-color:rgba(96,165,250,.25);
}

.btn-outline-primary:hover{
  background:rgba(59,130,246,.12);
  border-color:rgba(96,165,250,.4);
  color:#fff;
}

.progress{
  background:rgba(255,255,255,.06);
}

.progress-bar{
  background:linear-gradient(90deg,#2563eb,#60a5fa);
}

.footer{
  margin-top:1.5rem;
  padding-bottom:1.5rem;
}

.text-secondary{
  color:var(--panel-muted) !important;
}

@media (max-width: 991.98px){
  .panel-topbar{
    padding-top:.5rem;
  }
}


/* ---- Legacy Cockpit compatibility bridge ---- */
:root{
  --tblr-body-bg: #0b1220;
  --tblr-body-color: #e5edf8;
  --tblr-card-bg: #111827;
  --tblr-border-color: rgba(148,163,184,.14);
}
html, body{min-height:100%;}
body{background:linear-gradient(180deg,#09111f 0%, #0b1220 100%) !important; color:var(--panel-text);}
a{color:#93c5fd;}
a:hover{color:#bfdbfe;}
#layout-wrapper{min-height:100vh; padding-left:18rem;}
.main-content{min-height:100vh; display:flex; flex-direction:column; width:100%; min-width:0;}
.page-content{padding:1.25rem 1.25rem 0 1.25rem; flex:1; min-width:0;}
.container-fluid{max-width:100%;}
.vertical-menu{display:none !important;}
.panel-sidebar{position:fixed; inset:0 auto 0 0; width:18rem; z-index:1030; overflow-y:auto;}
.panel-topbar{position:sticky; top:0; z-index:1020; backdrop-filter:blur(8px);}
.panel-topbar .container-fluid,.panel-footer .container-fluid{padding-left:1.25rem; padding-right:1.25rem;}
#page-topbar{display:none !important;}
.footer{background:transparent; border-top:1px solid rgba(255,255,255,.05); padding:1rem 0 1.25rem;}
.card,.modal-content,.dropdown-menu,.list-group-item{background:var(--panel-card) !important; border-color:var(--panel-card-border) !important; color:var(--panel-text);}
.card-title,.page-title-box h4,.form-label,label,.col-form-label,h1,h2,h3,h4,h5,h6{color:#fff !important;}
.page-title-box{margin-bottom:1rem; padding:.35rem .15rem 1rem .15rem; border-bottom:1px solid rgba(255,255,255,.05);}
.breadcrumb-item,.breadcrumb-item a,.text-muted,.form-text,small,small.text-muted,span.text-muted,p.text-muted{color:#94a3b8 !important;}
.table{color:#dbe6f3;}
.table td,.table th{border-color:rgba(255,255,255,.06) !important;}
.form-control,.form-select,textarea,select,input[type=text],input[type=password],input[type=url]{background:#0f172a !important; color:#e5edf8 !important; border:1px solid rgba(148,163,184,.18) !important; border-radius:.8rem !important;}
.form-control:focus,.form-select:focus,textarea:focus{border-color:rgba(96,165,250,.5) !important; box-shadow:0 0 0 .2rem rgba(59,130,246,.15) !important;}
.btn-primary,.btn-success{background:linear-gradient(135deg,#2563eb,#3b82f6) !important; border-color:#2563eb !important;}
.btn-secondary,.btn-light{background:#1e293b !important; border-color:#334155 !important; color:#e5edf8 !important;}
.btn-danger{background:linear-gradient(135deg,#dc2626,#ef4444) !important; border-color:#dc2626 !important;}
.auth-body-bg,.authentication-page-content,.authentication-bg{background:none !important;}
.auth-shell{min-height:100vh; display:flex; align-items:stretch; background:linear-gradient(180deg,#09111f 0%, #0b1220 100%);}
.auth-panel{max-width:480px; width:100%; background:rgba(15,23,42,.78); border-right:1px solid rgba(255,255,255,.06); backdrop-filter: blur(8px);}
.auth-hero{flex:1; background-size:cover; background-position:center; position:relative;}
.auth-hero::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 20% 20%, rgba(59,130,246,.25), transparent 30%), linear-gradient(180deg, rgba(2,6,23,.25), rgba(2,6,23,.7));}
.auth-card{background:#111827; border:1px solid rgba(148,163,184,.14); border-radius:1.25rem; box-shadow:0 18px 40px rgba(2,6,23,.26);}
.brand-logo-wrap{width:2.4rem;height:2.4rem;border-radius:.8rem;display:grid;place-items:center;background:rgba(255,255,255,.06);overflow:hidden;flex:none;}
.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;}
#side-menu{list-style:none; margin:0; padding:1rem 0 0;}
#side-menu .menu-title{color:#93c5fd; text-transform:uppercase; letter-spacing:.08em; font-size:.72rem; padding:.75rem 1rem; opacity:.95;}
#side-menu li>a{display:flex; align-items:center; gap:.6rem; color:#cbd5e1; text-decoration:none; border-radius:.85rem; margin:.18rem .45rem; padding:.78rem .9rem; transition:all .18s ease;}
#side-menu li>a:hover{background:rgba(255,255,255,.04); color:#fff;}
#side-menu li.mm-active>a, #side-menu li>a[aria-expanded="true"]{background:linear-gradient(90deg, rgba(59,130,246,.18), rgba(59,130,246,.05)); color:#fff; box-shadow:inset 0 0 0 1px rgba(96,165,250,.18);}
#side-menu ul.sub-menu{list-style:none; margin:0; padding:0 0 .25rem .65rem;}
#side-menu ul.sub-menu li>a{font-size:.93rem; padding:.65rem .9rem;}
#preloader,#right-bar,.right-bar,.rightbar-overlay{display:none !important;}
@media (max-width: 991.98px){
  #layout-wrapper{padding-left:0;}
  .panel-sidebar{position:fixed; transform:translateX(-100%); transition:transform .2s ease; width:18rem;}
  .panel-sidebar.show, .panel-sidebar:has(.navbar-collapse.show){transform:translateX(0);}
  .main-content, .panel-topbar, .footer{width:100%;}
  .page-content{padding-top:1rem;}
}


/* ===== Rebuilt native Tabler sidebar ===== */
.panel-sidebar .container-fluid{
  align-items:stretch;
}

.panel-sidebar-scroll{
  max-height:calc(100vh - 110px);
  overflow:auto;
  padding-right:.2rem;
}

.brand-logo-wrap{
  width:2.4rem;
  height:2.4rem;
  border-radius:.9rem;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.04);
  overflow:hidden;
  flex-shrink:0;
}

.brand-logo-img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.panel-sidebar .navbar-nav{
  gap:.2rem;
}

.panel-sidebar .nav-link{
  display:flex;
  align-items:center;
  gap:.75rem;
  font-weight:600;
}

.panel-sidebar .nav-link-title{
  flex:1;
  min-width:0;
}

.panel-sidebar .dropdown-toggle::after{
  margin-left:auto;
  transform:rotate(-90deg);
  transition:transform .18s ease;
  opacity:.8;
}

.panel-sidebar .dropdown-toggle[aria-expanded="true"]::after{
  transform:rotate(0deg);
}

.dropdown-group > .nav-link{
  border:1px solid transparent;
}

.dropdown-group.active > .nav-link,
.dropdown-group > .nav-link[aria-expanded="true"]{
  background:rgba(255,255,255,.05);
  border-color:rgba(96,165,250,.14);
  color:#fff;
}

.panel-subnav{
  padding:.25rem 0 .4rem 0;
  margin:.15rem .25rem .2rem 2.4rem;
  border-left:1px solid rgba(148,163,184,.16);
}

.panel-subnav .nav-link{
  font-weight:500;
  color:#aebed3;
  margin:.08rem .2rem .08rem .85rem;
  padding:.55rem .8rem;
  border-radius:.8rem;
}

.panel-subnav .nav-link:hover{
  background:rgba(255,255,255,.04);
  color:#fff;
}

.panel-subnav .nav-link.active{
  background:rgba(59,130,246,.16);
  color:#fff;
  box-shadow:inset 0 0 0 1px rgba(96,165,250,.18);
}

.sub-dropdown > .nav-link{
  font-weight:600;
}

.panel-subnav-nested{
  margin-left:1rem;
  border-left:1px dashed rgba(148,163,184,.14);
}

.panel-subnav-nested .nav-link{
  padding:.48rem .75rem;
}

.panel-topbar{
  backdrop-filter:blur(12px);
}

.panel-mini-stat{
  display:flex;
  flex-direction:column;
  padding:.35rem .8rem;
  border:1px solid rgba(255,255,255,.06);
  border-radius:.95rem;
  background:rgba(255,255,255,.03);
  line-height:1.1;
}

.panel-mini-stat__label{
  font-size:.7rem;
  color:var(--panel-muted);
  text-transform:uppercase;
  letter-spacing:.06em;
}

.panel-mini-stat__value{
  color:#fff;
  font-weight:700;
}

.panel-footer{
  border-top:1px solid rgba(255,255,255,.05);
}

@media (max-width: 991.98px){
  .panel-sidebar-scroll{
    max-height:none;
    overflow:visible;
    padding-right:0;
  }

  .panel-subnav{
    margin-left:1.15rem;
  }
}

/* ---- Dashboard refresh ---- */
.dashboard-page{
  padding-top: 1.25rem;
}

.dashboard-hero{
  background:
    radial-gradient(circle at top right, rgba(96,165,250,.22), transparent 34%),
    linear-gradient(135deg, rgba(37,99,235,.28), rgba(15,23,42,.92));
  border:1px solid rgba(96,165,250,.18);
  overflow:hidden;
}

.dashboard-kicker{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .8rem;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  color:#bfdbfe;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:1rem;
}

.dashboard-hero-title{
  color:#fff;
  font-size:clamp(1.75rem, 2vw, 2.6rem);
  line-height:1.05;
  margin-bottom:.85rem;
  font-weight:800;
}

.dashboard-hero-text,
.hero-side-meta,
.dashboard-feed-meta,
.dashboard-feed-body p{
  color:#cbd5e1;
}

.dashboard-hero-side{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(2,6,23,.34);
  border-radius:1.25rem;
  padding:1.1rem;
  backdrop-filter: blur(8px);
}

.hero-side-label{
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#93c5fd;
}

.hero-side-value{
  color:#fff;
  font-size:1.8rem;
  font-weight:800;
  margin:.25rem 0;
}

.dashboard-status-card .list-group-item{
  border-color:rgba(255,255,255,.06);
}

.quick-action-card{
  display:flex;
  align-items:center;
  gap:1rem;
  width:100%;
  text-decoration:none;
  padding:1rem 1rem;
  border-radius:1rem;
  border:1px solid rgba(148,163,184,.12);
  background:rgba(255,255,255,.02);
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
}

.quick-action-card:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.28);
  background:rgba(59,130,246,.08);
}

.quick-action-icon,
.quick-action-arrow{
  flex:0 0 auto;
  display:grid;
  place-items:center;
}

.quick-action-icon{
  width:2.8rem;
  height:2.8rem;
  border-radius:.95rem;
  background:linear-gradient(135deg, rgba(59,130,246,.18), rgba(96,165,250,.08));
  color:#93c5fd;
  font-size:1.15rem;
  border:1px solid rgba(96,165,250,.18);
}

.quick-action-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.quick-action-copy strong{
  color:#fff;
}

.quick-action-copy span,
.module-family-block .text-secondary,
.timeline-simple-item p{
  color:#94a3b8 !important;
}

.quick-action-arrow{
  margin-left:auto;
  color:#93c5fd;
}

.module-family-block{
  border:1px solid rgba(148,163,184,.12);
  border-radius:1rem;
  padding:1rem;
  background:rgba(255,255,255,.02);
}

.module-family-title,
.dashboard-feed-title{
  color:#fff;
  font-weight:700;
}

.dashboard-feed-item{
  border:1px solid rgba(148,163,184,.12);
  border-radius:1.1rem;
  padding:1.15rem;
  background:rgba(255,255,255,.02);
}

.dashboard-feed-avatar{
  width:3rem;
  height:3rem;
  object-fit:cover;
  border:2px solid rgba(96,165,250,.18);
}

.dashboard-feed-body a{
  color:#93c5fd;
}

.timeline-simple{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.timeline-simple-item{
  display:flex;
  align-items:flex-start;
  gap:.9rem;
}

.timeline-dot{
  width:.85rem;
  height:.85rem;
  margin-top:.25rem;
  border-radius:999px;
  background:linear-gradient(135deg,#3b82f6,#60a5fa);
  box-shadow:0 0 0 5px rgba(59,130,246,.12);
  flex:0 0 auto;
}

.alert{
  border-radius:1rem;
}

.panel-sidebar, .panel-topbar, .main-content{box-sizing:border-box;}
.main-content > .page-content{position:relative; z-index:1;}


/* ---- Dashboard organization pass ---- */
.dashboard-shell{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

.dashboard-top-row,
.dashboard-stats-row,
.dashboard-content-grid,
.dashboard-bottom-grid{
  margin-top:0;
}

.dashboard-top-row > [class*="col-"],
.dashboard-stats-row > [class*="col-"],
.dashboard-content-grid > [class*="col-"],
.dashboard-bottom-grid > [class*="col-"]{
  display:flex;
}

.dashboard-page .card{
  width:100%;
}

.dashboard-hero .card-body,
.dashboard-status-card .card-body,
.feed-stack,
.control-lanes-stack,
.dashboard-side-stack{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.dashboard-checklist-grid,
.mini-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.9rem;
}

.dashboard-check-item,
.mini-summary-item{
  padding:1rem;
  border:1px solid rgba(148,163,184,.12);
  border-radius:1rem;
  background:rgba(255,255,255,.02);
}

.dashboard-check-label,
.mini-summary-item span{
  display:block;
  font-size:.78rem;
  color:var(--panel-muted);
  margin-bottom:.35rem;
}

.dashboard-check-item strong,
.mini-summary-item strong{
  color:#fff;
  font-size:1rem;
}

.hero-side-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.75rem;
}

.hero-side-grid > div{
  border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;
  padding:.8rem .9rem;
  background:rgba(255,255,255,.03);
}

.hero-side-grid span{
  display:block;
  font-size:.72rem;
  color:#93c5fd;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.hero-side-grid strong{
  color:#fff;
  font-size:1rem;
}

.quick-actions-grid > [class*="col-"]{
  display:flex;
}

.quick-action-card{
  min-height:100%;
}

.stat-copy{min-width:0;}

.control-lanes-stack .module-family-block{
  margin:0;
}

.feed-stack{
  gap:1rem;
}

.feed-item-layout{align-items:flex-start;}

.dashboard-feed-item{
  overflow:hidden;
}

.dashboard-feed-body,
.dashboard-feed-body *{
  max-width:100%;
}

.dashboard-feed-body img,
.dashboard-feed-body iframe,
.dashboard-feed-body table,
.dashboard-feed-body pre,
.dashboard-feed-body code{
  max-width:100%;
}

.dashboard-feed-body table,
.dashboard-feed-body pre{
  display:block;
  overflow:auto;
}

.dashboard-feed-body p:last-child{
  margin-bottom:0;
}

.dashboard-side-stack{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}

@media (max-width: 1399.98px){
  .dashboard-checklist-grid,
  .mini-summary-grid,
  .hero-side-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 767.98px){
  .dashboard-hero-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .feed-item-layout{
    flex-direction:column;
  }

  .dashboard-feed-avatar{
    width:2.75rem;
    height:2.75rem;
  }

  .dashboard-checklist-grid,
  .mini-summary-grid,
  .hero-side-grid{
    grid-template-columns:1fr;
  }
}

/* ---- Reference dashboard alignment pass ---- */
.dashboard-shell--reference{
  max-width:1440px;
  padding-top:.25rem;
  padding-bottom:2rem;
}

.panel-topbar .container-fluid,
.dashboard-shell--reference{
  padding-left:1.25rem;
  padding-right:1.25rem;
}

.panel-topbar{
  padding-top:.8rem;
  padding-bottom:1rem;
  margin-bottom:.2rem;
}

.dashboard-ref-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:1rem;
}

.dashboard-ref-kicker,
.dashboard-card-eyebrow{
  display:inline-block;
  color:#f59e0b;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.68rem;
  font-weight:700;
  margin-bottom:.45rem;
}

.dashboard-ref-heading h1{
  color:#fff;
  font-size:1.6rem;
  line-height:1.1;
  margin:0;
  font-weight:800;
}

.dashboard-ref-heading p{
  margin:.35rem 0 0;
  color:#9ca3af;
}

.dashboard-ref-sidebadge{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  border:1px solid rgba(245,158,11,.22);
  background:rgba(245,158,11,.08);
  color:#f8d389;
  border-radius:999px;
  padding:.55rem .9rem;
  white-space:nowrap;
  font-size:.8rem;
}

.badge-dot{
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.12);
}

.dashboard-ref-panel,
.dashboard-ref-stat{
  background:linear-gradient(180deg, rgba(17,24,39,.96), rgba(15,23,42,.98));
  border-color:rgba(245,158,11,.14);
  box-shadow:0 16px 36px rgba(0,0,0,.32), inset 0 0 0 1px rgba(245,158,11,.04);
}

.dashboard-ref-stat .card-body{
  padding:1rem 1rem .9rem;
}

.dashboard-ref-stat-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
}

.dashboard-ref-label{
  display:block;
  font-size:.7rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#9ca3af;
  margin-bottom:.45rem;
}

.dashboard-ref-value{
  color:#fff;
  font-size:1.55rem;
  font-weight:800;
  line-height:1;
}

.dashboard-ref-meta{
  margin-top:.6rem;
  color:#94a3b8;
  font-size:.82rem;
}

.dashboard-ref-icon{
  width:2.4rem;
  height:2.4rem;
  border-radius:.8rem;
  display:grid;
  place-items:center;
  color:#f59e0b;
  background:rgba(245,158,11,.12);
  border:1px solid rgba(245,158,11,.16);
  font-size:1.1rem;
}

.dashboard-ref-cardhead{
  padding:1rem 1rem .85rem;
  border-bottom:1px solid rgba(245,158,11,.12) !important;
}

.dashboard-overview-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.9rem;
}

.dashboard-metric-box{
  border:1px solid rgba(245,158,11,.14);
  background:rgba(255,255,255,.015);
  border-radius:1rem;
  padding:1rem;
}

.dashboard-metric-box--wide{
  grid-column:1 / -1;
}

.dashboard-metric-box span{
  display:block;
  color:#9ca3af;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-size:.68rem;
  margin-bottom:.4rem;
}

.dashboard-metric-box strong{
  display:block;
  color:#fff;
  font-size:1.08rem;
  margin-bottom:.3rem;
}

.dashboard-metric-box small{
  display:block;
  color:#94a3b8;
  font-size:.82rem;
}

.dashboard-progress-block{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(245,158,11,.1);
}

.dashboard-launch-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:.9rem;
}

.dashboard-launch-card{
  border:1px solid rgba(245,158,11,.14);
  border-radius:1rem;
  padding:1rem;
  background:rgba(255,255,255,.015);
  text-decoration:none;
  transition:all .18s ease;
}

.dashboard-launch-card:hover{
  transform:translateY(-1px);
  border-color:rgba(245,158,11,.25);
  background:rgba(245,158,11,.05);
}

.dashboard-launch-card strong{
  display:block;
  color:#fff;
  margin-top:.7rem;
  margin-bottom:.35rem;
}

.dashboard-launch-card small{
  display:block;
  color:#94a3b8;
}

.dashboard-launch-icon{
  width:2.3rem;
  height:2.3rem;
  border-radius:.8rem;
  display:grid;
  place-items:center;
  color:#f59e0b;
  border:1px solid rgba(245,158,11,.16);
  background:rgba(245,158,11,.09);
}

.dashboard-module-stack{
  display:grid;
  gap:.85rem;
}

.dashboard-module-row{
  border:1px solid rgba(245,158,11,.14);
  border-radius:1rem;
  padding:1rem;
  background:rgba(255,255,255,.015);
}

.dashboard-module-title{
  color:#fff;
  font-size:1rem;
  font-weight:700;
  margin:0 0 .2rem;
}

.dashboard-module-count{
  border:1px solid rgba(245,158,11,.16);
  background:rgba(245,158,11,.08);
  color:#f4d08b;
  border-radius:999px;
  padding:.3rem .65rem;
  font-size:.74rem;
  white-space:nowrap;
}

.dashboard-module-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-top:.85rem;
}

.dashboard-checklist-grid--tight{
  gap:.65rem;
}

.dashboard-check-item{
  border:1px solid rgba(245,158,11,.1);
  background:rgba(255,255,255,.015);
}

.dashboard-todo-list{
  display:grid;
  gap:.7rem;
}

.dashboard-todo-item{
  position:relative;
  padding-left:1.2rem;
  color:#d6deea;
}

.dashboard-todo-item span{
  position:absolute;
  left:0;
  top:.42rem;
  width:.45rem;
  height:.45rem;
  border-radius:50%;
  background:#f59e0b;
  box-shadow:0 0 0 4px rgba(245,158,11,.1);
}

.dashboard-ref-table thead th{
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#93a0b4;
}

.dashboard-ref-table tbody tr:hover{
  background:rgba(245,158,11,.035);
}

.dashboard-status-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(34,197,94,.15);
  background:rgba(34,197,94,.1);
  color:#bef3c9;
  padding:.28rem .55rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:700;
}

.dashboard-feed-compact{
  display:grid;
  gap:.85rem;
}

.dashboard-feed-compact-item{
  border:1px solid rgba(245,158,11,.12);
  border-radius:1rem;
  background:rgba(255,255,255,.015);
  padding:1rem;
}

.dashboard-feed-title{
  color:#fff;
  font-size:.95rem;
  font-weight:700;
}

.dashboard-feed-body--compact{
  max-height:180px;
  overflow:auto;
  color:#d6deea;
}

.dashboard-feed-body--compact p:last-child{
  margin-bottom:0;
}

.dashboard-feed-meta{
  color:#94a3b8;
  font-size:.8rem;
}

@media (max-width: 1199.98px){
  .dashboard-ref-header{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media (max-width: 767.98px){
  .dashboard-overview-grid,
  .dashboard-launch-grid{
    grid-template-columns:1fr;
  }

  .dashboard-shell--reference,
  .panel-topbar .container-fluid{
    padding-left:.9rem;
    padding-right:.9rem;
  }
}
