/* Helios Stock V33 · Helios Control uniform layout refinement
   Visual-only patch over V32. No functional or database changes. */

/* Use the available desktop canvas consistently on every Helios Control view. */
body.module-helios-control-v31 .content{
  width:100%!important;
  max-width:none!important;
  padding:30px 34px 44px!important;
}
body.module-helios-control-v31 .hc32-page{
  width:100%!important;
  max-width:1420px!important;
  margin:0 auto!important;
  padding-bottom:42px!important;
}
body.module-helios-control-v31 .hc32-page > *{min-width:0}

/* Shared navigation */
body.module-helios-control-v31 .hc32-control-nav{
  margin-bottom:18px!important;
  padding:6px!important;
  border-radius:14px!important;
}
body.module-helios-control-v31 .hc32-control-nav a{
  min-height:40px!important;
  padding:9px 15px!important;
  font-size:12px!important;
}
body.module-helios-control-v31 .hc32-breadcrumb{
  margin:0 0 14px!important;
  font-size:12px!important;
}

/* One hero scale across dashboard, organization, plans and new organization. */
body.module-helios-control-v31 .hc32-hero,
body.module-helios-control-v31 .hc32-new-hero,
body.module-helios-control-v31 .hc32-company-hero{
  width:100%!important;
  min-height:168px!important;
  padding:30px 34px!important;
  border-radius:18px!important;
  gap:28px!important;
}
body.module-helios-control-v31 .hc32-hero-compact{min-height:168px!important}
body.module-helios-control-v31 .hc32-hero h1,
body.module-helios-control-v31 .hc32-new-hero h1,
body.module-helios-control-v31 .hc32-company-hero h1{
  margin:6px 0 6px!important;
  font-size:32px!important;
  line-height:1.12!important;
}
body.module-helios-control-v31 .hc32-hero p,
body.module-helios-control-v31 .hc32-new-hero p,
body.module-helios-control-v31 .hc32-company-hero p{
  max-width:850px!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
body.module-helios-control-v31 .hc32-eyebrow,
body.module-helios-control-v31 .hc32-kicker{font-size:10.5px!important}
body.module-helios-control-v31 .hc32-hero-actions .btn,
body.module-helios-control-v31 .hc32-company-actions .btn,
body.module-helios-control-v31 .hc32-new-hero .btn{
  min-height:42px!important;
  padding:9px 15px!important;
  font-size:12px!important;
}

/* Dashboard */
body.module-helios-control-v31 .hc32-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  margin:16px 0!important;
}
body.module-helios-control-v31 .hc32-metrics article{
  min-height:112px!important;
  padding:20px!important;
  gap:14px!important;
  border-radius:16px!important;
}
body.module-helios-control-v31 .hc32-metrics article>span{
  width:46px!important;height:46px!important;border-radius:13px!important;font-size:19px!important;
}
body.module-helios-control-v31 .hc32-metrics small{font-size:10px!important}
body.module-helios-control-v31 .hc32-metrics strong{font-size:26px!important;margin-top:1px!important}
body.module-helios-control-v31 .hc32-metrics em{font-size:10.5px!important;margin-top:2px!important}
body.module-helios-control-v31 .hc32-surface,
body.module-helios-control-v31 .hc32-step-card,
body.module-helios-control-v31 .hc32-plan-card{
  border-radius:17px!important;
}
body.module-helios-control-v31 .hc32-surface{padding:24px!important}
body.module-helios-control-v31 .hc32-toolbar{margin-bottom:16px!important;gap:24px!important}
body.module-helios-control-v31 .hc32-toolbar h2{font-size:20px!important}
body.module-helios-control-v31 .hc32-toolbar p{font-size:12.5px!important;line-height:1.5!important}
body.module-helios-control-v31 .hc32-toolbar form{width:min(500px,100%)!important}
body.module-helios-control-v31 .hc32-table thead th{font-size:10px!important;padding:12px 13px!important}
body.module-helios-control-v31 .hc32-table td{font-size:12px!important;padding:16px 13px!important}
body.module-helios-control-v31 .hc32-company>span{width:42px!important;height:42px!important;border-radius:12px!important}
body.module-helios-control-v31 .hc32-company small,
body.module-helios-control-v31 .hc32-sub,
body.module-helios-control-v31 .hc32-usage{font-size:11px!important}
body.module-helios-control-v31 .hc32-status{font-size:10px!important;padding:6px 10px!important}

