/* XinXin 14 · Responsive / interaction accessibility */
@media(min-width:1181px){
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar {scrollbar-gutter:stable}
 body.app-body .workspace-hero-actions {justify-content:flex-end}
}
@media(max-width:1180px){
 body.app-body :is(.user-console-shell,.admin-shell-v6).console-shell {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:13px!important}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar {position:sticky!important;top:91px!important;z-index:58!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;width:100%;max-height:59px!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;padding:7px!important;margin:0!important;border-radius:var(--v14-r-md)!important;background:rgba(255,255,255,.97)!important;scrollbar-width:none}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar::-webkit-scrollbar {display:none}
 body.app-body .user-sidebar-section {display:contents!important}
 body.app-body :is(.user-sidebar-card,.sidebar-brand-panel,.side-title,.sidebar-endpoint,.admin-mobile-nav-label) {display:none!important}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6) .side-link {flex:0 0 auto!important;width:auto!important;min-height:42px!important;margin:0!important;padding:9px 13px!important;white-space:nowrap!important;font-size:12px!important;box-shadow:none!important}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6) .side-link span {display:none!important}
 body.app-body .user-page-sidebar .side-link em {font-size:12px!important}
 body.app-body .workspace-hero-card {padding:20px!important}
 body.app-body .chart-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
 body.app-body .chart-grid .chart-card.span-2 {grid-column:span 2}
}
@media(max-width:820px){
 body.app-body .wrap.app-frame {padding:8px 11px 24px!important}
 body.app-body .topbar {top:6px!important;min-height:60px!important;margin:0 0 11px!important;padding:9px 11px!important;gap:8px!important;border-radius:15px!important}
 body.app-body .brand-mark {width:36px;height:36px;border-radius:11px;font-size:16px}
 body.app-body .brand-copy strong {font-size:14px}
 body.app-body .brand-copy b {font-size:8px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 body.app-body .topbar-center {display:none!important}
 body.app-body .navlinks {gap:3px}
 body.app-body .nav-text {font-size:11px!important;padding:6px 8px!important}
 body.app-body .navlinks button.compact {min-height:34px!important;padding:6px 9px!important}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6).console-sidebar {top:73px!important;max-height:54px!important;border-radius:12px!important}
 body.app-body :is(.user-page-sidebar,.admin-sidebar-v6) .side-link {min-height:38px!important;border-radius:9px!important;padding:7px 11px!important}
 body.app-body :is(.user-page-content,.admin-content-v6).multipage-content {gap:12px!important}
 body.app-body .workspace-hero-card {padding:17px 16px!important;gap:12px!important;border-radius:16px!important}
 body.app-body .workspace-hero-card h2 {font-size:21px!important}
 body.app-body .workspace-hero-card p {font-size:11px!important}
 body.app-body .workspace-hero-actions {gap:6px}
 body.app-body .pill-link {padding:6px 9px!important;min-height:32px!important;font-size:10px!important}
 body.app-body .module-section {gap:12px!important}
 body.app-body :is(.card,.module-card) {padding:15px!important;border-radius:16px!important}
 body.app-body .module-heading {margin-bottom:14px!important;flex-wrap:wrap;gap:9px}
 body.app-body .module-heading h2 {font-size:17px!important}
 body.app-body .module-heading p {font-size:11px!important}
 body.app-body .split-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.app-body .metric-grid {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.app-body :is(.metric-card,.metric-card.featured) {padding:13px!important;min-height:117px!important;border-radius:14px!important}
 body.app-body .metric-top span {font-size:10px!important}
 body.app-body .metric-top i {font-size:8px!important;padding:3px 4px}
 body.app-body .metric-card strong {font-size:22px!important;margin:10px 0 5px!important}
 body.app-body .metric-card small {font-size:9px!important}
 body.app-body .chart-grid {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.app-body .chart-grid .chart-card.span-2 {grid-column:span 1!important}
 body.app-body .chart-grid .chart-card {min-height:0!important;padding:15px!important;border-radius:16px!important}
 body.app-body .chart-host {height:206px!important;min-height:206px!important}
 body.app-body .chart-host.tall {height:228px!important;min-height:228px!important}
 body.app-body .chart-host.horizontal-chart {height:275px!important;min-height:275px!important}
 body.app-body .chart-host.donut-host {height:215px!important;min-height:215px!important}
 body.app-body .aurora-chart-meta {margin-top:9px;gap:6px}
 body.app-body .aurora-chart-meta>span {padding:7px 8px}
 body.app-body .aurora-donut-layout {grid-template-columns:135px minmax(0,1fr);gap:8px}
 body.app-body .aurora-donut-svg {width:133px}
 body.app-body .aurora-donut-legend-row {font-size:9px;padding:5px 3px}
 body.app-body .aurora-donut-legend-row strong {font-size:9px}
 body.app-body :is(.benefit-grid,.shop-grid,.home-pool-grid,.model-public-grid) {grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body.app-body .benefit-hero-metrics {min-width:0;width:100%}
 body.app-body .benefits-hero {display:grid!important;grid-template-columns:1fr!important}
 body.app-body .redeem-user-form {display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
 body.app-body .redeem-user-form button {width:100%}
 body.app-body .key-item {display:grid;grid-template-columns:1fr;gap:12px;padding:13px!important}
 body.app-body .key-actions {justify-content:flex-start}
 body.app-body .key-pool-control {max-width:100%}
 body.app-body .key-pool-control form {flex-wrap:wrap}
 body.app-body .table-enhancer {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.app-body .table-tools {display:flex;flex-wrap:wrap;gap:6px}
 body.app-body .table-tools .table-search {min-width:0;flex:1 1 150px}
 body.app-body .responsive-table-wrap {border:0!important;background:transparent!important;overflow:visible!important}
 body.app-body .responsive-table thead {display:none!important}
 body.app-body .responsive-table,body.app-body .responsive-table :is(tbody,tr,td) {display:block!important;width:100%!important}
 body.app-body .responsive-table tbody {display:grid!important;gap:10px!important}
 body.app-body .responsive-table tbody tr {border:1px solid #e3eaf3!important;padding:9px 11px!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--v14-shadow-xs)!important}
 body.app-body .responsive-table td {display:grid!important;grid-template-columns:minmax(75px,33%) minmax(0,1fr)!important;gap:7px!important;padding:8px 3px!important;text-align:right;border-bottom:1px dashed #eff2f8!important;overflow-wrap:anywhere}
 body.app-body .responsive-table td:last-child {border:0!important}
 body.app-body .responsive-table td:before {content:attr(data-label);text-align:left;font-size:10px!important;color:#9aa7b7!important;font-weight:640!important}
 body.app-body .responsive-table td>* {justify-self:end;max-width:100%}
 body.app-body .responsive-table td[colspan] {display:block!important;text-align:center}
 body.app-body .responsive-table td[colspan]:before {display:none}
 body.app-body .responsive-table .inline-form {justify-content:flex-end;gap:6px}
 body.app-body .responsive-table .inline-form input {min-width:0;width:86px}
 body.app-body .responsive-table .inline-form select {min-width:100px;width:auto}
 body.app-body .admin-polished-form {grid-template-columns:minmax(0,1fr)!important}
 body.app-body .admin-polished-form .span-2 {grid-column:auto!important}
 body.app-body .footer {gap:5px;padding-bottom:20px}
}
@media(max-width:430px){
 body.app-body .brand-copy b {display:none}
 body.app-body .nav-text {display:none!important}
 body.app-body .metric-card strong {font-size:20px!important}
 body.app-body .chart-grid .chart-card {padding:13px!important}
 body.app-body .aurora-donut-layout {grid-template-columns:112px minmax(0,1fr)}
 body.app-body .aurora-donut-svg {width:110px}
 body.app-body .aurora-donut-total {font-size:18px}
 body.app-body .aurora-chart-meta b {font-size:10px}
 body.app-body .key-secret-form button {flex:1}
}
@media(hover:none){body.app-body :is(.card,.metric-card,.shop-product,.quick-action):hover {transform:none!important}}
@media(prefers-reduced-motion:reduce){body.app-body .reveal-item {opacity:1!important;transform:none!important}}
/* V14 final mobile overrides, including older high-specificity user-theme selectors. */
@media(max-width:820px){
 body.app-body.public-surface.ui-mobile .key-pool-list .key-pool-item,
 body.app-body .key-pool-list .key-pool-item {grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"info" "control" "scope" "security" "actions"!important;grid-auto-flow:row!important;align-items:stretch!important;gap:11px!important;padding:12px!important}
 body.app-body .key-pool-item :is(.key-main-info,.key-pool-control,.key-model-scope,.key-security-panel-shell,.key-actions){min-width:0!important;width:100%!important;max-width:100%!important;grid-column:1/-1!important}
 body.app-body .key-pool-item .key-main-info code{display:block!important;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}
 body.app-body .key-pool-item .key-pool-control,body.app-body .key-pool-item .key-model-scope{padding:12px!important;border-radius:12px!important}
 body.app-body .key-pool-item .key-pool-switch-form{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}
 body.app-body .key-pool-item .key-pool-switch-form select{min-width:0!important;flex:1 1 165px!important;width:auto!important}
 body.app-body .key-pool-item .key-pool-switch-form button{flex:0 0 auto!important;width:auto!important}
 body.app-body .key-pool-item .key-security-panel summary{overflow-wrap:anywhere!important}
 body.app-body.public-surface.ui-mobile .responsive-table-wrap .responsive-table td,
 body.app-body.admin-surface.ui-mobile .responsive-table-wrap .responsive-table td,
 body.app-body .responsive-table-wrap .responsive-table td{display:grid!important;grid-template-columns:minmax(88px,32%) minmax(0,1fr)!important;padding:9px 3px!important;align-items:start!important;gap:8px!important}
 body.app-body .responsive-table-wrap .responsive-table :is(tbody,tr,td){width:100%!important;min-width:0!important}
 body.app-body .responsive-table-wrap .responsive-table td>*{min-width:0!important;max-width:100%!important;justify-self:end}
 body.app-body .responsive-table-wrap .responsive-table .inline-form{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}
 body.app-body .vip-grant-card .vip-grant-form{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
 body.app-body .vip-grant-card .vip-grant-form button{width:100%}
 body.app-body .announcement-rail-v1110{position:relative!important;top:auto!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:7px!important;min-height:43px!important;height:43px!important;margin:0 0 12px!important;padding:6px 10px!important;border-radius:12px!important}
 body.app-body .announcement-preview-grid{display:block!important;width:100%!important;overflow:hidden!important}
 body.app-body .announcement-preview-item{display:flex!important;min-height:28px!important;max-width:100%!important;align-items:center!important;padding:4px 7px!important;border:0!important;background:transparent!important}
 body.app-body .announcement-preview-item:nth-child(n+2){display:none!important}
 body.app-body .announcement-preview-item .announcement-preview-index{display:none!important}
 body.app-body .announcement-preview-item>div>span{display:none!important}
 body.app-body .announcement-all-button{display:inline-flex!important;align-items:center!important}
}
@media(max-width:480px){body.app-body .announcement-rail-label small{display:none!important}body.app-body .announcement-all-button{font-size:10px!important;padding:4px 7px!important}}