/* Portal task navigation and compact license cards. */
#header #stq { background: #f5f8fc; color: #2b3f53; border-color: #a3bad0; }
#header #stq::placeholder { color: #5b6f83; opacity: 1; }
.darkTheme #header #stq { background: #202a36; color: #e2e8f0; border-color: #57677a; }
.darkTheme #header #stq::placeholder { color: #8391a1; }
.portal-breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 10pt; color: #657587; }
.portal-breadcrumbs a { color: #24669c; text-decoration: none; }
.portal-license-context { margin: 0 0 16px; font-weight: 600; color: #526478; }
.portal-menu-current { background: #ffffff14; box-shadow: inset 0 -3px #b3d8fa; }
.portal-section { margin: 0 0 24px; }
.portal-section > summary { display: flex; align-items: center; gap: 12px; cursor: pointer; list-style: none; }
.portal-section > summary::-webkit-details-marker { display: none; }
.portal-section > summary::before { content: '\203A'; font-size: 24px; line-height: 1; color: #6686a4; transition: transform .15s; }
.portal-section[open] > summary::before { transform: rotate(90deg); }
.portal-section > summary :is(h1, h3) { margin: 0; }
.license-section > summary { margin-bottom: 16px; }
.license-section > summary h1 { font-size: 24pt; }
.section-count { border-radius: 12px; padding: 2px 9px; background: #e8edf2; color: #526478; font-size: 10pt; }
.card-grid { gap: 18px; }
.site-card { max-width: 900px; padding: 16px 18px; font-size: 10.5pt; box-shadow: 0 2px 5px #0000000c; }
.site-card .site-name { font-size: 12pt; margin-bottom: 2px; }
.site-card .lines { gap: 3px; }
.site-card .site-badges { flex-wrap: wrap; align-items: center; margin: 7px 0 0; }
.site-card .site-badges .color_label { font-size: 9pt; }
.license-action-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; }
.license-action-group { min-width: 0; }
.license-action-group h3, .panel .license-action-group h3 { font-size: 9.5pt; font-weight: 600; color: #526478; margin: 0 0 5px; }
.license-action-group .verticalMenu { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 3px 6px; margin: 0; padding: 0; }
.license-action-group .verticalMenu a.img_menu { font-size: 10.5pt; padding: 4px 6px; white-space: normal; border-radius: 4px; }
.license-action-group a.img_menu i { color: #6686a4 !important; font-size: 11pt; }
.serial-number { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 5px; }
.serial-number b { overflow-wrap: anywhere; }
.serial-copy { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border: 0; border-radius: 4px; color: #5c7d99; background: transparent; cursor: pointer; padding: 0; }
.serial-copy i { margin: 0; }
.serial-copy:hover { background: #dce8f3; color: #174d78; }
.serial-copy-status { font-size: 9pt; color: #437556; }
.portal-quick-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 24px 0; }
.portal-quick-action { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; padding: 10px 16px; border: 1px solid #c9d8e5; border-radius: 6px; color: #2f638e; background: #f4f8fb; font: inherit; cursor: pointer; text-decoration: none; }
.portal-quick-action i { margin: 0; color: #6686a4; }
.portal-quick-action:hover { background: #e5eff8; }
.portal-quick-downloads { position: relative; }
.portal-quick-downloads > summary { list-style: none; }
.portal-quick-downloads > summary::-webkit-details-marker { display: none; }
.portal-quick-downloads > ul { position: absolute; top: 100%; left: 0; width: 360px; max-height: 320px; overflow-y: auto; z-index: 20; list-style: none; margin: 6px 0 0; padding: 6px; background: #fff; border: 1px solid #c9d8e5; border-radius: 6px; box-shadow: 0 4px 12px #0002; }
.portal-quick-downloads > ul a { display: block; padding: 8px; border-radius: 4px; }
.portal-quick-downloads > ul li + li { border-top: 1px solid #e1e8ee; }
.portal-quick-downloads .download-product-name { display: block; }
.portal-quick-downloads .download-site-name { display: block; margin-top: 3px; font-size: 9pt; color: #68798a; overflow-wrap: anywhere; }
.portal-quick-downloads > ul a:hover .download-site-name { color: inherit; }
.product-list { margin: 24px 0 30px; scroll-margin-top: 16px; }
.product-version-heading td { padding: calc(20px + 10pt) 0 8px !important; border-bottom: 0 !important; font-size: 10pt; font-weight: 600; color: #68798a; }
.support-license-details { margin: 8px 0 20px; font-size: 10pt; }
:is(.cms_info_list, .data-2) .site-serial-row > :is(th, td) { vertical-align: middle; }
div.centeredDialog:has(.cloud-hosting-details) { width: 700px; max-width: calc(100vw - 40px); }
.support-inactive-contacts > summary { margin-bottom: 12px; }
.support-contacts-page #pager_nav_active_accounts a { padding: 7px 12px; background: #e1edf7; color: #285d89; border: 1px solid #aac5dc; border-radius: 5px; }
.portal-theme-help { color: #667789; font-size: 10pt; }
.portal-theme-help p { margin: 6px 0; }
[data-portal-theme-effective] { font-weight: 600; }
:is(.portal-section > summary, .serial-copy, .portal-quick-action):focus-visible { outline: 2px solid #398bd0; outline-offset: 3px; }
@container (max-width: 520px) { .license-action-groups { grid-template-columns: minmax(0, 1fr); } }
.darkTheme :is(.portal-breadcrumbs, .portal-license-context, .license-action-group h3, .panel .license-action-group h3, .product-version-heading td, .portal-theme-help) { color: #b5c3d1; }
.darkTheme .portal-breadcrumbs a { color: var(--color-link); }
.darkTheme .section-count { background: #34485d; color: #c6d8ea; }
.darkTheme .license-action-group a.img_menu i { color: #9fb9d1 !important; }
.darkTheme .serial-copy { color: #9fb9d1; }
.darkTheme .serial-copy:hover { background: #34485d; color: #dce3eb; }
.darkTheme .serial-copy-status { color: #a7d2b3; }
.darkTheme .portal-quick-action { background: #252f3c; border-color: #455365; color: var(--color-link); }
.darkTheme .portal-quick-action i { color: #9fb9d1; }
.darkTheme .portal-quick-action:hover { background: #34485d; }
.darkTheme .portal-quick-downloads > ul { background: #25303e; border-color: #526175; }
.darkTheme .portal-quick-downloads > ul li + li { border-top-color: #455365; }
.darkTheme .portal-quick-downloads .download-site-name { color: #b5c3d1; }
.darkTheme .support-contacts-page #pager_nav_active_accounts a { background: #34485d; border-color: #607d9c; color: #c6e1fa; }