/* Organization detail: always uses the same canvas as the Control Center. */
body.module-helios-control-v31 .hc32-company-avatar{
  width:66px!important;height:66px!important;border-radius:18px!important;font-size:25px!important;
}
body.module-helios-control-v31 .hc32-statusbar{
  width:100%!important;
  margin-top:16px!important;
  border-radius:15px!important;
}
body.module-helios-control-v31 .hc32-statusbar>div{
  min-height:78px!important;
  padding:16px 20px!important;
}
body.module-helios-control-v31 .hc32-statusbar span{font-size:10px!important}
body.module-helios-control-v31 .hc32-statusbar strong{font-size:13px!important}
body.module-helios-control-v31 .hc32-tabs{
  margin:16px 0!important;
  min-height:48px!important;
}
body.module-helios-control-v31 .hc32-tabs .nav-link{
  min-height:36px!important;
  padding:8px 13px!important;
  font-size:12px!important;
}
body.module-helios-control-v31 .tab-content{width:100%!important}
body.module-helios-control-v31 .tab-pane{width:100%!important}
body.module-helios-control-v31 .hc32-detail-grid{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
}
body.module-helios-control-v31 .hc32-detail-grid>.hc32-surface{min-height:270px!important}
body.module-helios-control-v31 .hc32-section-head{margin-bottom:18px!important;gap:12px!important}
body.module-helios-control-v31 .hc32-section-head>span{width:42px!important;height:42px!important;border-radius:12px!important}
body.module-helios-control-v31 .hc32-section-head small{font-size:9.5px!important}
body.module-helios-control-v31 .hc32-section-head h3{font-size:17px!important}
body.module-helios-control-v31 .hc32-definition>div{
  grid-template-columns:165px minmax(0,1fr)!important;
  padding:12px 0!important;
}
body.module-helios-control-v31 .hc32-definition dt{font-size:11px!important}
body.module-helios-control-v31 .hc32-definition dd{font-size:12.5px!important}
body.module-helios-control-v31 .hc32-footprint{gap:12px!important}
body.module-helios-control-v31 .hc32-footprint>div{
  min-height:92px!important;
  padding:15px!important;
  border-radius:13px!important;
}
body.module-helios-control-v31 .hc32-footprint i{font-size:20px!important}
body.module-helios-control-v31 .hc32-footprint span{font-size:10.5px!important}
body.module-helios-control-v31 .hc32-footprint strong{font-size:15px!important}
body.module-helios-control-v31 #org-license>.hc32-surface,
body.module-helios-control-v31 #org-audit>.hc32-surface{min-height:320px!important}

/* Forms */
body.module-helios-control-v31 .form-label{font-size:12px!important}
body.module-helios-control-v31 .form-control,
body.module-helios-control-v31 .form-select{
  min-height:44px!important;
  font-size:13px!important;
}
body.module-helios-control-v31 textarea.form-control{min-height:104px!important}
body.module-helios-control-v31 .hc32-license-form .form-control,
body.module-helios-control-v31 .hc32-license-form .form-select{min-height:44px!important}
body.module-helios-control-v31 .hc32-module-list span{font-size:10.5px!important;padding:7px 10px!important}
body.module-helios-control-v31 .hc32-form-footer{margin-top:4px!important;padding-top:16px!important}
body.module-helios-control-v31 .hc32-form-footer>span{font-size:11px!important}

