.usersPage{display:flex;gap:10px;padding:10px;min-height:0}.usersPage[hidden]{display:none}.usersBody{flex:1;min-width:0;overflow:auto}.usersToolbar{display:flex;align-items:center;gap:12px;padding:8px 0;position:sticky;top:0;background:var(--surface,#fff);z-index:1}.usersToolbar input{width:min(340px,45%);padding:8px}.userCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:12px;padding:4px}.userCards[hidden],.usersGrid[hidden]{display:none}.userCard{border:1px solid #afc49d;border-radius:7px;background:#edf5e6;overflow:hidden;color:#18301b;cursor:pointer;outline-offset:2px}.userCard[aria-selected=true]{outline:2px solid #1672c4}.userCard h3{margin:0;padding:9px 10px;background:#e1ead9;font-size:calc(13px * var(--quantum-font-scale,1));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.userCard dl{display:grid;grid-template-columns:47% 53%;margin:0;font-size:calc(12px * var(--quantum-font-scale,1))}.userCard dt{background:#d4e5bc}.userCard dt,.userCard dd{padding:5px 7px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px}.usersGrid{height:calc(100% - 55px)}.userEditor{width:min(1080px,96vw);max-height:94vh;border:1px solid var(--border,#a6b4bf);border-radius:8px;padding:0;color:var(--text,#243746);background:var(--surface,#fff)}.userEditor::backdrop{background:#14253580}.userEditor form{display:flex;flex-direction:column;max-height:92vh}.userEditor h2{font-size:calc(18px * var(--quantum-font-scale,1));margin:0;padding:15px 20px;background:var(--surface-alt,#edf2f5)}.userIdentity{display:grid;grid-template-columns:1fr 1fr 220px;gap:9px 18px;padding:16px 20px}.userIdentity .userHint{grid-column:1 / 3;margin:0}.userField{display:flex;flex-direction:column;gap:5px;font-size:calc(12px * var(--quantum-font-scale,1))}.userField input:not([type=checkbox]),.userField select,.userField textarea{width:100%;padding:7px;min-height:32px;border:1px solid var(--border,#c3ccd4);border-radius:3px;color:inherit;background:var(--surface,#fff)}.userField textarea{min-height:85px;resize:vertical}.userCheck{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:8px;min-height:30px}.userCheck input,.userRelation input[type=checkbox],.userProgramTable input{width:16px;height:16px;accent-color:#087ac0;flex-shrink:0}.userEditorTabs{display:flex;gap:3px;overflow-x:auto;padding:0 12px;border-bottom:1px solid var(--border,#ccd5dd);flex-shrink:0}.userEditorTabs button{white-space:nowrap;padding:10px 11px;border:0;border-radius:4px 4px 0 0;background:transparent;color:inherit}.userEditorTabs button[aria-selected=true]{background:var(--surface-alt,#edf2f5);box-shadow:inset 0 3px #087ac0;font-weight:600}.userEditorContent{overflow:auto;min-height:260px;flex:1;padding:18px 20px}.userTabPanel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;align-content:start}.userTabPanel[hidden]{display:none}.userTabPanel[role=tabpanel]>.userHint{grid-column:1 / -1}.userTabPanel:has(.userProgramTable){display:block}.userTabPanel:has(.userProgramTable)[hidden]{display:none}.userHint{font-size:calc(12px * var(--quantum-font-scale,1));color:var(--muted,#586b7d);line-height:1.5}.userRelation{min-width:0;border:1px solid var(--border,#c4cdd5);border-radius:5px;padding:10px}.userRelation>input{width:100%;padding:7px;margin-bottom:8px}.userRelationList{max-height:250px;overflow:auto}.userRelationList label{display:flex;gap:8px;align-items:center;padding:6px;font-size:calc(12px * var(--quantum-font-scale,1))}.userRelationList label[hidden]{display:none}.userRelationList label:nth-child(even){background:var(--surface-alt,#f2f5f6)}.userProgramTable{border-collapse:collapse;width:100%;font-size:calc(12px * var(--quantum-font-scale,1));margin-top:10px}.userProgramTable th{position:sticky;top:-18px;background:var(--surface-alt,#edf2f5);z-index:1}.userProgramTable td,.userProgramTable th{padding:7px 9px;border-bottom:1px solid var(--border,#d7dee3);text-align:left}.userProgramTable td:not(:first-child){text-align:center}.userImageArea{grid-column:3;grid-row:1 / 5;display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px}.userImageArea img{width:180px;height:100px;object-fit:contain;border:1px solid #ccd5dd}.userImageArea input{width:200px;font-size:11px}.userEditorError{color:#b22c35;padding:0 20px;margin:6px 0;min-height:18px;flex-shrink:0}.userEditorFooter{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border,#ccd5dd);flex-shrink:0}.userEditorFooter button{padding:9px 28px}@media(max-width:760px){.userIdentity{grid-template-columns:1fr 1fr}.userIdentity .userHint{grid-column:1/-1}.userImageArea{grid-column:1/-1;grid-row:auto}.userTabPanel{grid-template-columns:1fr}.usersPage>.invoiceActions{width:155px}.userEditorContent{padding:12px}.userIdentity{padding:12px}.userCards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media(max-width:480px){.userIdentity{grid-template-columns:1fr}.userEditorTabs button{padding:9px 8px}.usersPage{flex-direction:column}.usersPage>.invoiceActions{width:100%}}
.userHistoryGrid{height:55vh;margin:12px;overflow:auto}.userEditor.userHistory{padding:12px}.userHistory>.userEditorFooter{margin-top:12px}
.userCustomerTypePanel{grid-template-columns:minmax(0,1fr);gap:8px}.userCustomerTypesHeading{margin:0;font-size:calc(14px * var(--quantum-font-scale,1))}.userCustomerTypePanel>.userHint{margin:0}.userCustomerTypes{padding:5px;margin:0;min-height:350px;background:var(--surface,#fff)}.userCustomerTypes .userRelationList{max-height:none}.userCustomerTypes .userRelationList label{min-height:29px;padding:5px 7px;border-radius:3px}.userCustomerTypes .userRelationList label:nth-child(even){background:transparent}.userCustomerTypes .userRelationList label:focus-within{background:var(--surface-alt,#e5e9ed)}