[hidden] { display: none !important; }
.xp-notice { padding: 20px; margin: 16px 0; border: 1px solid var(--xp-line); border-radius: var(--xp-radius); background: var(--xp-surface); }
.xp-notice.is-error, .xp-form-error { color: var(--xp-err); }
.xp-notice .xp-btn { margin: 10px 8px 0 0; }
.xp-role-label { color: var(--xp-muted); font-size: 11px; }
.xp-brand img { width: 46px; height: 30px; object-fit: contain; background: #fff; border-radius: 6px; padding: 1px; }
.xp-inline-status { padding: 24px; text-align: center; color: var(--xp-muted); }
.xp-inline-status.is-error { color: var(--xp-err); }
.xp-inline-status button { margin-left: 12px; }
.xp-form-error { margin: 8px 0; }
button:disabled { cursor: not-allowed; opacity: .5; }
.xp-chart { min-height: 215px; }
.xp-share-list { max-height: 230px; overflow-y: auto; }
.xp-share-list .xp-share-empty { display: block; color: var(--xp-muted); }
.xp-chart-legend { max-height: 90px; overflow-y: auto; }
.xp-user-search { display: flex; gap: 8px; margin: 10px 0; }
.xp-detail-dl dd { overflow-wrap: anywhere; }
.xp-key-reveal-box { user-select: all; }
.xp-switch input { inset: 0; width: 100%; height: 100%; margin: 0; z-index: 1; cursor: pointer; }
.xp-switch i { pointer-events: none; }
.xp-key-actions { flex-wrap: wrap; }
.xp-key-main, .xp-key-title { overflow-wrap: anywhere; }
.xp-key-mask { overflow-wrap: anywhere; }
.xp-model-name small { display: block; color: var(--xp-muted); font-family: var(--xp-font); font-weight: 400; }
:focus-visible { outline: 2px solid var(--xp-accent); outline-offset: 3px; }
@media (max-width: 600px) {
  .xp-role-label { display: none; }
  .xp-header { padding: 10px 8px 0; }
  .xp-header-inner { flex-wrap: wrap; border-radius: 20px; padding: 10px; gap: 8px; }
  .xp-header-end { margin-left: auto; }
  .xp-nav { order: 3; flex-basis: 100%; justify-content: center; }
  .xp-nav-link { padding: 7px 9px; }
  .xp-chart { min-height: 180px; }
  .xp-admin-logs-toolbar { flex-wrap: wrap; }
}