:root{
  --bg:#eef3f8; --panel:#ffffff; --ink:#102033; --muted:#64748b; --line:#d9e3ee;
  --nav:#0d243d; --nav2:#132f4f; --brand:#0b67d1; --brand2:#00a884;
  --danger:#ef4444; --warn:#f59e0b; --ok:#16a34a; --soft:#f8fbff; --radius:22px;
  --shadow:0 18px 50px rgba(15,35,65,.10); --shadow2:0 8px 24px rgba(15,35,65,.10);
}
*{box-sizing:border-box} html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:linear-gradient(135deg,#f1f6fb,#eaf3ff 42%,#fff7e7)}
button,input,select,textarea{font:inherit} button{cursor:pointer} a{color:inherit}
.app{min-height:100vh;display:grid;grid-template-columns:310px 1fr}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,var(--nav),#08192c);padding:18px;color:#eaf2ff}.brand{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;box-shadow:inset 0 1px rgba(255,255,255,.08);margin-bottom:18px}.logo{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#0b67d1,#00a884);display:grid;place-items:center;font-weight:900;color:#fff;box-shadow:0 8px 22px rgba(0,0,0,.18)}.brand h1{font-size:18px;line-height:1.1;margin:0}.brand p{margin:4px 0 0;color:#b6c7d8;font-size:12px;font-weight:700}.navgroup{margin:16px 0;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.045)}.navtitle{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.13em;font-weight:900;color:#bcd4f0;margin:0 0 10px;text-transform:uppercase}.navtitle span:last-child{margin-left:auto;background:rgba(255,255,255,.14);padding:3px 9px;border-radius:999px;letter-spacing:0}.navitem{width:100%;display:flex;align-items:center;gap:12px;border:0;background:rgba(255,255,255,.08);color:#fff;margin:8px 0;padding:13px 12px;border-radius:16px;text-align:left;font-weight:850}.navitem:hover,.navitem.active{background:linear-gradient(135deg,#1967d2,#0b82f1);box-shadow:0 12px 26px rgba(15,110,220,.25)}.navitem .ico{width:32px;height:32px;border-radius:12px;background:rgba(255,255,255,.14);display:grid;place-items:center}.badge{margin-left:auto;min-width:28px;padding:5px 8px;border-radius:999px;text-align:center;background:#ef4444;color:#fff;font-size:12px;font-weight:900}.badge.zero{background:#536275;color:#e6edf7}.main{min-width:0;padding:26px 32px 70px}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between;background:rgba(255,255,255,.85);border:1px solid var(--line);border-radius:26px;padding:18px 22px;margin-bottom:22px;box-shadow:var(--shadow2);backdrop-filter:blur(12px)}.topbar h2{margin:0;font-size:28px}.topbar p{margin:6px 0 0;color:var(--muted);font-weight:600}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;border-radius:16px;padding:12px 16px;font-weight:900;color:var(--ink);box-shadow:0 4px 14px rgba(15,35,65,.06)}.btn.primary{background:linear-gradient(135deg,var(--brand),#0e82ff);border:0;color:#fff}.btn.green{background:linear-gradient(135deg,#12a66a,#00a884);border:0;color:#fff}.btn.orange{background:linear-gradient(135deg,#f59e0b,#ff7a00);border:0;color:#fff}.btn.red{background:linear-gradient(135deg,#ef4444,#dc2626);border:0;color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.hero{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#ffffff,#eef6ff);border:1px solid var(--line);padding:32px;box-shadow:var(--shadow);margin-bottom:22px}.hero:after{content:"PTW";position:absolute;right:24px;bottom:-28px;font-size:150px;font-weight:1000;color:rgba(11,103,209,.08);letter-spacing:-.08em}.pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;background:#eaf3ff;color:#0b67d1;font-weight:900;font-size:12px}.hero h3{font-size:34px;margin:18px 0 12px}.hero p{max-width:820px;color:#526173;font-weight:600;line-height:1.7}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--shadow2)}.kpi{display:flex;gap:14px;align-items:center}.kpi .n{font-size:34px;font-weight:1000;line-height:1}.kpi .lbl{font-weight:900}.kpi small{color:var(--muted);font-weight:650}.kpiicon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#eaf3ff;font-size:23px}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.sectionTitle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.sectionTitle h3{margin:0;font-size:20px}.muted{color:var(--muted)}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff}.table{width:100%;border-collapse:collapse;min-width:960px}.table th,.table td{padding:13px 14px;border-bottom:1px solid #e6eef6;text-align:left;vertical-align:top}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#526173;background:#f6f9fd}.table tr:hover td{background:#f8fbff}.status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.st-draft{background:#eef2ff;color:#3730a3}.st-submitted{background:#fff7ed;color:#c2410c}.st-area{background:#e0f2fe;color:#0369a1}.st-ehs{background:#dcfce7;color:#166534}.st-active{background:#dbeafe;color:#1d4ed8}.st-closed{background:#e5e7eb;color:#374151}.st-rejected{background:#fee2e2;color:#b91c1c}.form{display:grid;gap:16px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:900;color:#324052}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;background:#fff;padding:13px;color:var(--ink);outline:none}.field textarea{min-height:106px;resize:vertical}.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.check{display:flex;gap:9px;align-items:center;background:#f8fbff;border:1px solid var(--line);border-radius:14px;padding:11px;font-weight:800}.check input{width:auto}.divider{height:1px;background:var(--line);margin:6px 0}.steps{display:grid;gap:10px}.step{display:flex;gap:12px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:16px;background:#fff}.stepdot{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#e6eef6;font-weight:900}.step.done .stepdot{background:#16a34a;color:#fff}.step.current .stepdot{background:#0b67d1;color:#fff}.step b{display:block}.step small{color:var(--muted)}.loginWrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login{width:min(960px,100%);display:grid;grid-template-columns:1.1fr .9fr;border-radius:32px;overflow:hidden;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line)}.loginLeft{padding:42px;background:linear-gradient(135deg,#0d243d,#0b67d1);color:#fff}.loginLeft h1{font-size:42px;line-height:1;margin:18px 0}.loginLeft p{color:#d9e9ff;line-height:1.7}.loginRight{padding:42px}.loginRight h2{margin:0 0 18px}.toast{position:fixed;right:18px;bottom:18px;background:#102033;color:#fff;border-radius:18px;padding:15px 18px;box-shadow:var(--shadow);z-index:50;display:none}.modalBackdrop{position:fixed;inset:0;background:rgba(2,8,23,.62);z-index:40;display:none;align-items:center;justify-content:center;padding:22px}.modal{width:min(1050px,100%);max-height:88vh;overflow:auto;background:#fff;border-radius:26px;padding:22px;box-shadow:0 35px 100px rgba(0,0,0,.35)}.modalHeader{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.permitCard{border:2px dashed #cbd5e1;border-radius:22px;padding:18px;background:#f8fbff}.printOnly{display:none}.mobileBtn{display:none}.qrBox{width:104px;height:104px;border-radius:16px;border:1px solid var(--line);background:repeating-linear-gradient(45deg,#111 0 5px,#fff 5px 10px);opacity:.85}.progress{height:11px;border-radius:999px;background:#e6eef6;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#0b67d1,#00a884)}
@media(max-width:1050px){.app{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(330px,86vw);z-index:30;transform:translateX(-110%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{padding:18px}.mobileBtn{display:inline-flex}.kpis,.cols3,.cols2{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.hero h3{font-size:28px}.login{grid-template-columns:1fr}.checks,.formgrid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.kpis,.cols3,.cols2,.checks,.formgrid{grid-template-columns:1fr}.main{padding:12px}.hero{padding:20px}.hero h3{font-size:24px}.topbar h2{font-size:24px}.card{padding:16px}.actions{width:100%}.btn{flex:1}.loginLeft,.loginRight{padding:24px}.sidebar{width:92vw}}
@media print{body{background:#fff}.sidebar,.topbar,.noPrint,.actions,.btn{display:none!important}.app{display:block}.main{padding:0}.card,.hero{box-shadow:none;border:1px solid #aaa}.printOnly{display:block}.table{min-width:0}.modalBackdrop{position:static;background:#fff;display:block}.modal{box-shadow:none;max-height:none;width:100%;padding:0}.modalHeader button{display:none}}


/* V2 - No left sidebar, full-width PTW layout */
.noSidebarApp{display:block;min-height:100vh;}
.noSidebarApp .main{max-width:1580px;margin:0 auto;padding:28px 34px 70px;}
.ptwHeader{position:relative;align-items:center;}
.ptwBrand{display:flex;align-items:center;gap:16px;min-width:0;}
.smallLogo{width:58px;height:58px;border-radius:18px;flex:0 0 auto;cursor:pointer;}
.topnav{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(255,255,255,.78);border:1px solid var(--line);border-radius:22px;padding:10px;margin:-8px 0 22px;box-shadow:var(--shadow2);backdrop-filter:blur(10px)}
.tab{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:14px;padding:10px 13px;font-weight:900;display:inline-flex;gap:8px;align-items:center;box-shadow:0 4px 12px rgba(15,35,65,.05)}
.tab:hover,.tab.active{background:linear-gradient(135deg,var(--brand),#0e82ff);color:#fff;border-color:transparent;}
.miniBadge{min-width:24px;padding:3px 7px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;text-align:center;}
.tab.active .miniBadge{background:rgba(255,255,255,.25);}
.miniBadge.zero{background:#9aa7b7;color:#fff;}
.hero:after{right:32px;}
@media(max-width:900px){.noSidebarApp .main{padding:14px}.ptwHeader{flex-direction:column;align-items:flex-start}.ptwBrand{align-items:flex-start}.ptwHeader .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.topnav{overflow-x:auto;flex-wrap:nowrap;padding:8px}.tab{white-space:nowrap}.smallLogo{width:50px;height:50px}.topbar h2{font-size:25px}}
@media(max-width:560px){.ptwHeader .actions{grid-template-columns:1fr}.ptwBrand{gap:10px}.smallLogo{width:46px;height:46px}.topnav{border-radius:16px}.tab{padding:9px 11px}.hero{padding:18px}.hero:after{display:none}}


/* V3/V4 - PTW icon in toolbar, GYPTO logo and user approval cycle */
.v3Topbar{gap:18px;align-items:center;}
.toolbarLogoBox{display:flex;align-items:center;}
.ptwTopIcon{width:66px;height:66px;border-radius:18px;background:linear-gradient(135deg,#0f8bd5,#009b8f);font-size:20px;letter-spacing:.02em;box-shadow:0 12px 30px rgba(10,120,170,.22);}
.toolbarRight{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;}
.currentUser{display:grid;gap:2px;background:#f8fbff;border:1px solid var(--line);border-radius:16px;padding:10px 13px;min-width:150px;}
.currentUser span{font-size:12px;color:var(--muted);font-weight:900;}
.gyptoLogo{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#fff;border-radius:16px;padding:8px 12px;box-shadow:0 6px 16px rgba(15,35,65,.06);white-space:nowrap;}
.gyptoLogo .gyptoMark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e11d48,#ef4444);color:#fff;display:grid;place-items:center;font-weight:1000;font-size:20px;}
.gyptoLogo b{display:block;font-size:14px;line-height:1;color:#102033;}
.gyptoLogo span{display:block;font-size:11px;color:#64748b;font-weight:1000;letter-spacing:.06em;}
.loginBrandRow{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.loginLeft .gyptoLogo{background:rgba(255,255,255,.94);}
.demoUsers{display:grid;gap:8px;margin-top:8px;}
.demoUsers>b{font-size:13px;color:#324052;}
.userChip{border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:900;text-align:left;}
.userChip small{color:#0b67d1;font-weight:1000;}
.v3Hero{display:flex;align-items:center;justify-content:space-between;gap:24px;}
.v3Hero:after{display:none;}
.heroContent{min-width:0;}
.heroLogo{display:grid;gap:12px;justify-items:center;min-width:230px;}
.heroPTW{width:150px;height:150px;border-radius:34px;background:linear-gradient(135deg,#0f8bd5,#009b8f);color:#fff;display:grid;place-items:center;font-size:44px;font-weight:1000;box-shadow:0 24px 60px rgba(10,120,170,.20);}
.approvalMini{margin-top:12px;border:1px solid var(--line);background:#f8fbff;border-radius:14px;padding:12px;color:#324052;font-weight:750;}
.ownerPill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eaf3ff;color:#0b67d1;font-size:12px;font-weight:1000;}
.approvalPanel{margin-top:14px;border:1px solid var(--line);background:#f8fbff;border-radius:18px;padding:14px;}
.approvalPanel h3{margin:0 0 10px;}
.warnBox{margin-top:10px;border:1px solid #fed7aa;background:#fff7ed;color:#9a3412;border-radius:14px;padding:12px;font-weight:800;}
.userRow{display:grid;grid-template-columns:1.2fr .8fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;}
.userRow small{grid-column:1/-1;color:var(--muted);}
@media(max-width:1100px){.v3Topbar{align-items:flex-start;flex-direction:column}.toolbarRight{justify-content:flex-start;width:100%}.v3Hero{align-items:flex-start}.heroLogo{min-width:190px}.heroPTW{width:120px;height:120px;font-size:34px}}
@media(max-width:760px){.v3Hero{display:block}.heroLogo{margin-top:18px;justify-items:start}.heroPTW{width:95px;height:95px;border-radius:24px;font-size:28px}.toolbarRight{display:grid;grid-template-columns:1fr}.toolbarRight .actions{display:grid;grid-template-columns:1fr 1fr}.gyptoLogo{width:max-content}.userRow{grid-template-columns:1fr}.ptwTopIcon{width:54px;height:54px;font-size:17px}.ptwBrand{align-items:flex-start}}
@media(max-width:560px){.toolbarRight .actions{grid-template-columns:1fr}.currentUser{width:100%}.heroLogo{display:none}}


/* V4 - Real GYPTO Pharma logo */
.realGYPTO{background:#fff;padding:7px 10px;border-radius:16px;overflow:hidden;}
.realGYPTO img{display:block;height:50px;max-width:260px;width:auto;object-fit:contain;}
.toolbarRight .realGYPTO img{height:42px;max-width:230px;}
.loginLeft .realGYPTO{padding:8px 12px;}
.loginLeft .realGYPTO img{height:58px;max-width:280px;}
.heroLogo .realGYPTO{padding:10px 14px;border-radius:20px;}
.heroLogo .realGYPTO img{height:82px;max-width:360px;}
@media(max-width:760px){.toolbarRight .realGYPTO img{height:38px;max-width:210px}.loginBrandRow{align-items:flex-start;flex-wrap:wrap}.loginLeft .realGYPTO img{height:48px;max-width:240px}}


/* V5 - Official GYPTO Logo Clean Fix */
.officialLogoV5{background:#fff;border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,35,65,.08);}
.officialLogoV5 img{display:block;object-fit:contain;}
.toolbarRight .officialLogoV5 img{height:46px;max-width:260px;}
.heroLogo.logoOnly{min-width:420px;justify-items:end;align-content:center;}
.heroLogo.logoOnly .officialLogoV5{padding:14px 18px;border-radius:24px;}
.heroLogo.logoOnly .officialLogoV5 img{height:128px;max-width:520px;}
.loginLeft .officialLogoV5 img{height:64px;max-width:300px;}
.heroPTW{display:none!important;}
/* remove old fake GYPTO card appearance if cached */
.gyptoLogo:not(.officialLogoV5){display:none!important;}
@media(max-width:1100px){.heroLogo.logoOnly{min-width:260px}.heroLogo.logoOnly .officialLogoV5 img{height:90px;max-width:360px}}
@media(max-width:760px){.heroLogo.logoOnly{min-width:0;justify-items:start;margin-top:18px}.heroLogo.logoOnly .officialLogoV5 img{height:58px;max-width:280px}.toolbarRight .officialLogoV5 img{height:38px;max-width:220px}}


/* V8 - Dashboard hero removed */
.dashboardKpisOnly{margin-top:0;}


/* V8 - Compact header without big page title */
.compactPtwHeader{padding:14px 18px;margin-bottom:16px;}
.compactPtwHeader .ptwBrand{gap:14px;}
.compactTitle{display:grid;gap:3px;min-width:220px;}
.compactTitle b{font-size:22px;line-height:1.05;font-weight:1000;color:var(--ink);}
.compactTitle span{font-size:13px;color:var(--muted);font-weight:850;}
.compactPtwHeader .ptwTopIcon{width:58px;height:58px;border-radius:16px;font-size:18px;}
@media(max-width:760px){.compactTitle b{font-size:19px}.compactTitle span{font-size:12px}.compactPtwHeader .ptwTopIcon{width:50px;height:50px}.compactPtwHeader{padding:12px}}

/* V8/V9 Users & Roles */
.userRoleCard{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin:10px 0;background:linear-gradient(180deg,#fff,#f8fbff)}
.userRoleCard p{margin:4px 0;color:var(--muted);font-weight:700}
.userRoleCard small{display:block;color:var(--muted);line-height:1.45}
.userRoleActions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.roleBadge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:8px 12px;font-weight:900;font-size:12px;border:1px solid var(--border);background:#eef4ff;color:#183153;white-space:nowrap}
.roleBadge.admin{background:#fff0f0;color:#b32323;border-color:#ffd2d2}.roleBadge.ehs{background:#eefdf4;color:#067647;border-color:#bbf7d0}.roleBadge.issuer{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.roleBadge.owner{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.roleBadge.requester{background:#f8fafc;color:#334155;border-color:#e2e8f0}
.compactTable th,.compactTable td{font-size:13px;padding:10px 12px}.noteBox{margin-top:14px;padding:14px;border-radius:16px;background:#f8fbff;border:1px solid var(--border);color:#475569;line-height:1.5}.quickUsers{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px}.quickUser{border:1px solid var(--border);border-radius:14px;background:#fff;padding:10px 12px;text-align:left;cursor:pointer}.quickUser b{display:block}.quickUser span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
@media(max-width:760px){.userRoleCard{align-items:flex-start;flex-direction:column}.userRoleActions{justify-content:flex-start}.compactTable{min-width:640px}}


/* V9 - Registration Requests + Admin Approval */
.authTabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.authTab{border:1px solid var(--border);background:#fff;border-radius:14px;padding:10px 14px;font-weight:950;cursor:pointer;color:#183153}
.authTab.active{background:#0b7df1;color:#fff;border-color:#0b7df1;box-shadow:0 10px 20px rgba(11,125,241,.18)}
.statusBadge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:1000;border:1px solid var(--border);white-space:nowrap}
.statusBadge.green{background:#ecfdf3;color:#067647;border-color:#bbf7d0}.statusBadge.orange{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.statusBadge.red{background:#fff1f2;color:#be123c;border-color:#fecdd3}
.accountCard{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#fff,#f8fbff);padding:14px 16px;margin:10px 0}
.accountCard p{margin:4px 0;color:var(--muted);font-weight:800}.accountCard small{display:block;color:var(--muted);font-weight:750;line-height:1.35}.accountActions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}.roleSelect{border:1px solid var(--border);border-radius:13px;padding:10px 12px;font-weight:900;background:#fff;color:#183153;min-width:150px}.emptyBox{border:1px dashed var(--border);border-radius:18px;padding:18px;background:#f8fbff;color:var(--muted);font-weight:850;text-align:center}
@media(max-width:760px){.accountCard{align-items:flex-start;flex-direction:column}.accountActions{justify-content:flex-start}.roleSelect{width:100%}}


/* V10 - Language toggle + fixed QR on all pages */
.langBtn{font-weight:1000;min-width:86px;}
.loginLangBar{position:fixed;top:16px;right:18px;z-index:80;}
.fixedQr{position:fixed;right:18px;bottom:18px;z-index:70;width:118px;background:#fff;border:1px solid #d9e5f2;border-radius:18px;box-shadow:0 14px 36px rgba(15,35,65,.16);padding:10px;text-align:center;color:#0f3663;}
.fixedQr b{display:block;font-size:13px;margin-bottom:7px;font-weight:1000;}
.fixedQr img{display:block;width:82px;height:82px;margin:0 auto;border:1px solid #e6edf5;border-radius:10px;padding:5px;background:#fff;}
.fixedQr small{display:block;font-size:10px;margin-top:5px;color:#64748b;font-weight:900;}
body.rtl{direction:rtl;text-align:right;}
body.rtl .toolbarRight, body.rtl .actions, body.rtl .topnav, body.rtl .authTabs, body.rtl .loginBrandRow{direction:rtl;}
body.rtl input, body.rtl textarea, body.rtl select{direction:rtl;text-align:right;}
body.rtl .fixedQr{right:auto;left:18px;}
body.rtl .loginLangBar{right:auto;left:18px;}
@media(max-width:760px){.fixedQr{width:92px;right:10px;bottom:10px;padding:7px;border-radius:14px}.fixedQr img{width:64px;height:64px}.fixedQr b{font-size:11px}.fixedQr small{display:none}body.rtl .fixedQr{left:10px}.loginLangBar{top:8px;right:8px}body.rtl .loginLangBar{left:8px}.langBtn{min-width:72px;padding:9px 10px}}
@media print{.fixedQr,.loginLangBar{display:none!important}}