/* Step 3.2d. Keep prior application styles; the only layout change is the requested tab grouping. */
@media (prefers-reduced-motion:no-preference){.md-profile-toggle button{transition:background-color 100ms,color 100ms}}
.md-pickrow{display:flex;gap:10px 18px;align-items:center;flex-wrap:wrap;margin-top:10px}
.md-menu-picker{display:flex;gap:3px;align-items:center;font:12px/18px system-ui,sans-serif;color:#505F6C}
.md-menu-picker>span{margin-right:5px}.md-menu-picker button{padding:6px 9px;border:1px solid #DFE5EA;border-radius:6px;min-height:30px;font:500 12px/18px system-ui,sans-serif;background:white;color:#505F6C}
.md-menu-picker [aria-pressed=true]{background:#EDF1F4;color:#202D36;border-color:#AAB8C3}
.md-gradient{display:flex;align-items:center;gap:7px;font:12px/18px system-ui,sans-serif;color:#505F6C;cursor:pointer}.md-gradient input{accent-color:#505F6C;width:15px;height:15px;margin:0}
.md-menu-picker button:disabled{opacity:.5;cursor:not-allowed}
.md-profile-toggle button[aria-pressed=true]{background:#253541;color:white}
.md-color-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}
.md-color-sample{border:1px solid #DFE5EA;border-radius:9px;padding:14px;background:#FFFFFF;min-width:0}
.md-color-sample>strong{display:block;font-size:14px;color:#202D36}.md-color-sample p{font:12px/18px system-ui,sans-serif;color:#505F6C;margin:6px 0 12px;min-height:52px}
.md-color-sample button{border-radius:8px;height:36px;display:block;width:100%;font:500 13px/20px var(--ui-font),Arial,sans-serif;margin-top:8px;padding:0 8px}
.md-color-sample code{display:block;font:11px/18px ui-monospace,monospace;color:#64727F;margin-top:7px;overflow-wrap:anywhere}
.ty-dialog .md-research{background:#F5F7F9;color:#202D36;margin-bottom:18px}.md-research p{margin:6px 0 0;font:13px/20px system-ui,sans-serif}
.md-toast-preview{display:flex;align-items:flex-start;gap:12px;background:#FFFFFF;border:1px solid #CEE7D8;border-radius:10px;padding:16px;margin-top:16px;color:#202D36}
.md-toast-preview strong{font-weight:600}.md-toast-preview p{font-size:13px;line-height:20px;color:#505F6C;margin:4px 0 0}.md-success-mark{display:grid;place-items:center;background:#E7F5EE;border-radius:50%;width:28px;height:28px;color:#17744B;flex:none}
.md-empty{background:#FFFFFF;border:1px solid #E0E5EA;border-radius:12px;padding:24px;line-height:22px;color:#505F6C}
/* All candidates share this geometry. "Previous" is the exact earlier styling, not the new shape. */
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar{display:flex;width:max-content;max-width:100%;gap:4px;padding:4px;border:1px solid var(--c-border)!important;border-radius:11px;background:#FFFFFF!important;overflow-x:auto;margin-bottom:24px;scrollbar-width:thin;scrollbar-color:#C6CFD7 transparent;box-shadow:none;align-items:stretch}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button{height:40px;min-height:40px;border:0!important;border-radius:7px;padding:0 14px;gap:8px;background:transparent!important;box-shadow:none!important;flex:none;color:var(--c-text-secondary)!important;display:flex;align-items:center;justify-content:center;white-space:nowrap}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button::after{display:none!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button:hover:not([aria-selected=true]){background:var(--c-hover)!important;color:var(--c-text)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button[aria-selected=true]{background:var(--c-selected)!important;color:var(--c-selected-ink)!important;border:0!important;box-shadow:none!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar .ps-tab-count{background:var(--c-inset)!important;color:var(--c-muted)!important;border-radius:5px;min-width:21px;line-height:20px;text-align:center;font-weight:500!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button[aria-selected=true] .ps-tab-count{background:white!important;color:var(--c-selected-ink)!important}
/* No dark product navigation fill unless "Filled" is explicitly requested. */
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .nav button[aria-current=page]{background-color:var(--c-nav-active)!important;background-image:none!important;color:var(--c-nav-ink)!important;border-color:transparent!important;box-shadow:none!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .nav button[aria-current=page] .i{color:var(--c-nav-icon)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .avatar{background-color:var(--c-inset)!important;color:var(--c-text-secondary)!important;border-color:var(--c-border)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous])[data-menu-treatment=filled] .nav button[aria-current=page]{background-color:var(--c-action)!important;color:white!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous])[data-menu-treatment=filled] .nav button[aria-current=page] .i{color:white!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous])[data-menu-treatment=filled][data-action-finish=gradient] .nav button[aria-current=page]{background-image:linear-gradient(135deg,var(--c-action),var(--c-action-gradient-end))!important}
/* Quiet perimeter, readable bottom boundary; one single border, never a border plus halo. */
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field,html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .topbar-search .field{background-color:#FFFFFF!important;border:1px solid var(--c-field-border)!important;border-bottom-color:var(--c-field-bottom)!important;box-shadow:none!important;outline:none!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field:hover:not(:disabled):not(:focus){border-color:var(--c-field-hover)!important;border-bottom-color:var(--c-field-bottom-hover)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field:focus,html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field:focus-visible{border-color:var(--c-focus)!important;outline:none!important;box-shadow:none!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field[aria-invalid=true],html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field[aria-invalid=true]:is(:hover,:focus,:focus-visible){border-color:var(--c-danger)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .field:disabled{border-color:var(--c-border)!important;background:var(--c-disabled-bg)!important;color:var(--c-disabled-text)!important}
/* Semantic feedback is separate from the product accent, invariant across the three shades. */
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast:not([data-tone=error]),html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast[data-tone=error]{background:#FFFFFF!important;color:var(--c-text)!important;border:1px solid var(--c-border)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast[data-tone=success]{border-color:#CEE7D8!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast[data-tone=error]{border-color:var(--c-danger-line)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast p{color:var(--c-text-secondary)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast>.i{width:28px;height:28px;border-radius:50%;padding:5px;background:var(--c-selected)!important;color:var(--c-selected-ink)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast[data-tone=success]>.i{background:#E7F5EE!important;color:#17744B!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast[data-tone=error]>.i{background:var(--c-danger-bg)!important;color:var(--c-danger)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast .i use{color:inherit!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast .cs-toast-close{color:var(--c-muted)!important;min-width:28px;min-height:28px}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #productToast .cs-toast-close:hover{background:var(--c-hover)!important;color:var(--c-text)!important}
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) #typeToast{background:white!important;color:var(--c-text)!important;border:1px solid var(--c-border)!important}
/* No implication that descriptive badges are actionable. */
html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .badge:not(.added){background-color:var(--c-badge-bg)!important;color:var(--c-badge-text)!important}
@media(max-width:620px){
 .md-pickrow{gap:8px}.md-pickrow>.ty-toggle{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.md-profile-toggle button{white-space:normal;font-size:12px;line-height:17px;padding:5px!important;min-height:38px}
 .md-menu-picker{flex-wrap:wrap}.md-gradient{font-size:11px;line-height:17px}
 .md-color-compare{grid-template-columns:1fr}.md-color-sample p{min-height:0}
 .ty-dock{max-width:calc(100vw - 16px);right:8px;bottom:8px;gap:1px;flex-wrap:wrap;justify-content:flex-end}.ty-dock button{font-size:11px;padding:5px 6px!important}.ty-dock .ty-toggle{flex:none}
 html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar{width:100%;padding:4px;gap:3px}
 html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar button{flex:1 1 0;min-width:0;flex-direction:column;gap:3px;height:62px;min-height:62px;padding:5px 4px;white-space:nowrap}
 html[data-sea-review][data-marine-stage="3.2d"][data-northstar=b][data-components-pass=after][data-refinement=after][data-color-mode=b]:not([data-marine-profile=previous]) .ps-tabbar .ps-tab-count{line-height:18px;font-size:12px!important}
}