/* Persistent solution navigation. Keep record tables at full width on tablets. */
#adaptal-showcase #as-site{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start;padding:0 22px}
#adaptal-showcase #showcase-content{min-width:0;padding:28px 12px;scroll-margin-top:90px}
#adaptal-showcase .showcase-sidebar{position:sticky;top:88px;align-self:start;padding:28px 0;z-index:5;background:var(--wash)}
#adaptal-showcase .showcase-nav-title{font-size:11px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
#adaptal-showcase .showcase-nav-items{display:grid;gap:10px}
#adaptal-showcase .showcase-nav-items button{display:grid;gap:4px;width:100%;text-align:left;padding:14px 12px;min-height:64px}
#adaptal-showcase .showcase-nav-items small{font-size:11px;line-height:1.5;font-weight:400}
@media(max-width:1050px){
 #adaptal-showcase #as-site{display:block;padding:0 14px}
 #adaptal-showcase .showcase-sidebar{position:static;top:auto;padding:18px 0;margin:8px 0 0;border-bottom:1px solid var(--line);z-index:auto}
 #adaptal-showcase .showcase-nav-title{display:none}
 #adaptal-showcase .showcase-nav-items{display:flex;flex-wrap:wrap;gap:8px}
 #adaptal-showcase .showcase-nav-items button{display:block;width:auto;padding:9px 14px;min-height:44px}
 #adaptal-showcase .showcase-nav-items small{display:none}
 #adaptal-showcase #showcase-content{padding:24px 0;scroll-margin-top:80px}
}

/* overflow-x:hidden on body creates a non-scrolling ancestor for sticky.
   Clip horizontal spill without creating a scroll container; keep the viewport
   as the sidebar's scrolling reference. Scoped to this page only. */
html.showcase-page,body.showcase-page{overflow-x:clip;overflow-y:visible}

/* Industries form the User Interface submenu on desktop. */
@media(min-width:1051px){
 #adaptal-showcase .showcase-sidebar{max-height:calc(100dvh - 104px);overflow-y:auto;overscroll-behavior:contain;padding:12px 6px 12px 0;scrollbar-width:thin}
 #adaptal-showcase .showcase-sidebar .subnav{padding:0 0 6px 10px;margin:0 0 2px 6px;border-left:2px solid var(--line)}
 #adaptal-showcase .showcase-sidebar .subnav .eyebrow{font-size:10px;letter-spacing:.5px;margin:4px 0 6px}
 #adaptal-showcase .showcase-sidebar .choices{display:grid;gap:3px}
 #adaptal-showcase .showcase-sidebar .choices button{display:block;min-height:34px;padding:7px 8px;font-size:12px;line-height:1.4;border:0;background:transparent;border-radius:4px}
 #adaptal-showcase .showcase-sidebar .choices button[aria-pressed=true]{background:var(--tint);color:var(--ink);box-shadow:inset 3px 0 var(--brand)}
 #adaptal-showcase .showcase-sidebar .choices button:hover{background:var(--tint)}
}
#adaptal-showcase .workspace{scroll-margin-top:86px}
/* Blue accents keep help discoverable without changing reserved icon space. */
#adaptal-showcase button.help-info{color:#175fbb;background:#eaf3ff!important;border-radius:50%;}
#adaptal-showcase button.help-info:hover,#adaptal-showcase button.help-info:focus-visible{color:#fff;background:#175fbb!important}

