/* Nexana Pay UI 2.7.1 — Deep Audit Hardening
   Scope: admin case detail, dedicated business intake, staff permission read-only states.
*/

/* Case detail: a sticky control card followed by related records caused the control
   to overlap the following cards while scrolling. Case detail must flow naturally. */
.admin-case-layout .case-side .case-control-panel{
  position:static;
  top:auto;
  z-index:auto;
}
.admin-case-layout .case-side{
  min-width:0;
  grid-auto-rows:max-content;
}
.case-control-panel,
.case-related-panel{
  isolation:isolate;
}
.case-readonly-notice{
  margin-top:16px;
}

/* Dedicated website → operations enterprise intake. */
.business-intake-head{
  align-items:center;
}
.business-intake-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
  margin:0 0 16px;
}
.business-intake-metrics .intake-metric{
  min-width:0;
  padding:15px 16px;
  text-decoration:none;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.business-intake-metrics .intake-metric:hover{
  transform:translateY(-1px);
  border-color:#b9cdf8;
  box-shadow:0 10px 24px rgba(32,91,194,.08);
}
.business-intake-metrics .intake-metric.active{
  border-color:#8bb2ff;
  box-shadow:inset 0 3px 0 #246bfe,0 8px 20px rgba(32,91,194,.08);
}
.intake-metric small,
.intake-metric strong,
.intake-metric span{
  display:block;
}
.intake-metric small{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}
.intake-metric strong{
  margin-top:5px;
  color:var(--text);
  font-size:25px;
  line-height:1;
}
.intake-metric span{
  margin-top:7px;
  color:var(--muted);
  font-size:10.5px;
  line-height:1.35;
}
.business-intake-list .empty strong,
.business-intake-list .empty span{
  display:block;
}
.business-intake-list .empty span{
  margin-top:5px;
  color:var(--muted);
}

/* Permission-aware staff administration. */
.staff-readonly-notice{
  margin-bottom:16px;
}
.permission-card select:disabled,
.panel select:disabled{
  opacity:.7;
  cursor:not-allowed;
}

@media (min-width:1180px){
  .admin-case-layout{
    grid-template-columns:minmax(0,1fr) minmax(320px,360px);
  }
}
@media (max-width:1280px){
  .business-intake-metrics{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media (max-width:760px){
  .business-intake-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .business-intake-head{
    align-items:flex-start;
  }
}
@media (max-width:480px){
  .business-intake-metrics{
    grid-template-columns:1fr;
  }
}