/* New organization */
body.module-helios-control-v31 .hc32-new-layout{
  grid-template-columns:minmax(0,1fr) 370px!important;
  gap:20px!important;
  margin-top:18px!important;
}
body.module-helios-control-v31 .hc32-new-main{gap:16px!important}
body.module-helios-control-v31 .hc32-step-card{padding:24px!important}
body.module-helios-control-v31 .hc32-step-card>header{margin-bottom:20px!important}
body.module-helios-control-v31 .hc32-step-card>header>span{width:42px!important;height:42px!important;border-radius:12px!important}
body.module-helios-control-v31 .hc32-step-card h2{font-size:18px!important}
body.module-helios-control-v31 .hc32-step-card p{font-size:11.5px!important}
body.module-helios-control-v31 .hc32-summary,
body.module-helios-control-v31 .hc32-security{padding:22px!important;border-radius:17px!important}
body.module-helios-control-v31 .hc32-summary h3{font-size:18px!important}
body.module-helios-control-v31 .hc32-summary li{gap:11px!important}
body.module-helios-control-v31 .hc32-summary li>i{width:36px!important;height:36px!important}
body.module-helios-control-v31 .hc32-summary li strong{font-size:12px!important}
body.module-helios-control-v31 .hc32-summary li span{font-size:10.5px!important;line-height:1.45!important}

/* Plans: same overall canvas and a better-proportioned create panel. */
body.module-helios-control-v31 .hc32-plan-layout{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 390px!important;
  gap:20px!important;
  margin-top:16px!important;
}
body.module-helios-control-v31 .hc32-plan-list{gap:16px!important}
body.module-helios-control-v31 .hc32-plan-card{padding:24px!important}
body.module-helios-control-v31 .hc32-plan-card>header{margin-bottom:20px!important}
body.module-helios-control-v31 .hc32-plan-card h2,
body.module-helios-control-v31 .hc32-create-plan h2{font-size:19px!important}
body.module-helios-control-v31 .hc32-plan-card p,
body.module-helios-control-v31 .hc32-create-plan p{font-size:11.5px!important;line-height:1.5!important}
body.module-helios-control-v31 .hc32-plan-assigned{
  min-width:100px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
  font-size:9.5px!important;
}
body.module-helios-control-v31 .hc32-plan-assigned b{font-size:18px!important}
body.module-helios-control-v31 .hc32-module-checks{
  margin:18px 0!important;
  padding:14px!important;
  gap:8px!important;
}
body.module-helios-control-v31 .hc32-module-checks label{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:11px!important;
}
body.module-helios-control-v31 .hc32-create-plan{top:86px!important}
body.module-helios-control-v31 .hc32-create-plan.hc32-surface{padding:24px!important}
body.module-helios-control-v31 .hc32-create-plan .row.g-2{--bs-gutter-x:10px!important}

/* Keep spacing uniform even on very wide monitors. */
@media(min-width:1700px){
  body.module-helios-control-v31 .hc32-page{max-width:1480px!important}
}

@media(max-width:1250px){
  body.module-helios-control-v31 .content{padding:26px!important}
  body.module-helios-control-v31 .hc32-page{max-width:none!important}
  body.module-helios-control-v31 .hc32-plan-layout,
  body.module-helios-control-v31 .hc32-new-layout{grid-template-columns:minmax(0,1fr) 330px!important}
}

@media(max-width:1100px){
  body.module-helios-control-v31 .hc32-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.module-helios-control-v31 .hc32-new-layout,
  body.module-helios-control-v31 .hc32-plan-layout,
  body.module-helios-control-v31 .hc32-detail-grid{grid-template-columns:1fr!important}
  body.module-helios-control-v31 .hc32-new-side,
  body.module-helios-control-v31 .hc32-create-plan{position:static!important}
  body.module-helios-control-v31 .hc32-detail-grid>.hc32-surface{min-height:0!important}
}

@media(max-width:760px){
  body.module-helios-control-v31 .content{padding:18px 14px 30px!important}
  body.module-helios-control-v31 .hc32-hero,
  body.module-helios-control-v31 .hc32-new-hero,
  body.module-helios-control-v31 .hc32-company-hero{min-height:auto!important;padding:24px!important}
  body.module-helios-control-v31 .hc32-hero h1,
  body.module-helios-control-v31 .hc32-new-hero h1,
  body.module-helios-control-v31 .hc32-company-hero h1{font-size:26px!important}
  body.module-helios-control-v31 .hc32-metrics{grid-template-columns:1fr!important}
  body.module-helios-control-v31 .hc32-definition>div{grid-template-columns:1fr!important}
}
