/* Seiche's UPAM-style navy top navigation, shared across all product pages. */
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
.sc-rail { position: sticky; top: 0; z-index: 1100; width: 100%; display: flex; align-items: center; flex-wrap: wrap; gap: 0 1.5rem; padding: .5rem 1.5rem; background: var(--brand-navy); border-bottom: 3px solid var(--brand-blue); color: #fff; box-shadow: 0 2px 6px #1528471a; }
.sc-rail .sc-wordmark { display: flex; align-items: center; flex: 0 0 auto; gap: 1rem; padding: 0; color: #fff; text-decoration: none; }
.sc-wordmark img { display: block; width: 97px; height: 60px; object-fit: contain; }
.sc-wordmark > span { border-left: 1px solid #ffffff40; padding-left: 1rem; font: 600 1.25rem/1.3 var(--ui); }
.sc-wordmark small { display: block; margin-top: .2rem; color: #c3d8ea; font: 400 .75rem/1.3 var(--ui); }
.sc-rail nav { display: flex; align-items: center; flex: 1 1 auto; flex-wrap: wrap; gap: .25rem; }
.sc-rail nav a { display: flex; align-items: center; gap: .5rem; min-height: 2.75rem; padding: .65rem .75rem; color: #dae7f2; border-radius: .35rem; border: 1px solid transparent; font: 500 .875rem/1.35 var(--ui); text-decoration: none; }
.sc-rail nav a span { font: inherit; }
.sc-rail nav svg { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.sc-rail nav a:hover { color: #fff; background: #ffffff12; }
.sc-rail nav a[aria-current="page"] { color: #fff; background: #ffffff20; box-shadow: inset 0 -2px var(--brand-blue-light); }
.sc-rail-bottom { margin-left: auto; display: grid; grid-template-columns: auto auto; align-items: center; gap: .25rem 1rem; }
.sc-rail-bottom a { color: #fff; font: 500 .875rem/1.4 var(--ui); text-decoration: none; }
.sc-rail-bottom small { grid-row: 2; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: .75rem/1.4 var(--ui); color: #c3d8ea; }
.sc-rail-bottom form { grid-column: 2; grid-row: 1 / 3; margin: 0; }
.sc-rail-bottom button { padding: .6rem .8rem; border: 1px solid #ffffff60; border-radius: .35rem; color: #fff; background: transparent; font: .875rem var(--ui); cursor: pointer; }
.sc-rail :focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.sc-rail-bottom button:hover { background: #ffffff18; }
.sc-context, .context-bar { min-height: 4.5rem; height: auto; padding: 1rem 1.75rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; box-shadow: none; background: var(--surface); border-bottom: 1px solid var(--line); backdrop-filter: none; }
.sc-context { position: static; min-height: 3rem; padding: .5rem 1.5rem; }
.sc-context small { display: block; color: var(--ink-2); font: .8125rem/1.4 var(--ui); }
.sc-context strong { display: block; margin-top: .2rem; color: var(--heading); font: 600 1rem/1.3 var(--ui); }
.sc-account { display: flex; gap: .75rem; }
.sc-account button { padding: .55rem .85rem; border: 1px solid var(--line-strong); border-radius: .375rem; background: var(--surface); color: var(--ink); font: .875rem var(--ui); cursor: pointer; }
.unified-portal { padding-left: 0; }
.unified-portal .page { max-width: 1600px; padding: 2rem; margin: 0 auto; }
.unified-portal .page-header { margin: 0 0 1.5rem; padding: 0; border: 0; }
.unified-portal .page-header h1 { margin: .25rem 0 .65rem; font-size: 1.875rem; }
.unified-portal .page-header p { max-width: 760px; margin-top: 0; }
.sc-section-nav { display: flex; flex-wrap: wrap; gap: .5rem; padding-bottom: .85rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.sc-section-nav a { color: var(--steel-600); padding: .5rem .75rem; border-radius: .35rem; font-size: .875rem; text-decoration: none; }
.sc-section-nav a:hover { background: var(--steel-100); }
.sc-section-nav a[aria-current="page"] { background: var(--steel-100); box-shadow: inset 0 -2px var(--accent, #2684b5); font-weight: 600; }
.sc-company-picker { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin: 0 0 1.5rem; }
.sc-company-picker :is(label, select, button) { margin: 0; width: auto; font: inherit; }
.sc-company-picker select { max-width: min(100%, 28rem); }
.sc-task-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
.sc-task-groups h2 { font-size: 1.125rem; margin: 0 0 .75rem; }
.sc-task-list { border: 1px solid var(--line); border-radius: .5rem; background: var(--surface); overflow: hidden; }
.sc-task-list > a { display: grid; gap: .35rem; padding: 1rem 1.25rem; text-decoration: none; border-bottom: 1px solid var(--line); }
.sc-task-list > a:last-child { border-bottom: 0; }
.sc-task-list > a:hover { background: var(--steel-100); }
.sc-task-list strong { color: var(--heading); font-size: 1rem; }
.sc-task-list span { color: var(--ink-2); font-size: .875rem; line-height: 1.5; }
.sc-task-list > p { padding: 1rem 1.25rem; margin: 0; }
.workspace > .sc-section-nav { flex: 0 0 auto; margin: 0; padding: .25rem .75rem; gap: .25rem; background: var(--surface); }
.workspace > .sc-section-nav a { padding: .45rem .75rem; }
@media (max-width: 900px) { .sc-task-groups { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } }
.equipment-configuration > summary { cursor: pointer; padding: .6rem 0; font-weight: 600; }
.sc-launch-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.sc-launch { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.75rem; border: 1px solid var(--line); border-top: 3px solid var(--brand-blue); border-radius: var(--radius); background: var(--surface); color: var(--ink); text-decoration: none; box-shadow: var(--shadow); }
.sc-launch:hover { border-color: var(--brand-blue); }
.sc-launch h2 { margin: .4rem 0 .6rem; font-size: 1.375rem; }
.sc-launch p { margin: 0; color: var(--ink-2); }
.sc-launch > span { font-size: 1.5rem; color: var(--steel-600); }
.sc-next { margin-top: 2rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.sc-next h2 { font-size: 1.25rem; }
.sc-links { display: flex; gap: 1.5rem; flex-wrap: wrap; margin-top: 1.25rem; }
.sc-disclosure { margin: 1.25rem 0; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.sc-disclosure > summary { cursor: pointer; color: var(--steel-600); padding: 1rem 1.25rem; font: 600 .875rem/1.5 var(--ui); }
.sc-disclosure[open] > summary { border-bottom: 1px solid var(--line); }
.sc-disclosure > :not(summary) { margin: 1rem 1.25rem; }
.sc-disclosure .notice { border: 0; box-shadow: none; padding: .5rem 0; }
.sc-account-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1.5rem; }
.sc-facts { margin: 0 0 1.5rem; }
.sc-facts > div { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; border-bottom: 1px solid var(--line); padding: 1rem 0; }
.sc-facts dt { color: var(--ink-2); }
.sc-facts dd { margin: 0; overflow-wrap: anywhere; }
.sc-memberships { list-style: none; margin: 0; padding: 0; }
.sc-memberships li { display: grid; gap: .4rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
.sc-memberships span { color: var(--ink-2); }
.unified-portal .admin-layout { grid-template-columns: minmax(0, 1fr); }
.unified-portal .inline-member-form { padding: .875rem 0; }
.unified-portal .sc-invite { max-width: 680px; width: 100%; }
.unified-portal .pam-device-information .pam-detail-table { width: calc(100% - 2.5rem); }
@media (max-width: 960px) {
  .sc-rail { gap: .5rem 1.5rem; }
  .sc-rail nav { order: 3; flex: 1 1 100%; padding-top: .35rem; border-top: 1px solid #ffffff24; }
  .sc-rail nav a { padding: .5rem .85rem; }
}
@media (max-width: 900px) {
  .sc-launch-list, .sc-account-grid { grid-template-columns: minmax(0, 1fr); }
  .sc-context, .context-bar { padding: .9rem 1.25rem; }
  .unified-portal .page { padding: 1.5rem; }
}
@media (max-width: 760px) {
  .sc-rail { position: relative; padding: .5rem 1rem; gap: .5rem; }
  .sc-wordmark img { width: 81px; height: 50px; }
  .sc-wordmark > span { padding-left: .65rem; font-size: 1.125rem; }
  .sc-rail .sc-wordmark { gap: .65rem; }
  .sc-rail nav { gap: .15rem; }
  .sc-rail nav a { flex: 1 1 auto; padding: .5rem; }
  .sc-rail nav svg { display: none; }
  .sc-rail-bottom { gap: .5rem; grid-template-columns: 1fr; }
  .sc-rail-bottom small { display: none; }
  .sc-rail-bottom form { grid-column: 1; grid-row: 2; }
  .sc-rail-bottom button { border: 0; padding: .2rem 0; }
  .sc-rail-bottom a { max-width: 8rem; font-size: .8125rem; }
  .sc-context, .context-bar { flex-wrap: wrap; padding: .9rem 1rem; }
  .unified-portal .page { padding: 1.25rem 1rem; }
  .sc-launch { padding: 1.25rem; }
  .sc-facts > div { grid-template-columns: 1fr; gap: .4rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; } }

/* One persistent navigation column for every signed-in Cloud surface. */
.unified-portal { display: flex; flex-direction: column; height: 100dvh; overflow: hidden; }
.unified-portal > .sc-rail { flex: 0 0 auto; position: relative; }
.sc-layout { display: grid; grid-template-columns: minmax(0, 1fr); flex: 1 1 auto; min-height: 0; overflow: hidden; }
.sc-layout.sc-has-sidebar { grid-template-columns: 14rem minmax(0, 1fr); }
.sc-content { min-width: 0; min-height: 0; overflow: auto; scrollbar-gutter: stable; }
.sc-content > .page { width: 100%; max-width: none; padding: 1.25rem 1.5rem; }
.sc-sidebar { min-width: 0; min-height: 0; overflow: auto; padding: 1rem .75rem; background: var(--surface); border-right: 1px solid var(--line); color: var(--ink); font: .875rem/1.5 var(--ui); }
.sc-sidebar-menu > summary { display: none; cursor: pointer; font-weight: 600; padding: .5rem; }
.sc-sidebar .sc-section-nav { display: flex; flex-direction: column; flex-wrap: nowrap; gap: .25rem; padding: 0; margin: 0; border: 0; }
.sc-sidebar .sc-section-nav a { display: block; min-height: 2.5rem; padding: .6rem .75rem; overflow-wrap: anywhere; line-height: 1.4; }
.sc-sidebar .sc-section-nav a[aria-current] { background: var(--steel-100); font-weight: 600; box-shadow: inset 3px 0 var(--accent, #2684b5); }
.sc-sidebar .sc-sidebar-group { font: 600 .8125rem/1.5 var(--ui); color: var(--ink-2); margin: 1rem .75rem .25rem; }
.sc-sidebar :focus-visible { outline: 3px solid var(--steel-500); outline-offset: 2px; }
.sc-sidebar-company { display: grid; gap: .5rem; margin: 0 0 1rem; padding: 0 0 1rem; border-bottom: 1px solid var(--line); }
.sc-sidebar-company label { margin: 0; font: 600 .875rem/1.5 var(--ui); }
.sc-sidebar-company :is(select, button) { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 2.25rem; margin: 0; padding: .4rem .5rem; border: 1px solid var(--line-strong); border-radius: .35rem; background: var(--surface); color: var(--ink); font: .875rem/1.4 var(--ui); }
.sc-sidebar-company button { cursor: pointer; color: var(--steel-600); }
.sc-sidebar-note { color: var(--ink-2); font-size: .8125rem; margin: 1rem .75rem 0; }
.sc-sidebar-children { margin: 0 0 .5rem .75rem; padding-left: .5rem; border-left: 1px solid var(--line); }
.sc-sidebar-children > strong { display: block; padding: .5rem .75rem; overflow-wrap: anywhere; font-size: .875rem; }
body .shell.sc-dashboard-shell { display: grid; grid-template-columns: 14rem minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); height: 100dvh; min-height: 0; overflow: hidden; }
.sc-dashboard-shell > .sc-rail { grid-column: 1 / -1; grid-row: 1; position: relative; }
.sc-dashboard-shell > .sc-sidebar { grid-column: 1; grid-row: 2; }
body .shell.sc-dashboard-shell > .workspace { grid-column: 2; grid-row: 2; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.unified-portal:has(.review-editor) .sc-sidebar .sc-section-nav { display: flex; }
/* Dedicated media windows intentionally omit navigation, as does fullscreen. */
.review-popout .sc-sidebar, body.monitor-mode .sc-sidebar,
html:fullscreen body[data-view="workspaces"] .sc-sidebar { display: none; }
.review-popout .sc-layout.sc-has-sidebar { grid-template-columns: minmax(0, 1fr); }
.review-popout .sc-content > .sc-context, .unified-portal:has(.review-editor) .sc-content > .sc-context { display: none; }
body.monitor-mode .shell.sc-dashboard-shell,
html:fullscreen body[data-view="workspaces"] .shell.sc-dashboard-shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
body.monitor-mode .shell.sc-dashboard-shell > .workspace,
html:fullscreen body[data-view="workspaces"] .shell.sc-dashboard-shell > .workspace { grid-column: 1; grid-row: 1; }
@media (max-width: 760px) {
  .unified-portal { height: auto; min-height: 100dvh; overflow: auto; }
  .sc-layout.sc-has-sidebar { display: block; overflow: visible; }
  .sc-sidebar { border-right: 0; border-bottom: 1px solid var(--line); padding: .5rem .75rem; }
  .sc-sidebar-menu > summary { display: block; }
  .sc-sidebar-company { padding-top: .5rem; }
  .sc-content { overflow: visible; }
  .sc-content > .page { padding: 1rem; }
  body .shell.sc-dashboard-shell { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto minmax(25rem, 1fr); height: auto; min-height: 100dvh; overflow: visible; }
  .sc-dashboard-shell > .sc-sidebar { grid-row: 2; }
  body .shell.sc-dashboard-shell > .workspace { grid-column: 1; grid-row: 3; min-height: 35rem; }
}