/* Update 21 approvals 9–11: local licensed font, complete form inheritance. */
@font-face{font-family:'IBM Plex Sans Arabic';src:url('vendor/IBMPlexSansArabic-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url('vendor/IBMPlexSansArabic-Bold.ttf') format('truetype');font-weight:600 900;font-style:normal;font-display:swap}
body,body *{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}
.topbar .brand{font-size:30px!important;font-weight:700}
.topbar .brand span{font-size:16px!important;font-weight:400}
.header-top h1{font-size:26px!important;font-weight:700;line-height:1.5}
#update21Dialog{box-sizing:border-box;width:min(540px,calc(100% - 24px));max-height:90dvh;overflow:auto;overflow-wrap:anywhere;border:1px solid #d5dfda;border-radius:16px;padding:24px;background:#fff;color:#173c39}
#update21Dialog::backdrop{background:rgba(20,35,30,.72)}
#update21Dialog h2{font-size:22px;margin-top:0}
#update21Dialog label{display:block;margin:14px 0 6px}
#update21Dialog input,#update21Dialog textarea{box-sizing:border-box;max-width:100%}
#update21Dialog button{margin:8px 0 0 8px}
.update21-account{margin-bottom:16px}
.update21-account summary{cursor:pointer;font-weight:600;padding:8px}
[role=tab][aria-selected=true]{background:#173c39;color:white}
@media(max-width:600px){.topbar .brand{font-size:26px!important}.header-top h1{font-size:23px!important}}

/* REV-002/REV-003: suggested-role dialog — unified font and faint placeholders */
#update21Dialog,#update21Dialog *,#update21Dialog ::placeholder{font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif!important}
#update21Dialog ::placeholder{color:#9aa1ad;opacity:1}