/* Keep primary categories visible; only the industry submenu scrolls. */
#adaptal-showcase .sidebar-industry-group{min-height:0}
#adaptal-showcase .showcase-sidebar .industry-disclosure{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding:8px 10px;background:transparent;border:0;font-size:12px}
#adaptal-showcase .disclosure-arrow{font-size:18px;line-height:1}
#adaptal-showcase #sidebar-industry-list{max-height:clamp(80px,calc(100dvh - 390px),250px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-gutter:stable;margin:0 0 0 8px;padding:0 4px 0 8px;border-left:2px solid var(--line)}
#adaptal-showcase .industry-scroll-hint{font-size:11px;color:var(--muted);padding:7px 10px 2px}
@media(min-width:1051px){#adaptal-showcase .showcase-sidebar{max-height:none;overflow:visible}}
@media(max-width:1050px){#adaptal-showcase .sidebar-industry-group{display:none}}


/* A compact section overview, without nested list scrolling. */
#adaptal-showcase .object-section>.section-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:16px;text-align:left}
#adaptal-showcase .section-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
#adaptal-showcase .section-summary strong{font-weight:500}
#adaptal-showcase .section-affordance{font-size:12px;color:var(--muted);white-space:nowrap}
#adaptal-showcase .section-toggle[aria-expanded=false]{background:var(--wash)}
#adaptal-showcase .section-toggle[aria-expanded=false] .section-affordance{color:#175fbb}
@media(max-width:480px){#adaptal-showcase .section-summary{display:grid;gap:3px}#adaptal-showcase .object-section>.section-toggle{padding:14px 10px;gap:8px}}

/* Explicit foreground/background pairs override the old dark section header. */
#adaptal-showcase .object-section>button.section-toggle{background:#ffffff;color:#183653;border:1px solid #b8cde3;border-left:4px solid #175fbb;border-radius:7px;padding:18px 16px;min-height:88px;cursor:pointer}
#adaptal-showcase .object-section>button.section-toggle[aria-expanded=false]{background:#edf5ff;color:#183653}
#adaptal-showcase .object-section>button.section-toggle .section-summary{display:grid;gap:5px;min-width:0}
#adaptal-showcase .object-section>button.section-toggle .section-summary strong{color:#183653;font-size:18px;font-weight:600}
#adaptal-showcase .object-section>button.section-toggle .small{color:#405875;margin-left:0;font-size:12px;line-height:1.5}
#adaptal-showcase .object-section>button.section-toggle .section-affordance{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;background:#175fbb;color:#ffffff;border:1px solid #175fbb;border-radius:5px;padding:9px 13px;font-size:14px;font-weight:500}
#adaptal-showcase .object-section>button.section-toggle[aria-expanded=true] .section-affordance{background:#ffffff;color:#175fbb}
#adaptal-showcase .section-sign{font-size:22px;line-height:1}
#adaptal-showcase .object-section>button.section-toggle:hover{background:#dfedfc;border-color:#175fbb}
#adaptal-showcase .object-section>button.section-toggle:focus-visible{outline:3px solid #175fbb;outline-offset:3px}
@media(max-width:480px){#adaptal-showcase .object-section>button.section-toggle{padding:14px 10px;gap:10px;flex-wrap:wrap}#adaptal-showcase .object-section>button.section-toggle .section-affordance{min-height:44px}}

/* A brief entrance cue, once per collapsed section per page visit. */
@keyframes expand-wiggle{0%,100%{transform:translateX(0) rotate(0)}20%{transform:translateX(-2px) rotate(-2deg)}40%{transform:translateX(2px) rotate(2deg)}60%{transform:translateX(-2px) rotate(-1deg)}80%{transform:translateX(1px) rotate(1deg)}}
#adaptal-showcase .section-affordance.expand-attention{animation:expand-wiggle .6s ease-in-out .18s 1}
@media(prefers-reduced-motion:reduce){#adaptal-showcase .section-affordance.expand-attention{animation:none}}

/* Consistent interaction colour for record-level controls across industries. */
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related,[data-action],[data-save-cell]){background:#175fbb;color:#ffffff;border:1px solid #175fbb;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related,[data-action],[data-save-cell]):hover{background:#104c99;border-color:#104c99;color:#ffffff}
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related,[data-action],[data-save-cell]):active{background:#0d3e7d;border-color:#0d3e7d}
#adaptal-showcase #as-records button:is(.pencil,.disclosure,[data-cancel-cell]){color:#175fbb;background:#eaf3ff!important;border-color:#b8cde3;cursor:pointer}
#adaptal-showcase #as-records button:is(.pencil,.disclosure,[data-cancel-cell]):hover{color:#104c99;background:#d7e8fc!important}
#adaptal-showcase #as-records .file-thumbnail{border-color:#8cb2df;color:#175fbb;cursor:pointer}
#adaptal-showcase #as-records .file-thumbnail:hover{border-color:#175fbb;background:#edf5ff}
#adaptal-showcase #as-records button:focus-visible{outline:3px solid #175fbb;outline-offset:3px}
@media(prefers-reduced-motion:reduce){#adaptal-showcase #as-records button{transition:none}}

/* Open controls use the same outlined state as Collapse; closed stays blue. */
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related)[aria-expanded=true],
#adaptal-showcase #as-records button[data-action][data-action-open=true]{background:#ffffff;color:#175fbb;border-color:#175fbb}
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related)[aria-expanded=true]:hover,
#adaptal-showcase #as-records button[data-action][data-action-open=true]:hover{background:#edf5ff;color:#104c99;border-color:#175fbb}
#adaptal-showcase #as-records button:is(.related-toggle,.files-toggle,.mobile-details,.mobile-related)[aria-expanded=true]:active{background:#eaf3ff;color:#104c99}