/* SkillsDA DPDP Training - Live BHASHINI 23-Language UI Styles */
.fontsize-switcher{display:none!important}
.i18n-switch{position:relative;display:inline-flex;align-items:center;margin-right:6px}
.header-top-row .i18n-switch{margin-left:auto}
.header-top-row .i18n-switch + .fontsize-switcher + .theme-switcher,
.header-top-row .i18n-switch ~ .theme-switcher{margin-left:0}
.i18n-btn{
  display:inline-flex;align-items:center;gap:1px;height:34px;padding:0 12px;cursor:pointer;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:var(--radius-lg,12px);
  color:#fff;font:800 15px/1 "Segoe UI",system-ui,-apple-system,"Nirmala UI","Noto Sans Devanagari",sans-serif;
  transition:background .2s,border-color .2s;
}
.i18n-btn:hover,.i18n-switch.not-en .i18n-btn{background:rgba(255,255,255,.26);border-color:rgba(255,255,255,.45)}
.i18n-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}
.i18n-btn .i18n-slash{opacity:.55;margin:0 2px;font-weight:600}
.i18n-btn .i18n-b{font-size:16px}
.i18n-menu{
  position:fixed;top:60px;right:16px;z-index:2147482000;min-width:225px;display:none;
  background:#fff;border-radius:14px;box-shadow:0 18px 44px rgba(4,30,70,.28);overflow:hidden;
  border:1px solid #d6e5f4;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#9fb6d3 transparent;
}
.i18n-menu::-webkit-scrollbar{display:block!important;width:8px!important}
.i18n-menu::-webkit-scrollbar-thumb{background:#9fb6d3;border-radius:8px}
.i18n-menu.open{display:block}
.i18n-menu-title{
  position:sticky;top:0;z-index:1;
  padding:11px 14px;font:800 11px/1.3 "Segoe UI",system-ui,sans-serif;letter-spacing:.07em;text-transform:uppercase;color:#fff;
  background:linear-gradient(135deg,#062a63 0%,#0b4fa8 55%,#147be0 100%);
}
.i18n-opt{
  display:flex;align-items:center;gap:8px;width:100%;padding:11px 14px;border:0;border-bottom:1px solid #eef3f9;background:#fff;
  cursor:pointer;text-align:left;font:600 14px/1.3 "Segoe UI",system-ui,"Nirmala UI","Noto Sans Devanagari",sans-serif;color:#0b2d5e;
}
.i18n-opt:last-child{border-bottom:0}
.i18n-opt:hover{background:#f2f7fe}
.i18n-opt.on{background:#eef5ff}
.i18n-opt .i18n-native{font-weight:800;font-size:15px}
.i18n-opt .i18n-en{color:#64748b;font-size:12.5px}
.i18n-opt .i18n-check{margin-left:auto;color:#0b4fa8;font-weight:900}

.i18n-signin{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0 0 14px}
.i18n-signin label{font:800 12px/1.2 "Segoe UI",system-ui,"Nirmala UI",sans-serif;color:#355777;letter-spacing:.02em;text-transform:none!important;margin:0!important}
.i18n-signin select{
  width:auto!important;min-width:170px;padding:8px 34px 8px 12px!important;border-radius:10px!important;
  border:1px solid #c9ddf7!important;background-color:#f5f9fe!important;color:#0b2d5e!important;
  font:700 14px "Segoe UI",system-ui,"Nirmala UI","Noto Sans Devanagari",sans-serif!important;cursor:pointer;
}

#i18n-overlay{
  position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:16px;
  background:rgba(238,246,255,.92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}
#i18n-overlay.on{display:flex}
#i18n-overlay .i18n-ov-box{
  width:min(420px,100%);text-align:center;background:#fff;border-radius:18px;padding:28px 24px 24px;
  box-shadow:0 20px 50px rgba(4,30,70,.18);border-top:4px solid #0b4fa8;
  font-family:"Segoe UI",system-ui,"Nirmala UI","Noto Sans Devanagari",sans-serif;
}
#i18n-overlay .i18n-spin{
  width:44px;height:44px;margin:0 auto 16px;border-radius:50%;
  border:4px solid #dbe8f8;border-top-color:#0b4fa8;animation:i18nSpin .9s linear infinite;
}
#i18n-overlay .i18n-ov-title{font-weight:800;font-size:18px;color:#0b2d5e;margin-bottom:6px}
#i18n-overlay .i18n-ov-sub{font-size:14px;color:#355777;line-height:1.5}
@keyframes i18nSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#i18n-overlay .i18n-spin{animation-duration:2.4s}}

#i18n-toast{
  position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);z-index:2147483001;opacity:0;pointer-events:none;
  background:#0b2d5e;color:#fff;border-radius:12px;padding:11px 16px;max-width:min(560px,calc(100% - 32px));
  font:600 13.5px/1.45 "Segoe UI",system-ui,"Nirmala UI","Noto Sans Devanagari",sans-serif;box-shadow:0 12px 30px rgba(4,30,70,.3);
  transition:opacity .25s,transform .25s;
}
#i18n-toast.on{opacity:1;transform:translateX(-50%) translateY(0)}

html body .i18n-menu .i18n-opt,html body .i18n-menu .i18n-opt .i18n-native{color:#0b2d5e!important;background-color:#fff!important;text-shadow:none!important}
html body .i18n-menu .i18n-opt:hover{background-color:#f2f7fe!important}
html body .i18n-menu .i18n-opt.on{background-color:#eef5ff!important}
html body .i18n-menu .i18n-opt.on .i18n-native{background-color:transparent!important}
html body .i18n-menu .i18n-opt .i18n-native{background-color:transparent!important}
html body .i18n-menu .i18n-opt .i18n-en{color:#64748b!important;text-shadow:none!important}
html body .i18n-menu .i18n-opt .i18n-check{color:#0b4fa8!important}
html body .i18n-menu .i18n-menu-title{color:#fff!important}

html[data-theme="dark"] .i18n-btn{background-image:initial;background-color:rgba(255, 255, 255, 0.14);border-color:rgba(255, 255, 255, 0.24);color:rgb(255, 255, 255)}
html[data-theme="dark"] .i18n-btn:hover,
html[data-theme="dark"] .i18n-switch.not-en .i18n-btn{background-image:initial;background-color:rgba(255, 255, 255, 0.26);border-color:rgba(46,57,77,0.45)}
html[data-theme="dark"] .i18n-menu{background-image:initial;background-color:rgb(25,36,54);border-color:rgb(51,71,92)}
html[data-theme="dark"] .i18n-menu-title{color:rgb(255, 255, 255);background-image:linear-gradient(135deg, rgb(6, 42, 99) 0%, rgb(11, 79, 168) 55%, rgb(20, 123, 224) 100%)}
html[data-theme="dark"] body .i18n-menu .i18n-opt,
html[data-theme="dark"] body .i18n-menu .i18n-opt .i18n-native{color:rgb(164,197,244)!important;background-color:rgb(25,36,54)!important}
html[data-theme="dark"] body .i18n-menu .i18n-opt:hover{background-color:rgb(20,32,49)!important}
html[data-theme="dark"] body .i18n-menu .i18n-opt.on{background-color:rgb(19,30,46)!important}
html[data-theme="dark"] body .i18n-menu .i18n-opt .i18n-native{background-color:transparent!important}
html[data-theme="dark"] body .i18n-menu .i18n-opt .i18n-en{color:rgb(157,173,196)!important}
html[data-theme="dark"] body .i18n-menu .i18n-opt .i18n-check{color:rgb(144,188,246)!important}
html[data-theme="dark"] .i18n-signin label{color:rgb(166,197,225)}
html[data-theme="dark"] .i18n-signin select{border-color:rgb(46,69,99)!important;background-color:rgb(23,36,48)!important;color:rgb(164,197,244)!important}
html[data-theme="dark"] #i18n-overlay{background-color:rgba(19,32,46,0.92)}
html[data-theme="dark"] #i18n-overlay .i18n-ov-box{background-color:rgb(25,36,54);border-top-color:rgb(11, 79, 168)}
html[data-theme="dark"] #i18n-overlay .i18n-ov-title{color:rgb(164,197,244)}
html[data-theme="dark"] #i18n-overlay .i18n-ov-sub{color:rgb(166,197,225)}


/* Dynamic User-Input Live BHASHINI Helper Bar */
#bh-input-bar{
  position:fixed;z-index:2147482500;display:none;align-items:center;gap:6px;flex-wrap:wrap;
  background:#0b2d5e;color:#fff;padding:5px 10px;border-radius:10px;
  box-shadow:0 10px 28px rgba(4,30,70,.28);border:1px solid rgba(255,255,255,.22);
  font:600 12px/1.2 "Segoe UI",system-ui,"Nirmala UI","Noto Sans Devanagari",sans-serif;
}
#bh-input-bar.on{display:inline-flex}
#bh-input-bar .bh-ib-lbl{opacity:.85;font-weight:700;margin-right:2px;display:inline-flex;align-items:center;gap:4px}
#bh-input-bar button{
  border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.14);color:#fff;
  border-radius:7px;padding:4px 8px;font:700 11.5px/1.2 inherit;cursor:pointer;
  transition:background .15s,border-color .15s;
}
#bh-input-bar button:hover{background:rgba(255,255,255,.28);border-color:#fff}
#bh-input-bar button:disabled{opacity:.5;cursor:wait}