/** section__panel */

.authenticated-section-host > .section-content.section-panel {
  width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  background: var(--color-surface);
  color: var(--color-text);
}
.section-panel-header {
  flex: 0 0 auto;
  padding: 16px 20px;
  border-bottom: 1px solid var(--color-border);
  background: var(--color-surface-muted);
}
.section-panel-title { margin: 0; color: var(--color-text-strong); font-size: 1rem; font-weight: 700; }
.section-panel-body { flex: 1 1 auto; min-width: 0; min-height: 0; padding: 18px; overflow: auto; }
.section-panel-footer {
  display: flex;
  flex: 0 0 auto;
  justify-content: flex-end;
  padding: 12px 20px;
  border-top: 1px solid var(--color-border);
  background: var(--color-surface-muted);
}

@media (max-width: 767px) {
  .section-panel-header, .section-panel-footer { padding: 10px 12px; }
  .section-panel-body { padding: 10px 6px; }
}