dialog{width:min(680px,calc(100vw - 32px));max-height:min(88vh,860px);padding:0;border:0;border-radius:20px;background:#fff;color:#11182d;overflow:hidden;box-shadow:0 32px 90px rgba(2,10,30,.42);animation:modal-enter .2s ease-out}
dialog::backdrop{background:rgba(4,10,24,.68);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:backdrop-enter .2s ease-out}
dialog .modal-form{width:min(820px,calc(100vw - 32px));max-width:100%;max-height:min(88vh,860px);overflow:auto;padding:26px 28px;background:linear-gradient(180deg,#fff 0,#fbfcff 100%)}
dialog .dialog-head{position:sticky;top:-26px;z-index:3;display:flex;align-items:center;justify-content:space-between;margin:-26px -28px 22px;padding:22px 28px 18px;border-bottom:1px solid #e9edf5;background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}
dialog .dialog-head h2{margin:2px 0 0;font-size:20px;color:#0b1735}
dialog .dialog-head>button{width:36px;height:36px;border:0;border-radius:11px;background:#f1f4f9;color:#52617c;font-size:22px;line-height:1;cursor:pointer;transition:.16s ease}
dialog .dialog-head>button:hover{background:#e7ecf5;color:#16233e;transform:rotate(4deg)}
dialog .eyebrow{font-size:8px;font-weight:800;letter-spacing:.16em;color:#5572df}
dialog label{font-size:10px;font-weight:700;color:#3e4b64}
dialog input:not([type=checkbox]):not([type=radio]):not([type=color]),dialog select,dialog textarea{margin-top:6px;border:1px solid #dfe5ef;border-radius:10px;background:#fff;transition:border-color .16s,box-shadow .16s}
dialog fieldset{border:1px solid #e4e9f2;border-radius:13px;background:#fff}
dialog .dialog-actions{position:sticky;bottom:-26px;z-index:3;margin:24px -28px -26px;padding:17px 28px;display:flex;align-items:center;gap:10px;border-top:1px solid #e8ecf3;background:rgba(255,255,255,.97);backdrop-filter:blur(12px)}
.table-card tbody tr.clickable-row{cursor:pointer;transition:background .14s ease,box-shadow .14s ease}
.table-card tbody tr.clickable-row:hover{background:#f3f7ff;box-shadow:inset 3px 0 #536df2}
.table-card tbody tr.clickable-row:focus{outline:2px solid #6680f3;outline-offset:-2px;background:#f5f8ff}
.impersonation-return{margin:0 0 16px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #f0c968;border-radius:12px;background:#fff8dd;color:#765000;font-size:10px;box-shadow:0 10px 28px rgba(117,80,0,.08)}.impersonation-return>span{display:flex;flex-direction:column;gap:2px}.impersonation-return b{font-size:11px}.impersonation-return small{color:#98712b}.impersonation-return button{height:34px;padding:0 12px;border:1px solid #e8bd50;border-radius:10px;background:#fff;color:#795100;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}
.saas-login-btn{padding:6px 10px!important;border-radius:8px!important;background:#e9f8f2!important;color:#008a5c!important;font-weight:800!important}.saas-password-panel{margin-top:20px;padding:18px;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:20px;border:1px solid #dce6f5;border-radius:14px;background:linear-gradient(120deg,#f5f8ff,#effcf9)}.saas-password-panel span{font-size:7px;font-weight:800;letter-spacing:.14em;color:#5572df}.saas-password-panel h3{margin:4px 0;font-size:14px}.saas-password-panel p{margin:0;color:#72809a;font-size:9px;line-height:1.5}
.compact-login-btn{appearance:none;border:0;border-radius:9px;background:linear-gradient(135deg,#0875e1,#00a7d6);color:#fff;padding:7px 11px;font:700 11px/1 Inter,sans-serif;white-space:nowrap;cursor:pointer;box-shadow:0 5px 12px rgba(8,117,225,.2)}.compact-login-btn:hover{filter:brightness(.96);transform:translateY(-1px)}.compact-login-btn:disabled{background:#d9e0ea;color:#7b8799;box-shadow:none;cursor:not-allowed;transform:none}.actions{min-width:205px}.actions form{display:inline-flex}
@keyframes modal-enter{from{opacity:0;transform:translateY(14px) scale(.975)}to{opacity:1;transform:none}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(max-width:650px){dialog{width:calc(100vw - 18px);max-height:92vh;border-radius:17px}dialog .modal-form{width:100%;max-height:92vh;padding:21px 18px}dialog .dialog-head{top:-21px;margin:-21px -18px 18px;padding:18px}dialog .dialog-actions{bottom:-21px;margin:20px -18px -21px;padding:14px 18px;flex-wrap:wrap}dialog .dialog-actions .primary-btn{flex:1}.impersonation-return{align-items:flex-start}.impersonation-return button{font-size:0;width:36px;padding:0;flex:0 0 36px}.impersonation-return button:after{content:'↩';font-size:16px}.saas-password-panel{grid-template-columns:1fr}}