/* Only the right-hand detail content scrolls; navigation keeps its original layout. */
.app-layout .adapter-detail,
.app-layout .user-module-content,
.app-layout .model-api-detail,
.app-layout .content>.panel[data-panel="identity"],
.app-layout .content>.panel[data-panel="customerRoles"],
.app-layout .content>.panel[data-panel="policy"],
.app-layout .content>.panel[data-panel="overview"]{
  min-height:0;max-height:var(--detail-height,none);overflow:auto;overscroll-behavior:contain;
}
.app-layout .adapter-layout{align-items:start;min-height:0}
.app-layout .model-api-workspace{align-items:start;min-height:0}
.app-layout .inline-list thead th{position:sticky;top:0;z-index:1;background:#f7f9fc}
/* Model management uses the whole Access work area and the page scrollbar. */
.app-layout .content:has(>.panel[data-panel="models"]:not([hidden])){max-width:none;width:100%;padding:20px 24px 28px}
.app-layout .content:has(>.panel[data-panel="models"]:not([hidden]))>.page-heading{display:none}
.app-layout .content:has(>.panel[data-panel="models"]:not([hidden]))>.feedback:has(#status:empty){display:none}
.app-layout .panel[data-panel="models"]>.model-api-card{padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.app-layout .panel[data-panel="models"] .model-api-module{min-height:0;background:transparent}
.app-layout .panel[data-panel="models"] .model-api-header{padding:4px 0 18px;background:transparent;gap:16px}
.app-layout .panel[data-panel="models"] .model-api-header h1{font-size:23px;margin:4px 0 6px}
.app-layout .panel[data-panel="models"] .model-api-header .model-api-kicker{display:none}
.app-layout .panel[data-panel="models"] .model-api-tabs{padding:0;background:transparent}
.app-layout .panel[data-panel="models"] .model-api-workspace{grid-template-columns:260px minmax(0,1fr);margin:16px 0 0;min-height:calc(100dvh - 245px);overflow:visible;align-items:stretch;border-radius:12px;box-shadow:none}
.app-layout .panel[data-panel="models"] .model-api-tree{padding:18px 16px;background:#f8faff;border-radius:12px 0 0 12px}
.app-layout .panel[data-panel="models"] .model-api-detail{max-height:none;overflow:visible;overscroll-behavior:auto;padding:24px 28px}
.app-layout .panel[data-panel="models"] .model-api-detail-form{max-width:none;margin:0}
.app-layout .panel[data-panel="models"] .model-api-routing{margin:16px 0 0}
@media(max-width:1050px){
  .app-layout .panel[data-panel="models"] .model-api-workspace{grid-template-columns:220px minmax(0,1fr)}
  .app-layout .panel[data-panel="models"] .model-api-detail{padding:20px}
}
@media(max-width:720px){
  .app-layout .content:has(>.panel[data-panel="models"]:not([hidden])){padding:16px 12px 24px}
  .app-layout .panel[data-panel="models"] .model-api-workspace{grid-template-columns:1fr;min-height:0}
  .app-layout .panel[data-panel="models"] .model-api-tree{border-radius:12px 12px 0 0}
  .app-layout .panel[data-panel="models"] .model-api-detail{padding:18px 16px}
}
/* Authentication follows the same full-width, single-page scrolling layout. */
.app-layout .content:has(>.panel[data-panel="authentication"]:not([hidden])){max-width:none;width:100%;padding:16px 24px 28px}
.app-layout .content:has(>.panel[data-panel="authentication"]:not([hidden]))>.page-heading{display:none}
.app-layout .content:has(>.panel[data-panel="authentication"]:not([hidden]))>.feedback{margin:0 0 10px}
.app-layout .content:has(>.panel[data-panel="authentication"]:not([hidden]))>.feedback:not(:has(span:not(:empty))){display:none}
.app-layout .panel[data-panel="authentication"] .adapter-provider{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;padding:12px 16px;margin-bottom:14px;box-shadow:none;border-radius:10px}
.app-layout .panel[data-panel="authentication"] .adapter-provider>label{display:flex;align-items:center;gap:12px;min-width:0;margin:0;white-space:nowrap}
.app-layout .panel[data-panel="authentication"] .adapter-provider select{width:260px;max-width:100%;padding:8px 10px}
.app-layout .panel[data-panel="authentication"] details.adapter-inline-help{margin:0;font-size:12px;max-width:580px}
.app-layout .panel[data-panel="authentication"] .adapter-inline-help summary{cursor:pointer;color:#62768e}
.app-layout .panel[data-panel="authentication"] .adapter-inline-help p{margin:8px 0 0;font-size:12px}
.app-layout .panel[data-panel="authentication"] .adapter-layout{grid-template-columns:220px minmax(0,1fr);min-height:calc(100dvh - 170px);align-items:stretch;overflow:visible}
.app-layout .panel[data-panel="authentication"] .adapter-list{padding:12px;border-radius:12px 0 0 12px}
.app-layout .panel[data-panel="authentication"] .adapter-detail{min-height:0;max-height:none;overflow:visible;overscroll-behavior:auto;padding:22px 26px}
@media(max-width:760px){
  .app-layout .content:has(>.panel[data-panel="authentication"]:not([hidden])){padding:14px 12px 24px}
  .app-layout .panel[data-panel="authentication"] .adapter-provider>label{flex-wrap:wrap;gap:7px;width:100%}
  .app-layout .panel[data-panel="authentication"] .adapter-provider select{width:100%}
  .app-layout .panel[data-panel="authentication"] .adapter-layout{grid-template-columns:1fr;min-height:0}
  .app-layout .panel[data-panel="authentication"] .adapter-list{border-radius:12px 12px 0 0}
  .app-layout .panel[data-panel="authentication"] .adapter-detail{padding:18px 16px}
}