/* Admin-only account identity details. Existing inventory and user pages keep their layout. */
#managedAccountTable .account-identity-cell{min-width:132px;max-width:240px}
#managedAccountTable .account-identity-meta{display:grid;min-width:0;max-width:240px;gap:1px;margin:3px 0 4px;line-height:1.45}
#managedAccountTable .account-identity-meta .account-invitation{margin:0;font-size:12px;line-height:1.45;color:var(--muted,#637466)}
#managedAccountTable .account-invitation span{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--ink,#283c30);white-space:normal;overflow-wrap:anywhere;word-break:break-word;user-select:text}
#managedAccountTable .account-note-row{display:flex;align-items:baseline;gap:6px;max-width:240px;min-width:0}
#managedAccountTable .account-admin-note{font-size:12px;line-height:1.5;color:var(--ink,#283c30);overflow-wrap:anywhere;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
#managedAccountTable .account-note-edit{flex:none;padding:2px 3px;margin:0;font-size:12px;line-height:1.5;white-space:nowrap;min-height:26px;text-decoration:underline;text-underline-offset:3px}
#managedAccountTable .account-note-edit:focus-visible{outline:2px solid var(--green,#537c65);outline-offset:2px;border-radius:3px}
#accountNoteDialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 28px);padding:20px;overflow-y:auto}
#accountNoteDialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(7px)}
#accountNoteDialog .detail-head{margin-bottom:10px;gap:12px}
#accountNoteDialog h2{font-size:20px;line-height:1.4;margin:0}
#accountNoteDialog .account-note-context{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin:0 0 16px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#accountNoteDialog .account-note-context span{flex-basis:100%;min-width:0;max-width:100%;color:var(--muted,#637466);font-size:12px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;user-select:text}
#accountNoteDialog .security-form{gap:8px}
#accountNoteDialog label{font-size:14px;line-height:1.6}
#accountNoteDialog input{margin-top:5px;min-height:42px;font-size:16px;line-height:1.5}
#accountNoteDialog .account-note-help{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.5;color:var(--muted,#637466)}
#accountNoteDialog .error{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#accountNoteDialog .security-actions{justify-content:flex-end;margin:10px 0 0}
#accountNoteDialog .security-actions button{min-height:40px;font-size:14px;padding:7px 16px}
@media(max-width:700px){
 #managedAccountTable .account-identity-cell{min-width:120px;max-width:190px}
 #managedAccountTable .account-identity-meta{max-width:190px}
 #managedAccountTable .account-note-row{max-width:190px;gap:4px}
 #managedAccountTable .account-note-edit{min-height:32px;padding:5px 3px}
 #accountSearchForm input{min-width:0;max-width:none;flex:1 1 230px}
 #accountNoteDialog{padding:16px}
 #accountNoteDialog .security-actions button{min-height:44px}
}