a.brand { color: inherit; text-decoration: none; cursor: pointer; }
a.brand:focus-visible { outline: 3px solid #2455f5; outline-offset: 5px; border-radius: 8px; }
.logout-button { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-height: 40px; padding: 9px 13px; border: 1px solid #f1cdd1; border-radius: 12px; background: #fff1f2; color: #b72b3b; font-size: 13px; font-weight: 650; white-space: nowrap; }
.logout-button svg { width: 17px; height: 17px; }
.logout-button:hover { background: #ffe4e7; border-color: #dfabb2; }
.logout-button:focus-visible,.logout-emphasis:focus-visible { outline: 3px solid #bf3547; outline-offset: 3px; }
.sidebar-logout { width: 100%; margin: 16px 0 8px; }
.settings-row.logout-emphasis { margin-top: 10px; padding: 17px 14px; border: 1px solid #f1cdd1; border-radius: 12px; background: #fff1f2; color: #b72b3b; font-weight: 650; }
.settings-row.logout-emphasis > svg { color: #b72b3b; }
.topbar-actions { flex-shrink: 0; }
@media (max-width:767px) {
 .topbar-logout { min-height: 38px; padding: 8px 9px; margin-left: 5px; gap: 5px; font-size: 12px; }
 .topbar-actions .demo-chip { display: none; }
}
@media (max-width:359px) {
 .topbar-logout { padding-inline: 8px; }
 .topbar-logout svg { display: none; }
}

/* Administrative navigation uses native disclosure controls for mouse, keyboard and touch. */
.admin-shell .sidebar { padding-top: 26px; }
.admin-shell .sidebar > .brand { margin-bottom: 32px; flex-shrink: 0; }
.admin-shell .sidebar-label { flex-shrink: 0; }
.admin-shell .sidebar-nav { min-height: 0; overflow-y: auto; gap: 6px; padding: 2px 3px 10px; scrollbar-width: thin; }
.admin-shell .sidebar-foot { padding-top: 10px; flex-shrink: 0; }
.admin-shell .sidebar-help { display: none; }
.admin-shell .sidebar-copyright { margin-top: 10px; }
.admin-nav-group { border-radius: 13px; min-width: 0; }
.admin-nav-group > summary,.admin-mobile-menu > summary { display: flex; align-items: center; gap: 10px; list-style: none; cursor: pointer; font-size: 13px; font-weight: 600; color: #566680; min-height: 48px; padding: 12px 13px; border-radius: 12px; }
.admin-nav-group > summary::-webkit-details-marker,.admin-mobile-menu > summary::-webkit-details-marker { display: none; }
.admin-nav-group > summary:hover { background: #f2f6ff; color: #2455f5; }
.admin-nav-group.is-active > summary { background: #edf3ff; color: #2455f5; }
.admin-nav-group > summary > svg { width: 19px; height: 19px; flex-shrink: 0; }
.admin-nav-chevron { margin-left: auto; display: flex; }
.admin-nav-chevron svg { width: 14px; height: 14px; transition: transform .15s ease; }
.admin-nav-group[open] > summary .admin-nav-chevron svg { transform: rotate(90deg); }
.admin-nav-group > summary:focus-visible,.admin-nav-child:focus-visible,.admin-mobile-menu > summary:focus-visible { outline: 3px solid #96b4ff; outline-offset: 1px; }
.admin-nav-children { display: grid; gap: 3px; padding: 6px 0 8px 15px; margin-left: 10px; border-left: 1px solid #e1e8f4; }
.admin-nav-child { width: 100%; min-height: 39px; padding: 10px 8px; border-radius: 8px; background: transparent; color: #75829a; font-size: 12px; font-weight: 500; text-align: left; line-height: 1.55; word-break: keep-all; }
.admin-nav-child:hover { background: #f5f7fc; color: #2455f5; }
.admin-nav-child.active { background: #2455f5; color: #fff; font-weight: 650; }
.admin-section-navigation { margin: 0 0 22px; }
.admin-section-location { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; color: #7b8aa1; font-size: 12px; margin-bottom: 12px; }
.admin-section-location strong { color: #365781; font-weight: 600; }
.admin-section-tabs { display: flex; flex-wrap: wrap; gap: 8px; }
.admin-section-tabs .filter-btn { white-space: normal; min-height: 40px; }
.admin-mobile-menu { display: none; }
.admin-dialog-menu { display: grid; gap: 5px; }
.center-name-status { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; padding: 15px; margin: 16px 0; background: #f1f6ff; border-radius: 10px; }
.center-name-status > span:first-child { color: #6b7c95; font-size: 12px; }
.center-name-status > strong { color: #355781; font-size: 16px; overflow-wrap: anywhere; }
.center-name-field { max-width: 520px; margin-top: 20px; }
.center-name-field small,.field > small { display: block; color: #7e8da4; font-size: 12px; line-height: 1.7; margin-top: 7px; }
.center-admin-intro { display: flex; align-items: center; gap: 18px; justify-content: space-between; }
.center-admin-intro > p { margin: 0; color: #687c98; font-size: 13px; line-height: 1.8; }
.center-admin-intro > .btn { flex-shrink: 0; }
.center-application-list .activity-info .badge { margin: 7px 0; }
.center-directory-filters { display: grid; grid-template-columns: minmax(0,1fr) minmax(150px,210px); gap: 12px; margin: 20px 0; }
.center-directory-filters label > span { display: block; color: #6b7d98; font-size: 12px; margin-bottom: 7px; }
.center-directory-filters input,.center-directory-filters select { width: 100%; min-height: 44px; border: 1px solid #dce4f1; border-radius: 10px; padding: 10px 12px; color: #365274; background: #fff; }
.center-directory-table table { min-width: 900px; }
.center-directory-table td { vertical-align: top; }
.center-directory-table td strong,.center-directory-table td small { display: block; }
.center-directory-table td small { margin-top: 5px; color: #8290a6; overflow-wrap: anywhere; max-width: 240px; }
@media (max-width:767px) {
 .admin-mobile-menu { display: block; border: 1px solid #d7e3f8; border-radius: 12px; background: #fff; margin-bottom: 15px; }
 .admin-mobile-menu > summary { color: #315886; font-size: 13px; }
 .admin-mobile-menu > summary > svg { width: 19px; height: 19px; flex-shrink: 0; }
 .admin-mobile-menu > summary > svg:last-child { margin-left: auto; width: 15px; }
 .admin-mobile-menu[open] > summary > svg:last-child { transform: rotate(90deg); }
 .admin-mobile-menu > nav { padding: 0 8px 10px; border-top: 1px solid #e7eef8; }
 .admin-section-tabs { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
 .admin-section-tabs .filter-btn { font-size: 12px; padding: 10px 8px; line-height: 1.5; }
 .center-admin-intro { align-items: stretch; flex-direction: column; gap: 12px; }
 .center-admin-intro > .btn { width: 100%; }
 .center-directory-filters { grid-template-columns: 1fr; }
 .center-application-list .activity-item { align-items: flex-start; }
 .center-application-list .activity-icon { display: none; }
 .center-application-list .activity-value { align-self: flex-start; }
 .center-application-list .admin-actions { flex-wrap: wrap; }
}

@media (max-width:767px) {
 .center-directory-table { overflow: visible; }
 .center-directory-table table { min-width: 0; width: 100%; }
 .center-directory-table thead { display: none; }
 .center-directory-table tbody { display: grid; gap: 13px; }
 .center-directory-table tr { display: block; border: 1px solid #e0e7f3; border-radius: 12px; padding: 13px; }
 .center-directory-table td { display: block; border: 0; padding: 7px 0; font-size: 12px; white-space: normal; }
 .center-directory-table td::before { content: attr(data-label); display: block; color: #8a98ad; font-size: 10px; margin-bottom: 4px; }
 .center-directory-table td:first-child { padding-top: 0; }
 .center-directory-table td:first-child strong { color: #325b92; font-size: 16px; }
 .center-directory-table td:last-child { padding-bottom: 0; }
 .center-directory-table td small { max-width: none; }
}

/* Keep operational records near the top; overview metrics belong to the order landing page. */
.admin-workspace .topbar { height: 64px; }
.admin-workspace .service-bar { padding-top: 14px; }
.admin-workspace .main { padding-top: 20px; }
.admin-workspace .page-heading { margin-bottom: 16px; }
.admin-workspace .page-heading h1 { font-size: 24px; }
.admin-workspace .page-heading .eyebrow { font-size: 9px; margin-bottom: 4px; }
.admin-workspace .shared-test-notice { padding: 11px 15px; margin-bottom: 16px; gap: 12px; }
.admin-workspace .shared-test-notice p { margin: 3px 0; }
.admin-workspace .admin-section-location { margin-bottom: 8px; }
.admin-workspace .admin-section-navigation { margin-bottom: 16px; }
@media (max-width:767px) {
 .admin-workspace .topbar { height: 65px; }
 .admin-workspace .main { padding-top: 16px; }
 .admin-workspace .page-heading h1 { font-size: 22px; }
 .admin-workspace .shared-test-notice { gap: 8px; }
}

@media (max-width:767px) {
 .bottom-nav.member-navigation { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(0,1fr); }
 .bottom-nav.member-navigation .nav-item { min-width:0; }
 .bottom-nav.member-navigation .nav-item span { white-space:nowrap; }
}