html,
body.issu-release-lookup-n { overflow-anchor: none; }
.issu-page .panel { width: 100%; }
.skip-link { position: fixed; z-index: 1001; top: -48px; left: 16px; padding: 8px 12px; color: #FFFFFF; background: #07182D; text-decoration: none; }
.skip-link:focus { top: 8px; }
.lookup-panel { margin-bottom: 20px; border: 1px solid #02C8FF; background: #FFFFFF; }
.lookup-panel-title { margin: 0; padding: 12px 16px 4px; font-size: 18px; font-weight: 500; line-height: 1.35; }
.lookup-intro { display: flex; align-items: flex-start; box-sizing: border-box; min-height: 54px; height: 54px; padding: 4px 16px 6px; border-bottom: 1px solid #02C8FF; }
.lookup-lead { width: 100%; max-width: 100%; margin: 0; color: #07182D; font-size: 14px; }
.lookup-lead-primary { display: block; max-width: 100%; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.lookup-lead-secondary { display: block; margin-top: 2px; }
.issu-heading { display: flex; align-items: flex-start; justify-content: flex-start; margin: 0; padding: 4px 16px; border-bottom: 1px solid #02C8FF; }
.issu-controls { display: grid; align-items: center; grid-template-columns: minmax(0, 3fr) minmax(190px, 1fr); gap: 12px 24px; width: 100%; }
.issu-controls .issu-filter { width: 100%; max-width: none; margin: 0 !important; }
.issu-filter-row { display: flex; align-items: center; justify-content: flex-start; gap: 12px; width: 100%; }
.issu-filter label { flex: 0 0 58px; display: block; margin: 0; font-weight: 600; white-space: nowrap; }
.issu-filter .form-group__text { flex: 1 1 auto; min-width: 0; }
.lookup-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 16px; background: #FFFFFF; }
.lookup-card { min-width: 0; overflow: hidden; border: 1px solid #02C8FF; border-radius: 6px; background: #FFFFFF; box-shadow: 0 1px 3px rgba(7, 24, 45, 0.1); }
.lookup-card h3 { margin: 0; padding: 12px 14px; border-bottom: 1px solid #02C8FF; color: #07182D; background: #FFFFFF; font-size: 14px; font-weight: 400; line-height: 1.4; }
.lookup-card h3 strong { font-weight: 600; }
.lookup-table-wrap {
height: 330px;
max-height: 330px;
overflow-x: auto;
overflow-y: scroll;
overscroll-behavior: contain;
scrollbar-color: #0A60FF #FFFFFF;
scrollbar-width: auto;
}
.issu-lookup-table,
.issu-matrix { width: 100%; border-spacing: 0; border-collapse: separate; background: #FFFFFF; font-size: 12px; }
.issu-lookup-table th,
.issu-lookup-table td,
.issu-matrix th,
.issu-matrix td { padding: 7px 9px; border-right: 1px solid #02C8FF; border-bottom: 1px solid #02C8FF; background: #FFFFFF; white-space: nowrap; }
.issu-lookup-table th { position: sticky; z-index: 1; top: 0; font-weight: 600; text-align: left; }
.issu-lookup-table td { text-align: left; }
.issu-lookup-table tr > *:last-child,
.issu-matrix tr > *:last-child { border-right: 0; }
.issu-lookup-table tbody tr:last-child > *,
.issu-matrix tbody tr:last-child > * { border-bottom: 0; }
.empty-result { color: #07182D; text-align: center !important; }
@keyframes issu-chatbot-page-focus {
0% { outline-color: rgba(2, 200, 255, 0); box-shadow: 0 0 0 0 rgba(2, 200, 255, 0); }
14% { outline-color: rgba(2, 200, 255, 1); box-shadow: 0 0 0 6px rgba(2, 200, 255, 0.24); }
72% { outline-color: rgba(2, 200, 255, 0.95); box-shadow: 0 0 0 4px rgba(2, 200, 255, 0.16); }
100% { outline-color: rgba(2, 200, 255, 0); box-shadow: 0 0 0 0 rgba(2, 200, 255, 0); }
}
@keyframes issu-chatbot-row-focus {
0% { background-color: rgba(2, 200, 255, 0); box-shadow: inset 0 0 rgba(2, 200, 255, 0); }
14% { background-color: rgba(2, 200, 255, 1); box-shadow: inset 0 2px #02C8FF, inset 0 -2px #02C8FF; }
72% { background-color: rgba(2, 200, 255, 0.9); box-shadow: inset 0 2px rgba(2, 200, 255, 0.9), inset 0 -2px rgba(2, 200, 255, 0.9); }
100% { background-color: rgba(2, 200, 255, 0); box-shadow: inset 0 0 rgba(2, 200, 255, 0); }
}
.issu-chatbot-page-target { border-radius: 8px; outline: 3px solid transparent; outline-offset: 3px; animation: issu-chatbot-page-focus 3.1s ease-in-out both; }
tr.issu-chatbot-page-target > th,
tr.issu-chatbot-page-target > td { animation: issu-chatbot-row-focus 3.1s ease-in-out both; }
tr.issu-chatbot-page-target > :first-child { border-radius: 8px 0 0 8px; }
tr.issu-chatbot-page-target > :last-child { border-radius: 0 8px 8px 0; }
.matrix-panel { margin-bottom: 20px; overflow-anchor: none; border: 1px solid #02C8FF; background: #FFFFFF; }
.matrix-title { margin: 0 !important; padding: 0; border-bottom: 1px solid #02C8FF; color: #07182D; font-size: 18px; font-weight: 500; line-height: 1.3; }
.matrix-panel:not(.is-expanded) .matrix-title { border-bottom: 0; }
.matrix-accordion-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; margin: 0; padding: 12px 16px; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
#matrixTitleText { color: #07182D; font-family: CiscoSans, Arial, sans-serif; font-size: 18px; font-weight: 500; line-height: 1.3; }
.matrix-accordion-toggle:focus-visible { outline: 2px solid #02C8FF; outline-offset: -3px; }
.matrix-accordion-icon { flex: 0 0 auto; transition: transform 160ms ease; }
.matrix-accordion-toggle[aria-expanded="true"] .matrix-accordion-icon { transform: rotate(180deg); }
.matrix-accordion-content[hidden] { display: none; }
.matrix-hover-status { padding: 8px 12px; border-bottom: 1px solid #02C8FF; background: #FFFFFF; font-size: 13px; font-weight: 600; line-height: 1.4; }
.matrix-wrap {
max-width: 100%;
height: 447px;
max-height: 447px;
overflow-x: scroll;
overflow-y: scroll;
overscroll-behavior: contain;
border: 0;
scrollbar-color: #0A60FF #FFFFFF;
scrollbar-width: auto;
}
.matrix-wrap:focus-visible { outline: 3px solid #02C8FF; outline-offset: -3px; }
.matrix-wrap::-webkit-scrollbar { width: 18px; height: 18px; }
.matrix-wrap::-webkit-scrollbar-track {
border: 1px solid #02C8FF;
background: #FFFFFF;
}
.matrix-wrap::-webkit-scrollbar-thumb {
min-width: 44px;
min-height: 44px;
border: 3px solid #FFFFFF;
border-radius: 9px;
background: #0A60FF;
}
.matrix-wrap::-webkit-scrollbar-thumb:hover { background: #0A60FF; }
.matrix-wrap::-webkit-scrollbar-thumb:active { background: #07182D; }
.matrix-wrap::-webkit-scrollbar-corner {
border: 1px solid #02C8FF;
background: #FFFFFF;
}
.issu-matrix { width: max-content; min-width: 100%; }
.issu-matrix th,
.issu-matrix td { height: 33px; min-width: 62px; box-sizing: border-box; text-align: center; }
.issu-matrix thead th { position: sticky; z-index: 3; top: 0; font-weight: 600; }
.issu-matrix .firstcol { position: sticky; z-index: 2; left: 0; min-width: 96px; color: #FFFFFF !important; background: #0A60FF !important; font-weight: 600; text-align: left; }
.issu-matrix thead .firstcol { z-index: 4; }
.issu-matrix .matrix-row-highlight,
.issu-matrix .matrix-column-highlight { background: #02C8FF !important; }
.issu-matrix .matrix-axis-highlight { background: #02C8FF !important; font-weight: 700; }
.issu-matrix .firstcol.matrix-row-highlight,
.issu-matrix .firstcol.matrix-axis-highlight { color: #07182D !important; }
.issu-matrix .matrix-cell-highlight { background: #02C8FF !important; outline: 2px solid #02C8FF; outline-offset: -2px; }
.issu-matrix tbody td:focus-visible { outline: 2px solid #02C8FF; outline-offset: -2px; }
.matrix-panel .matrix-status--n { color: #FF007F; font-weight: 700; }
.matrix-panel .matrix-status--y { color: #07182D; font-weight: 700; }
.matrix-cell-content { display: inline-flex; align-items: center; justify-content: center; gap: 3px; height: 16px; max-width: 100%; line-height: 1; vertical-align: middle; white-space: nowrap; }
.matrix-cell-symbol { display: inline-block; min-width: 8px; line-height: 1; }
.matrix-blocker-warning { display: inline-grid; flex: 0 0 13px; place-items: center; width: 13px; height: 13px; margin: 0; padding: 0; overflow: visible; border: 0; border-radius: 2px; color: #07182D !important; background: transparent; line-height: 1; vertical-align: middle; cursor: pointer; }
.matrix-blocker-warning svg { display: block; width: 12px; height: 12px; overflow: visible; fill: #FF9000; }
.matrix-blocker-warning__mark { fill: none; stroke: #07182D; stroke-width: 1.7; stroke-linecap: round; }
.matrix-blocker-warning:hover svg { fill: #FF9000; }
.matrix-blocker-warning:focus-visible { outline: 2px solid #02C8FF; outline-offset: 1px; }
.matrix-blocker-popover { position: fixed; z-index: 1200; width: max-content; min-width: 190px; max-width: min(290px, calc(100vw - 16px)); padding: 10px 12px; border: 1px solid #FF9000; border-radius: 6px; color: #07182D; background: #FFFFFF; box-shadow: 0 6px 18px rgba(7, 24, 45, 0.24); box-sizing: border-box; font-size: 12px; line-height: 1.4; text-align: left; white-space: normal; }
.matrix-blocker-popover[hidden] { display: none; }
.matrix-blocker-popover__title { display: block; margin: 0 0 4px; color: #07182D; font-size: 12px; font-weight: 700; }
.matrix-blocker-popover__bug + .matrix-blocker-popover__bug { margin-top: 3px; }
.matrix-blocker-popover__devices { display: grid; gap: 3px; margin-top: 7px; padding-top: 7px; border-top: 1px solid #d6d6d6; }
.matrix-blocker-popover__devices[hidden] { display: none; }
.matrix-blocker-popover__devices-label { display: block; margin: 0 0 4px; color: #0d274d; font-size: 12px; font-weight: 700; }
.matrix-blocker-popover__device-name { display: block; color: var(--cui-link-color); font-weight: 400; }
.matrix-blocker-popover a { color: #0A60FF; font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.matrix-blocker-popover a:hover { color: #0A60FF; }
.matrix-blocker-popover a:focus-visible { border-radius: 2px; outline: 2px solid #02C8FF; outline-offset: 2px; }
#loading { padding: 28px; color: #07182D; text-align: center; }
.reference-section { min-width: 0; max-width: 100%; margin-top: 16px; overflow: hidden; overflow-anchor: none; border: 1px solid #02C8FF; background: #FFFFFF; }
.reference-section-content { min-width: 0; max-width: 100%; }
.section-head { padding: 0; border-bottom: 1px solid #02C8FF; }
.section-head h2 { margin: 0; color: #07182D; font-size: 18px; font-weight: 500; line-height: 1.3; }
.section-head h3 { margin: 0; }
.section-head p { max-width: 700px; margin: 4px 0 0; color: #07182D; font-size: 13px; }
.reference-section-title { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; width: 100%; padding: 16px 18px; }
.reference-section-title--with-control { flex-wrap: wrap; }
.reference-section-title--filterable { align-items: center; }
button.reference-section-title { margin: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
button.reference-section-title:focus-visible { outline: 2px solid #02C8FF; outline-offset: -3px; }
.reference-accordion-heading { display: flex; flex: 1 1 560px; align-items: flex-start; justify-content: space-between; gap: 16px; min-width: 0; margin: 0; padding: 0; border: 0; color: inherit; background: transparent; font: inherit; text-align: left; cursor: pointer; }
.reference-accordion-heading:focus-visible { border-radius: 3px; outline: 2px solid #02C8FF; outline-offset: 3px; }
.reference-heading { display: block; color: #07182D; font-size: 18px; font-weight: 500; line-height: 1.3; }
.reference-subheading { display: block; max-width: 700px; margin-top: 4px; color: #07182D; font-size: 13px; font-weight: 400; line-height: 1.4; }
.reference-subheading--single-line { max-width: none; white-space: nowrap; }
.related-information-table th:first-child,
.related-information-table td:first-child { width: 28%; }
.related-information-links { display: grid; gap: 4px; }
.reference-toggle-meta { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 12px; }
.reference-accordion-icon.openicon {
display: block;
flex: 0 0 auto;
width: 0;
height: 0;
margin: 0;
padding: 6px;
border: 0 solid currentColor;
border-right-width: 1px;
border-bottom-width: 1px;
box-sizing: content-box;
transform: rotate(45deg);
transform-origin: 6.5px 6.5px;
transition: border-color 160ms ease;
}
.reference-accordion-toggle[aria-expanded="true"] .reference-accordion-icon.openicon {
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 1px;
}
.reference-section-content[hidden] { display: none; }
.reference-section-tools { display: flex; flex: 0 1 auto; align-items: center; justify-content: flex-end; gap: 12px; min-width: 0; margin-left: auto; }
.reference-search { display: block; flex: 0 1 240px; min-width: 160px; margin: 0; }
.reference-search input { width: 100%; height: 32px; padding: 6px 10px; border: 1px solid #02C8FF; border-radius: 4px; color: #07182D; background: #FFFFFF; font: inherit; font-size: 13px; line-height: 18px; }
.reference-search input:focus { border-color: #0A60FF; outline: 2px solid rgba(2, 200, 255, 0.28); }
.blocker-view-toggle { position: relative; display: inline-flex; flex: 0 0 auto; align-items: center; gap: 8px; min-height: 28px; margin: 0; padding: 0; border: 0; color: #07182D; background: transparent; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; user-select: none; }
.blocker-view-toggle__track { position: relative; display: inline-block; width: 36px; height: 20px; border: 1px solid #02C8FF; border-radius: 999px; background: #FFFFFF; transition: background 150ms ease, border-color 150ms ease; }
.blocker-view-toggle__thumb { position: absolute; top: 2px; left: 2px; width: 14px; height: 14px; border-radius: 50%; background: #FFFFFF; box-shadow: 0 1px 2px rgba(7, 24, 45, 0.28); transition: transform 150ms ease; }
.blocker-view-toggle[aria-checked="true"] .blocker-view-toggle__track { border-color: #0A60FF; background: #0A60FF; }
.blocker-view-toggle[aria-checked="true"] .blocker-view-toggle__thumb { transform: translateX(16px); }
.blocker-view-toggle:focus-visible .blocker-view-toggle__track { outline: 2px solid #02C8FF; outline-offset: 2px; }
.blocker-view-toggle__status { min-width: 28px; color: #07182D; font-weight: 400; }
.blocker-view-toggle[aria-checked="true"] .blocker-view-toggle__status { color: #0A60FF; font-weight: 600; }
.reference-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; overflow-y: hidden; }
.reference-table-wrap--platforms,
.reference-table-wrap--blockers { overflow-x: auto; overflow-y: hidden; scrollbar-gutter: stable; }
.reference-table-wrap--platforms.has-vertical-overflow,
.reference-table-wrap--blockers.has-vertical-overflow { overflow-y: auto; }
.reference-table-wrap--platforms.has-vertical-overflow .reference-table--platforms thead th,
.reference-table-wrap--blockers.has-vertical-overflow .reference-table--blockers thead th { position: sticky; z-index: 3; top: 0; }
.reference-table { width: 100%; min-width: 720px; border-spacing: 0; border-collapse: collapse; background: #FFFFFF; }
.reference-table th,
.reference-table td { padding: 11px 8px; border-bottom: 1px solid #02C8FF; color: #07182D; background: #FFFFFF; text-align: left; vertical-align: top; }
.issu-lookup-table thead th,
.issu-matrix thead th,
.reference-table thead th { box-sizing: border-box; height: 29px; padding: 7px 9px; color: #07182D; background: #02C8FF; font-size: 12px; font-weight: 600; line-height: 14px; text-transform: uppercase; white-space: nowrap; vertical-align: middle; }
.reference-table tbody tr:last-child td { border-bottom: 0; }
.reference-table--platforms { table-layout: fixed; }
.reference-table--platforms th,
.reference-table--platforms td { width: 33.3333%; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.reference-table--blockers { width: 100%; min-width: 1200px; table-layout: fixed; }
.reference-table--blockers .blocker-col--platform { width: 28%; }
.reference-table--blockers .blocker-col--path { width: 205px; }
.reference-table--blockers .blocker-col--impact { width: 165px; }
.reference-table--blockers .blocker-col--details { width: auto; }
.reference-table--blockers .blocker-col--bug { width: 116px; }
.reference-table--blockers th,
.reference-table--blockers td { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.reference-table--blockers th:nth-child(2),
.reference-table--blockers td:nth-child(2) { overflow-wrap: break-word; }
.reference-table--blockers th:nth-child(3),
.reference-table--blockers td:nth-child(3) { overflow-wrap: break-word; }
.reference-table--blockers th:nth-child(4),
.reference-table--blockers td:nth-child(4) { line-height: 1.45; overflow-wrap: break-word; }
.reference-table--blockers th:last-child,
.reference-table--blockers td:last-child { white-space: nowrap; overflow-wrap: normal; }
.reference-table--blockers td code { white-space: normal; overflow-wrap: anywhere; }
.reference-table--blockers .reference-release { max-width: 100%; white-space: normal; }
.reference-table--rules { width: 100%; min-width: 720px; table-layout: fixed; }
.reference-table--rules th:nth-child(1) { width: 16%; }
.reference-table--rules th:nth-child(2) { width: 52%; }
.reference-table--rules th:nth-child(3) { width: 32%; }
.reference-table--rules th,
.reference-table--rules td { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.reference-cell-list { margin: 0; padding-left: 18px; }
.reference-cell-list li + li { margin-top: 4px; }
.path-line { display: block; }
.path-line--diagram { width: max-content; max-width: 100%; }
.path-line--diagram + .path-line--diagram { margin-top: 8px; padding-top: 8px; border-top: 1px solid #02C8FF; }
.issu-path-diagram { display: inline-grid; grid-template-columns: minmax(62px, auto) 58px minmax(62px, auto); align-items: center; width: max-content; max-width: 100%; vertical-align: middle; }
.issu-path-diagram__stack { display: flex; flex-direction: column; align-self: start; justify-content: flex-start; gap: 6px; min-width: 0; }
.issu-path-pill { display: inline-flex; align-items: center; justify-content: center; min-width: 62px; min-height: 28px; padding: 3px 8px; border: 1px solid transparent; border-radius: 8px; box-sizing: border-box; font-size: 12px; font-weight: 700; line-height: 18px; white-space: nowrap; }
.issu-path-pill--source { border-color: #0A60FF; color: #07182D; background: #FFFFFF; }
.issu-path-pill--target { border-color: #FF9000; color: #07182D; background: #FFFFFF; }
.issu-path-diagram__connector { display: block; width: 58px; overflow: visible; fill: none; }
.issu-path-diagram__line { fill: none; stroke: #0A60FF; stroke-width: 2; vector-effect: non-scaling-stroke; }
.issu-path-diagram__arrow { fill: #0A60FF; }
.issu-path-header { padding-top: 4px !important; padding-bottom: 4px !important; }
.issu-path-header__content { display: grid; grid-template-columns: 62px 58px 62px; align-items: center; width: max-content; max-width: 100%; min-width: 0; }
.issu-path-header__title { min-width: 0; }
.issu-path-header__arrow { justify-self: stretch; width: 100%; height: 12px; overflow: visible; fill: none; }
.issu-path-header__arrow-line { fill: none; stroke: #0A60FF; stroke-width: 1.8; }
.issu-path-header__arrow-head { fill: #0A60FF; }
.issu-path-header__warning { position: relative; display: inline-grid; place-items: center; justify-self: center; width: 15px; height: 15px; border-radius: 2px; cursor: help; }
.issu-path-header__warning svg { display: block; width: 15px; height: 15px; fill: #FF9000; }
.issu-path-header__warning-mark { fill: none; stroke: #07182D; stroke-width: 1.7; stroke-linecap: round; }
.issu-path-header__warning:focus-visible { outline: 2px solid #02C8FF; outline-offset: 2px; }
.issu-path-header__warning-tooltip { position: absolute; z-index: 20; top: calc(100% + 7px); left: 50%; width: max-content; max-width: 190px; padding: 5px 7px; border: 1px solid #02C8FF; border-radius: 4px; color: #FFFFFF; background: #07182D; box-shadow: 0 3px 9px rgba(7, 24, 45, 0.22); font-size: 11px; font-weight: 600; line-height: 1.3; text-align: center; text-transform: none; white-space: normal; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, -3px); transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease; }
.issu-path-header__warning:hover .issu-path-header__warning-tooltip,
.issu-path-header__warning:focus .issu-path-header__warning-tooltip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.path-line--note { line-height: 1.45; }
.reference-release { color: #07182D; font-weight: 600; white-space: nowrap; }
.compact-cell { max-width: 380px; }
.reference-pill { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 9px; border: 1px solid transparent; border-radius: 999px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.reference-pill--supported { color: #07182D; background: #02C8FF; }
.reference-pill--check { color: #07182D; background: #02C8FF; }
.reference-pill--warn { color: #07182D; background: #FF9000; }
.reference-list-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; padding: 16px 18px 18px; }
.reference-list-grid h3 { margin: 0; font-size: 15px; font-weight: 600; }
.reference-note-list { display: grid; gap: 9px; margin: 10px 0 0; padding: 0; list-style: none; }
.reference-note-list li { display: grid; grid-template-columns: auto 1fr; gap: 9px; align-items: start; color: #07182D; }
.reference-marker { width: 8px; height: 8px; margin-top: 7px; border-radius: 99px; background: #02C8FF; }
.reference-marker--stop { background: #FF007F; }
.reference-marker--warn { background: #FF9000; }
.reference-footer-note { margin: 16px 0 0; color: #07182D; font-size: 12px; }
.reference-section + .matrix-panel { margin-top: 20px; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.issu-chatbot { position: fixed; z-index: 1000; right: 22px; bottom: 22px; font-family: CiscoSans, Arial, sans-serif; }
.issu-chatbot-launcher { display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 7px 11px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; color: #FFFFFF; background: #07182D; box-shadow: 0 3px 10px rgba(7, 24, 45, 0.24); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: background 0.18s, transform 0.18s, box-shadow 0.18s; animation: issu-rules-pulse 2.5s ease-in-out infinite; }
.issu-chatbot .issu-chatbot-launcher,
.issu-chatbot .issu-chatbot-launcher > span { color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; }
@keyframes issu-rules-pulse {
0%, 100% { box-shadow: 0 4px 14px rgba(7, 24, 45, 0.28), 0 0 0 0 rgba(2, 200, 255, 0.5); }
50% { box-shadow: 0 4px 14px rgba(7, 24, 45, 0.28), 0 0 0 6px rgba(2, 200, 255, 0); }
}
.issu-chatbot-launcher:hover { background: #0A60FF; box-shadow: 0 3px 10px rgba(7, 24, 45, 0.24), 0 0 0 3px rgba(2, 200, 255, 0.22); transform: translateY(-1px); animation: none; }
.issu-chatbot-launcher:active { transform: translateY(0) scale(0.98); }
.issu-chatbot-launcher:focus-visible { outline: 2px solid #02C8FF; outline-offset: 2px; }
.issu-chatbot-launcher__icon { display: inline-grid; place-items: center; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font-size: 11px; font-weight: 700; line-height: 1; }
.issu-chatbot-panel { position: absolute; right: 0; bottom: 56px; display: flex; flex-direction: column; width: min(390px, calc(100vw - 28px)); min-width: min(320px, calc(100vw - 28px)); max-width: calc(100vw - 28px); height: min(590px, calc(100vh - 100px)); min-height: min(420px, calc(100vh - 100px)); max-height: calc(100vh - 82px); overflow: hidden; resize: none; box-sizing: border-box; border: 1px solid #02C8FF; border-radius: 10px; background: #FFFFFF; box-shadow: 0 12px 32px rgba(7, 24, 45, 0.24); container-name: issu-chatbot-panel; container-type: inline-size; }
.issu-chatbot-panel[hidden] { display: none; }
.issu-chatbot-resize-handle { position: absolute; z-index: 3; width: 18px; height: 18px; padding: 0; border: 1px solid rgba(2, 200, 255, 0.72); border-radius: 4px; color: #02C8FF; background: transparent; cursor: nwse-resize; touch-action: none; }
.issu-chatbot .issu-chatbot-resize-handle { color: #02C8FF; }
.issu-chatbot-resize-handle--top-left { top: 3px; left: 3px; border: 0; }
.issu-chatbot-resize-handle--bottom-left { bottom: 3px; left: 3px; border: 0; background: transparent; }
.issu-chatbot-resize-handle--left-edge { top: 50%; left: 0; width: 10px; height: 48px; border-radius: 0 5px 5px 0; cursor: ew-resize; transform: translateY(-50%); }
.issu-chatbot-resize-handle--top-left::before,
.issu-chatbot-resize-handle--bottom-left::before { position: absolute; width: 8px; height: 8px; content: ""; opacity: 0.95; }
.issu-chatbot-resize-handle--top-left::before { top: 3px; left: 3px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; }
.issu-chatbot-resize-handle--bottom-left::before { bottom: 3px; left: 3px; border-bottom: 2px solid currentColor; border-left: 2px solid currentColor; }
.issu-chatbot-resize-handle--left-edge::before { position: absolute; top: 11px; bottom: 11px; left: 3px; width: 2px; border-radius: 2px; background: currentColor; content: ""; }
.issu-chatbot-resize-handle::after { position: absolute; top: -1px; bottom: -1px; left: -9px; width: 8px; border-radius: 5px 0 0 5px; background: linear-gradient(90.0deg, rgba(10, 96, 255, 1.0) 0%, rgba(2, 200, 255, 1.0) 100%); content: ""; pointer-events: none; transform: scaleX(0.22); transform-origin: right center; animation: issu-resize-edge-pulse 2.5s ease-in-out infinite; }
@keyframes issu-resize-edge-pulse {
0%, 100% { opacity: 0.72; transform: scaleX(0.22); }
50% { opacity: 0; transform: scaleX(1); }
}
.issu-chatbot-resize-handle:hover { background: rgba(2, 200, 255, 0.18); }
.issu-chatbot-resize-handle:hover::after { opacity: 0.72; transform: scaleX(0.65); animation: none; }
.issu-chatbot-resize-handle:focus-visible { border-radius: 3px; outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot-panel.is-resizing { user-select: none; }
.issu-chatbot-panel.is-resizing * { cursor: nwse-resize !important; }
.issu-chatbot-panel.is-resizing-width * { cursor: ew-resize !important; }
.issu-chatbot-header { display: grid; flex: 0 0 auto; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 10px 12px; padding: 8px 10px; color: #FFFFFF; background: #07182D; }
.issu-chatbot-header__copy { min-width: 0; padding-left: 13px; }
.issu-chatbot-header__title-row { position: relative; display: flex; align-items: center; gap: 8px; width: max-content; max-width: 100%; }
.issu-chatbot-header h2 { margin: 0; color: inherit; font-size: 18px; font-weight: 500; line-height: 1.3; }
.issu-chatbot-header p { margin: 3px 0 0; color: #FFFFFF; font-size: 12px; line-height: 1.35; }
.issu-chatbot-header__actions { position: relative; display: flex; align-items: center; gap: 2px; }
.issu-chatbot .issu-chatbot-info { display: inline-grid; flex: 0 0 auto; place-items: center; width: 22px; height: 22px; margin: 0; padding: 0; border: 1px solid #02C8FF; border-radius: 50%; color: #07182D !important; -webkit-text-fill-color: #07182D; background: #02C8FF; font: inherit; font-size: 13px; font-weight: 700; line-height: 1; cursor: pointer; }
.issu-chatbot .issu-chatbot-info:hover { border-color: #FFFFFF; color: #07182D !important; background: #FFFFFF; }
.issu-chatbot-info:focus-visible { outline: 2px solid #02C8FF; outline-offset: 2px; }
.issu-chatbot-info-popup { position: absolute; z-index: 6; top: 30px; left: 0; width: min(250px, calc(100vw - 72px)); width: clamp(210px, 72cqw, 420px); max-width: calc(100vw - 72px); max-width: calc(100cqw - 52px); padding: 9px 11px; border: 1px solid #02C8FF; border-radius: 6px; color: #07182D; background: #FFFFFF; box-shadow: 0 6px 18px rgba(7, 24, 45, 0.24); box-sizing: border-box; font-size: 11px; font-weight: 400; line-height: 1.4; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-4px); transition: width 0.16s ease, opacity 0.16s ease, transform 0.16s ease, visibility 0.16s; }
.issu-chatbot-info:hover + .issu-chatbot-info-popup,
.issu-chatbot-info:focus-visible + .issu-chatbot-info-popup,
.issu-chatbot-info[aria-expanded="true"] + .issu-chatbot-info-popup { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.issu-chatbot-device { display: grid; grid-column: 1 / -1; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; }
.issu-chatbot-device label { margin: 0; color: #FFFFFF; font-size: 11px; font-weight: 600; }
.issu-chatbot-device select { width: 100%; min-width: 0; height: 30px; padding: 4px 28px 4px 8px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.58); border-radius: 4px; color: #07182D; background: #FFFFFF; font: inherit; font-size: 11px; text-overflow: ellipsis; }
.issu-chatbot-device select:focus-visible { border-color: #02C8FF; outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot .issu-chatbot-close { display: inline-grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; margin: -3px -2px 0 0; padding: 0; border: 1px solid #02C8FF; border-radius: 5px; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF; background: rgba(255, 255, 255, 0.06); font-size: 22px; font-weight: 400; line-height: 1; cursor: pointer; }
.issu-chatbot .issu-chatbot-close:hover { border-color: #FFFFFF; background: rgba(255, 255, 255, 0.18); }
.issu-chatbot-close:focus-visible { outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot .issu-chatbot-refresh { display: inline-grid; flex: 0 0 auto; place-items: center; width: 28px; height: 28px; margin: -3px 0 0; padding: 0; border: 0; border-radius: 5px; color: #FFFFFF; background: transparent; cursor: pointer; }
.issu-chatbot .issu-chatbot-refresh svg { display: block; width: 19px; height: 19px; transition: transform 180ms ease, color 180ms ease; }
.issu-chatbot .issu-chatbot-refresh:hover { color: #02C8FF; background: rgba(255, 255, 255, 0.12); }
.issu-chatbot .issu-chatbot-refresh:hover svg { transform: rotate(-28deg); }
.issu-chatbot .issu-chatbot-refresh:active svg { transform: rotate(-75deg) scale(0.94); }
.issu-chatbot-refresh:focus-visible { outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot-messages { flex: 1 1 auto; min-height: 0; padding: 14px; overflow-y: auto; overscroll-behavior: contain; background: #FFFFFF; }
.issu-chatbot-message { width: fit-content; max-width: 88%; margin: 0 0 10px; padding: 9px 11px; border-radius: 9px; color: #07182D; background: #FFFFFF; box-shadow: 0 1px 2px rgba(7, 24, 45, 0.1); box-sizing: border-box; font-size: 13px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere; }
.issu-chatbot-message--user { display: grid; grid-template-columns: 18px minmax(0, auto); column-gap: 5px; align-items: start; width: fit-content; max-width: 88%; margin-right: 0; margin-left: auto; color: #FFFFFF; background: #0A60FF; overflow-wrap: anywhere; }
.issu-chatbot-message--user .issu-chatbot-message__text { grid-column: 2; min-width: 0; align-self: center; }
.issu-chatbot-copy-response { display: inline-grid; grid-column: 1; grid-row: 1; place-items: center; width: 18px; height: 18px; margin: 1px 0 0; padding: 1px; border: 0; border-radius: 3px; color: rgba(255, 255, 255, 0.76); background: transparent; opacity: 0.72; cursor: pointer; transition: color 140ms ease, background 140ms ease, opacity 140ms ease; }
.issu-chatbot-copy-response svg { display: block; width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
.issu-chatbot-copy-response:hover { color: #FFFFFF; background: rgba(255, 255, 255, 0.12); opacity: 1; }
.issu-chatbot-copy-response:focus-visible { outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot-copy-response.is-copied { color: #FFFFFF; background: rgba(255, 255, 255, 0.16); opacity: 1; }
.issu-chatbot-message strong { font-weight: 700; }
.issu-chatbot-message a { color: #0A60FF; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; overflow-wrap: anywhere; }
.issu-chatbot-device-reference,
.issu-chatbot-release-reference { color: #07182D; font-weight: 700; }
.issu-chatbot-train-pill { display: inline-flex; align-items: center; min-height: 18px; margin: 1px 2px; padding: 1px 6px; border: 1px solid #02C8FF; border-radius: 999px; color: #07182D; background: #02C8FF; font-size: 0.92em; font-weight: 700; line-height: 1.2; white-space: nowrap; }
.issu-chatbot-release-pill { display: inline-flex; align-items: center; min-height: 20px; margin: 2px 3px 2px 0; padding: 2px 7px; border: 1px solid #02C8FF; border-radius: 999px; color: #07182D; background: #02C8FF; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.issu-chatbot-message a:hover { color: #0A60FF; }
.issu-chatbot-message a:focus-visible { outline: 2px solid #02C8FF; outline-offset: 2px; }
.issu-chatbot-message:has(.issu-chatbot-response-table) { width: 98%; max-width: 98%; container-type: inline-size; }
.issu-chatbot-message__text > p { margin: 0; white-space: normal; }
.issu-chatbot-response-list { margin: 8px 0 0; padding-left: 20px; white-space: normal; }
.issu-chatbot-response-list li { margin: 0 0 7px; padding-left: 2px; line-height: 1.45; }
.issu-chatbot-response-list li:last-child { margin-bottom: 0; }
.issu-chatbot-response-list li::marker { color: #02C8FF; }
.issu-chatbot-message__text > p + .issu-chatbot-response-table-wrap { margin-top: 8px; }
.issu-chatbot-response-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; border: 1px solid #02C8FF; border-radius: 5px; background: #FFFFFF; box-sizing: border-box; white-space: normal; }
.issu-chatbot-response-table { width: 100%; max-width: 100%; min-width: 0; border-spacing: 0; border-collapse: collapse; table-layout: auto; font-size: 11px; line-height: 1.35; }
.issu-chatbot-response-table th { min-width: 0; padding: 6px 7px; border-right: 1px solid #02C8FF; border-bottom: 1px solid #02C8FF; color: #07182D; background: #02C8FF; box-sizing: border-box; font-size: 10px; font-weight: 600; text-align: left; text-transform: uppercase; white-space: normal; overflow-wrap: anywhere; }
.issu-chatbot-response-table td { min-width: 0; padding: 7px; border-right: 1px solid #02C8FF; border-bottom: 1px solid #02C8FF; box-sizing: border-box; text-align: left; vertical-align: top; white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.issu-chatbot-response-table--train th:first-child,
.issu-chatbot-response-table--train td:first-child { width: 1%; white-space: nowrap; }
.issu-chatbot-response-table--blockers { width: 100%; min-width: 0; table-layout: fixed; }
.issu-chatbot-response-table--blockers th:nth-child(1) { width: 34%; }
.issu-chatbot-response-table--blockers th:nth-child(2) { width: 36%; }
.issu-chatbot-response-table--blockers th:nth-child(3) { width: 30%; }
.issu-chatbot-response-table--blockers th,
.issu-chatbot-response-table--blockers td { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.issu-chatbot-response-table--comparison { width: 100%; min-width: 0; table-layout: fixed; }
.issu-chatbot-response-table--comparison th:nth-child(1) { width: 32%; }
.issu-chatbot-response-table--comparison th:nth-child(2),
.issu-chatbot-response-table--comparison th:nth-child(3) { width: 34%; }
.issu-chatbot-response-table--comparison th:first-child,
.issu-chatbot-response-table--comparison td:first-child { white-space: normal; overflow-wrap: normal; word-break: normal; }
.issu-chatbot-response-table--category { table-layout: fixed; }
.issu-chatbot-response-table--category th:first-child,
.issu-chatbot-response-table--category td:first-child { width: 30%; white-space: normal; overflow-wrap: normal; word-break: normal; }
.issu-chatbot-response-table--category th:last-child,
.issu-chatbot-response-table--category td:last-child { width: 70%; }
@container (min-width: 560px) {
.issu-chatbot-response-table--blockers { table-layout: auto; }
.issu-chatbot-response-table--blockers th:nth-child(1) { width: clamp(180px, 24cqi, 300px); }
.issu-chatbot-response-table--blockers th:nth-child(2) { width: clamp(220px, 34cqi, 520px); }
.issu-chatbot-response-table--blockers th:nth-child(3) { width: auto; }
.issu-chatbot-response-table--comparison th:nth-child(1) { width: clamp(140px, 15cqi, 220px); }
.issu-chatbot-response-table--comparison th:nth-child(2),
.issu-chatbot-response-table--comparison th:nth-child(3) { width: auto; }
}
.issu-chatbot-response-table tr:last-child td { border-bottom: 0; }
.issu-chatbot-response-table th:last-child,
.issu-chatbot-response-table td:last-child { border-right: 0; }
.issu-chatbot-followups { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; margin-top: 9px; padding-top: 9px; overflow: hidden; border-top: 1px solid #02C8FF; }
.issu-chatbot-followups[hidden] { display: none; }
.issu-chatbot-followups button { flex: 0 1 auto; max-width: 100%; padding: 5px 8px; border: 1px solid #02C8FF; border-radius: 13px; color: #07182D; background: #FFFFFF; font: inherit; font-size: 11px; line-height: 1.25; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.issu-chatbot-followups button:hover { background: #02C8FF; }
.issu-chatbot-followups button:focus-visible { outline: 2px solid #02C8FF; outline-offset: 1px; }
.issu-chatbot-suggestions { display: flex; flex: 0 0 auto; flex-wrap: wrap; gap: 6px; max-width: 100%; padding: 8px 10px; overflow-x: hidden; overflow-y: visible; border-top: 1px solid #02C8FF; background: #FFFFFF; box-sizing: border-box; }
.issu-chatbot-suggestions[hidden] { display: none; }
.issu-chatbot-suggestions button { flex: 0 1 auto; max-width: 100%; padding: 6px 9px; border: 1px solid #02C8FF; border-radius: 14px; color: #07182D; background: #FFFFFF; font: inherit; font-size: 11px; line-height: 1.25; text-align: left; white-space: normal; overflow-wrap: anywhere; cursor: pointer; }
.issu-chatbot-suggestions button:hover { background: #02C8FF; }
.issu-chatbot-form { display: grid; flex: 0 0 auto; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; padding: 10px; border-top: 1px solid #02C8FF; background: #FFFFFF; }
.issu-chatbot-form input { min-width: 0; height: 38px; padding: 7px 10px; border: 1px solid #02C8FF; border-radius: 4px; font: inherit; font-size: 13px; }
.issu-chatbot-form input:focus { border-color: #0A60FF; outline: 2px solid rgba(2, 200, 255, 0.28); }
.issu-chatbot-form button { display: inline-grid; place-items: center; min-width: 46px; padding: 0 12px; border: 0; border-radius: 4px; color: var(--cui-color-white, #fff); background: var(--cui-color-link, #007493); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.issu-chatbot-form button svg { display: block; width: 20px; height: 20px; animation: issu-chatbot-send-icon 1.8s ease-in-out infinite; }
.issu-chatbot-form button:hover { background: var(--cui-color-ocean, #1e4471); }
.issu-chatbot-form button:hover svg { animation-play-state: paused; transform: translateX(2px); }
.issu-chatbot-form button:active svg { transform: translateX(4px) scale(0.94); }
.issu-chatbot-form button:focus-visible { outline: 2px solid var(--cui-color-sky, #00bceb); outline-offset: 2px; }
@keyframes issu-chatbot-send-icon {
0%, 68%, 100% { transform: translateX(0); }
78% { transform: translateX(3px); }
88% { transform: translateX(0); }
94% { transform: translateX(2px); }
}
@media (max-width: 767px) {
.issu-controls { align-items: stretch; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.reference-list-grid { grid-template-columns: 1fr; }
.reference-section-title { align-items: stretch; }
.reference-accordion-heading { flex-basis: 100%; }
.reference-section-tools { flex: 1 1 100%; justify-content: flex-start; width: 100%; margin-left: 0; }
.reference-search { flex: 1 1 180px; }
.reference-toggle-meta { align-items: flex-start; }
.lookup-results { grid-template-columns: 1fr; }
.issu-chatbot { right: 14px; bottom: 14px; }
.issu-chatbot-panel { bottom: 54px; height: min(560px, calc(100vh - 82px)); }
}
@media (prefers-reduced-motion: reduce) {
.issu-chatbot-launcher,
.issu-chatbot-resize-handle::after,
.issu-chatbot-form button svg { animation: none; }
.issu-chatbot-refresh svg { transition: none; }
.issu-chatbot-refresh:hover svg,
.issu-chatbot-refresh:active svg { transform: none; }
}
@media print {
.lookup-table-wrap { height: auto; max-height: none; overflow: visible; }
.matrix-wrap { height: auto; max-height: none; overflow: visible; }
.reference-table-wrap--platforms,
.reference-table-wrap--blockers { max-height: none !important; overflow: visible; }
.issu-matrix th, .issu-matrix td { min-width: auto; padding: 3px; font-size: 7px; }
.issu-matrix thead th, .issu-matrix .firstcol { position: static; }
.matrix-blocker-warning, .matrix-blocker-popover { display: none !important; }
.issu-chatbot { display: none !important; }
}
/* Restored pre-palette component colors. */
.skip-link { color: #fff; background: #0d274d; }
.lookup-panel, .matrix-panel, .reference-section { border-color: #d6d6d6; background: #fff; }
.lookup-intro, .issu-heading, .matrix-title, .matrix-hover-status, .section-head { border-color: #d6d6d6; }
.lookup-lead, .empty-result, #loading, .section-head p, .reference-subheading, .reference-note-list li, .reference-footer-note { color: #606060; }
.lookup-results { background: #f4f6f8; }
.lookup-card { border-color: #b9c5cf; background: #fff; box-shadow: 0 1px 3px rgba(13, 39, 77, 0.1); }
.lookup-card h3 { border-color: #b9c5cf; color: #0d274d; background: #f8fafb; }
.issu-lookup-table, .issu-matrix, .reference-table { background: #fff; }
.issu-lookup-table th, .issu-lookup-table td, .issu-matrix th, .issu-matrix td { border-color: #d6d6d6; background: #fff; }
.lookup-table-wrap, .matrix-wrap { scrollbar-color: #52697f #e5e9ed; }
.matrix-wrap::-webkit-scrollbar-track { border-color: #aeb8c1; background: #e5e9ed; }
.matrix-wrap::-webkit-scrollbar-thumb { border-color: #e5e9ed; background: #52697f; }
.matrix-wrap::-webkit-scrollbar-thumb:hover { background: #324a60; }
.matrix-wrap::-webkit-scrollbar-thumb:active { background: #1f3548; }
.matrix-wrap::-webkit-scrollbar-corner { border-color: #aeb8c1; background: #d4dbe1; }
.matrix-title, #matrixTitleText, .section-head h2, .reference-heading { color: #0d274d; }
.matrix-accordion-toggle:focus-visible, .matrix-wrap:focus-visible, .issu-matrix tbody td:focus-visible,
button.reference-section-title:focus-visible, .reference-accordion-heading:focus-visible { outline-color: #00bceb; }
.matrix-hover-status { background: #fff; }
.issu-matrix .firstcol { color: #fff !important; background: #0076a8 !important; }
.issu-matrix .matrix-row-highlight, .issu-matrix .matrix-column-highlight { background: #e8f4fa !important; }
.issu-matrix .matrix-axis-highlight { background: #cce9f5 !important; }
.issu-matrix .firstcol.matrix-row-highlight, .issu-matrix .firstcol.matrix-axis-highlight { color: #0d274d !important; }
.issu-matrix .matrix-cell-highlight { background: #9bd8ef !important; outline-color: #00bceb; }
.matrix-panel .matrix-status--n { color: #FF007F; }
.matrix-panel .matrix-status--y { color: #07182D; }
.matrix-blocker-warning { color: #1d1e1f !important; }
.matrix-blocker-warning svg, .matrix-blocker-warning:hover svg, .issu-path-header__warning svg { fill: #FF9000; }
.matrix-blocker-warning__mark, .issu-path-header__warning-mark { stroke: #1d1e1f; }
.matrix-blocker-warning:focus-visible, .matrix-blocker-popover a:focus-visible, .issu-path-header__warning:focus-visible { outline-color: #00bceb; }
.matrix-blocker-popover { border-color: #FF9000; color: #1d1e1f; background: #fff; box-shadow: 0 6px 18px rgba(13, 39, 77, 0.24); }
.matrix-blocker-popover__title, .reference-release { color: #0d274d; }
.matrix-blocker-popover a { color: #006fa6; }
.matrix-blocker-popover a:hover { color: #004f78; }
.reference-search input { border-color: #8796a5; color: #1b1c1d; background: #fff; }
.reference-search input:focus { border-color: #0076a8; outline-color: rgba(0, 188, 235, 0.28); }
.blocker-view-toggle { color: #0d274d; }
.blocker-view-toggle__track { border-color: #73808c; background: #d9dee3; }
.blocker-view-toggle__thumb { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); }
.blocker-view-toggle[aria-checked="true"] .blocker-view-toggle__track { border-color: #0076a8; background: #0076a8; }
.blocker-view-toggle:focus-visible .blocker-view-toggle__track { outline-color: #00bceb; }
.blocker-view-toggle__status { color: #606060; }
.blocker-view-toggle[aria-checked="true"] .blocker-view-toggle__status { color: #0076a8; }
.reference-table th, .reference-table td, .path-line--diagram + .path-line--diagram { border-color: #d6d6d6; }
.reference-table td { color: inherit; background: #fff; }
.issu-lookup-table thead th, .issu-matrix thead th, .reference-table thead th { color: #0d274d; background: #eef3f8; }
.issu-path-pill--source { border-color: #0076a8; color: #0d274d; background: #fff; }
.issu-path-pill--target { border-color: #FF9000; color: #1d1e1f; background: #fff; }
.issu-path-diagram__line, .issu-path-header__arrow-line { stroke: #0076a8; }
.issu-path-diagram__arrow, .issu-path-header__arrow-head { fill: #0076a8; }
.issu-path-header__warning-tooltip { border-color: #8aa2b5; color: #fff; background: #0d274d; box-shadow: 0 3px 9px rgba(13, 39, 77, 0.22); }
.reference-pill--supported { color: #1f6f46; background: #e9f7ef; }
.reference-pill--check { color: #08717c; background: #e8f6f7; }
.reference-pill--warn { color: #7a5100; background: #fff5dc; }
.reference-marker { background: #087f8c; }
.reference-marker--stop { background: #a23b3b; }
.reference-marker--warn { background: #8a5a00; }
.issu-chatbot-launcher { color: #fff; background: #0d274d; box-shadow: 0 4px 14px rgba(13, 39, 77, 0.28); }
.issu-chatbot .issu-chatbot-launcher, .issu-chatbot .issu-chatbot-launcher > span { color: #fff !important; -webkit-text-fill-color: #fff; }
.issu-chatbot-launcher:hover { background: #173f70; box-shadow: 0 4px 14px rgba(13, 39, 77, 0.28), 0 0 0 4px rgba(0, 188, 235, 0.25); }
.issu-chatbot-launcher:focus-visible { outline-color: #00bceb; }
.issu-chatbot-panel { border-color: #bdc7d0; background: #fff; box-shadow: 0 12px 32px rgba(13, 39, 77, 0.24); }
.issu-chatbot-resize-handle { border-color: rgba(0, 188, 235, 0.72); color: #00bceb; }
.issu-chatbot .issu-chatbot-resize-handle { color: #00bceb; }
.issu-chatbot-resize-handle::after { background: linear-gradient(to left, rgba(0, 188, 235, 0.56), rgba(0, 188, 235, 0)); }
.issu-chatbot-resize-handle:hover { background: rgba(0, 188, 235, 0.18); }
.issu-chatbot-resize-handle:focus-visible { outline-color: #00bceb; }
.issu-chatbot-header { color: #fff; background: #0d274d; }
.issu-chatbot-header p, .issu-chatbot-device label { color: #dbe7f2; }
.issu-chatbot .issu-chatbot-info { border-color: #8ed8f8; color: #0d274d !important; -webkit-text-fill-color: #0d274d; background: #8ed8f8; }
.issu-chatbot .issu-chatbot-info:hover { border-color: #fff; color: #0d274d !important; background: #fff; }
.issu-chatbot-info-popup { border-color: #8ed8f8; color: #1d1e1f; background: #fff; box-shadow: 0 6px 18px rgba(13, 39, 77, 0.24); }
.issu-chatbot-device select { color: #0d274d; background: #fff; }
.issu-chatbot .issu-chatbot-close { border-color: #8ed8f8; color: #fff !important; -webkit-text-fill-color: #fff; }
.issu-chatbot .issu-chatbot-refresh { color: #fff; }
.issu-chatbot-messages { background: #f5f7f9; }
.issu-chatbot-message { color: #1d1e1f; background: #fff; box-shadow: 0 1px 2px rgba(13, 39, 77, 0.1); }
.issu-chatbot-message--user { color: #fff; background: #176b91; }
.issu-chatbot-message a { color: #006fa6; }
.issu-chatbot-message a:hover { color: #004f78; }
.issu-chatbot-device-reference, .issu-chatbot-release-reference { color: #0d274d; }
.issu-chatbot-train-pill { border-color: #8eb8cc; color: #07587c; background: #e8f6fb; }
.issu-chatbot-release-pill { border-color: #6fa5be; color: #0d4f70; background: #eef8fc; }
.issu-chatbot-response-list li::marker { color: #00bceb; }
.issu-chatbot-response-table-wrap { border-color: #c9d4dc; background: #fff; }
.issu-chatbot-response-table th { border-color: #c9d4dc; color: #0d274d; background: #eef3f8; }
.issu-chatbot-response-table td, .issu-chatbot-followups { border-color: #d7e0e7; }
.issu-chatbot-followups button { border-color: #5f8da6; color: #07587c; background: #f7fcfe; }
.issu-chatbot-followups button:hover { background: #dff3fa; }
.issu-chatbot-suggestions, .issu-chatbot-form { border-color: #d6d6d6; background: #fff; }
.issu-chatbot-suggestions button { border-color: #8aa2b5; color: #0d5477; background: #fff; }
.issu-chatbot-suggestions button:hover { background: #e8f4fa; }
.issu-chatbot-form input { border-color: #8796a5; }
.issu-chatbot-form input:focus { border-color: #0076a8; outline-color: rgba(0, 188, 235, 0.28); }
.issu-chatbot-form button { color: #fff; background: #007493; }
.issu-chatbot-form button:hover { background: #1e4471; }
.issu-chatbot-form button:focus-visible { outline-color: #00bceb; }
@keyframes issu-chatbot-page-focus {
0% { outline-color: rgba(100, 187, 227, 0); box-shadow: 0 0 0 0 rgba(100, 187, 227, 0); }
14% { outline-color: rgba(100, 187, 227, 1); box-shadow: 0 0 0 6px rgba(100, 187, 227, 0.24); }
72% { outline-color: rgba(100, 187, 227, 0.95); box-shadow: 0 0 0 4px rgba(100, 187, 227, 0.16); }
100% { outline-color: rgba(100, 187, 227, 0); box-shadow: 0 0 0 0 rgba(100, 187, 227, 0); }
}
@keyframes issu-chatbot-row-focus {
0% { background-color: rgba(238, 248, 252, 0); box-shadow: inset 0 0 rgba(100, 187, 227, 0); }
14% { background-color: rgba(238, 248, 252, 1); box-shadow: inset 0 2px #64bbe3, inset 0 -2px #64bbe3; }
72% { background-color: rgba(238, 248, 252, 0.9); box-shadow: inset 0 2px rgba(100, 187, 227, 0.9), inset 0 -2px rgba(100, 187, 227, 0.9); }
100% { background-color: rgba(238, 248, 252, 0); box-shadow: inset 0 0 rgba(100, 187, 227, 0); }
}
/* Cisco technical-document presentation, measured from the ISSU guide. */
body.cui { color: #58585b; background: #f2f2f2; font-family: CiscoSans, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.375; }
.header { border-bottom: 1px solid #ccc; background: #fff; box-shadow: none; }
.header .header__title,
.header .header-item { color: #444; }
.issu-page { padding: 0; color: #58585b; background: #fff; font-family: CiscoSans, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.375; }
.issu-page > .content-fluid { padding-right: 0; padding-left: 0; box-sizing: border-box; }
.issu-page > .content-fluid > .row { margin-right: 5px; margin-left: 5px; }
.issu-page > .content-fluid > .row > .panel { width: 100%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; }
.lookup-panel,
.matrix-panel,
.reference-section { border-color: #ccc; background: #fff; }
.lookup-intro,
.issu-heading,
.matrix-title,
.matrix-hover-status,
.section-head { border-color: #ccc; }
.issu-page .lookup-panel-title { margin: 10px 0; padding: 10px 16px 0; color: #444; font-size: 18px; font-weight: 700; line-height: 1.25; }
.lookup-lead,
.empty-result,
#loading,
.section-head p,
.reference-subheading,
.reference-note-list li,
.reference-footer-note { color: #58585b; font-weight: 300; }
.lookup-lead { line-height: 1.375; }
.lookup-results { background: #fff; }
.lookup-card { border: 1px solid #ccc; border-radius: 0; background: #fff; box-shadow: none; }
.lookup-card h3 { padding: 10px 12px; border-color: #ccc; color: #444; background: #fff; font-size: 14px; font-weight: 700; line-height: 1.25; }
.matrix-title,
#matrixTitleText,
.section-head h2,
.reference-heading { color: #444; font-size: 16px; font-weight: 700; line-height: 1.25; }
.reference-subheading { margin-top: 4px; font-size: 13px; line-height: 1.25; }
.reference-list-grid h3 { color: #444; font-size: 14px; font-weight: 700; line-height: 1.25; }
.issu-page a { color: #007493; font-weight: 400; text-decoration: none; }
.issu-page a:hover { color: #005073; text-decoration: underline; }
.issu-page a:focus-visible { border-radius: 2px; outline: 2px solid #00bceb; outline-offset: 2px; }
.issu-page strong,
.issu-page b { color: #444; font-weight: 700; }
.issu-lookup-table,
.issu-matrix,
.reference-table { color: #58585b; background: #fff; font-family: CiscoSans, Arial, sans-serif; font-size: 14px; font-weight: 300; line-height: 1.2; }
.issu-lookup-table th,
.issu-lookup-table td,
.issu-matrix th,
.issu-matrix td,
.reference-table th,
.reference-table td { padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #58585b; background: #fff; line-height: 1.2; }
.issu-lookup-table thead th,
.issu-matrix thead th,
.reference-table thead th { height: auto; padding: 5px; color: #525252; background: #e6e6e6; font-size: 14px; font-weight: 700; line-height: 1.2; text-transform: none; }
.issu-lookup-table tr > *:first-child,
.issu-matrix tr > *:first-child,
.reference-table tr > *:first-child { border-left: 1px solid #ccc; }
.issu-lookup-table thead tr:first-child > *,
.issu-matrix thead tr:first-child > *,
.reference-table thead tr:first-child > * { border-top: 1px solid #ccc; }
.issu-lookup-table tr > *:last-child,
.issu-matrix tr > *:last-child { border-right: 1px solid #ccc; }
.issu-lookup-table tbody tr:last-child > *,
.issu-matrix tbody tr:last-child > *,
.reference-table tbody tr:last-child > * { border-bottom: 1px solid #ccc; }
.issu-matrix th,
.issu-matrix td { height: 32px; }
.issu-matrix .firstcol { border-color: #0076a8; color: #525252 !important; background: #f7f7f7 !important; font-weight: 700; }
.issu-matrix thead .firstcol { color: #525252 !important; background: #e6e6e6 !important; }
.issu-matrix .matrix-row-highlight,
.issu-matrix .matrix-column-highlight { background: #eef7fb !important; }
.issu-matrix .matrix-axis-highlight { background: #dceef6 !important; }
.issu-matrix .firstcol.matrix-row-highlight,
.issu-matrix .firstcol.matrix-axis-highlight { color: #444 !important; background: #dceef6 !important; }
.issu-matrix .matrix-cell-highlight { background: #c5e7f4 !important; outline-color: #00bceb; }
.matrix-panel .matrix-status--y { color: #444; }
.matrix-panel .matrix-status--n { color: #d6006d; }
.reference-table--blockers th,
.reference-table--blockers td,
.reference-table--platforms th,
.reference-table--platforms td,
.reference-table--rules th,
.reference-table--rules td { white-space: normal; overflow-wrap: anywhere; word-break: normal; }
.lookup-table-wrap,
.matrix-wrap,
.reference-table-wrap { scrollbar-color: #c1c1c1 #f2f2f2; scrollbar-width: auto; }
.lookup-table-wrap::-webkit-scrollbar,
.matrix-wrap::-webkit-scrollbar,
.reference-table-wrap::-webkit-scrollbar { width: 11px; height: 11px; }
.lookup-table-wrap::-webkit-scrollbar-track,
.matrix-wrap::-webkit-scrollbar-track,
.reference-table-wrap::-webkit-scrollbar-track { border: 0; background: #f2f2f2; }
.lookup-table-wrap::-webkit-scrollbar-thumb,
.matrix-wrap::-webkit-scrollbar-thumb,
.reference-table-wrap::-webkit-scrollbar-thumb { min-width: 32px; min-height: 32px; border: 0; border-radius: 10px; background: #c1c1c1; }
.lookup-table-wrap::-webkit-scrollbar-thumb:hover,
.matrix-wrap::-webkit-scrollbar-thumb:hover,
.reference-table-wrap::-webkit-scrollbar-thumb:hover { background: #999; }
.lookup-table-wrap::-webkit-scrollbar-corner,
.matrix-wrap::-webkit-scrollbar-corner,
.reference-table-wrap::-webkit-scrollbar-corner { border: 0; background: #f2f2f2; }
/* Minimal corner treatment for tables, scroll handles, and section panels. */
.lookup-panel,
.lookup-card,
.matrix-panel,
.reference-section,
.lookup-table-wrap,
.matrix-wrap,
.reference-table-wrap,
.issu-lookup-table,
.issu-matrix,
.reference-table { border-radius: 4px; }
.issu-lookup-table thead tr:first-child > *:first-child,
.issu-matrix thead tr:first-child > *:first-child,
.reference-table thead tr:first-child > *:first-child { border-top-left-radius: 4px; }
.issu-lookup-table thead tr:first-child > *:last-child,
.issu-matrix thead tr:first-child > *:last-child,
.reference-table thead tr:first-child > *:last-child { border-top-right-radius: 4px; }
.issu-lookup-table tbody tr:last-child > *:first-child,
.issu-matrix tbody tr:last-child > *:first-child,
.reference-table tbody tr:last-child > *:first-child { border-bottom-left-radius: 4px; }
.issu-lookup-table tbody tr:last-child > *:last-child,
.issu-matrix tbody tr:last-child > *:last-child,
.reference-table tbody tr:last-child > *:last-child { border-bottom-right-radius: 4px; }
.lookup-table-wrap::-webkit-scrollbar-thumb,
.matrix-wrap::-webkit-scrollbar-thumb,
.reference-table-wrap::-webkit-scrollbar-thumb { border-radius: 4px; }
/* Unified status and warning colors. */
.issu-page { --issu-warning-color: #FF9000; }
.matrix-panel .matrix-status--n { color: var(--issu-warning-color); }
.reference-pill--supported { border-color: #02C8FF; color: #07182D; background: transparent; }
.reference-pill--warn { border-color: var(--issu-warning-color); color: #07182D; background: transparent; }
.reference-release--plain { font-weight: 400; }
.reference-marker--warn { background: var(--issu-warning-color); }
.issu-path-pill--target { border: 1px solid var(--issu-warning-color); color: inherit; opacity: 1; }
.matrix-blocker-warning svg,
.matrix-blocker-warning:hover svg,
.issu-path-header__warning svg { fill: var(--issu-warning-color); opacity: 1; }
.matrix-blocker-popover,
.issu-path-header__warning-tooltip { border-color: var(--issu-warning-color); }
/* Keep every accordion control aligned to the same right-edge column. */
.reference-section-title--filterable,
.reference-section-title--accordion { display: grid; grid-template-columns: minmax(0, 1fr) 412px 32px; align-items: center; gap: 12px; padding-right: 16px; }
.reference-accordion-copy { display: block; min-width: 0; }
.reference-section-title--filterable .reference-section-tools,
.reference-section-title--accordion .reference-section-tools { display: grid; grid-column: 2; grid-template-columns: 200px 200px; align-items: center; gap: 12px; width: 412px; margin-left: 0; }
.reference-section-title--filterable .reference-search { width: 200px; }
.reference-section-title--filterable .blocker-view-toggle { width: 200px; }
.reference-accordion-icon-button { display: inline-grid; grid-column: 3; place-items: center; width: 32px; height: 32px; margin-right: -7px; padding: 0; border: 0; border-radius: 4px; color: inherit; background: transparent; cursor: pointer; }
.reference-accordion-icon-button:focus-visible { outline: 2px solid #00bceb; outline-offset: 1px; }
.reference-accordion-icon-button .reference-accordion-icon { justify-self: end; margin: 0; }
/* Consistent ISSU path geometry and single-line filter controls. */
.issu-path-pill { border-width: 1px; }
.issu-path-pill--source { border-color: #0076a8; color: #0d274d; background: #fff; }
.issu-path-diagram__line,
.issu-path-header__arrow-line { stroke: #0076a8; stroke-width: 2; }
.issu-path-diagram__arrow,
.issu-path-header__arrow-head { fill: #0076a8; }
.issu-release-lookup-n .issu-path-header__content { display: inline-flex; grid-template-columns: none; align-items: center; gap: 7px; }
.issu-release-lookup-n .issu-path-header__warning { justify-self: auto; flex: 0 0 auto; }
.issu-release-lookup-n { --issu-path-source-color: #0076a8; }
.issu-release-lookup-n .issu-path-pill--source { border-color: var(--issu-path-source-color); }
.issu-release-lookup-n .issu-path-diagram__line { stroke: var(--issu-path-source-color); stroke-width: 1; stroke-opacity: 1; }
.issu-release-lookup-n .issu-path-diagram__arrow { fill: var(--issu-path-source-color); fill-opacity: 1; }
.issu-release-lookup-n .chosen-container-single .chosen-single div b { position: relative; background-image: none !important; }
.issu-release-lookup-n .chosen-container-single .chosen-single div b::after { position: absolute; top: calc(50% - 4px); right: 5px; width: 0; height: 0; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 6px solid #06bceb; content: ""; transform: translateY(-50%); }
.issu-release-lookup-n .chosen-container-single.chosen-with-drop .chosen-single div b::after { border-top: 0; border-bottom: 6px solid #06bceb; transform: translateY(-50%); }
.issu-release-lookup-n .matrix-device-filter select { width: 100%; height: 32px; padding: 5px 28px 5px 10px; border: 1px solid #8796a5; border-radius: 4px; color: #1b1c1d; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2306bceb' d='M0 0h10L5 6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 10px center; background-size: 10px 6px; font: inherit; font-size: 13px; line-height: 18px; appearance: none; -webkit-appearance: none; }
.reference-footer-note { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px; }
.issu-page > .content-fluid > .row { position: relative; }
.feedback-control { position: fixed; z-index: 1300; top: 70px; right: 0; margin-left: 0; transform: translateX(calc(100% - 18px)); transition: transform 220ms ease; }
.feedback-control:hover,
.feedback-control:focus-within,
.feedback-control.is-expanded { transform: translateX(0); }
.issu-is-embedded .feedback-control { display: none !important; }
body.cui .issu-page .feedback-button { min-height: 32px; margin: 0; padding: 6px 14px 6px 4px; border: 1px solid #06bceb; border-radius: 4px; color: #000; background: #06bceb; font: inherit; font-size: 13px; font-weight: 600; line-height: 18px; cursor: pointer; }
body.cui .issu-page .feedback-button:hover { color: #000; border-color: #009fc7; background: #2bc8ef; }
.feedback-button__pointer { display: inline-block; width: 12px; height: 16px; margin-right: 5px; vertical-align: middle; background: #000; clip-path: polygon(0 0, 0 100%, 28% 72%, 45% 100%, 60% 92%, 44% 64%, 80% 64%); transform: rotate(-12deg); transform-origin: 40% 45%; }
.feedback-control:not(.is-expanded):not(:hover) .feedback-button { animation: feedback-attention-pulse 1800ms ease-in-out infinite; }
.feedback-control:not(.is-expanded):not(:hover) .feedback-button__pointer { animation: feedback-pointer-pulse 1800ms ease-in-out infinite; }
.feedback-control:hover .feedback-button,
.feedback-control:hover .feedback-button__pointer,
.feedback-control:active .feedback-button,
.feedback-control:active .feedback-button__pointer,
.feedback-control.is-expanded .feedback-button,
.feedback-control.is-expanded .feedback-button__pointer { animation: none; }
.feedback-button:focus-visible { outline: 2px solid #0076a8; outline-offset: 2px; }
.feedback-panel { position: absolute; z-index: 40; top: calc(100% + 2px); right: 0; box-sizing: border-box; width: min(370px, 50vw, calc(100vw - 140px)); padding: 5px; border: 1px solid #9ca9b5; border-radius: 6px; color: #1b1c1d; background: #fff; box-shadow: 0 6px 18px rgba(7, 24, 45, 0.2); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(6px) scale(0.98); transform-origin: right top; transition: opacity 220ms ease, transform 240ms cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0s linear 240ms; }
.feedback-panel.is-open { width: min(370px, 50vw, calc(100vw - 140px)); height: auto; min-height: 0; overflow: auto; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0) scale(1); transition-delay: 0s; }
.feedback-panel h3 { margin: 0 0 2px; color: #1b1c1d; font-size: 16px; font-weight: 700; line-height: 1.25; }
.feedback-panel p { margin: 0; color: #444; font-size: 11px; line-height: 1.4; }
@media (prefers-reduced-motion: reduce) {
.feedback-control,
.feedback-panel { transition: none; }
.feedback-button,
.feedback-button__pointer { animation: none !important; }
}
@keyframes feedback-attention-pulse {
0%, 100% { box-shadow: 0 0 0 0 rgba(6, 188, 235, 0.25); }
50% { box-shadow: 0 0 0 4px rgba(6, 188, 235, 0.48); }
}
@keyframes feedback-pointer-pulse {
0%, 100% { opacity: 0.72; transform: rotate(-12deg) scale(0.9); }
50% { opacity: 1; transform: rotate(-12deg) scale(1.18); }
}
@media (max-width: 480px) {
.feedback-panel,
.feedback-panel.is-open { right: 0; width: min(370px, 50vw, calc(100vw - 118px)); }
}
.issu-release-lookup-n .matrix-device-filter select:focus { border-color: #0076a8; outline: 2px solid rgba(0, 188, 235, 0.28); }
.reference-section-tools { flex-wrap: nowrap; align-items: center; }
.reference-search { min-width: 0; }
.blocker-view-toggle,
.blocker-view-toggle__label,
.blocker-view-toggle__status { white-space: nowrap; }
/* Compact legend beneath the detailed release matrix. */
.matrix-legend { margin: 8px; overflow-x: auto; border: 1px solid #d6d6d6; border-radius: 4px; background: #fff; }
.matrix-legend__table { width: 100%; border-collapse: collapse; table-layout: fixed; color: #1b1c1d; font-size: 12px; line-height: 1.35; }
.matrix-legend__table th,
.matrix-legend__table td { padding: 5px 8px; border-bottom: 1px solid #e2e2e2; text-align: left; vertical-align: top; }
.matrix-legend__table thead th { color: #0d274d; background: #f2f4f5; font-weight: 700; }
.matrix-legend__table tbody tr:last-child > * { border-bottom: 0; }
.matrix-legend__table th:first-child { width: 70px; text-align: center; font-weight: 700; }
.matrix-legend__table th:nth-child(2) { width: 150px; }
.matrix-legend__warning { color: var(--issu-warning-color, #FF9000); }
@media (max-width: 1024px) {
.reference-section-title--filterable,
.reference-section-title--accordion { grid-template-columns: minmax(0, 1fr) 32px; }
.reference-section-title--filterable .reference-section-tools,
.reference-section-title--accordion .reference-section-tools { display: grid; grid-row: 2; grid-column: 1 / -1; grid-template-columns: minmax(130px, 320px) auto; justify-content: start; width: 100%; }
.reference-section-title--filterable .reference-search,
.reference-section-title--filterable .blocker-view-toggle { width: auto; }
.reference-accordion-icon-button { grid-row: 1; grid-column: 2; }
}
@media (max-width: 767px) {
.issu-page > .content-fluid { padding-right: 0; padding-left: 0; }
.lookup-intro { min-height: 70px; height: auto; padding: 4px 12px 6px; }
.lookup-panel-title { padding-right: 12px; padding-left: 12px; }
.reference-section-title--filterable .reference-section-tools,
.reference-section-title--accordion .reference-section-tools { grid-template-columns: minmax(120px, 1fr) auto; }
.reference-section-title--filterable .reference-search,
.reference-section-title--accordion .reference-search { width: 100%; min-width: 0; }
.issu-lookup-table,
.issu-matrix,
.reference-table { font-size: 13px; }
.issu-lookup-table thead th,
.issu-matrix thead th,
.reference-table thead th { font-size: 13px; }
}
/* Native equivalents of the production wrapper's visible page configuration. */
.issu-page .lookup-panel-title {
color: #444;
font-family: CiscoSans, Arial, sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: normal;
line-height: 1.25;
}
section[aria-labelledby="platform-title"],
#viewAllBlockersToggle,
#matrixViewAllBlockersToggle,
.matrix-device-filter { display: none !important; }
.lookup-table-wrap {
height: 330px;
max-height: 330px;
overflow-x: auto;
overflow-y: scroll;
}
.matrix-wrap {
height: 447px;
max-height: 447px;
overflow-x: scroll;
overflow-y: scroll;
}
.issu-matrix th,
.issu-matrix td {
height: 33px;
box-sizing: border-box;
}
/* Floating acronym glossary. */
.issu-glossary { position: fixed; z-index: 1200; top: 72px; right: 18px; }
.issu-glossary[hidden] { display: none !important; }
.issu-glossary-button { display: inline-grid; place-items: center; width: 38px; height: 38px; margin: 0; padding: 0; border: 1px solid #02C8FF; border-radius: 50%; color: #07182D; background: #02C8FF; box-shadow: 0 3px 10px rgba(7, 24, 45, 0.22); cursor: pointer; }
.issu-glossary-button svg { display: block; width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.issu-glossary-button:hover { border-color: #0A60FF; box-shadow: 0 4px 13px rgba(7, 24, 45, 0.3); }
.issu-glossary-button:focus-visible { outline: 2px solid #0A60FF; outline-offset: 2px; }
.issu-glossary-panel { position: absolute; top: 46px; right: 0; width: min(470px, calc(100vw - 32px)); max-height: calc(100vh - 132px); overflow: hidden; border: 1px solid #8796a5; border-radius: 6px; color: #07182D; background: #FFFFFF; box-shadow: 0 8px 24px rgba(7, 24, 45, 0.28); }
.issu-glossary-panel[hidden] { display: none; }
.issu-glossary-panel h2 { margin: 0; padding: 11px 13px; border-bottom: 1px solid #8796a5; color: #07182D; background: #FFFFFF; font-size: 15px; font-weight: 700; line-height: 1.3; }
.issu-glossary-table-wrap { max-height: calc(100vh - 182px); overflow: auto; scrollbar-color: #0A60FF #FFFFFF; scrollbar-width: thin; }
.issu-glossary-table { width: 100%; border-spacing: 0; border-collapse: separate; color: #07182D; background: #FFFFFF; font-size: 12px; line-height: 1.35; }
.issu-glossary-table th,
.issu-glossary-table td { padding: 7px 9px; border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; color: #07182D; background: #FFFFFF; text-align: left; vertical-align: top; }
.issu-glossary-table thead th { position: sticky; z-index: 1; top: 0; color: #07182D; background: #eef3f8; font-weight: 700; }
.issu-glossary-table tbody th { width: 88px; font-weight: 700; white-space: nowrap; }
.issu-glossary-table tr > *:last-child { border-right: 0; }
.issu-glossary-table tbody tr:last-child > * { border-bottom: 0; }
@media (max-width: 767px) {
.issu-glossary { top: 60px; right: 12px; }
.issu-glossary-panel { width: min(430px, calc(100vw - 24px)); max-height: calc(100vh - 116px); }
.issu-glossary-table-wrap { max-height: calc(100vh - 166px); }
}