:root{--demo-bar-height:44px}.demo-bar{position:fixed;inset:0 0 auto;z-index:9999;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 20px;background:#e3eef4;color:#173f53;border-bottom:1px solid #b8d0dd;font-size:14px;line-height:1.4}.demo-bar form{margin:0;flex-shrink:0}.demo-bar button{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:0}.demo-impersonating{padding-top:var(--demo-bar-height)!important}.demo-impersonating .admin-sidebar{top:var(--demo-bar-height)}.demo-impersonating .site-header{top:0}.demo-impersonating .admin-sidebar{height:calc(100dvh - var(--demo-bar-height))}.demo-impersonating .search-rail{top:calc(64px + var(--demo-bar-height))}.demo-accounts .admin-list-toolbar h1{font-size:22px;margin:0}.demo-table td{vertical-align:top;white-space:normal;overflow-wrap:anywhere}.demo-table td:first-child{min-width:230px}.demo-password{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.demo-password output{font-family:monospace;overflow-wrap:anywhere;max-width:100%;font-size:14px}.demo-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}.demo-actions form{margin:0}.demo-accounts .form-dialog form{display:block}.demo-accounts .form-dialog p{margin:12px 0 20px}.demo-accounts .admin-panel{margin-top:24px}.demo-accounts>p{margin:0 0 20px}.demo-accounts .form-dialog{max-width:min(520px,calc(100vw - 32px))}
@media(max-width:600px){.demo-bar{align-items:flex-start;gap:4px;flex-direction:column;padding:8px 16px;font-size:13px}.demo-table,.demo-table tbody,.demo-table tr,.demo-table td{display:block;width:100%}.demo-table thead{display:none}.demo-table tr{padding:16px 0;border-bottom:1px solid var(--border,#ddd)}.demo-table td{border:0;padding:6px 16px;min-width:0!important}.demo-table td::before{content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px}.demo-accounts .admin-list-toolbar{flex-wrap:wrap;gap:12px}.demo-impersonating .admin-topbar{top:var(--demo-bar-height)}}

.demo-impersonating.search-workspace #main{height:calc(100dvh - 64px - var(--demo-bar-height))}@media(max-width:760px){.demo-impersonating .search-rail{top:calc(56px + var(--demo-bar-height))}.demo-impersonating.search-workspace #main{height:calc(100dvh - 56px - var(--demo-bar-height))}}
.demo-accounts .demo-table td{height:auto;max-width:none;overflow:visible}.demo-accounts .demo-table th:nth-child(4){width:28%}
@media(max-width:600px){.demo-accounts .demo-table:not(.has-mobile-cards) tr{display:block;padding:10px 0}.demo-accounts .demo-table td{padding:8px 16px}.demo-accounts .demo-table td:last-child{padding-bottom:14px}.demo-accounts .demo-table td:nth-child(3){max-width:100%}}
.demo-accounts .form-dialog>.demo-password{padding:20px}
.demo-accounts .form-dialog>p{padding-inline:24px}.demo-accounts .form-dialog>form{padding:0 24px 24px}