html{--kb14-warning-bg: var(--lumo-warning-color-10pct,#fff4d6);--kb14-warning-text: var(--lumo-warning-text-color,#8a5a00);--kb14-error-bg: var(--lumo-error-color-10pct,#fde8e8);--kb14-error-text: var(--lumo-error-text-color,#b3261e)}.muted{color: var(--lumo-secondary-text-color)}.mono{font-family: var(--lumo-font-family-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size: var(--lumo-font-size-s)}.login-panel{max-width: 26rem}.login-panel h1{font-size: var(--lumo-font-size-xxl);margin-bottom: 0}.app-header{width: 100%;flex-wrap: wrap;gap: var(--lumo-space-s) var(--lumo-space-m)}.app-header h1{font-size: var(--lumo-font-size-xl);margin: 0}.app-header .spacer{flex-grow: 1}.alerts{width: 100%;display: flex;flex-direction: column;gap: var(--lumo-space-s)}.alert{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-m);padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--lumo-border-radius-m);border-left: 4px solid currentColor}.alert .alert-text{flex: 1 1 24rem}.alert--soft{background: var(--kb14-warning-bg);color: var(--kb14-warning-text)}.alert--strong{background: var(--kb14-error-bg);color: var(--kb14-error-text);font-weight: 500}.summary{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-xs) var(--lumo-space-l)}.summary .value{font-weight: 600}.role-name{font-weight: 600}.badges{display: flex;flex-wrap: wrap;gap: var(--lumo-space-xs);margin-top: var(--lumo-space-xs)}.schema-lines{display: flex;flex-direction: column;gap: 2px;white-space: normal;font-size: var(--lumo-font-size-s);line-height: var(--lumo-line-height-s)}