/* PASSWORD local proposal, scoped so the board geometry stays unchanged. */
#backend-dialog.directory-overlay{backdrop-filter:none;background:#102b3be8}
#backend-dialog .password-home .password-primary{margin-top:22px;min-width:180px}
#backend-dialog .password-home>.password-muted{font-size:12px;margin-top:14px}
#backend-dialog .backend-card.password-expanded{display:flex;flex-direction:column;width:min(1540px,calc(100vw - 40px));height:calc(100dvh - 40px);max-height:960px;overflow:hidden;padding:22px 26px 16px;border-color:var(--duv-blue-line);border-radius:18px;background:var(--duv-white);color:var(--duv-ink);text-align:left}
#backend-dialog .password-panel{display:flex;flex-direction:column;gap:10px;min-height:0;flex:1}
#backend-dialog [hidden]{display:none!important}
#backend-dialog .directory-close{z-index:3;display:grid;place-items:center;line-height:1;padding:0;flex:none}
#backend-dialog .password-header{display:flex;align-items:center;gap:16px;padding-right:38px}
#backend-dialog .password-header h2{font:550 clamp(24px,2.2vw,32px)/1.1 var(--duv-font-ui);letter-spacing:-.025em}
#backend-dialog .password-eyebrow{margin:0 0 3px;font-size:10px;letter-spacing:.13em;color:var(--duv-blue-action);font-weight:600}
#backend-dialog .password-intro{margin:0;font:400 15px/1.5 var(--duv-font-ui)}
#backend-dialog .password-notice{padding:9px 12px;margin:0;border:1px solid var(--duv-blue-line);background:var(--duv-blue-pale);border-radius:8px;font:400 12px/1.5 var(--duv-font-ui)}
#backend-dialog .password-rules{border:1px solid var(--duv-line);border-radius:8px;background:var(--duv-cream-soft);font-size:12px}
#backend-dialog .password-rules summary{cursor:pointer;padding:9px 12px;font-weight:600;color:var(--duv-ink)}
#backend-dialog .password-rule-body{padding:0 12px 10px;max-height:150px;overflow:auto;line-height:1.5}
#backend-dialog .password-rule-body p{margin:8px 0 0}
#backend-dialog .password-identity-note{margin:0;color:var(--duv-muted);font-size:11px;line-height:1.4}
#backend-dialog .password-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}
#backend-dialog .password-tabs{display:flex;gap:5px}
#backend-dialog .password-button{display:inline-flex;align-items:center;justify-content:center;min-height:33px;padding:7px 12px;border:1px solid var(--duv-blue-line);border-radius:7px;background:var(--duv-cream-soft);color:var(--duv-ink);font:600 12px/1.35 var(--duv-font-ui);white-space:normal;cursor:pointer;transform:none;box-shadow:none}
#backend-dialog .password-button:is(:hover,:active,[aria-pressed="true"]),#backend-dialog .password-primary{background:var(--duv-blue-action);border-color:var(--duv-blue-action);color:var(--duv-white);transform:none;box-shadow:none}
#backend-dialog .password-button:disabled{background:var(--duv-cream);border-color:var(--duv-line);color:var(--duv-muted);opacity:.55;cursor:default}
#backend-dialog .password-button:focus-visible,#backend-dialog input:focus-visible,#backend-dialog select:focus-visible,#backend-dialog summary:focus-visible,#backend-dialog .password-list:focus-visible{outline:2px solid var(--duv-blue-action);outline-offset:2px}
#backend-dialog .password-small{font-size:11px;min-height:28px;padding:4px 8px}
#backend-dialog .password-search{flex:1;min-width:150px;max-width:270px}
#backend-dialog :is(.password-search input,.password-actor select,.password-editor select){box-sizing:border-box;width:100%;border:1px solid var(--duv-blue-line);border-radius:6px;background:var(--duv-white);color:var(--duv-ink);padding:7px 8px;min-height:33px;font:400 12px/1.4 var(--duv-font-ui)}
#backend-dialog .password-actor{display:grid;gap:3px;font:400 10px/1.3 var(--duv-font-ui);min-width:200px}
#backend-dialog .password-reset{margin-left:auto}
#backend-dialog .password-reset-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px;background:var(--duv-cream);border-radius:8px;font-size:12px}
#backend-dialog .password-meta{display:flex;justify-content:space-between;gap:8px;color:var(--duv-muted);font:400 11px/1.4 var(--duv-font-ui)}
#backend-dialog .password-workspace{display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:150px;gap:12px;overflow:hidden}
#backend-dialog .password-workspace.has-editor{grid-template-columns:minmax(0,1fr) 440px}
#backend-dialog .password-list{overflow:auto;min-height:0;border:1px solid var(--duv-line);border-radius:9px;overscroll-behavior:contain}
#backend-dialog .password-table{width:100%;border-collapse:separate;border-spacing:0;min-width:770px;font:400 12px/1.5 var(--duv-font-ui);text-align:left}
#backend-dialog .password-table th{position:sticky;top:0;z-index:1;background:var(--duv-cream-soft);font-size:11px;font-weight:600;letter-spacing:.025em;color:var(--duv-ink);border-bottom:1px solid var(--duv-line);padding:10px 12px;text-align:left;white-space:nowrap}
#backend-dialog .password-table td{padding:11px 12px;border-bottom:1px solid var(--duv-line);vertical-align:top}
#backend-dialog .password-table tr:last-child td{border-bottom:0}
#backend-dialog .password-table tr.is-selected td{background:var(--duv-blue-pale)}
#backend-dialog .password-member-name{display:block;font-size:13px;font-weight:600;margin-bottom:6px;white-space:nowrap}
#backend-dialog .password-muted{display:block;color:var(--duv-muted);font-size:11px;line-height:1.5;margin-top:4px}
#backend-dialog .password-tag{display:block;color:var(--duv-blue-action);font-size:10px;font-weight:600;margin:0 0 6px}
#backend-dialog .password-account{display:block;font-weight:600;font-size:12px}
#backend-dialog .password-row-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
#backend-dialog .password-simulation{display:block;font-size:11px;color:var(--duv-blue-action);margin-top:5px}
#backend-dialog .password-global-caption{display:block;margin-bottom:5px}
#backend-dialog .password-editor{min-height:0;overflow:auto;border:1px solid var(--duv-blue-line);background:var(--duv-cream-soft);border-radius:9px;padding:12px;overscroll-behavior:contain}
#backend-dialog .password-editor-top{display:flex;gap:8px;align-items:center;justify-content:space-between}
#backend-dialog .password-editor h3{margin:0;font:550 19px/1.25 var(--duv-font-ui)}
#backend-dialog .password-editor .password-notice{margin:8px 0}
#backend-dialog .password-editor-table{min-width:0;font-size:11px;margin-top:10px}
#backend-dialog .password-editor-table :is(th,td){padding:7px 5px}
#backend-dialog .password-editor-table th{position:static}
#backend-dialog .password-editor-table td:first-child{width:34%;font-size:10px;line-height:1.4}
#backend-dialog .password-editor select{font-size:11px;padding:5px;min-height:32px}
#backend-dialog .password-check{display:flex;align-items:center;gap:4px;font-size:10px;cursor:pointer}
#backend-dialog .password-check input{width:16px;height:16px;accent-color:var(--duv-blue-action);margin:0;flex:none}
#backend-dialog .password-status{margin:0;min-height:17px;color:var(--duv-blue-action);font-size:11px;line-height:1.5}
#backend-dialog .password-empty{padding:20px;color:var(--duv-muted);text-align:center}
@media(max-height:650px) and (min-width:701px){#backend-dialog .backend-card.password-expanded{overflow:auto}#backend-dialog .password-panel{flex:none;min-height:100%}#backend-dialog .password-workspace{flex:none;height:55dvh;min-height:230px}}
@media(max-width:1150px){#backend-dialog .password-workspace.has-editor{grid-template-columns:1fr}#backend-dialog .password-workspace.has-editor .password-list{display:none}#backend-dialog .password-editor-table{font-size:12px}#backend-dialog .password-editor-table td:first-child{font-size:12px}#backend-dialog .password-editor-table :is(th,td){padding:9px}}
@media(max-width:700px){#backend-dialog{padding:8px}#backend-dialog .backend-card.password-expanded{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:none;padding:14px 12px;overflow:auto}#backend-dialog .password-panel{flex:none;min-height:100%;gap:9px}#backend-dialog .password-header{gap:10px}#backend-dialog .password-header h2{font-size:24px}#backend-dialog .password-intro{font-size:13px}#backend-dialog .password-toolbar{gap:8px}#backend-dialog .password-tabs{width:100%}#backend-dialog .password-tabs button{flex:1}#backend-dialog .password-search{max-width:none;min-width:100%;flex:1}#backend-dialog .password-actor{flex:1;min-width:180px}#backend-dialog .password-reset{font-size:10px;padding:6px}#backend-dialog .password-meta{flex-direction:column}#backend-dialog .password-workspace{flex:none;height:60dvh;min-height:330px}#backend-dialog .password-editor{padding:8px}#backend-dialog .password-editor-table :is(th,td){padding:6px 3px}#backend-dialog .password-editor-table td:first-child{font-size:10px}#backend-dialog .password-check span{font-size:9px}#backend-dialog .password-editor select{font-size:10px}#backend-dialog .password-notice{font-size:11px}#backend-dialog .password-rule-body{max-height:220px}}
