.layout .nav button[hidden] { display: none; }
.system-management .page-heading p:empty { display: none; }
.system-tabs { display: flex; gap: 16px; margin: 0 0 14px; border-bottom: 1px solid var(--line); }
.system-tabs button { padding: 10px 8px; border: 0; border-bottom: 2px solid transparent; background: none; color: #526078; font-size: 13px; font-weight: 650; }
.system-tabs button[aria-pressed="true"] { color: var(--blue); border-bottom-color: var(--blue); }
.system-management .table-toolbar { gap: 12px; flex-wrap: wrap; padding: 12px 16px; }
.system-filters { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
.system-filters .inline-search { width: 260px; max-width: 100%; }
.system-filters .filter { min-height: 38px; }
.system-table { min-width: 650px; }
.system-table td { overflow-wrap: anywhere; }
.system-table .system-created-at { white-space: nowrap; font-variant-numeric: tabular-nums; }
.system-table td small { display: block; color: #65748a; margin-top: 4px; }
.system-table .system-empty { padding: 25px; text-align: center; color: #65748a; }
.system-log-example { display: inline-block; margin-inline-start: 6px; padding: 2px 5px; border-radius: 4px; background: #f1f5fa; color: #526078; font-size: 11px; white-space: nowrap; }
.system-role-table { table-layout: fixed; min-width: 820px; }
.system-role-table th:first-child { width: 17%; }
.system-role-table th:nth-child(3) { width: 132px; }
.system-role-table th:nth-child(4) { width: 100px; }
.system-role-table th:nth-child(5) { width: 164px; }
.system-role-permissions { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.system-role-permissions li { padding: 4px 8px; border-radius: 5px; background: #f1f5fa; color: #40536c; line-height: 1.35; }
.system-role-table .system-member-link { padding: 0; font-size: inherit; }
.system-member-empty { color: #65748a; }
.system-dialog { width: min(580px, calc(100% - 32px)); }
.system-dialog fieldset { display: grid; gap: 14px; min-width: 0; padding: 0; margin: 0; border: 0; }
.system-dialog fieldset:disabled input:not([type="checkbox"]), .system-dialog fieldset:disabled select { opacity: 1; }
.system-dialog dl { display: grid; grid-template-columns: 88px 1fr; align-items: center; margin: 0; gap: 10px; }
.system-dialog dd { margin: 0; }
.system-dialog [data-system-error] { color: #ba304d; }
.system-permissions { padding: 12px; border: 1px solid #e1e8f2; border-radius: 8px; }
.system-permissions h3 { margin: 0 0 10px; font-size: 13px; }
.system-permissions div { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 9px; }
.system-permissions p { margin-top: 8px; font-size: 12px; }
.system-profile { position: relative; color: #354158; }
.system-profile summary { list-style: none; cursor: pointer; border: 1px solid #dce4ee; border-radius: 8px; padding: 8px 12px; background: #fff; }
.system-profile summary::-webkit-details-marker { display: none; }
.system-profile summary::after { content: '⌄'; margin-left: 8px; }
.system-profile > div { position: absolute; z-index: 12; right: 0; margin-top: 6px; min-width: max-content; padding: 5px; border: 1px solid #dce4ee; border-radius: 8px; background: #fff; box-shadow: 0 5px 16px #23334d13; }
.system-profile[open] > div { display: grid; gap: 2px; }
.system-profile > div button { padding: 7px 10px; text-align: left; border-radius: 5px; }
.system-profile > div button:hover { background: #eef4ff; }
.dm-form .account-password-error { color: #ba304d; }