/* Scoped user/access design. Uses the existing WebCommit tokens. */
.wc-user-window { border:1px solid var(--wc-border,#dce3ee)!important; border-radius:12px!important; overflow:hidden; box-shadow:0 18px 65px #17243b30!important; }
.wc-user-window .x-window-header { background:var(--wc-surface,#fff)!important; border:0!important; padding:15px 22px 8px!important; }
.wc-user-window .x-title-text { color:var(--wc-text,#17243b)!important; font:600 20px 'Segoe UI',sans-serif!important; }
.wc-user-window .x-window-body,.wc-user-window .x-panel-body,.wc-user-window .x-tabpanel-child { background:var(--wc-surface,#fff)!important; }
.wc-user-window .x-tool-img { filter:grayscale(1); opacity:.65; }
.wc-user-header,.wc-user-card,.wc-user-actionbar,.wc-user-toolbar { background:var(--wc-surface,#fff); color:var(--wc-text,#17243b); font-family:'Segoe UI',sans-serif; }
.wc-user-header { padding:8px 22px; border-bottom:1px solid var(--wc-border,#dce3ee); }
.wc-user-subtitle,.wc-user-help { color:var(--wc-text-muted,#5c6b82); font-size:13px; }
.wc-user-identity { font-size:15px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wc-user-chip { display:inline-block; background:var(--wc-surface-alt,#eef3fa); color:var(--wc-text-muted,#5c6b82); font-size:11px; font-weight:600; border-radius:20px; padding:3px 10px; line-height:17px; vertical-align:middle; }
.wc-user-active { color:var(--wc-success,#087f5b); background:#e9f6ef; }
.wc-user-blocked { color:var(--wc-danger,#be3455); background:#fff0f3; }
.wc-user-tabs .x-tab-bar,.wc-user-tabs .x-tab-bar-body,.wc-user-tabs .x-tab-bar-strip { background:var(--wc-surface,#fff)!important; border-color:var(--wc-border,#dce3ee)!important; }
.wc-user-tabs .x-tab { background:transparent!important; border:0!important; border-radius:0!important; padding:13px 18px!important; box-shadow:none!important; }
.wc-user-tabs .x-tab-inner { color:var(--wc-text-muted,#5c6b82)!important; font-size:13px!important; }
.wc-user-tabs .x-tab-active { border-bottom:3px solid var(--wc-primary,#2563eb)!important; }
.wc-user-tabs .x-tab-active .x-tab-inner { color:var(--wc-primary,#2563eb)!important; font-weight:600!important; }
.wc-user-toolbar { padding:8px 14px; }
.wc-user-card { padding:16px 24px; }
.wc-user-section { font-size:15px; font-weight:600; color:var(--wc-text,#17243b); padding-top:4px; }
.wc-user-fieldrow .x-field { margin-right:16px; }
.wc-user-fieldrow .x-field:last-child { margin-right:0; }
.wc-user-window .x-form-item-label { color:var(--wc-text-muted,#5c6b82)!important; font-weight:500; }
.wc-user-window .x-form-text-wrap,.wc-user-window .x-form-trigger-wrap { border-radius:6px; }
.wc-user-window .x-form-text { background:#fff; color:var(--wc-text,#17243b); }
.wc-user-actionbar { border-top:1px solid var(--wc-border,#dce3ee); padding:10px 20px; }
.wc-user-actionbar .x-btn,.wc-user-toolbar .x-btn { margin-left:8px; }
.wc-user-window .x-btn-default-medium { background:#fff!important; border:1px solid var(--wc-border,#dce3ee)!important; border-radius:6px!important; box-shadow:none!important; }
.wc-user-window .x-btn-default-medium .x-btn-inner { color:var(--wc-text,#17243b)!important; font-weight:500; }
.wc-user-window .x-btn-default-medium:hover { background:var(--wc-surface-alt,#eef3fa)!important; }
.wc-user-window .wc-user-primary { background:var(--wc-primary,#2563eb)!important; border-color:var(--wc-primary,#2563eb)!important; }
.wc-user-window .wc-user-primary .x-btn-inner { color:white!important; }
.wc-user-window .wc-user-danger { border-color:transparent!important; }
.wc-user-window .wc-user-danger .x-btn-inner { color:var(--wc-danger,#be3455)!important; }
.wc-user-window .wc-user-refresh .x-btn-inner { font-size:21px; }
.wc-access-selection { background:var(--wc-surface,#fff); padding:0 14px 8px; }
.wc-access-grid { border:1px solid var(--wc-border,#dce3ee)!important; border-radius:6px; }
.wc-access-grid .x-column-header,.wc-access-grid .x-grid-header-ct { background:var(--wc-surface-alt,#eef3fa)!important; border-right:0!important; color:var(--wc-text-muted,#5c6b82)!important; }
.wc-access-grid .x-column-header-inner { padding:10px 12px; }
.wc-access-grid .x-grid-cell { border-right:0!important; border-bottom:1px solid #edf0f5!important; }
.wc-access-grid .x-grid-cell-inner { padding:9px 12px!important; min-height:38px; }
.wc-access-grid .x-grid-row-selected .x-grid-cell { background:#eaf1ff!important; }
.wc-access-grid .x-grid-item-over .x-grid-cell { background:#f5f8fe; }
.wc-access-grid .x-toolbar { background:#fff!important; border-color:var(--wc-border,#dce3ee)!important; }
.wc-access-grid .x-grid-empty { padding:40px 24px!important; color:var(--wc-text-muted,#5c6b82); text-align:center; }
.wc-user-window .x-form-focus,.wc-user-window .x-btn-focus { outline:2px solid var(--wc-primary,#2563eb); outline-offset:2px; }
.wc-user-feedback { display:block; white-space:normal!important; overflow:auto; overflow-wrap:anywhere; padding:6px 10px; color:var(--wc-danger,#be3455); background:#fff3f3; border:1px solid #e6b8c3; border-radius:6px; }
@media(max-width:700px) { .wc-user-card { padding:12px; } .wc-user-header { padding:8px 12px; } .wc-user-tabs .x-tab { padding:12px 8px!important; } }

.wc-user-window .x-panel-body-default { border-color:var(--wc-border,#dce3ee)!important; }
.wc-user-window .x-tool-close { background-image:none!important; filter:none; }
.wc-user-window .x-tool-close:after { content:'×'; color:var(--wc-text-muted,#5c6b82); font-size:22px; line-height:16px; }
.wc-user-window .x-btn.wc-user-primary:hover { background:#1d4ed8!important; }
.wc-access-grid .x-grid-item-selected .x-grid-cell { background:#eaf1ff!important; }
.wc-user-window .x-tool { right:16px!important; left:auto!important; }
.wc-user-window .x-tool-close:after { display:block; position:absolute; inset:0; text-align:center; }