#users-audit{--user-audit-blocks:var(--kd-spacing-desktop-blocks);--user-audit-cards:var(--kd-spacing-desktop-cards);--user-audit-text:var(--kd-spacing-desktop-text)}
#users-audit{--kd-layout-text:var(--user-audit-text);--kd-layout-blocks:var(--user-audit-blocks)}
.user-audit-entry{position:relative;min-width:0}
.user-audit-entry:has(.user-history-indicator) .user-audit-row{padding-right:calc(var(--user-audit-blocks) + var(--kd-button-height))!important}
.user-history-indicator{position:absolute;right:var(--kd-space-2);top:var(--kd-space-2);display:grid;place-items:center;width:var(--kd-button-height);height:var(--kd-button-height);border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-sm);color:var(--kd-color-danger);background:var(--kd-color-surface);cursor:pointer}
.user-history-indicator:hover{background:var(--kd-color-surface-raised);border-color:var(--kd-color-danger)}
.user-history-indicator:focus-visible{outline:2px solid var(--kd-color-focus);outline-offset:2px}
#users-audit .user-audit-list{gap:var(--user-audit-blocks)}
#users-audit .user-audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;padding:var(--user-audit-blocks);gap:var(--user-audit-blocks);border:0}
#users-audit .user-audit-identity{gap:var(--kd-space-1)}
#users-audit .user-audit-identity strong{font:var(--kd-type-title);color:var(--kd-color-foreground)}
.user-audit-row:hover{background:var(--kd-color-surface-raised)}
.user-audit-row:focus-visible{outline:2px solid var(--kd-color-focus);outline-offset:-2px;background:var(--kd-color-surface-raised)}
.user-audit-chevron{justify-self:end;transition:transform var(--kd-motion-fast)}
.user-audit-card[open]>summary .user-audit-chevron{transform:rotate(180deg)}
.user-audit-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--user-audit-blocks);margin-top:var(--user-audit-blocks)}
.user-audit-sections>.audit-stage:nth-child(n+4){grid-column:1/-1}
.user-audit-sections .user-audit-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.user-audit-sections h3{margin:0;font:var(--kd-type-label)}
#users-audit .user-audit-metrics article{padding:var(--user-audit-blocks)}
#users-audit .user-audit-metrics h3{font:var(--kd-type-label);color:var(--kd-color-muted);margin-bottom:var(--user-audit-text)}
.user-kpi-value{display:flex;align-items:baseline;justify-content:space-between;gap:var(--kd-space-2);font:var(--kd-type-caption)}
.user-kpi-value strong{font:var(--kd-type-data);color:var(--kd-color-foreground)}
.user-kpi-distribution{display:flex;justify-content:space-between;gap:var(--kd-space-2);color:var(--kd-color-muted)}
.user-audit-metrics .k-ico{color:var(--kd-color-primary)}
.user-audit-metrics article:nth-child(2) .k-ico{color:var(--kd-color-info)}
.user-audit-metrics article:nth-child(3) .k-ico{color:var(--kd-color-warning)}
.user-audit-metrics article:nth-child(4) .k-ico{color:var(--kd-color-danger)}
#users-audit .user-audit-sections>.audit-stage{background:var(--kd-color-surface-raised);border:1px solid var(--kd-color-border-strong);padding:var(--user-audit-blocks);border-radius:var(--kd-radius-md)}
#users-audit .user-audit-sections h3{font:var(--kd-type-title);margin:0 0 var(--user-audit-text)}
#users-audit .user-audit-fields dd{font:var(--kd-type-body)}
#users-audit .user-audit-editor .admin-record-card{background:var(--kd-color-surface-raised);border-color:var(--kd-color-border-strong);padding:var(--user-audit-blocks);gap:var(--user-audit-blocks)}
#users-audit .user-delete-danger{display:inline-flex;align-items:center;justify-content:center;gap:var(--kd-space-2);color:var(--kd-color-danger);border-color:var(--kd-color-danger);background:var(--kd-color-surface);font:var(--kd-type-label)}
#users-audit .user-delete-danger:disabled{opacity:1;cursor:not-allowed;color:var(--kd-color-danger)}
.user-registration{display:grid;grid-template-columns:1fr auto;gap:var(--kd-space-1);font:var(--kd-type-caption);min-width:0}
.user-registration progress,.user-registration small,.user-registration ul{grid-column:1/-1}
.user-registration progress{width:100%;height:var(--kd-space-2);border:0;border-radius:var(--kd-radius-sm);overflow:hidden;appearance:none;background:var(--kd-color-surface-raised);accent-color:var(--kd-color-primary)}
.user-registration progress::-webkit-progress-bar{background:var(--kd-color-surface-raised)}
.user-registration progress::-webkit-progress-value{background:var(--kd-color-primary)}
.user-registration progress::-moz-progress-bar{background:var(--kd-color-primary)}
.user-audit-sections>.audit-stage:has(>.user-registration){display:grid;align-content:start;gap:var(--user-audit-text)}
#users-audit .user-audit-sections>.audit-stage:has(>.user-registration)>*{margin:0}
.user-audit-sections>.audit-stage:has(>.user-registration)>.btn{justify-self:start;max-width:100%;white-space:normal}
.user-audit-detail .user-registration{gap:var(--user-audit-text);font:var(--kd-type-body)}
.user-audit-detail .user-registration ul{display:grid;gap:var(--user-audit-text);list-style:none;padding:0;margin:0}
.user-registration-step{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--kd-space-2);font:var(--kd-type-caption)}
.user-registration-step [aria-hidden]{width:var(--kd-space-2);height:var(--kd-space-2);border-radius:var(--kd-radius-lg);background:var(--kd-color-muted)}
.user-registration-step[data-state="completed"] [aria-hidden]{background:var(--kd-color-primary)}
.user-registration-step[data-state="pending"] [aria-hidden]{background:var(--kd-color-warning)}
#users-audit .user-audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.7fr) auto}
@media(max-width:980px){#users-audit .user-audit-row{grid-template-columns:minmax(0,1fr) auto}.user-audit-tags,.user-audit-row>.user-registration{grid-column:1}.user-audit-chevron{grid-column:2;grid-row:1}}
@media(max-width:600px){#users-audit .user-audit-row{grid-template-columns:minmax(0,1fr) auto}.user-audit-tags{grid-column:1;grid-row:2}.user-audit-chevron{grid-column:2;grid-row:1}.user-audit-sections{grid-template-columns:minmax(0,1fr)}.user-audit-sections>.audit-stage:nth-child(n){grid-column:1}.user-audit-sections .user-audit-fields{grid-template-columns:1fr}}
.user-audit-card{border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-md);background:var(--kd-color-surface);color:var(--kd-color-foreground);overflow:hidden}
.user-audit-card>summary{cursor:pointer;list-style:none;border:0;border-radius:0}.user-audit-card>summary::-webkit-details-marker{display:none}
.user-audit-card[open] .user-audit-expand{font-weight:bold}.user-audit-expand::after{content:' +'}.user-audit-card[open] .user-audit-expand::after{content:' −'}
.user-audit-content{padding:var(--user-audit-blocks);border-top:1px solid var(--kd-color-border);font:var(--kd-type-body)}
.user-audit-tabs{display:flex;flex-wrap:wrap;gap:var(--kd-space-2)}
.user-audit-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--user-audit-blocks);margin-block:var(--user-audit-blocks)}
.user-audit-metrics article{padding:var(--user-audit-cards);border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-md);background:var(--kd-color-surface)}
.user-audit-metrics h3{font:var(--kd-type-label);margin-bottom:var(--kd-space-2)}
@media(max-width:980px){.user-audit-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
.user-audit-detail[hidden],.user-audit-editor[hidden]{display:none}
#users-audit .user-account-active{color:var(--kd-color-primary);background:color-mix(in srgb,var(--kd-color-primary) 12%,var(--kd-color-surface))}
#users-audit .user-plan-free{--user-plan-color:var(--kd-color-info)}
#users-audit .user-plan-tester{--user-plan-color:var(--kd-color-warning)}
#users-audit .user-plan-pro{--user-plan-color:var(--kd-color-primary)}
#users-audit .user-plan-team{--user-plan-color:color-mix(in srgb,var(--kd-color-info) 60%,var(--kd-color-foreground))}
#users-audit .user-plan-viewer{--user-plan-color:var(--kd-color-muted)}
#users-audit [class*="user-plan-"]{color:color-mix(in srgb,var(--user-plan-color) 60%,var(--kd-color-foreground));background:color-mix(in srgb,var(--user-plan-color) 10%,var(--kd-color-surface));border-color:color-mix(in srgb,var(--user-plan-color) 35%,var(--kd-color-border))}
#users-audit .user-audit-entry{display:grid;grid-template-columns:minmax(0,1fr) var(--kd-button-height) var(--kd-button-height);border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-md);background:var(--kd-color-surface);overflow:hidden}
#users-audit .user-audit-card{display:contents}
#users-audit .user-audit-card::details-content{display:contents}
#users-audit .user-audit-row{grid-column:1/-1;grid-row:1;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.7fr) var(--kd-button-height);padding-right:0!important}
#users-audit .user-audit-entry:has(.user-history-indicator) .user-audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,.7fr) var(--kd-button-height) var(--kd-button-height)}
#users-audit .user-audit-chevron{grid-column:-2;justify-self:center}
#users-audit .user-history-indicator{position:static;grid-column:2;grid-row:1;align-self:center;z-index:1}
#users-audit .user-audit-content{grid-column:1/-1;grid-row:2}
#users-audit .user-audit-card:not([open]) .user-audit-content{display:none}
@media(max-width:980px){#users-audit .user-audit-row,#users-audit .user-audit-entry:has(.user-history-indicator) .user-audit-row{grid-template-columns:minmax(0,1fr) var(--kd-button-height) var(--kd-button-height)}#users-audit .user-audit-chevron{grid-column:3;grid-row:1}#users-audit .user-audit-tags{grid-column:1;grid-row:2}#users-audit .user-audit-row>.user-registration{grid-column:1;grid-row:3}}
.user-audit-editor .admin-record-card.user{grid-template-columns:repeat(2,minmax(0,1fr))}.user-audit-editor .admin-record-card.user>*{min-width:0}.user-audit-editor .admin-record-main{grid-column:1/-1}
@media(max-width:600px){.user-audit-editor .admin-record-card.user{grid-template-columns:1fr}}
#users-audit .user-audit-filters input,#users-audit .user-audit-filters select{background:var(--admin-input-background);border-color:var(--admin-input-border);color:var(--admin-input-text)}
.user-audit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr) auto;align-items:center;gap:var(--user-audit-blocks);padding:var(--user-audit-cards);border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-md);background:var(--kd-color-surface);color:var(--kd-color-foreground);font:var(--kd-type-caption)}
.user-audit-list,.user-audit-identity,.user-audit-timeline li{display:grid;gap:var(--user-audit-text)}
.user-audit-row dl,.user-audit-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--user-audit-blocks);margin:0}
.user-audit-row dt,.user-audit-fields dt,.user-audit-identity span,.user-audit-timeline time{color:var(--kd-color-muted);font:var(--kd-type-caption)}
.user-audit-row dd,.user-audit-fields dd{margin:0;font:var(--kd-type-label)}
.user-audit-row *,.user-audit-detail *{min-width:0;overflow-wrap:anywhere}
.user-audit-pagination,.user-audit-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--kd-space-2);padding-block:var(--kd-space-3)}
.user-audit-filters{flex-wrap:wrap}.user-audit-filters label{display:grid;gap:var(--kd-space-2);min-width:0}.user-audit-filters input{max-width:100%}
.user-audit-dialog{width:min(90vw,70rem);max-height:90dvh;margin:auto;padding:var(--kd-space-5);border:1px solid var(--kd-color-border);border-radius:var(--kd-radius-lg);background:var(--kd-color-surface);color:var(--kd-color-foreground);font:var(--kd-type-body)}
.user-audit-dialog::backdrop{background:var(--kd-color-focus)}
.user-audit-detail h2{font:var(--kd-type-title)}.user-audit-detail h3{font:var(--kd-type-label);margin-block:var(--kd-space-5) var(--kd-space-3)}
.user-audit-timeline{display:grid;gap:var(--user-audit-blocks);list-style:none;padding:0;margin-block:var(--kd-space-4)}
.user-audit-timeline li{border-inline-start:1px solid var(--kd-color-border);padding-inline-start:var(--kd-space-3);font:var(--kd-type-caption)}
.user-event-timeline{overflow:auto;max-block-size:var(--kd-spacing-desktop-historyMaxHeight);padding:var(--kd-space-3)}
@media(max-width:600px){.user-event-timeline{max-block-size:var(--kd-spacing-mobile-historyMaxHeight)}}
.user-event-timeline:focus-visible{outline:2px solid var(--kd-color-focus);outline-offset:2px}
.user-event-timeline li{position:relative;margin-inline-start:var(--kd-space-3);padding-inline-start:var(--kd-space-5);border-color:var(--kd-color-border-strong)}
.user-event-marker{position:absolute;inset-inline-start:calc(-1 * var(--kd-space-2));top:0;background:var(--kd-color-surface-raised);color:var(--kd-color-primary);display:grid;place-items:center}
.user-event-timeline time{display:flex;align-items:baseline;gap:var(--kd-space-2);flex-wrap:wrap}
.user-event-timeline time strong{font:var(--kd-type-title);color:var(--kd-color-foreground)}
.user-audit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:980px){.user-audit-row{grid-template-columns:1fr}.user-audit-row dl,.user-audit-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.user-audit-row>button{justify-self:start}}
@media(max-width:560px){.user-audit-fields{grid-template-columns:1fr}.user-audit-dialog{padding:var(--kd-space-3)}}

@media(max-width:600px){#users-audit{--user-audit-blocks:var(--kd-spacing-mobile-blocks);--user-audit-cards:var(--kd-spacing-mobile-cards);--user-audit-text:var(--kd-spacing-mobile-text)}}
.user-delete-actions{display:flex;flex-wrap:wrap;gap:var(--kd-layout-inline,var(--kd-layout-icon));align-items:stretch}
.user-delete-actions>.btn{flex:1 1 0;min-width:0;white-space:normal}
#users-audit .user-delete-danger[hidden]{display:none}
#users-audit [data-delete-panel]>label{display:flex;align-items:flex-start;gap:var(--kd-layout-inline,var(--kd-layout-icon))}
#users-audit [data-delete-panel]>label>input[type="checkbox"]{width:auto;flex:0 0 auto}
.user-deletion-json{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:var(--kd-type-caption);padding:var(--kd-card-top) var(--kd-card-right) var(--kd-card-bottom) var(--kd-card-left);background:var(--kd-color-surface-raised);color:var(--kd-color-foreground)}
