.user-search{display:flex;align-items:flex-end;gap:8px;margin-bottom:12px}.user-search-field{flex:1;min-width:0;display:grid;gap:5px;font-size:.85rem}.user-search input,.user-role-form select{width:100%;min-width:0;box-sizing:border-box;border:1px solid #dfe2eb;border-radius:10px;background:white;padding:10px 12px;font:inherit;color:inherit}.user-search button{min-height:42px;min-width:42px}.user-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:20px}.user-profile-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.user-profile-heading h2{margin:0;font-size:1.15rem;overflow-wrap:anywhere}.user-profile-data{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 12px;margin:14px 0;font-size:.85rem}.user-profile-data dt{color:#68677b}.user-profile-data dd{margin:0;overflow-wrap:anywhere}.user-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.user-profile-stats>div{display:grid;gap:3px;background:#f5f4fa;border-radius:10px;padding:10px}.user-profile-stats strong{font-size:1.2rem;color:#302077}.user-profile-stats span{font-size:.75rem;color:#68677b}.user-role-form{display:flex;align-items:flex-end;gap:8px}.user-role-form label{display:grid;gap:5px;flex:1;font-size:.85rem}.user-role-form button{white-space:nowrap}.user-profile-hint{font-size:.85rem;color:#68677b}.user-profile-activity h3{display:flex;gap:8px;margin:0 0 8px;font-size:1rem}.user-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:9px 0;border-bottom:1px solid #eceaf2;font-size:.82rem}.user-event span{grid-column:1;overflow-wrap:anywhere;color:#68677b}.user-event time{grid-column:2;grid-row:1 / span 2;color:#68677b;font-size:.75rem;align-self:center}.profile-qr{margin:14px 0;border-top:1px solid #eceaf2;padding-top:12px}.profile-qr summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;font-size:.9rem;font-weight:600}.profile-qr summary::-webkit-details-marker{display:none}.profile-qr summary .fa-chevron-down{margin-left:auto;transition:transform .2s}.profile-qr[open] .fa-chevron-down{transform:rotate(180deg)}.profile-qr-image{display:flex;justify-content:center;padding:14px 0 0}.profile-qr-image img,.profile-qr-image canvas{max-width:100%;height:auto}.profile-qr [role=status]{font-size:.8rem;text-align:center;color:#68677b}.reports-tabs{flex-wrap:wrap}.reports-tabs button{gap:6px}#userReader{width:100%}.user-workspace[hidden]{display:none}@media(max-width:640px){.user-profile-grid{grid-template-columns:minmax(0,1fr);gap:18px}.user-profile-data{gap:6px 9px}.user-event{grid-template-columns:minmax(0,1fr)}.user-event time{grid-column:1;grid-row:auto}.user-role-form button{padding:10px;font-size:.85rem}}
.profile-icon{width:19px;height:19px;flex-shrink:0}.profile-qr summary .profile-chevron{margin-left:auto;transition:transform .2s}.profile-qr[open] .profile-chevron{transform:rotate(180deg)}
.user-directory-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px 0;border:0;border-bottom:1px solid #eceaf2;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}.user-directory-row:hover{background:#f5f4fa}.user-directory-details{display:grid;gap:3px;flex:1;min-width:0}.user-directory-details strong,.user-directory-details span,.user-directory-details small{overflow-wrap:anywhere}.user-directory-details span,.user-directory-details small{font-size:.8rem;color:#68677b}.user-directory-row .report-badge{font-size:.72rem;flex-shrink:0}.user-directory-pages{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:14px;font-size:.85rem}.user-directory-pages button{min-width:42px;min-height:42px}.user-directory-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px}#userDirectory[hidden]{display:none}

.user-directory-filter{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:.85rem}.user-directory-filter svg{width:18px;height:18px;flex-shrink:0}.user-directory-filter select{min-width:0;max-width:100%;padding:9px 12px;border:1px solid #dfe2eb;border-radius:10px;background:#fff;color:inherit;font:inherit}

.user-report-permission{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.user-report-state{font-size:.8rem;color:#68677b}.user-report-permission button{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;font-size:.8rem}.user-report-permission .user-unblock-button{background:#eaf7ef;color:#17633d;border-color:#c6e8d3}

.user-report-permission .report-block-button{background:#c92a38;color:#fff;border-color:#c92a38}.user-report-permission .report-block-button.user-unblock-button{background:#eaf7ef;color:#17633d;border-color:#c6e8d3}

.user-role-badge{margin-left:0;padding:5px 7px;gap:5px;font-size:.72rem;line-height:1.3;flex-shrink:0}.user-role-badge .profile-icon{width:15px;height:15px}.user-report-permission{justify-content:space-between;gap:10px;padding:10px 12px;background:#f5f6fa;border:1px solid #e8eaf0;border-radius:12px}.user-report-state{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;line-height:1.4;color:#23704a}.user-report-state .profile-icon{width:17px;height:17px}.user-report-permission.is-blocked .user-report-state{color:#a22432}.user-report-permission .report-block-button{min-height:40px;margin:0;border:1px solid #c92a38;border-radius:9px;padding:8px 10px;line-height:1.3;font-weight:600;text-transform:none;box-shadow:none}.user-report-permission .report-block-button .profile-icon{width:16px;height:16px}.user-report-permission .report-block-button:hover{filter:brightness(.96);transform:none}

/* Keep directory controls and profile sections aligned despite shared form styles. */
.user-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:16px;margin-bottom:16px}
.user-workspace .user-search{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;margin:0;padding:0;width:100%}
.user-workspace .user-search-field{margin:0;gap:6px}
.user-workspace .user-search button{width:44px;height:44px;min-height:44px;margin:0;padding:10px;justify-content:center}
.user-workspace .user-search input{height:44px;margin:0}
.user-workspace .user-directory-filter{display:grid;grid-template-columns:18px 1fr;gap:6px;margin:0}
.user-directory-filter select{grid-column:1/-1;height:44px;width:100%;box-sizing:border-box}
.user-workspace #userStatus:empty,.user-workspace #userDirectoryStatus:empty{display:none}
.user-workspace .user-directory-row{box-sizing:border-box;margin:0;border-radius:0;min-height:64px;box-shadow:none;text-transform:none;line-height:1.4}
.user-directory-details strong{font-size:.9rem;font-weight:600;color:#27187e}
.user-profile-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.user-profile-summary,.user-profile-activity{min-width:0}
.user-profile-heading{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:8px;align-items:center}
.user-profile-heading h2{font-size:1.05rem;line-height:1.4}
.user-profile-data{grid-template-columns:125px minmax(0,1fr);gap:8px 12px;padding:14px 0;margin:0;border-bottom:1px solid #eceaf2;line-height:1.45}
.user-profile-stats{margin:14px 0;gap:6px}
.user-profile-stats>div{padding:9px 10px;min-width:0}
.user-role-form{margin:0;padding:0;gap:8px;width:100%}
.user-role-form label{margin:0;min-width:0}
.user-workspace .user-role-form button{min-height:44px;margin:0;padding:10px 12px;font-size:.85rem;text-transform:none}
.user-role-form select{height:44px;margin:0}
.user-profile-activity{border-left:1px solid #eceaf2;padding-left:24px}
.user-profile-activity h3{align-items:center;font-size:.95rem;line-height:1.4;margin:0 0 8px}
.user-profile-activity>p{font-size:.85rem;color:#68677b;margin:10px 0}
.user-event{line-height:1.4;gap:4px 10px}
@media(max-width:760px){.user-toolbar{grid-template-columns:minmax(0,1fr);gap:12px}.user-workspace .user-directory-filter{display:flex;gap:8px}.user-directory-filter select{flex:1;max-width:260px}.user-profile-grid{grid-template-columns:minmax(0,1fr);gap:20px}.user-profile-activity{border-left:0;border-top:1px solid #eceaf2;padding:16px 0 0}.user-profile-data{grid-template-columns:90px minmax(0,1fr)}.user-profile-heading{grid-template-columns:20px minmax(0,1fr)}.user-profile-heading .user-role-badge{grid-column:2;justify-self:start}.user-report-permission{padding:10px;gap:8px}.user-directory-row{gap:8px}.user-directory-row>.profile-icon{width:17px;height:17px}.user-directory-row .user-role-badge{font-size:.68rem;padding:4px 5px;gap:4px}.user-directory-row .user-role-badge .profile-icon{width:13px;height:13px}}

.user-workspace:has(.user-profile-grid) .user-directory-filter{display:none}.user-workspace:has(.user-profile-grid) .user-toolbar{grid-template-columns:minmax(0,1fr)}