/* Shared form chrome: light surfaces, deliberate hierarchy, quiet scrollbars. */
:root{--rf-form-ink:#18243b;--rf-form-muted:#69768a;--rf-form-line:#e8ecf3;--rf-form-accent:#365fe6}
/* Keep native scrolling; page-specific legacy styles must not restore opaque rails. */
html,html body,html body *{scrollbar-width:thin!important;scrollbar-color:#94a3b829 transparent!important}
html body *:hover{scrollbar-color:#94a3b84d transparent!important}
html::-webkit-scrollbar,html body::-webkit-scrollbar,html body *::-webkit-scrollbar{width:4px!important;height:4px!important}
html::-webkit-scrollbar-track,html body::-webkit-scrollbar-track,html body *::-webkit-scrollbar-track{background:transparent!important;border:0!important;box-shadow:none!important}
html::-webkit-scrollbar-thumb,html body::-webkit-scrollbar-thumb,html body *::-webkit-scrollbar-thumb{background:#94a3b829!important;border:0!important;border-radius:20px!important;box-shadow:none!important}
html::-webkit-scrollbar-thumb:hover,html body::-webkit-scrollbar-thumb:hover,html body *::-webkit-scrollbar-thumb:hover{background:#94a3b84d!important}
html::-webkit-scrollbar-button,html body::-webkit-scrollbar-button,html body *::-webkit-scrollbar-button{display:none!important;width:0!important;height:0!important}
html::-webkit-scrollbar-corner,html body::-webkit-scrollbar-corner,html body *::-webkit-scrollbar-corner{background:transparent!important}
html body .rf-form-surface{box-sizing:border-box;color:var(--rf-form-ink);background:#fff;border:1px solid #e7ebf3;border-radius:22px;box-shadow:0 32px 100px #111c3433,0 2px 8px #111c3410;max-height:calc(100dvh - 48px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overscroll-behavior:contain}
html body dialog.rf-form-surface{padding:28px;width:min(680px,calc(100vw - 32px));overflow:auto}
html body dialog.rf-form-surface:is(.rf-posting-dialog,.rf-affiliations-dialog,[data-form-layout="framed"]){padding:0}
html body dialog.rf-form-surface[data-form-layout="framed"]{display:flex;flex-direction:column;overflow:hidden;height:min(860px,calc(100dvh - 48px))}
html body dialog.rf-form-surface[data-form-layout="framed"]:not([open]){display:none}
html body dialog.rf-form-surface[data-form-size="wide"]{width:min(1040px,calc(100vw - 32px))}
html body .rf-form-surface[data-form-layout="inline"]{max-height:none;box-shadow:0 2px 8px #18243b05;border-radius:16px}
html body .rf-form-surface,html body .rf-form-surface *{scrollbar-width:thin;scrollbar-color:#94a3b830 transparent}
html body dialog.rf-form-surface::backdrop{background:#101c354f;backdrop-filter:blur(7px)}
html body .modal-overlay:has(>.rf-form-surface){background:#101c354f;backdrop-filter:blur(7px);padding:24px 16px;z-index:1500}
html body .rf-form-surface .modal-head{padding:24px 26px;background:linear-gradient(120deg,#fafbff,#fff);border-bottom:1px solid var(--rf-form-line);border-radius:21px 21px 0 0;align-items:flex-start;gap:16px;flex:none}
html body .rf-form-surface.rf-modal{display:flex;flex-direction:column}
html body .rf-form-surface .rf-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px;border-bottom:1px solid var(--rf-form-line);flex:none}
html body .rf-form-surface .rf-modal-body{padding:24px 26px;overflow:auto;min-height:0}
html body .rf-form-surface .rf-modal-actions{padding:16px 26px;border-top:1px solid var(--rf-form-line);flex:none}
html body .rf-form-surface .rf-form-title{display:flex;align-items:center;gap:14px;margin:0;color:var(--rf-form-ink);font-size:22px;font-weight:650;line-height:1.3;letter-spacing:-.035em;min-width:0}
html body dialog.rf-form-surface>.rf-form-title{padding-right:46px;margin-bottom:18px}
.rf-form-title-icon{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;color:#4262bb;background:linear-gradient(135deg,#edf2ff,#f5f7ff);box-shadow:inset 0 0 0 1px #dee6fc80}
.rf-form-title-icon svg{display:block;width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html body .rf-form-subtitle{font-size:12px;line-height:1.65;font-weight:400;letter-spacing:0;color:var(--rf-form-muted);margin:8px 0 0}
html body .rf-form-heading .rf-form-subtitle{padding-left:58px}
html body .rf-form-surface .rf-form-dismiss{display:inline-grid;place-items:center;flex:0 0 36px;box-sizing:border-box;width:36px;min-width:36px;height:36px;min-height:36px;padding:0;margin:0;border:0!important;border-radius:12px!important;background:#eef1f680;color:#64738a;box-shadow:none;font-size:0;cursor:pointer;transition:color .16s,background .16s,transform .16s}
html body .rf-form-surface .rf-form-dismiss svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
html body .rf-form-surface .rf-form-dismiss:hover{background:#e9eef9;color:#284fbd;transform:rotate(90deg)}
html body .rf-form-surface .rf-form-dismiss:focus-visible{outline:3px solid #9eb4f5;outline-offset:3px}
html body dialog.rf-form-surface>.rf-form-dismiss{position:absolute;top:25px;right:24px}
html body .rf-form-surface .modal-body{padding:24px 26px;gap:20px;min-height:0}
html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form-title{flex:0 0 auto;margin:0;padding:28px 70px 18px 28px;border-bottom:1px solid var(--rf-form-line);background:linear-gradient(120deg,#fbfdff,#fff);border-radius:21px 21px 0 0}
html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form-dismiss{position:absolute;top:27px;right:28px;z-index:2}
html body dialog.rf-form-surface[data-form-layout="framed"]>.notice{flex:0 0 auto;margin:0 28px 16px}
html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form{box-sizing:border-box;flex:1 1 auto;min-height:0;overflow:auto;padding:22px 28px 28px;overscroll-behavior:contain}
html body .rf-form-surface[data-form-layout="framed"]>.modal-body{overflow:auto;flex:1 1 auto}
html body .rf-form-surface p:is([role="status"],[role="alert"]):empty{display:none;margin:0;padding:0}
html body .rf-form-surface .rf-form-shell{display:flex;flex-direction:column;overflow:hidden;padding:0;gap:0;min-height:0}
html body .rf-form-content{overflow:auto;min-height:0;padding:24px 26px;display:grid;gap:24px;overscroll-behavior:contain}
html body .rf-form-section{min-width:0;margin:0;padding:0;border:0;display:block}
html body .rf-form-section+.rf-form-section{margin-top:22px}
html body .rf-form-content>.rf-form-section+.rf-form-section{margin-top:0}
html body .rf-form-section-title{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box;margin:0 0 13px;padding:0;color:#33415a;font-family:inherit;font-size:12px;font-weight:650;line-height:1.5;letter-spacing:.015em}
html body .rf-form-section-title .rf-form-title-icon{width:24px;height:24px;flex-basis:24px;border-radius:7px;box-shadow:none;background:#f0f3fa;color:#73829f}
html body .rf-form-section-title .rf-form-title-icon svg{width:15px;height:15px}
html body .rf-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
html body .rf-form-grid>.rf-form-wide{grid-column:1/-1}
html body .rf-form-surface :is(.modal-field,.rf-field){min-width:0;gap:7px;margin:0;font-size:12px;color:#637089}
html body .rf-form-surface :is(.modal-field>span,.rf-field>span,label){font-family:inherit;letter-spacing:0}
html body .rf-form-surface label:not(:has(input[type="checkbox"],input[type="radio"])){display:grid;gap:7px;min-width:0;font-size:12px;color:#637089}
html body .rf-form-surface label>:is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){width:100%}
html body .rf-form-surface :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="hidden"]):not([type="range"]):not([type="color"]){box-sizing:border-box;max-width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid #dfe5ef;border-radius:11px;background-color:#fbfcfe;color:#263651;font-family:inherit;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #18243b02;transition:border-color .16s,box-shadow .16s,background .16s}
html body .rf-form-surface textarea{resize:vertical;min-height:96px}
html body .rf-form-surface :is(input,select,textarea):focus-visible{outline:0;border-color:#819de9;box-shadow:0 0 0 3px #547ae514;background-color:#fff}
html body .rf-form-surface input:is([type="checkbox"],[type="radio"]){width:17px;height:17px;min-height:17px;flex:none;accent-color:var(--rf-form-accent)}
html body .rf-form-surface label.rf-form-check{display:flex;align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.65;text-transform:none;letter-spacing:0}
html body .rf-form-surface .rf-form-check>input{margin:2px 0 0}
html body .rf-form-surface .rf-form-check>span{flex:1;min-width:0;line-height:inherit}
html body .rf-form-surface .rf-mfa-form label{font-weight:500;text-transform:none;font-size:12px}
html body .rf-form-surface .rf-mfa-actions{width:100%;box-sizing:border-box}
html body .rf-form-help{margin:10px 0 0;color:var(--rf-form-muted);font-size:12px;line-height:1.65;font-weight:400}
html body .rf-form-surface :is(.modal-foot,.rf-form-actions){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;border-top:1px solid var(--rf-form-line);padding-top:18px;margin-top:22px;grid-column:1/-1}
html body .rf-form-shell>.modal-foot{flex:none;background:#fcfdff;margin:0;padding:16px 26px;border-radius:0 0 21px 21px}
html body .rf-form-surface :is(.btn,.rf-button,.rf-discovery-button,.rf-inv-button){font-family:inherit;font-size:12px;line-height:1.5;font-weight:600;min-height:42px;border-radius:11px;padding:10px 16px;transition:background .16s,box-shadow .16s}
html body .rf-form-surface :is(.btn.primary,.btn.btn-dark,.rf-button.primary,.rf-discovery-button.primary,.rf-inv-button.primary){background:var(--rf-form-accent);border-color:var(--rf-form-accent);color:#fff;box-shadow:0 3px 8px #365fe61c}
html body .rf-form-surface :is(.btn.primary,.btn.btn-dark,.rf-button.primary,.rf-discovery-button.primary,.rf-inv-button.primary):hover{background:#294fcf;border-color:#294fcf}
html body .rf-form-surface .btn.secondary{background:#f7f9fc;border:1px solid #e1e7f0;color:#53627b;box-shadow:none}
html body .rf-form-surface .btn.secondary:hover{background:#edf1f8;color:#243958}
html body .rf-form-surface [hidden]{display:none!important}
html body #teamAddMemberModal>.modal{max-width:640px}
html body #teamAddMemberModal .rf-form-section:last-of-type{background:#f7f9fd;border:1px solid #edf0f6;border-radius:14px;padding:16px}
html body .rf-form-surface .bulk-invite-header{background:#f4f6fb;border:0;color:#62718b;border-radius:10px;padding:12px}
html body .rf-form-surface .bulk-invite-foot{padding-top:16px;border-top:1px solid var(--rf-form-line)}
@media(max-width:600px){html body dialog.rf-form-surface{padding:22px 18px;width:calc(100vw - 24px)}html body .rf-form-surface{max-height:calc(100dvh - 24px);border-radius:18px}html body .modal-overlay:has(>.rf-form-surface){padding:12px}html body .rf-form-surface .modal-head{padding:20px 18px;border-radius:17px 17px 0 0}html body .rf-form-surface .rf-form-title{font-size:20px;gap:11px}.rf-form-title-icon{width:38px;height:38px;flex-basis:38px;border-radius:12px}.rf-form-title-icon svg{width:21px;height:21px}html body .rf-form-heading .rf-form-subtitle{padding-left:49px}html body .rf-form-content,html body .rf-form-surface .modal-body:not(.rf-form-shell){padding:20px 18px}html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form-title{padding:22px 60px 16px 20px}html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form-dismiss{top:21px;right:20px}html body dialog.rf-form-surface[data-form-layout="framed"]>.notice{margin:0 20px 14px}html body dialog.rf-form-surface[data-form-layout="framed"]>.rf-form{padding:20px}html body .rf-form-shell>.modal-foot{padding:14px 18px}html body .rf-form-grid{grid-template-columns:1fr;gap:14px}html body dialog.rf-form-surface>.rf-form-dismiss{top:20px;right:18px}}
@media(prefers-reduced-motion:reduce){html body .rf-form-surface *{transition:none!important;animation:none!important}html body .rf-form-surface .rf-form-dismiss:hover{transform:none}}
@supports selector(::-webkit-scrollbar){html,html body *{scrollbar-width:auto!important;scrollbar-color:auto!important}}
@media(forced-colors:active){html body .rf-form-surface{border:1px solid CanvasText}html body .rf-form-surface .rf-form-dismiss{border:1px solid ButtonText!important}html,html body,html body *{scrollbar-color:auto!important}html::-webkit-scrollbar-thumb,html body::-webkit-scrollbar-thumb,html body *::-webkit-scrollbar-thumb{background:CanvasText!important}}
