/* Production additions to shell.css. Classes replace the prototype's inline style attributes (the page runs under
   a Content-Security-Policy without 'unsafe-inline'), and add the states the prototype had no server for. */
.app-hidden{display:none!important}
.app-required{color:#ca3845}
.app-gap-top{margin-top:12px}
.app-gap-top-sm{margin-top:10px}
.app-mono{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.app-form-stack{display:flex;flex-direction:column;gap:12px}
.syu-col-index{width:5%}.syu-col-account{width:13%}.syu-col-display{width:13%}.syu-col-role{width:9%}
.syu-col-status{width:8%}.syu-col-note{width:19%}.syu-col-created{width:14%}.syu-col-actions{width:19%}
.syu-info.app-hint-error{color:#cb303c}
.app-load-error{gap:10px;color:var(--mf-color-error)}
.app-load-error[hidden]{display:none!important}
#sysuHost .syu-table tbody tr.app-loading td{color:var(--mf-color-text-3)}