.accounts-workspace{min-height:calc(100dvh - var(--topbar-height,64px) - var(--admin-footer-height));padding:20px 22px 30px}
.accounts-page{max-width:1440px;margin:0 auto}
.accounts-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.accounts-heading h1{margin:0;font-size:22px;line-height:1.3;font-weight:500;letter-spacing:-.4px}
.accounts-heading p{margin:5px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.accounts-heading>.button{flex-shrink:0}
.account-roles{display:flex;flex-wrap:wrap;gap:5px 22px;font-size:12px;line-height:1.6;color:var(--muted)}
.account-roles strong{font-weight:500;color:var(--ink)}
.account-notice{margin:10px 0;padding:7px 10px;border-radius:6px;background:#fff8df;color:#756124;font-size:12px;line-height:1.5}
.account-create{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;border:1px solid var(--line);border-radius:14px;padding:0;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #16221930;overflow:auto}
.account-create::backdrop{background:#16221966}
.account-create-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line)}
.account-create-heading .icon-button{width:36px;height:36px;min-height:36px;border:0;background:transparent;font-size:26px;color:var(--muted)}
.account-create h2{margin:0;font-size:20px;font-weight:500}
.account-create form{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:end;gap:14px 12px;padding:18px}
.account-create [data-credential],#account-create-error{grid-column:1/-1}
.account-create-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;padding-top:14px;margin-top:2px;border-top:1px solid var(--line)}
#account-create-error{margin:0;font-size:13px;line-height:1.5}
.accounts-workspace label{display:grid;min-width:0;gap:4px;font-size:11px;line-height:1.5;color:var(--muted)}
.accounts-workspace input:not([type=checkbox]),.accounts-workspace select{width:100%;min-width:0;height:34px;min-height:34px;padding:5px 9px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);font:inherit;font-size:13px;line-height:22px}
.accounts-workspace button:disabled,.accounts-workspace select:disabled{opacity:.55}
.accounts-workspace .button{min-height:34px;padding:6px 11px;font-size:12px;border-radius:7px;white-space:nowrap}
.accounts-workspace .text-button{min-height:34px;padding:6px 4px;font-size:12px;white-space:nowrap}
.accounts-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.accounts-list-heading h2{margin:0;font-size:15px;font-weight:500}
.accounts-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--paper)}
.accounts-table-head,.account-row{display:grid;grid-template-columns:minmax(145px,210px) 115px minmax(190px,1fr) 125px 190px;align-items:center;gap:14px;padding:8px 14px;min-width:870px}
.accounts-table-head{padding-block:9px;background:#f7f9f7;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}
.account-row{min-height:53px}
.account-row+.account-row{border-top:1px solid var(--line)}
.account-row:hover{background:#fafcf9}
.account-credential{min-width:0}
.account-credential input[name=pin]{width:120px;font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}
.account-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--muted)}
.accounts-workspace .account-active{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:12px;line-height:20px;height:34px;cursor:pointer}
.account-active input{width:16px;height:16px;min-height:16px;max-height:16px;flex:none;accent-color:#36743e}
.account-status{color:#36743e}.account-status.pending{color:#927026}.account-status.disabled{color:#a13b32}
.account-row-actions{display:flex;align-items:center;gap:10px;white-space:nowrap}
.account-pin-hint{grid-column:1/-1;margin:1px 0 0;color:var(--muted);font-size:11px}
.account-pin-note{margin:10px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
#accounts-message{margin:12px 0;font-size:13px;line-height:1.5;color:#2d6935}
.accounts-empty{margin:16px;color:var(--muted);font-size:13px}
.account-password-link{display:block;margin-top:14px;font-size:13px;color:#36743e}
.accounts-workspace :focus-visible{outline:2px solid #36743e;outline-offset:2px}
.accounts-workspace [hidden]{display:none!important}
@media(max-width:800px){.accounts-workspace{padding:16px 12px 24px}.accounts-heading{align-items:start}.accounts-heading p{max-width:320px}}
@media(max-width:480px){.accounts-heading h1{font-size:20px}.account-create form{grid-template-columns:minmax(0,1fr) 120px;gap:12px;padding:16px}.account-create-heading{padding:12px 16px}.account-pin-hint{line-height:1.5}.account-roles{gap:3px 12px}}
@media(pointer:coarse){.accounts-workspace .button,.accounts-workspace .text-button{min-height:44px}.accounts-workspace input:not([type=checkbox]),.accounts-workspace select{height:44px;font-size:16px}.accounts-workspace .account-active{min-height:44px}.accounts-table-head,.account-row{grid-template-columns:190px 125px minmax(220px,1fr) 125px 195px}}

.account-create input[name=pin]{max-width:150px;font-variant-numeric:tabular-nums;letter-spacing:.15em}