/* Context-specific CSS bundle generated from the original stylesheet. */
:root{--bg: #f7fbff;
  --card: #fff;
  --text: #172033;
  --muted: #5f6f86;
  --blue: #0078d4;
  --blue-2: #2563eb;
  --cyan: #00a4ef;
  --green: #107c10;
  --red: #d13438;
  --line: #d8e5f2;
  --soft: #edf6ff;
  --shadow: 0 16px 48px rgba(20, 58, 96, .12);}
*{box-sizing: border-box;}
body{margin: 0;
  font-family: "Segoe UI", Arial, sans-serif;
  background: linear-gradient(180deg, #fbfdff, #eff7ff 56%, #f7fbff);
  color: var(--text);
  line-height: 1.55;}
a{color: inherit; text-decoration: none;}
img{max-width: 100%; display: block;}
.siteHeader{position: sticky;
  top: 0;
  z-index: 40;
  min-height: 76px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 22px;
  align-items: center;
  padding: 12px 28px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 10px 32px rgba(16, 36, 61, .08);}
.siteLogo{display: flex;
  align-items: center;
  gap: 12px;
  font-weight: 850;
  color: #10243d;
  white-space: nowrap;}
.siteLogo img{width: 58px; height: 58px; object-fit: contain;}
.mainNav{display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;}
.mainNav a{padding: 10px 11px;
  border-radius: 8px;
  color: #405168;
  font-weight: 720;
  white-space: nowrap;}
.mainNav a:hover,.mainNav a.active{background: #e8f3ff;
  color: var(--blue);}
.headerActions{display: flex;
  align-items: center;
  gap: 10px;}
.navToggle{display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 8px;
  background: #eef6ff;
  color: var(--blue);
  border: 1px solid #b9d7f2;
  font-size: 22px;}
.publicWrap{padding-top: 36px;}
.brand{display: flex; gap: 12px; align-items: center; font-weight: 800;}
.brand img{width: 50px; height: 50px; object-fit: contain;}
.sideLinks{display: grid; gap: 8px;}
.sideLinks a{color: #405168;
  font-weight: 700;
  padding: 11px 12px;
  border-radius: 8px;}
.sideLinks a:hover,.sideLinks a.active{background: #dff0ff;
  color: var(--blue);
  box-shadow: inset 3px 0 0 var(--blue);}
.sideLinks .pill{background: transparent; color: #405168; border: 0;}
.sideLinks .pill.active{background: #dff0ff; color: var(--blue); border: 0;}
.sideMeta{margin-top: auto;
  display: grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;}
.sideMeta span{background: #f2f8ff; border: 1px solid var(--line); border-radius: 8px; padding: 8px 10px;}
.mobileTop{display: none;}
.wrap{width: min(1180px, calc(100% - 34px)); margin: 0 auto; padding: 34px 0;}
.hero{min-height: 72vh;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 30px;
  align-items: center;}
.heroMedia{border-radius: 8px;
  overflow: hidden;
  box-shadow: var(--shadow);
  border: 1px solid var(--line);}
.heroMedia img{width: 100%; height: min(58vh, 560px); object-fit: cover;}
.hero h1{font-size: clamp(42px, 6vw, 72px); line-height: 1.02; margin: 12px 0 18px; letter-spacing: 0;}
.hero p{font-size: 20px; color: var(--muted); max-width: 680px;}
.section{padding: 34px 0;}
.card{background: var(--card);
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 24px;
  box-shadow: var(--shadow);
  margin-bottom: 18px;}
.mediaCard img{width: 100%; height: 220px; object-fit: cover; border-radius: 6px; margin-bottom: 16px;}
.packageImage{width: 100%; height: 180px; object-fit: cover; border-radius: 6px; margin-bottom: 16px;}
.grid{display: grid; gap: 18px;}
.grid-2{grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-3{grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-4{grid-template-columns: repeat(4, minmax(0, 1fr));}
.pill,.btn,button{background: var(--blue);
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 10px 16px;
  font-weight: 750;
  cursor: pointer;
  display: inline-block;}
.btn.secondary,button.secondary{background: #eef6ff; color: var(--blue); border: 1px solid #b9d7f2;}
.buttonRow{display: flex; flex-wrap: wrap; gap: 10px; align-items: center;}
.danger{background: var(--red);}
.ok{background: var(--green);}
input,select,textarea{width: 100%;
  padding: 12px;
  border: 1px solid #c7d7ea;
  border-radius: 8px;
  margin: 6px 0 14px;
  background: white;
  font: inherit;}
textarea{min-height: 130px; resize: vertical;}
label{font-weight: 700; color: #2f4057;}
.tabs{display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 24px;}
.tabs a{padding: 10px 14px; background: #e9f3ff; border: 1px solid #c8dff7; border-radius: 8px; color: #174b7c; font-weight: 700;}
.table{width: 100%; border-collapse: collapse; background: white; border-radius: 8px; overflow: hidden; border: 1px solid var(--line);}
.table th,.table td{border-bottom: 1px solid var(--line); padding: 12px; text-align: left; vertical-align: top;}
.table th{background: #edf6ff;}
.badge{display: inline-block; padding: 5px 10px; border-radius: 999px; background: #e8f3ff; color: #175a9c; font-weight: 800;}
.small{color: var(--muted); font-size: 14px;}
.lang{display: flex; justify-content: flex-end; gap: 8px;}
pre{white-space: pre-wrap; background: #f6f9fd; border: 1px solid var(--line); border-radius: 8px; padding: 14px;}
.foot{margin-top: 50px;
  padding: 28px;
  border-top: 1px solid var(--line);
  display: flex;
  justify-content: space-between;
  background: white;}
.foot a{margin-left: 14px; color: var(--blue-2); font-weight: 700;}
.chatBtn{position: fixed;
  right: 22px;
  bottom: 22px;
  border-radius: 999px;
  box-shadow: var(--shadow);
  z-index: 12;
  background: #25d366;
  color: #073b1d;
  padding: 13px 18px;}
.floatingRequestBtn{position: fixed;
  right: 22px;
  bottom: 84px;
  z-index: 12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 13px 18px;
  border-radius: 999px;
  background: #0078d4;
  color: #fff;
  font-weight: 900;
  text-decoration: none;
  box-shadow: var(--shadow);}
.floatingRequestBtn:hover{transform: translateY(-1px);
  color: #fff;}
.chatBox{display: none;
  position: fixed;
  right: 22px;
  bottom: 78px;
  width: min(370px, calc(100% - 34px));
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  padding: 0;
  box-shadow: var(--shadow);
  z-index: 12;}
.chatHeader{background: #075e54;
  color: white;
  padding: 14px 16px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;}
.chatHeader strong{display: block;}
.chatHeader span{color: #d8fff0; font-size: 12px;}
.chatBody{background: #efe7dd;
  padding: 16px;}
.chatBubble{background: white;
  border-radius: 10px 10px 10px 2px;
  padding: 10px 12px;
  color: #203127;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,.08);}
.chatAiNote{background: #dcf8c6;
  border-radius: 10px 10px 2px 10px;
  padding: 9px 11px;
  font-size: 13px;
  color: #25451f;
  margin-left: 38px;}
.chatMessages{display: grid; gap: 10px; margin-top: 12px; max-height: 250px; overflow: auto;}
.chatMsg{padding: 10px 12px; border-radius: 10px; box-shadow: 0 1px 2px rgba(0,0,0,.08);}
.chatMsg.user{background: #dcf8c6; border-radius: 10px 10px 2px 10px; margin-left: 44px;}
.chatMsg.bot{background: #fff; border-radius: 10px 10px 10px 2px; margin-right: 28px;}
.chatComposer{display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 12px;
  background: #f7f7f7;}
.chatComposer textarea{min-height: 46px; margin: 0; border-radius: 18px;}
.chatComposer button{background: #25d366; color: #073b1d; border-radius: 999px;}
.videoCard iframe{border: 0; border-radius: 8px; background: #d8e5f2;}
.cookie{position: fixed;
  left: 20px;
  right: 20px;
  bottom: 20px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 18px;
  box-shadow: var(--shadow);
  z-index: 20;}
@media (max-width: 850px){.siteHeader{grid-template-columns: 1fr auto;
    gap: 12px;
    padding: 10px 16px;}.siteLogo img{width: 50px; height: 50px;}.navToggle{display: grid; place-items: center;}.mainNav{display: none;
    grid-column: 1 / -1;
    justify-content: stretch;
    align-items: stretch;
    flex-direction: column;
    padding: 10px 0;
    border-top: 1px solid var(--line);}.mainNav.open{display: flex;}.mainNav a{width: 100%;}.headerActions{display: none;
    grid-column: 1 / -1;
    align-items: stretch;
    flex-direction: column;}.siteHeader.navOpen .headerActions{display: flex;}.hero,.grid-2,.grid-3,.grid-4{grid-template-columns: 1fr;}.hero{min-height: auto;}.sideMeta{display: none;}.mobileTop{display: none;}.foot{flex-direction: column; gap: 12px;}}
.langSwitch{display:inline-flex;gap:4px;padding:3px;border:1px solid #d0deeb;border-radius:999px;background:#f7fbff;align-items:center}
.langBtn{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-weight:900;color:#5b6c80;cursor:pointer}
.langBtn.active{background:#0078d4;color:#fff}
.sideLang{margin:12px 0}
.videoPlaceholder{display:grid;place-items:center;aspect-ratio:16/9;border:1px dashed #b8cce0;border-radius:8px;background:#f3f8fd;color:#5d7084;text-align:center;padding:14px;font-weight:800}
.videoMeta{font-size:13px;color:#6a7c90;margin-top:8px}
.socialLinks{display: grid; gap: 12px; margin-top: 14px;}
.socialLink{display: flex; align-items: center; gap: 12px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: #f6fbff; font-weight: 800; color: #183b61;}
.socialLink img{width: 36px; height: 36px; flex: 0 0 auto;}
.socialLink span{display: block; font-size: 13px; color: var(--muted); font-weight: 600; margin-top: 2px;}
.packageDetailGrid{display: grid; gap: 18px;}
.packageDetailSection{background: #f7fbff; border: 1px solid var(--line); border-radius: 8px; padding: 18px;}
.packageDetailSection h2{margin-top: 0;}
.packageDetailSection ul{margin-top: 8px; padding-left: 22px;}
.packageDetailSection li{margin: 6px 0;}
.videoPlaceholder{min-height: 180px; display: grid; place-items: center; text-align: center; background: #eef6ff; border: 1px dashed #9fc9ef; color: #63758a; border-radius: 8px; padding: 18px; font-weight: 800;}
.videoMeta{color: var(--muted); font-size: 13px;}
.downloadBtn::before{content: "↓ "; font-weight: 900;}
:root{--bg: #f5f9ff;
  --bg-2: #eef6ff;
  --card: rgba(255, 255, 255, .86);
  --text: #111827;
  --muted: #5b677a;
  --blue: #0078d4;
  --blue-2: #2563eb;
  --cyan: #00a4ef;
  --green: #107c10;
  --red: #d13438;
  --line: rgba(120, 155, 190, .28);
  --soft: #eaf5ff;
  --shadow: 0 24px 70px rgba(15, 57, 102, .13);
  --shadow-soft: 0 10px 28px rgba(15, 57, 102, .08);
  --radius: 22px;
  --radius-sm: 14px;
  --ms-blue: #0078d4;
  --ms-blue-dark: #005a9e;
  --ms-purple: #5c2d91;
  --ms-cyan: #00a4ef;
  --ms-green: #7fba00;
  --ms-yellow: #ffb900;
  --ms-red: #f25022;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
body{background:
    radial-gradient(circle at 8% 8%, rgba(0, 120, 212, .16), transparent 32%),
    radial-gradient(circle at 88% 12%, rgba(92, 45, 145, .12), transparent 30%),
    radial-gradient(circle at 70% 82%, rgba(0, 164, 239, .16), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f3f8ff 48%, #ffffff 100%) !important;
  color: var(--text) !important;
  letter-spacing: -.01em;}
body::before{content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background-image:
    linear-gradient(rgba(0, 120, 212, .04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 120, 212, .04) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.52), transparent 72%);}
.siteHeader{min-height: 82px !important;
  background: rgba(255, 255, 255, .72) !important;
  border-bottom: 1px solid rgba(0, 120, 212, .16) !important;
  box-shadow: 0 12px 42px rgba(21, 63, 105, .10) !important;
  backdrop-filter: blur(24px) saturate(150%) !important;}
.siteLogo,.brand{color: #10233f !important;
  letter-spacing: -.02em;}
.siteLogo img,.brand img{filter: drop-shadow(0 10px 18px rgba(0, 120, 212, .14));}
.mainNav a,.sideLinks a{border-radius: 999px !important;
  color: #36465d !important;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;}
.mainNav a:hover,.mainNav a.active,.sideLinks a:hover,.sideLinks a.active{background: linear-gradient(135deg, rgba(0, 120, 212, .12), rgba(0, 164, 239, .10)) !important;
  color: var(--ms-blue-dark) !important;
  box-shadow: 0 8px 24px rgba(0, 120, 212, .10) !important;
  transform: translateY(-1px);}
.sideLinks a.active{box-shadow: inset 4px 0 0 var(--ms-blue), 0 8px 24px rgba(0, 120, 212, .10) !important;}
.langSwitch{background: rgba(255, 255, 255, .74) !important;
  border-color: rgba(0, 120, 212, .20) !important;
  box-shadow: 0 10px 28px rgba(0, 66, 120, .08);}
.langBtn.active{background: linear-gradient(135deg, var(--ms-blue), var(--blue-2)) !important;}
.wrap{width: min(1220px, calc(100% - 38px)) !important;}
.publicWrap{padding-top: 42px !important;}
h1,h2,h3{color: #0f243d;
  letter-spacing: -.035em;}
h1{font-size: clamp(38px, 5vw, 66px); line-height: 1.04;}
h2{font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1;}
h3{font-size: 22px; line-height: 1.18;}
p{color: #56657a;}
.card,.homeMiniCard,.homeSolutionCard,.homeWhyCard,.homeUseCaseCard,.packageDetailSection,.socialLink,.cookie,.chatBox,.table,.tabs a{background: rgba(255, 255, 255, .82) !important;
  border: 1px solid rgba(125, 158, 191, .24) !important;
  border-radius: var(--radius) !important;
  box-shadow: var(--shadow-soft) !important;
  backdrop-filter: blur(18px) saturate(145%);}
.card,.homeMiniCard,.homeSolutionCard,.homeWhyCard,.homeUseCaseCard,.socialLink{transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;}
.card:hover,.homeMiniCard:hover,.homeSolutionCard:hover,.homeWhyCard:hover,.homeUseCaseCard:hover,.socialLink:hover{transform: translateY(-5px);
  border-color: rgba(0, 120, 212, .34) !important;
  box-shadow: 0 28px 72px rgba(0, 82, 150, .15) !important;
  background: rgba(255, 255, 255, .94) !important;}
.card{padding: 28px !important; margin-bottom: 22px !important;}
.card > .badge + h3,.card > .badge + h1{margin-top: 14px;}
.btn,.pill,button,.chatComposer button{border-radius: 999px !important;
  padding: 12px 18px !important;
  background: linear-gradient(135deg, #0078d4, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 12px 30px rgba(0, 120, 212, .22) !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;}
.btn:hover,.pill:hover,button:hover,.chatComposer button:hover{transform: translateY(-2px);
  box-shadow: 0 18px 44px rgba(0, 120, 212, .28) !important;
  filter: saturate(1.08);}
.btn.secondary,button.secondary,.tabs a{background: rgba(255, 255, 255, .78) !important;
  color: var(--ms-blue-dark) !important;
  border: 1px solid rgba(0, 120, 212, .22) !important;
  box-shadow: 0 10px 26px rgba(0, 82, 150, .08) !important;}
.btn.secondary:hover,button.secondary:hover,.tabs a:hover{background: #edf6ff !important;}
.badge{border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(0, 120, 212, .12), rgba(0, 164, 239, .13)) !important;
  border: 1px solid rgba(0, 120, 212, .18);
  color: #005a9e !important;
  padding: 7px 12px !important;
  letter-spacing: .02em;}
.packageImage,.mediaCard img,.homeHeroVisualMain,.homeImageTile,.homeSolutionCard img,.heroMedia{border-radius: var(--radius) !important;
  overflow: hidden;}
.packageImage,.mediaCard img,.homeImageTile,.heroMedia,.homeHeroVisualMain{box-shadow: 0 20px 54px rgba(0, 76, 140, .12) !important;
  border: 1px solid rgba(0, 120, 212, .16) !important;}
a .packageImage{transition: transform .28s ease, filter .28s ease;}
a:hover .packageImage{transform: scale(1.025);
  filter: saturate(1.12) contrast(1.03);}
.grid{gap: 22px !important;}
.grid-3 .card{position: relative; overflow: hidden;}
.grid-3 .card::before,.packageDetailGrid::before,.homeMiniCard::before,.homeWhyCard::before{content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--ms-red), var(--ms-yellow), var(--ms-green), var(--ms-cyan), var(--ms-blue));
  opacity: .82;}
.grid-3 .card > *,.packageDetailGrid > *,.homeMiniCard > *,.homeWhyCard > *{position: relative;}
.packageDetailGrid{position: relative;
  overflow: hidden;}
.packageDetailSection{background:
    linear-gradient(180deg, rgba(255,255,255,.90), rgba(245,250,255,.88)) !important;}
.packageDetailSection h2{padding-top: 12px;
  border-top: 1px solid rgba(0, 120, 212, .12);}
.packageDetailSection ul{padding-left: 24px !important;}
.packageDetailSection li::marker{color: var(--ms-blue);}
.downloadBtn::before{content: "⬇  " !important;}
.homeHero{min-height: 76vh !important;
  gap: 44px !important;}
.homeHero h1{color: #0b1f35 !important;
  background: linear-gradient(90deg, #0b1f35 0%, #005a9e 54%, #2563eb 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;}
.homeHero p{color: #506075 !important;}
.homeEyebrow,.homeIcon{background: linear-gradient(135deg, rgba(0,120,212,.12), rgba(0,164,239,.16)) !important;
  color: #005a9e !important;
  border: 1px solid rgba(0,120,212,.22) !important;
  box-shadow: 0 10px 30px rgba(0, 120, 212, .10);}
.homeHeroVisualMain{min-height: 430px !important;
  isolation: isolate;}
.homeHeroVisualMain::before{content: "";
  position: absolute;
  inset: 18px;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.44);
  z-index: 2;
  pointer-events: none;}
.homeHeroVisualMain::after{background: linear-gradient(180deg, rgba(0,120,212,.04), rgba(37,99,235,.22)) !important;}
.homeCta{border-radius: 28px !important;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,255,255,.24), transparent 26%),
    linear-gradient(135deg, #005a9e, #0078d4 52%, #2563eb) !important;
  box-shadow: 0 32px 82px rgba(0, 86, 156, .25) !important;
  overflow: hidden;
  position: relative;}
.homeCta::after{content: "";
  position: absolute;
  right: -90px;
  bottom: -90px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: rgba(255,255,255,.14);}
.homeCta > *{position: relative; z-index: 1;}
.homeCta .btn{background: #fff !important; color: #005a9e !important;}
input,select,textarea{border-radius: 16px !important;
  border: 1px solid rgba(0, 120, 212, .20) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;}
input:focus,select:focus,textarea:focus{outline: none;
  border-color: rgba(0, 120, 212, .58) !important;
  box-shadow: 0 0 0 4px rgba(0, 120, 212, .12) !important;
  background: #fff !important;}
.table{overflow: hidden;}
.table th{background: linear-gradient(135deg, #edf6ff, #f7fbff) !important;
  color: #163454;}
.table tr:hover td{background: #f7fbff;}
.foot{margin-top: 70px !important;
  background: rgba(255,255,255,.80) !important;
  border-top: 1px solid rgba(0, 120, 212, .18) !important;
  backdrop-filter: blur(18px);}
.chatBtn{background: linear-gradient(135deg, #0078d4, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 20px 52px rgba(0, 120, 212, .28) !important;}
.floatingRequestBtn{background: linear-gradient(135deg, #0f766e, #14b8a6) !important;
  color: #fff !important;
  box-shadow: 0 20px 52px rgba(20, 184, 166, .28) !important;}
.chatHeader{background: linear-gradient(135deg, #005a9e, #0078d4) !important;}
.chatBody{background: linear-gradient(180deg, #f2f8ff, #ffffff) !important;}
.chatBubble,.chatMsg.bot{border: 1px solid rgba(0, 120, 212, .12);}
.chatAiNote,.chatMsg.user{background: #e6f4ea !important;}
.card .badge:nth-of-type(1){box-shadow: 0 8px 18px rgba(0, 120, 212, .10);}
@media (max-width: 850px){.siteHeader{min-height: 74px !important;}.wrap{width: min(100% - 24px, 1220px) !important;}.card{padding: 22px !important;}.homeHeroVisualMain{min-height: 280px !important;}h1{font-size: clamp(34px, 10vw, 48px);}}
.publicBody .siteHeader{grid-template-columns: auto minmax(360px, 1fr) auto !important;}
.publicBody .mainNav{justify-self: center;
  padding: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .62);
  border: 1px solid rgba(0, 120, 212, .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.85), 0 14px 36px rgba(0, 76, 140, .08);}
.publicBody .mainNav a{position: relative;
  padding: 11px 14px !important;}
.publicBody .mainNav a.active::after,.publicBody .mainNav a:hover::after{content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 5px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #0078d4, #00a4ef);}
.siteHeader::before{content: "";
  position: absolute;
  left: 22px;
  right: 22px;
  bottom: -1px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(0,120,212,.45), rgba(0,164,239,.35), transparent);
  pointer-events: none;}
.headerActions .btn,.headerActions .btn.secondary{white-space: nowrap;}
.card,.packageDetailSection,.socialLink{position: relative;
  overflow: hidden;}
.card::after,.packageDetailSection::after,.socialLink::after{content: "";
  position: absolute;
  right: -72px;
  top: -72px;
  width: 170px;
  height: 170px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(0,164,239,.15), transparent 66%);
  pointer-events: none;
  transition: transform .25s ease, opacity .25s ease;
  opacity: .76;}
.card:hover::after,.packageDetailSection:hover::after,.socialLink:hover::after{transform: scale(1.18);
  opacity: 1;}
.card > *,.packageDetailSection > *,.socialLink > *{position: relative;
  z-index: 1;}
.packageImage,.mediaCard img,.homeSolutionCard img,.homeImageTile{background: linear-gradient(135deg, rgba(0,120,212,.14), rgba(0,164,239,.12));}
.packageImage::selection{background: transparent;}
.package-card,.card:has(.packageImage){border-radius: 28px !important;}
.card:has(.packageImage)::before{height: 6px !important;
  background: linear-gradient(90deg, #f25022, #ffb900, #7fba00, #00a4ef, #0078d4) !important;}
.packageDetailSection{border-radius: 26px !important;
  padding: 24px !important;}
.packageDetailSection h2{border-top: 0 !important;
  padding-top: 0 !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;}
.packageDetailSection h2::before{content: "";
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background: linear-gradient(135deg, #0078d4, #00a4ef);
  box-shadow: 0 0 0 5px rgba(0,120,212,.10);}
.downloadBtn{background: linear-gradient(135deg, #005a9e, #0078d4 50%, #00a4ef) !important;
  border: 1px solid rgba(255,255,255,.25) !important;}
.homeHeroVisualMain,.heroMedia{transform: perspective(1100px) rotateY(-2deg) rotateX(1deg);
  transition: transform .35s ease, box-shadow .35s ease;}
.homeHeroVisualMain:hover,.heroMedia:hover{transform: perspective(1100px) rotateY(0deg) rotateX(0deg) translateY(-4px);
  box-shadow: 0 34px 88px rgba(0, 76, 140, .20) !important;}
.homeEyebrow,.badge{backdrop-filter: blur(14px);}
form.card{max-width: 560px;
  margin-left: auto;
  margin-right: auto;}
form.card h1{background: linear-gradient(90deg, #0b1f35, #0078d4);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent !important;}
@media (max-width: 850px){.publicBody .siteHeader{grid-template-columns: 1fr auto !important;}.publicBody .mainNav{border-radius: 22px;
    padding: 8px;}}
.successCard{border-radius: 24px;
  background:
    radial-gradient(circle at 100% 0, rgba(80,230,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,251,255,.96));}
.successText{color: #107c10;
    font-weight: 700;}
.errorText{color: #d13438;
    font-weight: 700;}
html,body{min-height: 100%;}
body.publicBody{min-height: 100vh;
  display: flex;
  flex-direction: column;}
.publicBody .publicWrap{flex: 1 0 auto;}
.publicBody .foot{margin-top: auto !important;}
.sideMeta{display: none !important;}
.settingCard h2{margin-top: 0;}
.mailTemplateCard{grid-column: 1 / -1;}
.mailTemplateCard h3{margin: 22px 0 10px;
  font-size: 1rem;
  color: #063b67;}
.mailTemplateCard textarea{width: 100%;
  min-height: 120px;
  resize: vertical;
  font-family: inherit;
  line-height: 1.5;}
.secretBox{padding: 14px 16px;
  margin: 6px 0 14px;
  border-radius: 16px;
  background: #edf6ff;
  border: 1px solid rgba(0, 120, 212, .22);
  font-weight: 850;
  letter-spacing: .08em;
  color: #064c86;
  word-break: break-all;}
.statusChip{display: inline-flex;
  align-items: center;
  gap: 8px;
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 850;
  color: #5a3b00;
  background: rgba(255,185,0,.15);
  border: 1px solid rgba(255,185,0,.36);}
.statusOk{color: #0c5a16;
  background: rgba(16,124,16,.12);
  border-color: rgba(16,124,16,.30);}
.checkLine{display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 18px;
  font-weight: 700;}
.checkLine input{width: auto;
  margin: 0;}
.compactTable th{width: 180px;}
body.portalThemeDark .cookie{background: rgba(14, 29, 50, .78) !important;
  border-color: rgba(117,185,255,.22) !important;
  color: #eaf3ff !important;}
@media (max-width: 850px){.compactTable th{width: auto;}}
.readonlyInput{background: rgba(226, 232, 240, 0.65) !important;
    color: #64748b !important;
    cursor: not-allowed;}
html{-webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;}
body{min-width: 320px;
  overflow-x: hidden;}
a,button,input,select,textarea{-webkit-tap-highlight-color: rgba(0, 120, 212, .16);}
button,input,select,textarea{font-size: 16px;}
.siteHeader,.card,.packageDetailSection,.chatBox,.cookie,.langSwitch,.foot{-webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.siteHeader,.card,.packageDetailSection,.chatBox,.cookie,.langSwitch,.foot{background: #ffffff !important;}}
.btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline: 3px solid rgba(0, 120, 212, .42);
  outline-offset: 3px;}
.publicBody .siteHeader{column-gap: clamp(12px, 2vw, 28px) !important;}
.publicBody .mainNav{min-width: 0;
  flex-wrap: wrap;
  row-gap: 6px;}
.publicBody .mainNav a{font-size: clamp(13px, .95vw, 15px);}
.headerActions{flex-wrap: nowrap;}
.table{display: table;
  width: 100%;}
.tableWrap,.tableScroll{width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;}
.card:has(.table){overflow-x: auto;}
@media (max-width: 1180px){.publicBody .siteHeader{grid-template-columns: auto minmax(0, 1fr) auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;}.publicBody .mainNav a{padding: 9px 10px !important;}.grid-4{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width: 980px){.publicBody .siteHeader,.siteHeader{grid-template-columns: 1fr auto !important;}.navToggle{display: grid !important;
    place-items: center;}.publicBody .mainNav,.mainNav{display: none !important;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    margin-top: 8px;}.publicBody .mainNav.open,.mainNav.open{display: flex !important;}.publicBody .mainNav a,.mainNav a{width: 100%;
    text-align: left;
    border-radius: 14px !important;}.publicBody .mainNav a.active::after,.publicBody .mainNav a:hover::after{display: none;}.headerActions{display: none !important;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    margin-top: 8px;}.siteHeader.navOpen .headerActions{display: flex !important;}.headerActions .btn,.headerActions .btn.secondary,.headerActions .langSwitch{width: 100%;
    justify-content: center;
    text-align: center;}.hero,.homeHero{grid-template-columns: 1fr !important;
    min-height: auto !important;}.heroMedia,.homeHeroVisualMain{transform: none !important;}.grid-2,.grid-3{grid-template-columns: 1fr !important;}}
@media (max-width: 700px){.wrap,.publicBody .wrap{width: calc(100% - 22px) !important;
    padding-top: 22px;
    padding-bottom: 22px;}.siteHeader{padding: 9px 12px !important;}.siteLogo span{font-size: 15px;}.siteLogo img{width: 44px !important;
    height: 44px !important;}.publicWrap{padding-top: 22px !important;}.section{padding: 22px 0 !important;}.hero h1,.homeHero h1,h1{font-size: clamp(30px, 10vw, 42px) !important;
    line-height: 1.08;}h2{font-size: clamp(24px, 7vw, 34px) !important;}h3{font-size: 20px !important;}.hero p,.homeHero p,p{font-size: 16px;}.card,.packageDetailSection{padding: 18px !important;
    border-radius: 20px !important;}.buttonRow{flex-direction: column;
    align-items: stretch;}.buttonRow .btn,.buttonRow button{width: 100%;
    text-align: center;}.grid,.grid-2,.grid-3,.grid-4{grid-template-columns: 1fr !important;
    gap: 16px !important;}.packageImage,.mediaCard img{height: auto !important;
    aspect-ratio: 16 / 10;}.heroMedia img{height: auto !important;
    aspect-ratio: 16 / 10;}.chatBtn{right: 14px !important;
    bottom: 14px !important;
    padding: 12px 14px !important;}.floatingRequestBtn{right: 14px !important;
    bottom: 68px !important;
    padding: 12px 14px !important;
    max-width: calc(100% - 28px);
    white-space: nowrap;}.chatBox{left: 10px !important;
    right: 10px !important;
    bottom: 70px !important;
    width: auto !important;
    max-height: calc(100dvh - 92px);}.chatMessages{max-height: 210px;}.foot{padding: 20px 16px !important;
    flex-direction: column !important;
    gap: 10px;
    text-align: center;}.foot a{margin: 0 7px !important;}.table{display: block !important;
    overflow-x: auto !important;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;}.table th,.table td{padding: 10px !important;}input,select,textarea{font-size: 16px !important;}}
@media (max-width: 420px){.siteLogo span{max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}.btn,.pill,button{padding-left: 14px !important;
    padding-right: 14px !important;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;}}
.kpiCard{background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(232,247,255,.64));
  border: 1px solid rgba(0, 120, 212, .16);
  border-radius: 22px;
  padding: 18px;
  box-shadow: 0 20px 55px rgba(4, 32, 64, .10);}
.kpiCard strong{display: block;
  font-size: clamp(26px, 3vw, 40px);
  line-height: 1;
  color: var(--accent, #0078d4);}
.kpiCard span{display: block;
  margin-top: 7px;
  color: var(--muted, #5f6d7a);
  font-weight: 700;}
.tableCard{overflow: hidden;}
.assistantSuggestions{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 12px 0 4px;}
.assistantSuggestions button,.assistantSuggestions a{appearance: none;
  border: 1px solid rgba(0, 120, 212, .18);
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(237,246,255,.92));
  color: #0f4c81;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0, 120, 212, .08);
  text-decoration: none;
  display: inline-flex;
  align-items: center;}
.assistantSuggestions button:hover,.assistantSuggestions a:hover{transform: translateY(-1px);
  border-color: rgba(0, 120, 212, .38);
  box-shadow: 0 12px 26px rgba(0, 120, 212, .16);}
.chatMsg.typing{color: #5f6d7a;
  font-style: italic;}
.chatMsg.bot{white-space: pre-wrap;
  line-height: 1.45;}
@media (max-width: 850px){.assistantSuggestions{gap: 7px;}.assistantSuggestions button,.assistantSuggestions a{flex: 1 1 calc(50% - 8px);
    min-width: 130px;}}
.codeExample{border: 1px solid rgba(0, 120, 212, .18);
  background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(237,246,255,.78));
  border-radius: 22px;
  padding: 18px 20px;
  margin: 14px 0;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.78);}
.codeExample p{margin: 8px 0;}
.cleanList{margin: 10px 0 0;
  padding-left: 22px;}
.cleanList li{margin: 10px 0;
  line-height: 1.55;}
.siteLogo img,.brand img{border-radius: 18px !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid rgba(0, 120, 212, .18) !important;
  padding: 5px !important;
  box-shadow: 0 12px 32px rgba(0, 120, 212, .12) !important;}
.homeLogoMark{border-radius: 26px !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(0, 120, 212, .18) !important;
  padding: 10px !important;
  box-shadow: 0 18px 44px rgba(0, 120, 212, .12) !important;}
.homeSolutionCard .homeIcon{border-radius: 16px !important;}
.contactTable td{vertical-align: middle;}
.contactAction{appearance: none;
    border: 1px solid rgba(0, 111, 201, .24);
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(225,246,255,.92));
    color: #005a9e;
    border-radius: 999px;
    padding: 12px 18px;
    font-weight: 850;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(0, 120, 212, .14);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;}
.contactAction:hover{transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(0, 120, 212, .2);
    border-color: rgba(0, 120, 212, .5);}
.contactInlineActions{display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 12px 0;}
.inlineContactAction{margin-left: 8px;
    padding: 8px 14px;
    font-size: .95rem;}
.contactChooser{margin-top: 12px;
    padding: 14px;
    border-radius: 22px;
    border: 1px solid rgba(0, 120, 212, .20);
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(230,247,255,.94));
    box-shadow: 0 18px 36px rgba(0, 120, 212, .12);
    max-width: 520px;}
.contactChooserTitle{font-weight: 850;
    color: #0f2a44;
    margin-bottom: 8px;}
.contactValue{direction: ltr;
    unicode-bidi: embed;
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 10px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(15,42,68,.10);
    font-weight: 800;
    color: #0f2a44;
    margin-bottom: 12px;
    word-break: break-word;}
.contactChoices{display: flex;
    flex-wrap: wrap;
    gap: 10px;}
.contactChoice{appearance: none;
    border: 1px solid rgba(0, 111, 201, .22);
    background: rgba(255,255,255,.86);
    color: #005a9e;
    border-radius: 999px;
    padding: 10px 14px;
    font-weight: 850;
    cursor: pointer;}
.contactChoice.primary{background: linear-gradient(135deg, #0078d4, #2563eb);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(0, 120, 212, .26);}
.contactChoice:hover{transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(0, 120, 212, .15);}
@media (max-width: 700px){.contactChooser{max-width: 100%;}.contactValue{display: flex; width: 100%;}.contactChoices{flex-direction: column;}.contactChoice{width: 100%;}}
.passwordGenerateRow{display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 10px;
    align-items: end;}
.passwordGenerateRow input{font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.03em;}
@media (max-width: 780px){.passwordGenerateRow{grid-template-columns: 1fr;}.passwordGenerateRow button{width: 100%;}}
.table tr.clickableRow{cursor: pointer;}
.table tr.clickableRow:hover td{background: rgba(0, 120, 212, 0.07);}
.mutedCell{color: var(--muted);
    text-align: center;
    padding: 28px !important;}
.requestFormCard{width: 100% !important;
    max-width: min(1240px, calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(30px, 3.6vw, 54px) !important;
    border-radius: 30px !important;}
.requestFormCard .grid-2{grid-template-columns: repeat(2, minmax(360px, 1fr));
    gap: clamp(28px, 4vw, 54px);
    align-items: start;}
.requestFormCard label{display: block;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 17px;}
.requestFormCard input,.requestFormCard select,.requestFormCard textarea{min-height: 62px;
    padding: 18px 20px;
    border-radius: 20px !important;
    font-size: 18px;
    margin-bottom: 22px;}
.requestFormCard textarea{min-height: 240px;
    line-height: 1.6;}
.requestFormCard button,.requestFormCard .btn{min-height: 54px;
    padding: 14px 22px;
    border-radius: 999px !important;
    font-size: 17px;}
.requestReviewCard .table th,.requestReviewCard .table td{padding: 18px 20px;
    font-size: 17px;}
.requestReviewCard input[name="captcha"]{max-width: 360px;}
@media (max-width: 1200px){.requestFormCard{max-width: 100% !important;}.requestFormCard .grid-2{grid-template-columns: 1fr;}}
@media (max-width: 780px){.requestFormCard{padding: 22px !important;
        border-radius: 24px !important;}.requestFormCard input,.requestFormCard select,.requestFormCard textarea{font-size: 16px;
        min-height: 56px;}.requestFormCard textarea{min-height: 180px;}}
.captchaBox{display: grid;
  grid-template-columns: minmax(220px, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid rgba(0, 120, 212, .18);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(238,247,255,.86));}
.captchaImageWrap{display: grid;
  justify-items: center;
  gap: 8px;}
.captchaImage{width: 190px;
  height: 58px;
  border-radius: 14px;
  border: 1px solid rgba(15,42,68,.14);
  background: #eef6ff;
  box-shadow: 0 10px 24px rgba(0, 120, 212, .12);}
.captchaRefresh{font-weight: 800;
  color: #005a9e;
  font-size: .94rem;}
.contactCaptchaForm button{margin-top: 6px;}
.notice.error{margin: 12px 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: #fff0f0;
  border: 1px solid #f2b8b5;
  color: #8a1f16;
  font-weight: 750;}
.chatBox{max-height: calc(100vh - 112px) !important;
  flex-direction: column !important;}
.chatBox.open{display: flex !important;}
.chatHeader{flex: 0 0 auto !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;}
.chatHeaderIdentity{display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;}
.chatHeaderRobot{flex: 0 0 auto;
  transform: scale(.88);}
.chatHeaderRobot::before,.chatHeaderRobot::after{background: #fff;}
.chatBody{flex: 1 1 auto !important;
  overflow: auto !important;
  min-height: 0 !important;}
.chatComposer{flex: 0 0 auto !important;}
.chatMessages{max-height: 38vh !important;
  overflow: auto !important;}
.chatCloseBtn{flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  padding: 0 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.32) !important;
  background: rgba(255,255,255,.14) !important;
  color: #fff !important;
  font-size: 24px;
  line-height: 1;
  cursor: pointer;}
.robotChatBtn{display: inline-flex !important;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 10px 16px 10px 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #0ea5e9, #2563eb) !important;
  color: #fff !important;
  box-shadow: 0 18px 38px rgba(37, 99, 235, .28) !important;}
.robotIcon{width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #fff;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 2px rgba(37,99,235,.12);}
.robotIcon::before{content: "";
  position: absolute;
  top: -7px;
  left: 50%;
  width: 2px;
  height: 8px;
  background: #fff;
  transform: translateX(-50%);}
.robotIcon::after{content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #fff;
  transform: translateX(-50%);}
.robotIcon span::before,.robotIcon span::after{content: "";
  position: absolute;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #2563eb;}
.robotIcon span::before{left: 9px;}
.robotIcon span::after{right: 9px;}
.robotIcon span{position: absolute;
  left: 9px;
  right: 9px;
  bottom: 9px;
  height: 3px;
  border-radius: 999px;
  background: #38bdf8;}
.chatBtnText{font-weight: 900; white-space: nowrap;}
@media (max-width: 700px){.captchaBox{grid-template-columns: 1fr;}.captchaImageWrap{justify-items: start;}.chatBox{right: 12px !important;
    left: 12px !important;
    bottom: 86px !important;
    width: auto !important;
    max-height: calc(100vh - 118px) !important;}.robotChatBtn{padding-right: 12px !important;}.chatBtnText{display: none;}}
.assistantLogoBubble{width: 42px;
  height: 42px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: radial-gradient(circle at 30% 20%, #ffffff 0%, #e0f2fe 36%, #0ea5e9 100%);
  box-shadow: 0 10px 24px rgba(14, 165, 233, .28), inset 0 0 0 2px rgba(255,255,255,.72);
  flex: 0 0 auto;}
.assistantLogoImg{width: 116%;
  height: 116%;
  object-fit: contain;
  display: block;
  transform: translateY(2px);}
.robotChatBtn .assistantLogoBubble{width: 48px;
  height: 48px;
  margin-left: -2px;
  background: #ffffff;}
.chatHeaderRobot.assistantLogoBubble{width: 46px;
  height: 46px;
  background: #ffffff;
  box-shadow: 0 10px 26px rgba(14, 165, 233, .30), inset 0 0 0 2px rgba(255,255,255,.88);}
@media (max-width: 700px){.robotChatBtn .assistantLogoBubble{width: 50px;
    height: 50px;
    margin: 0;}}
.siteLogo img,.brand img,.homeLogoMark{background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  object-fit: contain !important;}
.siteLogo span,.brand span{display: none !important;}
.siteLogo img{width: auto !important;
  height: 72px !important;
  max-width: 170px !important;}
.brand img{width: auto !important;
  height: 78px !important;
  max-width: 190px !important;}
.homeLogoMark{width: min(310px, 78vw) !important;
  height: auto !important;}
@media (max-width: 700px){.siteLogo img{width: auto !important;
    height: 54px !important;
    max-width: 132px !important;}}
.floatingRequestBtn{bottom: 112px !important;
  z-index: 13 !important;}
.chatBtn,.robotChatBtn{z-index: 14 !important;}
body.assistantOpen .floatingRequestBtn{bottom: 132px !important;}
@media (max-width: 700px){.floatingRequestBtn{bottom: 108px !important;}body.assistantOpen .floatingRequestBtn{bottom: 124px !important;}}
.themeSwitch{display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid rgba(0, 120, 212, .18);
  background: rgba(238, 246, 255, .82);}
.themeBtn{min-width: 54px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 0;
  background: transparent;
  color: #174b7c;
  font-weight: 850;
  box-shadow: none;}
.themeBtn.active{background: var(--blue);
  color: #fff;}
.sideThemeSwitch{width: 100%;
  justify-content: center;}
.sideThemeSwitch .themeBtn{flex: 1;}
.mobileThemeSwitch .themeBtn{min-width: 46px;
  padding: 7px 8px;}
.notice{margin: 12px 0;
  padding: 12px 14px;
  border-radius: 14px;
  font-weight: 750;}
.notice.success{background: rgba(16,124,16,.12);
  border: 1px solid rgba(16,124,16,.30);
  color: #0c5a16;}
.contactRequestForm textarea{min-height: 180px;}
.contactRequestCaptcha{margin-top: 20px;}
body.globalThemeDark{--bg: #071325;
  --card: rgba(13, 27, 47, .90);
  --text: #eaf3ff;
  --muted: #a8b8cc;
  --line: rgba(117, 185, 255, .22);
  --soft: rgba(16, 43, 73, .72);
  background:
    radial-gradient(circle at 10% 0%, rgba(0, 164, 239, .20), transparent 32%),
    radial-gradient(circle at 90% 8%, rgba(92,45,145,.24), transparent 36%),
    linear-gradient(180deg, #071325, #0b1728 55%, #07111f) !important;
  color: #eaf3ff !important;}
body.globalThemeDark .siteHeader,body.globalThemeDark .card,body.globalThemeDark .table,body.globalThemeDark .foot,body.globalThemeDark .successCard,body.globalThemeDark .captchaBox,body.globalThemeDark .contactChooser,body.globalThemeDark .chatBox,body.globalThemeDark .cookie{background: rgba(14, 29, 50, .82) !important;
  border-color: rgba(117,185,255,.22) !important;
  color: #eaf3ff !important;}
body.globalThemeDark .siteHeader{box-shadow: 0 18px 50px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(16px);}
body.globalThemeDark h1,body.globalThemeDark h2,body.globalThemeDark h3,body.globalThemeDark label,body.globalThemeDark .siteLogo,body.globalThemeDark .brand,body.globalThemeDark .contactValue{color: #f3f8ff !important;}
body.globalThemeDark p,body.globalThemeDark .small,body.globalThemeDark .mainNav a,body.globalThemeDark .tabs a{color: #a8b8cc !important;}
body.globalThemeDark .mainNav a:hover,body.globalThemeDark .mainNav a.active,body.globalThemeDark .tabs a:hover,body.globalThemeDark .tabs a.active{background: rgba(0, 120, 212, .25) !important;
  color: #ffffff !important;}
body.globalThemeDark input,body.globalThemeDark select,body.globalThemeDark textarea{background: rgba(7, 19, 37, .84) !important;
  color: #eaf3ff !important;
  border-color: rgba(117,185,255,.28) !important;}
body.globalThemeDark input::placeholder,body.globalThemeDark textarea::placeholder{color: #7f91a8 !important;}
body.globalThemeDark .table th{background: rgba(26, 49, 78, .94) !important;
  color: #f3f8ff !important;}
body.globalThemeDark .table td{background: rgba(10, 22, 39, .64) !important;
  color: #dbeafe !important;}
body.globalThemeDark .btn.secondary,body.globalThemeDark button.secondary{background: rgba(16, 43, 73, .92) !important;
  color: #bde3ff !important;
  border-color: rgba(117,185,255,.30) !important;}
body.globalThemeDark .themeSwitch{background: rgba(7, 19, 37, .74) !important;
  border-color: rgba(117,185,255,.25) !important;}
body.globalThemeDark .themeBtn{color: #bde3ff !important;}
body.globalThemeDark .themeBtn.active{background: linear-gradient(135deg, #0078d4, #00a4ef) !important;
  color: #fff !important;}
body.globalThemeDark .captchaImage{background: #eef6ff !important;
  border-color: rgba(117,185,255,.35) !important;}
body.globalThemeDark .captchaRefresh{color: #80caff !important;}
body.globalThemeDark .notice.success{background: rgba(16,124,16,.18) !important;
  border-color: rgba(126,231,135,.36) !important;
  color: #7ee787 !important;}
body.globalThemeDark .notice.error{background: rgba(209,52,56,.18) !important;
  border-color: rgba(255,154,162,.38) !important;
  color: #ffb4bb !important;}
@media (max-width: 900px){.topThemeSwitch{display: none;}.siteHeader.navOpen .topThemeSwitch{display: inline-flex;}.headerActions{flex-wrap: wrap; justify-content: flex-end;}}
@media (max-width: 640px){.themeBtn{min-width: 48px; font-size: 13px;}.mobileThemeSwitch{display: inline-flex;}}
.emailTestGrid{align-items: start;}
.mailTestSettingsCard,.mailTestSendCard,.mailDiagnosticsCard,.mailLogCard,.emailLocalNotice{border-radius: 24px;}
.emailLocalNotice{margin-bottom: 22px;}
.mailTestButtonGrid{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;}
.diagnosticList{display: grid;
  grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
  gap: 10px 14px;
  margin: 16px 0;}
.diagnosticList dt{font-weight: 850;
  color: #063b67;}
.diagnosticList dd{margin: 0;
  color: #29435f;
  word-break: break-word;}
.mailPreviewBox{width: 100%;
  max-height: 360px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 18px;
  padding: 16px;
  background: rgba(237, 246, 255, .95);
  border: 1px solid rgba(0, 120, 212, .20);
  color: #10233d;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  line-height: 1.5;}
.logPreviewBox{max-height: 460px;}
body.globalThemeDark .diagnosticList dt{color: #d7ecff !important;}
body.globalThemeDark .diagnosticList dd{color: #b9cbe0 !important;}
body.globalThemeDark .mailPreviewBox{background: rgba(7, 19, 37, .72) !important;
  border-color: rgba(117,185,255,.24) !important;
  color: #eaf3ff !important;}
body.globalThemeDark .emailLocalNotice code,body.globalThemeDark .mailTestSettingsCard code{color: #9fdcff !important;}
@media (max-width: 760px){.mailTestButtonGrid,.diagnosticList{grid-template-columns: 1fr;}}
body.globalThemeDark .homeHero h1,body.globalThemeDark .homeSection h2,body.globalThemeDark .packageDetailGrid h1,body.globalThemeDark .packageDetailGrid h2,body.globalThemeDark .card h1,body.globalThemeDark .card h2,body.globalThemeDark .card h3{color: #f6fbff !important;
  text-shadow: 0 2px 20px rgba(0, 0, 0, .32) !important;}
body.globalThemeDark .homeHero p,body.globalThemeDark .homeSectionLead,body.globalThemeDark .homeMiniCard p,body.globalThemeDark .homeSolutionCard p,body.globalThemeDark .homeWhyCard p,body.globalThemeDark .homeUseCaseCard span,body.globalThemeDark .packageIntroCard p,body.globalThemeDark .packageDetailSection p,body.globalThemeDark .packageDetailSection li,body.globalThemeDark .card p,body.globalThemeDark .card li{color: #d8e8fb !important;}
body.globalThemeDark .homeMiniCard,body.globalThemeDark .homeSolutionCard,body.globalThemeDark .homeWhyCard,body.globalThemeDark .homeUseCaseCard,body.globalThemeDark .packageIntroCard,body.globalThemeDark .packageDetailGrid,body.globalThemeDark .grid .card{background: linear-gradient(180deg, rgba(17, 36, 62, .96), rgba(9, 22, 41, .94)) !important;
  border-color: rgba(128, 202, 255, .30) !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .34) !important;}
body.globalThemeDark .homeIcon,body.globalThemeDark .homeEyebrow,body.globalThemeDark .badge{background: rgba(0, 120, 212, .22) !important;
  border-color: rgba(128, 202, 255, .38) !important;
  color: #c9ecff !important;}
body.globalThemeDark .packageDetailSection{color: #d8e8fb !important;}
body.globalThemeDark .packageDetailSection ul{border-color: rgba(128, 202, 255, .18) !important;}
body.globalThemeDark .packageImage,body.globalThemeDark .homeHeroVisualMain,body.globalThemeDark .homeImageTile{border-color: rgba(128, 202, 255, .28) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .35) !important;}
body.globalThemeDark .siteLogo img,body.globalThemeDark .brand img,body.globalThemeDark .homeLogoMark{background: rgba(255, 255, 255, .96) !important;
  border: 1px solid rgba(128, 202, 255, .35) !important;
  border-radius: 16px !important;
  padding: 8px 10px !important;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .28) !important;}
body.globalThemeDark .homeLogoMark{padding: 14px 18px !important;
  max-width: min(340px, 84vw) !important;}
body.globalThemeDark .homeCta{background: linear-gradient(135deg, #005a9e, #0078d4, #0f62fe) !important;
  border: 1px solid rgba(180, 225, 255, .30) !important;}
body.globalThemeDark .homeCta p,body.globalThemeDark .homeCta h2{color: #ffffff !important;}
body.globalThemeDark a:not(.btn){color: #9edbff;}
.langToggleBtn.langSwitch,.themeToggleBtn.themeSwitch{display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 72px !important;
  min-height: 38px !important;
  padding: 9px 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 120, 212, .22) !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #174b7c !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 28px rgba(0, 66, 120, .08) !important;}
.langToggleBtn.langSwitch:hover,.themeToggleBtn.themeSwitch:hover{background: #edf6ff !important;
  color: #005a9e !important;
  transform: translateY(-2px) !important;}
.themeToggleBtn.themeSwitch.active,.langToggleBtn.langSwitch.active{background: linear-gradient(135deg, #0078d4, #00a4ef) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, .18) !important;}
.sideLang.langToggleBtn,.sideThemeSwitch.themeToggleBtn{width: 100% !important;
  margin: 4px 0 !important;}
.mobileThemeSwitch.themeToggleBtn{min-width: 66px !important;
  padding: 8px 12px !important;}
body.globalThemeDark .langToggleBtn.langSwitch,body.globalThemeDark .themeToggleBtn.themeSwitch{background: rgba(7, 19, 37, .84) !important;
  color: #bde3ff !important;
  border-color: rgba(117, 185, 255, .28) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, .28) !important;}
body.globalThemeDark .langToggleBtn.langSwitch:hover,body.globalThemeDark .themeToggleBtn.themeSwitch:hover{background: rgba(16, 43, 73, .96) !important;
  color: #ffffff !important;}
body.globalThemeDark .themeToggleBtn.themeSwitch.active,body.globalThemeDark .langToggleBtn.langSwitch.active{background: linear-gradient(135deg, #0078d4, #00a4ef) !important;
  color: #ffffff !important;}
body.globalThemeDark .card:has(.packageImage),body.globalThemeDark .packageDetailGrid,body.globalThemeDark .packageDetailSection{background: linear-gradient(180deg, rgba(15, 32, 55, .98), rgba(7, 19, 37, .96)) !important;
  border-color: rgba(128, 202, 255, .34) !important;
  color: #eef7ff !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .36) !important;}
body.globalThemeDark .card:has(.packageImage) h1,body.globalThemeDark .card:has(.packageImage) h2,body.globalThemeDark .card:has(.packageImage) h3,body.globalThemeDark .packageDetailGrid h1,body.globalThemeDark .packageDetailGrid h2,body.globalThemeDark .packageDetailSection h2,body.globalThemeDark .packageDetailSection strong{color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(0, 0, 0, .35) !important;}
body.globalThemeDark .card:has(.packageImage) p,body.globalThemeDark .packageDetailGrid p,body.globalThemeDark .packageDetailSection p,body.globalThemeDark .packageDetailSection li{color: #dcecff !important;}
body.globalThemeDark .packageDetailSection h2::before{background: linear-gradient(135deg, #80caff, #00a4ef) !important;
  box-shadow: 0 0 0 5px rgba(128, 202, 255, .13) !important;}
body.globalThemeDark .packageDetailSection li::marker{color: #80caff !important;}
body.globalThemeDark .packageDetailSection::after,body.globalThemeDark .card:has(.packageImage)::after{background: radial-gradient(circle, rgba(128, 202, 255, .16), transparent 66%) !important;}
body.globalThemeDark .badge{background: rgba(0, 120, 212, .34) !important;
  color: #dff4ff !important;
  border-color: rgba(128, 202, 255, .42) !important;}
body.globalThemeDark .packageDetailIntroCard{background: linear-gradient(180deg, rgba(15, 32, 55, .98), rgba(7, 19, 37, .96)) !important;
  border-color: rgba(128, 202, 255, .34) !important;
  color: #eef7ff !important;}
body.globalThemeDark .packageDetailIntroCard h1,body.globalThemeDark .packageDetailIntroCard strong{color: #ffffff !important;}
body.globalThemeDark .packageDetailIntroCard p{color: #dcecff !important;}
body.publicBody .siteHeader{padding-left: clamp(38px, 4.4vw, 64px) !important;}
.homeHeroCopy .homeLogoMark{margin-left: clamp(18px, 2.4vw, 34px) !important;}
body.globalThemeDark .siteLogo img,body.globalThemeDark .brand img,body.globalThemeDark .homeLogoMark,body.portalThemeDark .homeLogoMark{content: url("/assets/brand/LogoRemoteITCloudDark.png") !important;
  background: linear-gradient(135deg, rgba(10, 31, 55, .58), rgba(0, 120, 212, .18)) !important;
  border: 1px solid rgba(128, 202, 255, .28) !important;
  border-radius: 18px !important;
  padding: 7px 10px !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .34), 0 0 0 1px rgba(255,255,255,.05) inset !important;}
body.globalThemeDark .homeLogoMark,body.portalThemeDark .homeLogoMark{border-radius: 24px !important;
  padding: 12px 16px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .38), 0 0 34px rgba(0, 164, 239, .16) !important;}
@media (max-width: 700px){body.publicBody .siteHeader{padding-left: 18px !important;}.homeHeroCopy .homeLogoMark{margin-left: 0 !important;}}
.passwordRevealWrap{display: flex;
  align-items: stretch;
  gap: 8px;
  width: 100%;
  max-width: 380px;
  margin: 6px 0 14px;}
.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{flex: 1 1 auto;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
  padding: 12px !important;
  border-radius: 16px !important;}
.passwordRevealWrap input[type="password"]:focus,.passwordRevealWrap input[type="text"]:focus{outline: none;}
.passwordRevealButton{flex: 0 0 44px;
  width: 44px;
  min-width: 44px;
  height: auto;
  min-height: 44px;
  border: 1px solid rgba(0, 120, 212, .22);
  border-radius: 16px;
  background: rgba(255,255,255,.88);
  color: rgba(15, 23, 42, .62);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  cursor: pointer;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;}
.passwordRevealIcon{width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
  pointer-events: none;}
.personIconGlyph{font-size: 22px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.settingCard .passwordRevealWrap{max-width: 380px;}
@media (max-width: 560px){.passwordRevealWrap,.settingCard .passwordRevealWrap{max-width: 100%;}}
body.globalThemeDark .passwordRevealIcon{filter: invert(1) brightness(1.55);}
.passwordRevealButton:hover,.passwordRevealButton:focus-visible,.passwordRevealButton.active{background: rgba(238, 246, 255, .98);
  border-color: rgba(0, 120, 212, .58);
  color: #005a9e;
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 120, 212, .10);}
body.globalThemeDark .passwordRevealButton{background: rgba(7, 19, 37, .84);
  border-color: rgba(117,185,255,.28);
  color: rgba(229, 244, 255, .76);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);}
body.globalThemeDark .passwordRevealButton:hover,body.globalThemeDark .passwordRevealButton:focus-visible,body.globalThemeDark .passwordRevealButton.active{background: rgba(10, 24, 45, .96);
  border-color: rgba(128, 202, 255, .62);
  color: #ffffff;
  box-shadow: 0 0 0 4px rgba(128, 202, 255, .12);}
.homeHeroCopy .homeLogoMark,body.globalThemeDark .homeHeroCopy .homeLogoMark,body.portalThemeDark .homeHeroCopy .homeLogoMark{justify-self: start !important;
  align-self: start !important;
  margin-left: 0 !important;
  margin-right: auto !important;}
body.globalThemeDark .siteHeader{background: rgba(5, 16, 32, .94) !important;
  border-bottom-color: rgba(128, 202, 255, .34) !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, .45) !important;}
body.globalThemeDark .siteLogo,body.globalThemeDark .siteLogo span{color: #f4fbff !important;}
body.globalThemeDark .mainNav a{color: #e7f4ff !important;
  background: rgba(255, 255, 255, .03) !important;
  border: 1px solid transparent !important;
  text-shadow: 0 1px 12px rgba(0, 0, 0, .38) !important;}
body.globalThemeDark .mainNav a:hover{color: #ffffff !important;
  background: rgba(0, 120, 212, .32) !important;
  border-color: rgba(128, 202, 255, .30) !important;}
body.globalThemeDark .mainNav a.active{color: #ffffff !important;
  background: linear-gradient(135deg, rgba(0, 120, 212, .78), rgba(0, 164, 239, .62)) !important;
  border-color: rgba(180, 230, 255, .42) !important;
  box-shadow: 0 10px 24px rgba(0, 120, 212, .22) !important;}
body.globalThemeDark .headerActions .btn.secondary,body.globalThemeDark .headerActions .btn{color: #ffffff !important;
  border-color: rgba(128, 202, 255, .34) !important;}
body.globalThemeDark .navToggle{background: rgba(13, 27, 47, .92) !important;
  color: #ffffff !important;
  border-color: rgba(128, 202, 255, .34) !important;}
@media (max-width: 760px){body.globalThemeDark .mainNav{background: rgba(5, 16, 32, .98) !important;
    border-top-color: rgba(128, 202, 255, .26) !important;}body.globalThemeDark .mainNav a{width: 100% !important;}}
.emailSettingsPageGrid .buttonRow{flex-wrap: wrap;}
.emailSettingsPageGrid .mailSettingsCard{grid-column: span 2;}
.emailSettingsPageGrid .mailTemplateCard{grid-column: 1 / -1;}
@media (max-width: 900px){.emailSettingsPageGrid .mailSettingsCard{grid-column: 1 / -1;}}
.headerActions .iconOnlyControl{position: relative;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 16px !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: nowrap !important;}
.headerActions .iconOnlyControl .iconGlyph{display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
  width: 28px;
  height: 28px;
  pointer-events: none;}
.headerActions .iconOnlyControl .iconImage{width: 26px;
  height: 26px;
  display: block;
  object-fit: contain;
  pointer-events: none;}
.headerActions .themeToggleBtn .iconImage,.headerActions .langToggleBtn .iconImage{width: 28px;
  height: 28px;}
.headerActions .iconOnlyControl::after{content: attr(data-tooltip);
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity .16s ease, transform .16s ease;
  background: rgba(9, 22, 42, .96);
  color: #ffffff;
  border: 1px solid rgba(128, 202, 255, .26);
  border-radius: 12px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, .22);
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.25;
  min-width: max-content;
  max-width: 240px;}
.headerActions .iconOnlyControl:hover::after,.headerActions .iconOnlyControl:focus-visible::after{opacity: 1;
  transform: translateY(0);}
body.globalThemeDark .headerActions .iconOnlyControl,body.globalThemeDark .headerActions .iconOnlyControl.btn.secondary,body.globalThemeDark .headerActions .iconOnlyControl.themeToggleBtn,body.globalThemeDark .headerActions .iconOnlyControl.langToggleBtn{background: rgba(14, 33, 58, .94) !important;
  color: #eaf6ff !important;
  border: 1px solid rgba(128, 202, 255, .30) !important;}
body.globalThemeDark .headerActions .iconOnlyControl:hover,body.globalThemeDark .headerActions .iconOnlyControl:focus-visible,body.globalThemeDark .headerActions .iconOnlyControl.active{background: rgba(0, 120, 212, .32) !important;
  color: #ffffff !important;
  border-color: rgba(128, 202, 255, .62) !important;}
body.globalThemeDark .headerActions .iconOnlyControl::after{background: rgba(3, 12, 24, .98);
  color: #ffffff;
  border-color: rgba(128, 202, 255, .38);}
@media (max-width: 900px){.headerActions .iconOnlyControl::after{right: auto;
    left: 0;}}
.iconFloatingBtn.floatingRequestBtn,.iconFloatingBtn.chatBtn{width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  overflow: visible !important;}
.iconFloatingBtn .floatingBtnIcon,.iconFloatingBtn .assistantLogoImg{width: 34px !important;
  height: 34px !important;
  display: block !important;
  object-fit: contain !important;}
.iconFloatingBtn .assistantLogoBubble{width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;}
.iconFloatingBtn::after{content: attr(data-tooltip);
  position: absolute;
  right: calc(100% + 12px);
  top: 50%;
  transform: translateY(-50%);
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  background: rgba(15, 23, 42, .96);
  color: #fff;
  border-radius: 12px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: 0 14px 28px rgba(0,0,0,.22);
  transition: opacity .16s ease, transform .16s ease;}
.iconFloatingBtn:hover::after,.iconFloatingBtn:focus-visible::after{opacity: 1;
  transform: translateY(-50%) translateX(-2px);}
body.globalThemeDark .iconFloatingBtn .requestBtnIcon{filter: invert(1) brightness(1.35);}
body.globalThemeDark .headerActions .iconOnlyControl .iconImage{filter: invert(1) brightness(1.35);}
@media (max-width: 640px){.iconFloatingBtn.floatingRequestBtn,.iconFloatingBtn.chatBtn{width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;}.iconFloatingBtn .floatingBtnIcon,.iconFloatingBtn .assistantLogoImg{width: 30px !important;
    height: 30px !important;}}
.headerActions .iconOnlyControl{width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  border-radius: 18px !important;}
.headerActions .iconOnlyControl .iconImage,.headerActions .themeToggleBtn .iconImage,.headerActions .langToggleBtn .iconImage{width: 38px !important;
  height: 38px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;}
.headerActions .iconOnlyControl .iconGlyph{font-size: 34px !important;
  width: 38px !important;
  height: 38px !important;}
.passwordRevealWrap{width: 100% !important;
  max-width: none !important;}
.settingCard .passwordRevealWrap{width: 100% !important;
  max-width: none !important;}
.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{flex: 1 1 auto !important;
  width: 100% !important;}
.passwordRevealButton{flex: 0 0 56px !important;
  width: 56px !important;
  min-width: 56px !important;
  min-height: 48px !important;}
.passwordRevealIcon{width: 46px !important;
  height: 46px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;}
body.globalThemeDark .passwordRevealIcon{filter: invert(1) brightness(1.45) !important;}
@media (max-width: 640px){.headerActions .iconOnlyControl{width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;}.headerActions .iconOnlyControl .iconImage,.headerActions .themeToggleBtn .iconImage,.headerActions .langToggleBtn .iconImage{width: 34px !important;
    height: 34px !important;}.passwordRevealButton{flex-basis: 52px !important;
    width: 52px !important;
    min-width: 52px !important;}.passwordRevealIcon{width: 42px !important;
    height: 42px !important;}}
.passwordRevealWrap{display: grid !important;
  grid-template-columns: minmax(0, 100%) 64px !important;
  column-gap: 10px !important;
  align-items: stretch !important;
  width: calc(100% + 74px) !important;
  max-width: calc(100% + 74px) !important;
  margin: 6px 0 14px !important;
  box-sizing: border-box !important;}
.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px !important;}
.passwordRevealButton{grid-column: 2 !important;
  flex: none !important;
  width: 64px !important;
  min-width: 64px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;}
.passwordRevealIcon{width: 100% !important;
  height: 100% !important;
  padding: 2px !important;
  object-fit: contain !important;
  display: block !important;
  box-sizing: border-box !important;}
.settingCard .passwordRevealWrap,.emailSettingsPageGrid .passwordRevealWrap{width: calc(100% + 74px) !important;
  max-width: calc(100% + 74px) !important;}
@media (max-width: 720px){.passwordRevealWrap,.settingCard .passwordRevealWrap,.emailSettingsPageGrid .passwordRevealWrap{grid-template-columns: minmax(0, 1fr) 58px !important;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 8px !important;}.passwordRevealButton{width: 58px !important;
    min-width: 58px !important;}}
.homeHeroCopy > .homeLogoMark{display: none !important;}
.passwordRevealWrap{position: relative !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 14px !important;
  overflow: visible !important;}
.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px !important;}
.passwordRevealButton{position: absolute !important;
  left: calc(100% + 10px) !important;
  right: auto !important;
  top: 0 !important;
  transform: none !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 100% !important;
  min-height: 48px !important;
  max-height: none !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;}
.passwordRevealIcon{width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  display: block !important;
  box-sizing: border-box !important;}
.settingCard,.mailSettingsCard,.emailTestCard{overflow: visible !important;}
.settingCard form,.mailSettingsCard form,.emailTestCard form{padding-right: 78px !important;
  box-sizing: border-box !important;}
@media (max-width: 720px){.passwordRevealButton{left: auto !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 54px !important;
    min-width: 54px !important;
    height: 42px !important;
    min-height: 42px !important;}.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{padding-right: 66px !important;}.settingCard form,.mailSettingsCard form,.emailTestCard form{padding-right: 0 !important;}}
.passwordRevealWrap{display: grid !important;
  grid-template-columns: minmax(0, 1fr) 64px !important;
  column-gap: 10px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 14px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  position: relative !important;}
.passwordRevealWrap input[type="password"],.passwordRevealWrap input[type="text"]{grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px !important;}
.passwordRevealButton{grid-column: 2 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 64px !important;
  min-width: 64px !important;
  height: auto !important;
  min-height: 48px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;}
.passwordRevealIcon{width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  display: block !important;
  box-sizing: border-box !important;}
.settingCard form,.mailSettingsCard form,.emailTestCard form{padding-right: 0 !important;}
.headerDropdown{position: relative;
  display: inline-flex;
  align-items: center;}
.headerDropdownButton{cursor: pointer;}
.headerDropdownMenu{position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 180px;
  padding: 8px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .98);
  border: 1px solid rgba(0, 120, 212, .18);
  box-shadow: 0 22px 60px rgba(9, 30, 66, .18);
  display: none;
  z-index: 120;}
.headerDropdown.open .headerDropdownMenu{display: grid;
  gap: 6px;}
.headerDropdownMenu a,.headerDropdownMenu button{appearance: none;
  width: 100%;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #14304d;
  padding: 10px 12px;
  text-align: left;
  font: inherit;
  font-weight: 800;
  text-decoration: none;
  cursor: pointer;
  display: block;}
.headerDropdownMenu a:hover,.headerDropdownMenu button:hover,.headerDropdownMenu a:focus-visible,.headerDropdownMenu button:focus-visible{background: rgba(0, 120, 212, .12);
  color: #005a9e;
  outline: none;}
body.globalThemeDark .headerDropdownMenu{background: rgba(8, 21, 39, .98);
  border-color: rgba(128, 202, 255, .28);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .38);}
body.globalThemeDark .headerDropdownMenu a,body.globalThemeDark .headerDropdownMenu button{color: #eaf3ff;}
body.globalThemeDark .headerDropdownMenu a:hover,body.globalThemeDark .headerDropdownMenu button:hover,body.globalThemeDark .headerDropdownMenu a:focus-visible,body.globalThemeDark .headerDropdownMenu button:focus-visible{background: rgba(128, 202, 255, .14);
  color: #ffffff;}
@media (max-width: 720px){.passwordRevealWrap{grid-template-columns: minmax(0, 1fr) 56px !important;
    column-gap: 8px !important;}.passwordRevealButton{width: 56px !important;
    min-width: 56px !important;
    min-height: 46px !important;}.headerDropdownMenu{right: auto;
    left: 0;}}
.mainNav a{font-size: 1.08rem !important;
  font-weight: 850 !important;}
.aboutTopLogoWrap{width: 100%;
  display: flex;
  justify-content: center;
  margin: 18px 0 28px;}
.aboutTopLogo{width: min(420px, 82vw) !important;
  height: auto !important;
  display: block;
  object-fit: contain;}
body.globalThemeDark .aboutTopLogo,body.portalThemeDark .aboutTopLogo{content: url("/assets/brand/LogoRemoteITCloudDark.png") !important;
  background: linear-gradient(135deg, rgba(10, 31, 55, .58), rgba(0, 120, 212, .18)) !important;
  border: 1px solid rgba(128, 202, 255, .28) !important;
  border-radius: 22px !important;
  padding: 12px 16px !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .34) !important;}
@media (max-width: 720px){.mainNav a{font-size: 1.02rem !important;}}
.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 44px !important;
  height: 44px !important;
  max-width: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;}
.headerActions .langToggleBtn,.headerActions .themeToggleBtn{width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;}
@media (max-width: 640px){.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 40px !important;
    height: 40px !important;
    max-width: 40px !important;
    max-height: 40px !important;}.headerActions .langToggleBtn,.headerActions .themeToggleBtn{width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;}}
.settingCard,.emailSettingsPageGrid,.mailSettingsCard,.emailTestCard,.card{overflow: visible !important;}
.settingCard .passwordRevealWrap,.emailSettingsPageGrid .passwordRevealWrap,.mailSettingsCard .passwordRevealWrap,.emailTestCard .passwordRevealWrap{display: grid !important;
  grid-template-columns: minmax(0, 1fr) 42px !important;
  column-gap: 8px !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 6px 0 14px !important;
  box-sizing: border-box !important;
  overflow: visible !important;
  position: relative !important;}
.settingCard .passwordRevealWrap input[type="password"],.settingCard .passwordRevealWrap input[type="text"],.emailSettingsPageGrid .passwordRevealWrap input[type="password"],.emailSettingsPageGrid .passwordRevealWrap input[type="text"],.mailSettingsCard .passwordRevealWrap input[type="password"],.mailSettingsCard .passwordRevealWrap input[type="text"],.emailTestCard .passwordRevealWrap input[type="password"],.emailTestCard .passwordRevealWrap input[type="text"]{grid-column: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  box-sizing: border-box !important;}
.settingCard .passwordRevealButton,.emailSettingsPageGrid .passwordRevealButton,.mailSettingsCard .passwordRevealButton,.emailTestCard .passwordRevealButton{grid-column: 2 !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  height: auto !important;
  min-height: 42px !important;
  padding: 0 !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;}
.passwordRevealIcon,.settingCard .passwordRevealIcon,.emailSettingsPageGrid .passwordRevealIcon,.mailSettingsCard .passwordRevealIcon,.emailTestCard .passwordRevealIcon{width: 28px !important;
  height: 28px !important;
  max-width: 28px !important;
  max-height: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  object-fit: contain !important;
  display: block !important;}
.settingCard form,.emailSettingsPageGrid form,.mailSettingsCard form,.emailTestCard form{padding-right: 0 !important;}
@media (max-width: 720px){.settingCard .passwordRevealWrap,.emailSettingsPageGrid .passwordRevealWrap,.mailSettingsCard .passwordRevealWrap,.emailTestCard .passwordRevealWrap{grid-template-columns: minmax(0, 1fr) 40px !important;
    column-gap: 7px !important;}.settingCard .passwordRevealButton,.emailSettingsPageGrid .passwordRevealButton,.mailSettingsCard .passwordRevealButton,.emailTestCard .passwordRevealButton{width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    min-height: 40px !important;}.passwordRevealIcon,.settingCard .passwordRevealIcon,.emailSettingsPageGrid .passwordRevealIcon,.mailSettingsCard .passwordRevealIcon,.emailTestCard .passwordRevealIcon{width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;}}
.notificationSettingsCard{grid-column: 1 / -1;}
.notificationGroup{margin: 18px 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(0, 120, 212, .055);
  border: 1px solid rgba(0, 120, 212, .14);}
.notificationGroup h3{margin: 0 0 10px;
  font-size: 1.05rem;
  color: #0f2744;}
.notificationGroup .checkLine{margin-bottom: 10px;}
.passwordRulesBox{margin: 10px 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(0, 120, 212, .06);
  border: 1px solid rgba(0, 120, 212, .16);}
.passwordRulesList{margin: 8px 0 0;
  padding-left: 20px;
  display: grid;
  gap: 6px;}
.passwordRulesList li{color: #7a4250;
  font-weight: 750;}
.passwordRulesList li.ruleOk{color: #107c10;}
.passwordRulesList li.ruleOk::marker{content: "✓ ";}
#resetPasswordSubmit:disabled{opacity: .55;
  cursor: not-allowed;}
.aboutTopLogoWrap{width: 100%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  margin: 0 auto 30px;
  padding: 4px 0 10px;}
.aboutTopLogo{display: block;
  max-width: min(340px, 74vw);
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 34px rgba(0, 120, 212, .16));}
body.portalThemeDark .aboutTopLogo{filter: drop-shadow(0 18px 34px rgba(128, 202, 255, .18));}
.aboutBottomLogoWrap{display: none !important;}
@keyframes ticketPanelIn{from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: translateY(0); }}
.legacyContractTextCard{margin-top: 22px;}
.requestInlineHeader{display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 18px;}
.requestInlineHeader h1{margin-bottom: 0 !important;}
.requestStatusPill{display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 9px 16px;
  border-radius: 999px;
  font-weight: 950;
  border: 1px solid rgba(15,23,42,.10);
  white-space: nowrap;}
.requestStatusPill.requestStatusNew{background: #ffefaa; color: #854d0e;}
.requestStatusPill.requestStatusInProgress{background: #d7ecff; color: #075985;}
.requestStatusPill.requestStatusOffer{background: #ead5ff; color: #6b21a8;}
.requestStatusPill.requestStatusWon{background: #d9fbe7; color: #166534;}
.requestStatusPill.requestStatusLost{background: #ffd6dc; color: #9f1239;}
.requestStatusPill.requestStatusDefault{background: #e2e8f0; color: #334155;}
@media (max-width: 700px){.requestInlineHeader{display: grid;}}
.smallBtn{padding: 8px 12px !important;
  min-height: auto !important;}
.requestWorkspace.treeWorkspace{display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 18px;
  align-items: start;}
.treeMenuPane{position: sticky;
  top: 92px;
  max-height: calc(100vh - 120px);
  overflow: auto;}
.expandableTreeMenu details{margin: 8px 0;}
.expandableTreeMenu summary{cursor: pointer;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(37, 99, 235, .12);
  background: rgba(248, 250, 252, .92);
  font-weight: 800;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;}
.expandableTreeMenu summary:hover{background: rgba(219, 234, 254, .9);}
.treeGroupInner{margin-left: 10px;}
.treeLinkList{display: grid; gap: 6px; padding: 8px 0 2px 12px;}
.treeDocLink{display: grid;
  gap: 3px;
  text-decoration: none;
  color: inherit;
  border-radius: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(15, 23, 42, .08);
  background: rgba(255, 255, 255, .92);}
.treeDocLink:hover,.treeDocLink.active{border-color: rgba(37, 99, 235, .38); box-shadow: 0 8px 18px rgba(15, 23, 42, .08);}
.treeDocLink small,.treeCount{color: var(--muted); font-size: .82rem;}
.requestFilterForm{grid-template-columns: repeat(6, minmax(120px, 1fr)) auto; align-items: end;}
.requestFilterActions{display: flex; gap: 8px; flex-wrap: wrap; min-width: 240px;}
.requestSelectedCard{border-left: 6px solid rgba(37, 99, 235, .35);}
@media (max-width: 980px){.requestWorkspace.treeWorkspace{grid-template-columns: 1fr;}.treeMenuPane{position: static; max-height: none;}.requestFilterForm{grid-template-columns: 1fr 1fr;}.requestFilterActions{grid-column: 1 / -1;}}
@media (max-width: 640px){.requestFilterForm{grid-template-columns: 1fr;}}
.treeMiniToggle{position: absolute;
  left: -4px;
  top: 8px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, .12);
  background: rgba(255,255,255,.92);
  color: var(--muted);
  cursor: pointer;
  font-size: 13px;
  line-height: 1;
  z-index: 2;}
.strongHorizontalFilter{width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;}
.requestFilterActions{display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-width: 260px !important;
  flex-wrap: nowrap !important;}
.requestFilterActions .btn,.requestFilterActions button{min-height: 56px !important;
  width: auto !important;
  min-width: 112px !important;
  padding: 14px 18px !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;}
.resultMetaRow{display: flex;
  gap: 10px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 14px;}
.requestWorkspace.treeWorkspace{display: block !important;}
.requestMainPane{width: 100% !important;
  max-width: none !important;}
@media (max-width: 900px){.requestFilterActions{min-width: 0 !important;
    flex-wrap: wrap !important;}}
.requestFilterCard input,.requestFilterCard select{min-width: 0;}
body.globalThemeDark{--text: #f4f9ff !important;
  --muted: #c9d8ea !important;
  --card: rgba(10, 24, 45, .96) !important;
  --line: rgba(147, 197, 253, .34) !important;
  --soft: rgba(17, 42, 72, .92) !important;
  color: #f4f9ff !important;}
body.globalThemeDark :is(.card, .metric, .table, .portalHeroCard, .ticketForm, .requestDetailForm, .ticketThreadCard, .contractDetailCard, .contractFormCard, .contractSelectedDetailCard, .contractFilterCard, .contractListCard, .contractOverviewCard, .contractMosaicTile, .contractCategoryLandingTile, .adminResultTile, .crmCustomerResultTile, .crmDetailFullCard, .crmCustomerOverviewCard, .crmOverviewBox, .crmInfoBox, .crmSingleTreePane, .customerAnfragenTreePane, .customerRequestEditInline, .customerRequestThreadInline, .portalLoginBox, .loginCard, .successCard, .settingsCard, .settingCard, .secretBox, .mailPreviewBox, .emailLocalNotice, .chatBox, .cookie),body.portalThemeDark :is(.card, .metric, .table, .portalHeroCard, .ticketForm, .requestDetailForm, .ticketThreadCard, .contractDetailCard, .contractFormCard, .contractSelectedDetailCard, .contractFilterCard, .contractListCard, .contractOverviewCard, .contractMosaicTile, .contractCategoryLandingTile, .adminResultTile, .crmCustomerResultTile, .crmDetailFullCard, .crmCustomerOverviewCard, .crmOverviewBox, .crmInfoBox, .crmSingleTreePane, .customerAnfragenTreePane, .customerRequestEditInline, .customerRequestThreadInline, .portalLoginBox, .loginCard, .successCard, .settingsCard, .settingCard, .secretBox, .mailPreviewBox, .emailLocalNotice, .chatBox, .cookie){background: linear-gradient(180deg, rgba(13, 29, 53, .98), rgba(7, 19, 37, .96)) !important;
  border-color: rgba(147, 197, 253, .34) !important;
  color: #f4f9ff !important;
  box-shadow: 0 20px 52px rgba(0, 0, 0, .36) !important;}
body.globalThemeDark a:not(.btn):not(.button):hover{color: #dff6ff !important;}
body.globalThemeDark :is(input, select, textarea){background: rgba(3, 13, 28, .94) !important;
  color: #f4f9ff !important;
  border-color: rgba(147, 197, 253, .42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;}
body.globalThemeDark :is(input, select, textarea):focus{border-color: rgba(125, 211, 252, .82) !important;
  box-shadow: 0 0 0 4px rgba(125, 211, 252, .16) !important;
  outline: none !important;}
body.globalThemeDark :is(input, textarea)::placeholder{color: #9fb3c8 !important;}
body.globalThemeDark :is(.table th, .table td){border-color: rgba(147, 197, 253, .22) !important;}
body.globalThemeDark .table th{background: rgba(24, 49, 84, .98) !important;
  color: #ffffff !important;}
body.globalThemeDark .table td{background: rgba(10, 24, 45, .82) !important;
  color: #eaf3ff !important;}
body.globalThemeDark :is(.notice.success, .successText){color: #bbf7d0 !important;}
body.globalThemeDark :is(.notice.error, .errorText){color: #fecaca !important;}
.chatBox,.chatBox.open{z-index: 90 !important;}
.chatBtn,.robotChatBtn{z-index: 92 !important;}
.floatingRequestBtn{z-index: 20 !important;}
body.assistantOpen .floatingRequestBtn{z-index: 8 !important;
  pointer-events: none !important;}
body.assistantOpen .floatingRequestBtn::after{display: none !important;}
.headerActions .langToggleBtn{width: 62px !important;
  min-width: 62px !important;
  height: 62px !important;
  min-height: 62px !important;}
.headerActions .langToggleBtn .langIconImage{width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;}
.headerLanguageDropdown .headerDropdownMenu button[data-lang-choice]{position: relative;
  padding-left: 42px !important;
  border: 1px solid transparent !important;}
.headerLanguageDropdown .headerDropdownMenu button[data-lang-choice]::before{content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  transform: translateY(-50%);
  border: 2px solid rgba(0, 120, 212, .35);
  background: rgba(255, 255, 255, .82);}
.headerLanguageDropdown .headerDropdownMenu button[data-lang-choice].active{background: linear-gradient(135deg, rgba(0, 120, 212, .18), rgba(0, 164, 239, .14)) !important;
  border-color: rgba(0, 120, 212, .34) !important;
  color: #004f8a !important;
  box-shadow: inset 4px 0 0 #0078d4, 0 10px 24px rgba(0, 120, 212, .10) !important;}
.headerLanguageDropdown .headerDropdownMenu button[data-lang-choice].active::before{content: "✓";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 11px;
  font-weight: 950;
  border-color: #0078d4;
  background: linear-gradient(135deg, #0078d4, #00a4ef);}
body.globalThemeDark .headerLanguageDropdown .headerDropdownMenu button[data-lang-choice].active{background: linear-gradient(135deg, rgba(0, 120, 212, .32), rgba(0, 164, 239, .20)) !important;
  border-color: rgba(128, 202, 255, .46) !important;
  color: #ffffff !important;
  box-shadow: inset 4px 0 0 #80caff, 0 12px 28px rgba(0, 0, 0, .24) !important;}
body.globalThemeDark .headerLanguageDropdown .headerDropdownMenu button[data-lang-choice]::before{border-color: rgba(128, 202, 255, .46);
  background: rgba(8, 21, 39, .72);}
@media (max-width: 640px){.headerActions .langToggleBtn{width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;}.headerActions .langToggleBtn .langIconImage{width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;}}
.headerActions .iconOnlyControl,.headerActions .langToggleBtn,.headerActions .themeToggleBtn,.headerActions .headerPortalDropdown .iconOnlyControl{width: 62px !important;
  min-width: 62px !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 0 !important;
  border-radius: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;}
.headerActions .iconOnlyControl .iconImage,.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 52px !important;
  height: 52px !important;
  max-width: 52px !important;
  max-height: 52px !important;
  object-fit: contain !important;}
.displaySettingsCard{width: 100% !important;
  max-width: none !important;}
@media (max-width: 640px){.headerActions .iconOnlyControl,.headerActions .langToggleBtn,.headerActions .themeToggleBtn,.headerActions .headerPortalDropdown .iconOnlyControl{width: 54px !important;
    min-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;}.headerActions .iconOnlyControl .iconImage,.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;}}
.fieldError,.captchaInlineError{display: block;
  margin: .45rem 0 0;
  color: #b42318;
  font-size: .92rem;
  font-weight: 750;
  line-height: 1.35;}
body.globalThemeDark .fieldError,body.globalThemeDark .captchaInlineError{color: #ffb4a8 !important;}
button.btn[data-customer-request-new-toggle]{cursor: pointer;}
.requestSuccessPageCard{max-width: 760px;
  margin: 32px auto;
  text-align: center;}
.requestSuccessPageCard h1{margin-top: 8px;}
.requestSuccessActions{justify-content: center;
  margin-top: 22px;}
.requestCreateCard{width: min(100%, 1500px);
  margin-left: auto;
  margin-right: auto;}
.requestCreateGrid{align-items: stretch;}
.requestCreateGrid textarea{min-height: 170px;}
.requestDetailWorkspace.requestThreadTimeline{display: grid;
  grid-template-columns: minmax(280px, 360px) minmax(0, 1fr);
  gap: 26px;
  align-items: start;
  width: 100% !important;
  max-width: min(1580px, calc(100vw - 90px)) !important;
  margin: 0 auto 34px !important;}
.requestDetailWorkspace .requestDetailTreePane{position: sticky;
  top: 104px;}
.requestDetailMainPane{min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;}
.requestDetailMainPane .requestDetailForm,.requestDetailMainPane .requestThreadWorkspaceContent{width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;}
.requestThreadWorkspaceContent{margin-top: 0 !important;}
@media (max-width: 1180px){.requestDetailWorkspace.requestThreadTimeline{grid-template-columns: 1fr;
    max-width: calc(100vw - 32px) !important;}.requestDetailWorkspace .requestDetailTreePane{position: relative;
    top: auto;
    max-height: none;}}
.requestReadonlyMetaGrid{align-items: stretch;}
.requestReadonlyBox{padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(184, 216, 246, .72);
  background: rgba(248, 252, 255, .72);}
.requestReadonlyBox h3{margin: 0 0 12px;
  font-size: 18px;}
.requestReadonlyBox p{margin: 7px 0;
  line-height: 1.5;}
.requestMainActions{margin-top: 18px;}
body.globalThemeDark .requestReadonlyBox{background: rgba(15, 23, 42, .64);
  border-color: rgba(96, 165, 250, .24);}
.headerActions{gap: 7px !important;}
.headerActions .iconOnlyControl,.headerActions .langToggleBtn,.headerActions .themeToggleBtn,.headerActions .headerPortalDropdown .iconOnlyControl{width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  border-radius: 12px !important;}
.headerActions .iconOnlyControl .iconImage,.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 30px !important;
  height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  object-fit: contain !important;}
@media (max-width: 640px){.headerActions{gap: 6px !important;}.headerActions .iconOnlyControl,.headerActions .langToggleBtn,.headerActions .themeToggleBtn,.headerActions .headerPortalDropdown .iconOnlyControl{width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 11px !important;}.headerActions .iconOnlyControl .iconImage,.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 27px !important;
    height: 27px !important;
    max-width: 27px !important;
    max-height: 27px !important;}}
.requestMiniEditor{border: 1px solid rgba(184, 216, 246, .86);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, .86);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);}
.requestMiniEditorToolbar{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  border-bottom: 1px solid rgba(184, 216, 246, .72);
  background: rgba(241, 247, 253, .86);}
.requestMiniEditorToolbar button{min-height: 34px;
  padding: 7px 11px;
  border-radius: 10px;
  border: 1px solid rgba(148, 190, 229, .72);
  background: rgba(255, 255, 255, .9);
  color: var(--text);
  font-size: 13px;
  font-weight: 750;
  cursor: pointer;}
.requestMiniEditorToolbar button:hover,.requestMiniEditorToolbar button:focus-visible{border-color: rgba(37, 99, 235, .55);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, .18);}
.requestMiniEditorSep{width: 1px;
  min-height: 30px;
  background: rgba(148, 163, 184, .45);
  margin: 2px 2px;}
.requestMiniEditorArea{min-height: 360px;
  padding: 18px;
  outline: none;
  font-size: 16px;
  line-height: 1.65;
  color: var(--text);}
.requestMiniEditorArea:empty::before{content: attr(data-placeholder);
  color: var(--muted);}
.requestMiniEditorArea p{margin: 0 0 12px;}
.requestMiniEditorArea ul,.requestMiniEditorArea ol,.richReplyMessage ul,.richReplyMessage ol{margin: 10px 0 10px 24px;
  padding: 0;}
.richReplyMessage p{margin: 0 0 12px;}
.richReplyMessage p:last-child{margin-bottom: 0;}
body.globalThemeDark .requestMiniEditor{background: rgba(15, 23, 42, .78);
  border-color: rgba(96, 165, 250, .26);}
body.globalThemeDark .requestMiniEditorToolbar{background: rgba(15, 23, 42, .72);
  border-bottom-color: rgba(96, 165, 250, .22);}
body.globalThemeDark .requestMiniEditorToolbar button{background: rgba(30, 41, 59, .92);
  color: #e5eefc;
  border-color: rgba(96, 165, 250, .28);}
@media (max-width: 640px){.requestMiniEditorToolbar{gap: 6px;}.requestMiniEditorToolbar button{min-height: 32px;
    padding: 6px 9px;
    font-size: 12px;}.requestMiniEditorArea{min-height: 300px;
    padding: 14px;}}
.requestWordEditor{border: 1px solid rgba(177, 210, 242, .9);
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(246, 250, 255, .98), rgba(231, 242, 254, .86));
  box-shadow: 0 18px 38px rgba(15, 23, 42, .08), inset 0 1px 0 rgba(255, 255, 255, .9);}
.requestWordRibbon{display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px;
  border-bottom: 1px solid rgba(177, 210, 242, .82);
  background: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(231, 242, 254, .92));}
.requestWordRibbonGroup{display: flex;
  flex-direction: column;
  gap: 7px;
  min-width: 128px;
  padding: 9px 10px 8px;
  border: 1px solid rgba(184, 216, 246, .7);
  border-radius: 14px;
  background: rgba(255, 255, 255, .72);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);}
.requestWordRibbonGroupWide{min-width: 330px;
  flex: 1 1 330px;}
.requestWordRibbonTitle{display: block;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #64748b;}
.requestWordButtonLine,.requestWordSelectLine{display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;}
.requestWordIconBtn,.requestWordTextBtn,.requestWordSelect,.requestWordSizeSelect,.requestWordColorControl{min-height: 34px;
  border: 1px solid rgba(148, 190, 229, .82);
  background: linear-gradient(180deg, #ffffff, #eef6ff);
  color: var(--text);
  border-radius: 9px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);}
.requestWordIconBtn,.requestWordTextBtn{cursor: pointer;
  font-weight: 800;
  font-size: 13px;}
.requestWordIconBtn{width: 36px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;}
.requestWordTextBtn{padding: 0 10px;
  white-space: nowrap;}
.requestWordIconBtn:hover,.requestWordTextBtn:hover,.requestWordIconBtn:focus-visible,.requestWordTextBtn:focus-visible,.requestWordSelect:focus,.requestWordSizeSelect:focus,.requestWordColorControl:focus-within{border-color: rgba(37, 99, 235, .62);
  box-shadow: 0 0 0 3px rgba(96, 165, 250, .18);
  outline: none;}
.requestWordIconBtn.is-active,.requestWordTextBtn.is-active{background: linear-gradient(180deg, #dbeafe, #bfdbfe);
  border-color: rgba(37, 99, 235, .7);
  color: #1d4ed8;}
.requestWordSelect,.requestWordSizeSelect{height: 34px;
  padding: 0 9px;
  font-size: 13px;
  font-weight: 700;
  max-width: 150px;}
.requestWordSizeSelect{width: 72px;}
.requestWordColorControl{position: relative;
  width: 38px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 900;
  overflow: hidden;}
.requestWordColorControl span{pointer-events: none;
  z-index: 1;}
.requestWordColorControl input[type="color"]{position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: .08;
  cursor: pointer;
  border: 0;
  padding: 0;}
.requestWordHighlightControl{background: linear-gradient(180deg, #fff7d6, #fde68a);}
.requestWordDocumentShell{min-height: 430px;
  padding: 22px;
  background: linear-gradient(135deg, rgba(226, 238, 251, .95), rgba(241, 247, 253, .88));}
.requestWordPage{width: min(100%, 820px);
  min-height: 430px;
  margin: 0 auto;
  padding: 34px 42px;
  outline: none;
  border: 1px solid rgba(148, 163, 184, .34);
  border-radius: 8px;
  background: #ffffff;
  color: #0f172a;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .12);
  font-family: Arial, Calibri, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.65;}
.requestWordPage:empty::before{content: attr(data-placeholder);
  color: #94a3b8;}
.requestWordPage p{margin: 0 0 12px;}
.requestWordPage h1,.requestWordPage h2,.requestWordPage h3{margin: 18px 0 10px;
  line-height: 1.25;
  color: #0f172a;}
.requestWordPage h1{font-size: 28px;}
.requestWordPage h2{font-size: 23px;}
.requestWordPage h3{font-size: 19px;}
.requestWordPage blockquote{margin: 14px 0;
  padding: 10px 14px;
  border-left: 4px solid #93c5fd;
  background: #eff6ff;
  color: #334155;}
.requestWordPage ul,.requestWordPage ol,.richReplyMessage ul,.richReplyMessage ol{margin: 10px 0 10px 26px;
  padding: 0;}
.requestWordPage a,.richReplyMessage a{color: #2563eb;
  text-decoration: underline;
  font-weight: 700;}
.richReplyMessage h1,.richReplyMessage h2,.richReplyMessage h3{margin: 12px 0 8px;
  line-height: 1.25;}
.richReplyMessage h1{font-size: 24px;}
.richReplyMessage h2{font-size: 21px;}
.richReplyMessage h3{font-size: 18px;}
.richReplyMessage blockquote{margin: 12px 0;
  padding: 10px 14px;
  border-left: 4px solid rgba(59, 130, 246, .55);
  background: rgba(239, 246, 255, .78);
  border-radius: 10px;}
body.globalThemeDark .requestWordEditor{background: linear-gradient(180deg, rgba(15, 23, 42, .9), rgba(30, 41, 59, .72));
  border-color: rgba(96, 165, 250, .28);}
body.globalThemeDark .requestWordRibbon{background: linear-gradient(180deg, rgba(30, 41, 59, .94), rgba(15, 23, 42, .88));
  border-bottom-color: rgba(96, 165, 250, .25);}
body.globalThemeDark .requestWordRibbonGroup{background: rgba(15, 23, 42, .65);
  border-color: rgba(96, 165, 250, .24);}
body.globalThemeDark .requestWordRibbonTitle{color: #93c5fd;}
body.globalThemeDark .requestWordIconBtn,body.globalThemeDark .requestWordTextBtn,body.globalThemeDark .requestWordSelect,body.globalThemeDark .requestWordSizeSelect,body.globalThemeDark .requestWordColorControl{background: rgba(30, 41, 59, .92);
  color: #e5eefc;
  border-color: rgba(96, 165, 250, .3);}
body.globalThemeDark .requestWordDocumentShell{background: linear-gradient(135deg, rgba(15, 23, 42, .85), rgba(30, 41, 59, .72));}
body.globalThemeDark .requestWordPage{background: #f8fafc;
  color: #0f172a;}
@media (max-width: 900px){.requestWordRibbonGroupWide{min-width: 100%;}.requestWordSelect,.requestWordSizeSelect{max-width: 100%;}.requestWordDocumentShell{padding: 14px;}.requestWordPage{min-height: 360px;
    padding: 24px 20px;}}
@media (max-width: 560px){.requestWordRibbon{gap: 8px;
    padding: 9px;}.requestWordRibbonGroup{min-width: 100%;}.requestWordIconBtn{width: 34px;}.requestWordTextBtn{padding: 0 8px;}}
.chatTableRow.chatUnreadRow td:first-child{border-left: 5px solid #dc2626;}
.chatUnreadPill{display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  min-height: 24px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fee2e2;
  color: #991b1b;
  font-weight: 900;
  font-size: 12px;}
.chatCustomerInfoCard .requestReadonlyMetaGrid{margin-top: 14px;}
.chatReplyCard textarea{min-height: 150px;}
body.globalThemeDark .chatUnreadPill{background: rgba(248, 113, 113, .16);
  color: #fecaca;}
@keyframes portalChatPulse{0% { transform: scale(1); }
  50% { transform: scale(1.06); }
  100% { transform: scale(1); }}
.smallBtn{min-height: 32px;
  padding: 7px 11px;
  font-size: 12px;
  border-radius: 999px;}
.contactStatusRow.requestStatusNew td:first-child{border-left: 5px solid #f59e0b;}
.contactStatusRow.requestStatusInProgress td:first-child{border-left: 5px solid #2563eb;}
.contactStatusRow.requestStatusOffer td:first-child{border-left: 5px solid #7c3aed;}
.contactStatusRow.requestStatusWon td:first-child{border-left: 5px solid #16a34a;}
.contactStatusRow.requestStatusLost td:first-child{border-left: 5px solid #dc2626;}
.contactStatusSummaryGrid{margin-bottom: 18px;}
.contactStatusMetric.requestStatusNew{border-left: 5px solid #f59e0b;}
.contactStatusMetric.requestStatusInProgress{border-left: 5px solid #2563eb;}
.contactStatusMetric.requestStatusOffer{border-left: 5px solid #7c3aed;}
.contactStatusMetric.requestStatusWon{border-left: 5px solid #16a34a;}
.contactStatusMetric.requestStatusLost{border-left: 5px solid #dc2626;}
.inlineStatusForm{margin: 0;}
.inlineStatusForm select{min-width: 150px;
  margin: 0;
  min-height: 34px;
  font-size: 13px;}
.navReorderCard{overflow: hidden;}
.navReorderTable td{vertical-align: middle;}
.navReorderTable code{background: rgba(15, 23, 42, .06);
  border-radius: 8px;
  padding: 4px 7px;
  font-size: 12px;}
.navReorderActions{display: flex;
  gap: 6px;
  align-items: center;}
.navReorderActions form,.navReorderReset{margin: 0;}
.navReorderActions button{min-width: 42px;}
.navReorderReset{margin-top: 18px;}
body.globalThemeDark .navReorderTable code{background: rgba(148, 163, 184, .14);
  color: #e2e8f0;}
body.appProcessBusy,body.appProcessBusy *{cursor: progress !important;}
.processHostBusy{position: relative;}
.processSubmitting{opacity: .96;}
.processWaitRingWrap{display: none;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: #111827;
  line-height: 1;
  z-index: 60;
  pointer-events: none;}
.processWaitRingWrap.active{display: inline-flex;}
.processInlineRing{margin-left: 10px;
  vertical-align: middle;}
.processPageRing{margin: 14px auto 0;
  padding: 8px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  border: 1px solid var(--line);
  box-shadow: 0 10px 24px rgba(15,23,42,.10);}
.processGlobalRing{position: fixed;
  right: 24px;
  bottom: 24px;
  padding: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  backdrop-filter: blur(10px);}
.processWaitRingSymbol{position: relative;
  display: block;
  width: 26px;
  height: 26px;
  flex: 0 0 auto;}
.processWaitRingSymbol i{position: absolute;
  left: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  margin-left: -2px;
  margin-top: -12px;
  border-radius: 999px;
  background: currentColor;
  opacity: .18;
  transform-origin: 50% 12px;
  animation: circularLoadingSignFade 1.05s linear infinite;}
.processWaitRingSymbol i:nth-child(1){transform: rotate(0deg); animation-delay: -0.9625s;}
.processWaitRingSymbol i:nth-child(2){transform: rotate(30deg); animation-delay: -0.875s;}
.processWaitRingSymbol i:nth-child(3){transform: rotate(60deg); animation-delay: -0.7875s;}
.processWaitRingSymbol i:nth-child(4){transform: rotate(90deg); animation-delay: -0.7s;}
.processWaitRingSymbol i:nth-child(5){transform: rotate(120deg); animation-delay: -0.6125s;}
.processWaitRingSymbol i:nth-child(6){transform: rotate(150deg); animation-delay: -0.525s;}
.processWaitRingSymbol i:nth-child(7){transform: rotate(180deg); animation-delay: -0.4375s;}
.processWaitRingSymbol i:nth-child(8){transform: rotate(210deg); animation-delay: -0.35s;}
.processWaitRingSymbol i:nth-child(9){transform: rotate(240deg); animation-delay: -0.2625s;}
.processWaitRingSymbol i:nth-child(10){transform: rotate(270deg); animation-delay: -0.175s;}
.processWaitRingSymbol i:nth-child(11){transform: rotate(300deg); animation-delay: -0.0875s;}
.processWaitRingSymbol i:nth-child(12){transform: rotate(330deg); animation-delay: 0s;}
.processWaitRingText{display: none !important;}
button + .processInlineRing,.btn + .processInlineRing,input[type="submit"] + .processInlineRing{margin-left: 8px;}
.chatComposer .processInlineRing,.detailTopActions .processInlineRing,.buttonRow .processInlineRing{align-self: center;}
body.globalThemeDark .processGlobalRing,body.globalThemeDark .processPageRing{background: rgba(15,23,42,.92);
  border-color: rgba(148,163,184,.25);}
body.globalThemeDark .processWaitRingWrap,body.globalThemeDark .videoLoadingRing{color: #f8fafc;}
@keyframes circularLoadingSignFade{0% { opacity: 1; }
  100% { opacity: .14; }}
@media (prefers-reduced-motion: reduce){.processWaitRingSymbol i{animation-duration: 1.8s;}}
.videoFrameWrap{position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #eaf2fb;}
.videoFrameWrap .videoFrame{width: 100%;
  height: 100%;
  display: block;}
.videoLoadingRing{position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  color: #111827;
  background: linear-gradient(135deg, rgba(234,242,251,.94), rgba(255,255,255,.82));
  z-index: 2;
  pointer-events: none;}
.videoFrameWrap.isLoading .videoLoadingRing{display: flex;}
.videoFrameWrap.isLoading .videoFrame{opacity: .35;}
.videoLoadingRing .processWaitRingSymbol{width: 42px;
  height: 42px;}
.videoLoadingRing .processWaitRingSymbol i{width: 6px;
  height: 16px;
  margin-left: -3px;
  margin-top: -20px;
  transform-origin: 50% 20px;}
body.globalThemeDark .videoFrameWrap,body.portalThemeDark .videoFrameWrap{background: rgba(15,23,42,.82);}
body.globalThemeDark .videoLoadingRing{background: linear-gradient(135deg, rgba(15,23,42,.94), rgba(30,41,59,.82));}
.supportBotShell{width: min(390px, calc(100vw - 24px));
  max-height: min(760px, calc(100vh - 28px));
  height: min(760px, calc(100vh - 28px));
  right: 18px;
  bottom: 18px;
  border-radius: 22px;
  overflow: hidden;
  display: none;
  flex-direction: column;
  background: #fff;
  border: 1px solid rgba(15,23,42,.12);
  box-shadow: 0 24px 70px rgba(15,23,42,.28);}
.supportBotShell.open{display: flex;}
.supportBotShell .chatHeader,.supportBotShell .chatBody,.supportBotShell .chatComposer{display: none;}
.supportBotHeader{height: 54px;
  padding: 8px 10px;
  border-bottom: 1px solid rgba(15,23,42,.08);
  display: grid;
  grid-template-columns: 28px 1fr 30px 30px;
  gap: 8px;
  align-items: center;
  flex: 0 0 auto;
  background: #fff;}
.supportBotBack,.supportBotMore,.supportBotClose{border: 0;
  background: transparent;
  color: #475569;
  box-shadow: none;
  padding: 4px;
  min-height: 28px;
  border-radius: 999px;
  font-size: 22px;
  line-height: 1;}
.supportBotMore{font-size: 15px;
  letter-spacing: -2px;}
.supportBotIdentity{display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;}
.supportBotIdentity strong{display: block;
  line-height: 1.1;
  font-size: 14px;
  color: #0f172a;}
.supportBotIdentity span{display: block;
  color: #64748b;
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;}
.supportBotAvatar{width: 30px;
  height: 30px;}
.supportBotMain{flex: 1 1 auto;
  overflow: hidden;
  background: #f8fafc;
  position: relative;}
.supportBotPanel{display: none;
  height: 100%;
  overflow-y: auto;
  padding: 0 12px 16px;}
.supportBotPanel.active{display: block;}
.supportBotHomePanel{padding: 0 12px 18px;}
.supportBotHero{margin: 0 -12px 16px;
  padding: 24px 22px 52px;
  background: linear-gradient(135deg, #0f766e, #0b6b61);
  color: #fff;
  position: relative;
  overflow: hidden;}
.supportBotHero::after{content: "";
  position: absolute;
  inset: auto -40px -80px 40%;
  height: 170px;
  background: rgba(255,255,255,.10);
  border-radius: 50%;}
.supportBotHero h2{margin: 28px 0 0;
  color: #fff;
  font-size: 1.45rem;
  line-height: 1.15;
  position: relative;
  z-index: 1;}
.supportBotTeamDots{display: flex;
  justify-content: flex-end;
  gap: 0;
  position: relative;
  z-index: 1;}
.supportBotTeamDots span{width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.85);
  background: linear-gradient(135deg, #c4b5fd, #f9a8d4);
  margin-left: -8px;}
.supportBotTeamDots span:nth-child(2){background: linear-gradient(135deg, #93c5fd, #6ee7b7);}
.supportBotTeamDots span:nth-child(3){background: linear-gradient(135deg, #fdba74, #fca5a5);}
.supportHomeCard,.supportBotSearchCard{display: block;
  width: calc(100% - 6px);
  margin: -38px auto 12px;
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
  padding: 14px 16px;
  text-align: left;
  color: #0f172a;}
.supportHomeCard + .supportHomeCard,.supportHomeCard + .supportBotSearchCard,.supportBotSearchCard + .supportTopicGrid{margin-top: 10px;}
.supportHomeCard{border: 1px solid rgba(15,23,42,.08);
  cursor: pointer;}
.supportHomeCard strong{display: block;
  color: #0f172a;
  margin-bottom: 4px;}
.supportHomeCard small,.supportCardKicker{display: block;
  color: #64748b;
  line-height: 1.4;}
.supportCardKicker{color: #0f766e;
  font-weight: 800;
  margin-bottom: 6px;}
.supportCardArrow{position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #0f766e;
  font-weight: 900;
  font-size: 28px;}
.supportBotSearchCard{margin-top: 10px;}
.supportBotSearchCard label{display: block;
  font-size: 12px;
  font-weight: 800;
  color: #0f172a;
  margin-bottom: 8px;}
.supportBotSearchLine{display: grid;
  grid-template-columns: 1fr 34px;
  gap: 6px;
  align-items: center;
  background: #f1f5f9;
  border-radius: 12px;
  padding: 4px 6px;}
.supportBotSearchLine input{margin: 0;
  border: 0;
  background: transparent;
  min-height: 34px;
  padding: 6px 8px;}
.supportBotSearchLine button{border: 0;
  background: transparent;
  color: #0f766e;
  min-height: 32px;
  padding: 0;
  box-shadow: none;
  font-size: 20px;}
.supportTopicGrid{display: grid;
  gap: 10px;
  margin: 12px 3px 4px;}
.supportTopicGrid button,.supportHelpCollections button{display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  align-items: center;
  width: 100%;
  background: #fff;
  color: #0f172a;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 14px;
  padding: 12px 14px;
  text-align: left;
  box-shadow: 0 8px 20px rgba(15,23,42,.06);}
.supportTopicGrid button span,.supportHelpCollections button strong{font-weight: 900;
  color: #0f172a;}
.supportTopicGrid button small,.supportHelpCollections button small{color: #64748b;
  grid-column: 1;
  line-height: 1.35;}
.supportHelpCollections button span{grid-row: span 2;
  color: #0f766e;
  font-size: 20px;}
.supportPanelTitle{position: sticky;
  top: 0;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 2px 12px;
  background: #f8fafc;}
.supportPanelTitle h2{margin: 0;
  font-size: 1.1rem;
  color: #0f172a;}
.supportBotMessages{display: grid;
  gap: 12px;
  max-height: none;
  overflow: visible;
  margin: 0;
  padding: 4px 0 18px;}
.supportBotMessages .chatMsg{max-width: 86%;
  box-shadow: none;
  padding: 12px 14px;
  line-height: 1.45;}
.supportBotMessages .chatMsg.bot{background: #fff;
  border-radius: 16px 16px 16px 5px;
  margin-right: auto;}
.supportBotMessages .chatMsg.user{background: #0f766e;
  color: #fff;
  border-radius: 16px 16px 5px 16px;
  margin-left: auto;}
.supportBotMessages .chatMsg.user small,.supportBotMessages .chatMsg.user span{color: #fff;}
.supportBotMessages .chatMsg small{color: #64748b;
  margin-bottom: 5px;}
.supportTicketList{display: grid;
  gap: 0;
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid rgba(15,23,42,.08);}
.supportTicketItem{display: grid;
  grid-template-columns: 38px 1fr 18px;
  gap: 10px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  text-decoration: none;
  color: #0f172a;
  border-bottom: 1px solid rgba(15,23,42,.08);}
.supportTicketItem:last-child{border-bottom: 0;}
.supportTicketIcon{width: 34px;
  height: 34px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 900;
  background: #e2e8f0;
  color: #334155;}
.supportTicketItem.isSolved .supportTicketIcon{background: #dcfce7;
  color: #16a34a;}
.supportTicketItem strong,.supportTicketItem small{display: block;}
.supportTicketItem small{color: #64748b;
  margin-top: 3px;}
.supportEmptyState{padding: 18px;
  color: #64748b;}
.supportBotComposer{flex: 0 0 auto;
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 8px;
  padding: 10px 12px;
  background: #fff;
  border-top: 1px solid rgba(15,23,42,.08);}
.supportBotComposer textarea{margin: 0;
  min-height: 42px;
  max-height: 110px;
  border-radius: 14px;
  resize: none;
  border-color: rgba(15,23,42,.16);
  padding: 11px 12px;}
.supportBotComposer button{min-height: 42px;
  width: 42px;
  border-radius: 999px;
  padding: 0;
  background: #0f766e;
  color: #fff;
  font-size: 17px;}
.supportBotNav{flex: 0 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  padding: 6px 4px 8px;
  background: #fff;
  border-top: 1px solid rgba(15,23,42,.08);}
.supportBotNav button{position: relative;
  border: 0;
  background: transparent;
  color: #64748b;
  min-height: 52px;
  padding: 5px 2px;
  display: grid;
  gap: 2px;
  justify-items: center;
  box-shadow: none;}
.supportBotNav button.active{color: #0f766e;}
.supportBotNav span{font-size: 22px;
  line-height: 1;}
.supportBotNav small{font-size: 11px;
  font-weight: 700;}
.supportBotNav b{position: absolute;
  top: 7px;
  right: 27%;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #ef4444;}
@media (max-width: 520px){.supportBotShell{inset: 0;
    width: 100vw;
    height: 100vh;
    max-height: 100vh;
    border-radius: 0;}}
body.globalThemeDark .supportBotShell,body.globalThemeDark .supportBotHeader,body.globalThemeDark .supportBotComposer,body.globalThemeDark .supportBotNav{background: #0f172a;
  color: #e2e8f0;
  border-color: rgba(148,163,184,.22);}
body.globalThemeDark .supportBotMain,body.globalThemeDark .supportPanelTitle{background: #111827;}
body.globalThemeDark .supportHomeCard,body.globalThemeDark .supportBotSearchCard,body.globalThemeDark .supportTopicGrid button,body.globalThemeDark .supportHelpCollections button,body.globalThemeDark .supportTicketList,body.globalThemeDark .supportBotMessages .chatMsg.bot{background: #1e293b;
  color: #e2e8f0;
  border-color: rgba(148,163,184,.22);}
body.globalThemeDark .supportHomeCard strong,body.globalThemeDark .supportTopicGrid button span,body.globalThemeDark .supportHelpCollections button strong,body.globalThemeDark .supportPanelTitle h2,body.globalThemeDark .supportTicketItem,body.globalThemeDark .supportBotIdentity strong{color: #f8fafc;}
body.globalThemeDark .supportBotSearchLine{background: #0f172a;}
.systemStatusGrid{display: grid;
  gap: 10px;
  margin-top: 14px;}
.systemStatusItem{display: grid;
  gap: 5px;
  padding: 11px 12px;
  border-radius: 16px;
  border: 1px solid var(--line);
  border-left: 5px solid #64748b;
  background: rgba(248, 250, 252, .72);
  color: inherit;
  text-decoration: none;}
.systemStatusItem:hover{transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(15, 23, 42, .10);}
.systemStatusHead{display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;}
.systemStatusHead b{color: var(--text);}
.systemStatusHead em{flex: 0 0 auto;
  border-radius: 999px;
  padding: 4px 9px;
  font-style: normal;
  font-size: 12px;
  font-weight: 900;
  background: rgba(100, 116, 139, .12);
  color: #334155;}
.systemStatusItem small{color: var(--muted);
  line-height: 1.45;}
.systemStatusOk{border-left-color: #16a34a;
  background: linear-gradient(135deg, rgba(22, 163, 74, .08), rgba(255,255,255,0));}
.systemStatusOk .systemStatusHead em{background: rgba(22, 163, 74, .12);
  color: #166534;}
.systemStatusWarn{border-left-color: #d97706;
  background: linear-gradient(135deg, rgba(217, 119, 6, .10), rgba(255,255,255,0));}
.systemStatusWarn .systemStatusHead em{background: rgba(217, 119, 6, .14);
  color: #92400e;}
.systemStatusDanger{border-left-color: #dc2626;
  background: linear-gradient(135deg, rgba(220, 38, 38, .09), rgba(255,255,255,0));}
.systemStatusDanger .systemStatusHead em{background: rgba(220, 38, 38, .12);
  color: #991b1b;}
.systemStatusMeta{display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;}
.systemStatusMeta span{display: inline-flex;
  gap: 5px;
  align-items: center;
  border-radius: 999px;
  border: 1px solid var(--line);
  padding: 6px 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;}
.systemStatusMeta b{color: var(--text);}
body.globalThemeDark .systemStatusItem{background: rgba(15, 23, 42, .55);}
body.globalThemeDark .systemStatusHead em{background: rgba(148, 163, 184, .18);
  color: #e2e8f0;}
body.globalThemeDark .systemStatusOk{background: linear-gradient(135deg, rgba(74, 222, 128, .10), rgba(15,23,42,0));}
body.globalThemeDark .systemStatusOk .systemStatusHead em{background: rgba(74, 222, 128, .14);
  color: #bbf7d0;}
body.globalThemeDark .systemStatusWarn{background: linear-gradient(135deg, rgba(251, 191, 36, .12), rgba(15,23,42,0));}
body.globalThemeDark .systemStatusWarn .systemStatusHead em{background: rgba(251, 191, 36, .14);
  color: #fde68a;}
body.globalThemeDark .systemStatusDanger{background: linear-gradient(135deg, rgba(248, 113, 113, .12), rgba(15,23,42,0));}
body.globalThemeDark .systemStatusDanger .systemStatusHead em{background: rgba(248, 113, 113, .15);
  color: #fecaca;}
@media (min-width: 1180px){.systemStatusGrid{grid-template-columns: 1fr 1fr;}}
@media (max-width: 560px){.systemStatusHead{align-items: flex-start;
    flex-direction: column;}}
.requestWordSelectLine{flex-wrap: nowrap !important;
  overflow-x: auto;
  scrollbar-width: thin;}
.requestWordSelectLine .requestWordSelect,.requestWordSelectLine .requestWordSizeSelect,.requestWordSelectLine .requestWordIconBtn{flex: 0 0 auto;}
.requestWordSelectLine .requestWordSelect{width: 142px;
  max-width: 142px;}
.requestWordSelectLine .requestWordSizeSelect{width: 72px;}
.requestWordSelectLine .requestWordIconBtn{width: 36px;}
@media (max-width: 560px){.requestWordSelectLine .requestWordSelect{width: 132px;
    max-width: 132px;}.requestWordSelectLine .requestWordIconBtn{width: 34px;}}
body.portalBody :is(.card, .homeMiniCard, .homeSolutionCard, .homeWhyCard, .homeUseCaseCard, .metric, .socialLink):hover{box-shadow: var(--shadow-soft) !important;}
body.portalBody :is(.card, .packageDetailSection, .metric, .socialLink):hover::after{transform: none !important;
  opacity: .76 !important;}
body.portalBody a:hover .packageImage,body.portalBody .homeHeroVisualMain:hover{transform: none !important;
  box-shadow: 0 20px 54px rgba(0, 76, 140, .12) !important;}
.chatBox.open:not(.supportBotShell){bottom: 96px !important;
  max-height: calc(100vh - 122px) !important;}
.supportBotShell{bottom: 94px !important;
  max-height: min(760px, calc(100vh - 118px)) !important;
  height: min(760px, calc(100vh - 118px)) !important;}
.supportBotHeader{grid-template-columns: 34px 1fr 36px 36px !important;
  gap: 9px !important;
  min-height: 58px !important;}
.supportBotBack,.supportBotMinimize,.supportBotClose,.chatCloseBtn{display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(15, 23, 42, .16) !important;
  background: #f8fafc !important;
  color: #0f172a !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
  font-weight: 950 !important;
  line-height: 1 !important;}
.supportBotBack{font-size: 28px !important;
  padding-bottom: 3px !important;}
.supportBotMinimize{font-size: 24px !important;
  padding-bottom: 4px !important;}
.supportBotClose,.chatCloseBtn{font-size: 22px !important;}
.supportBotClose{background: #fff1f2 !important;
  color: #b91c1c !important;
  border-color: rgba(225, 29, 72, .22) !important;}
.chatHeader .chatCloseBtn{background: rgba(255,255,255,.95) !important;
  color: #0f172a !important;
  border-color: rgba(255,255,255,.65) !important;}
.supportBotMore{letter-spacing: 0 !important;}
.supportBotIdentity span,.supportHomeCard small,.supportCardKicker,.supportTopicGrid button small,.supportHelpCollections button small,.supportBotNav button,.supportBotNav small,.supportTicketItem small,.supportEmptyState,.supportBotMessages .chatMsg small{color: #334155 !important;
  font-weight: 750 !important;}
.supportCardKicker,.supportHelpCollections button span,.supportCardArrow,.supportBotSearchLine button,.supportBotNav button.active{color: #0b6b61 !important;}
.supportTopicGrid button span,.supportHelpCollections button strong,.supportHomeCard strong,.supportTicketItem strong,.supportPanelTitle h2,.supportBotSearchCard label{color: #0f172a !important;}
.supportTopicGrid button,.supportHelpCollections button,.supportHomeCard,.supportBotSearchCard,.supportTicketList{border-color: rgba(15, 23, 42, .14) !important;}
.supportBotNav span{color: currentColor !important;
  font-weight: 950 !important;}
body.globalThemeDark .supportBotBack,body.globalThemeDark .supportBotMinimize,body.globalThemeDark .supportBotClose,body.globalThemeDark .chatHeader .chatCloseBtn{background: #1e293b !important;
  color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .34) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .22) !important;}
body.globalThemeDark .supportBotClose{background: rgba(127, 29, 29, .72) !important;
  color: #fecaca !important;
  border-color: rgba(248, 113, 113, .38) !important;}
body.globalThemeDark .supportBotIdentity span,body.globalThemeDark .supportHomeCard small,body.globalThemeDark .supportCardKicker,body.globalThemeDark .supportTopicGrid button small,body.globalThemeDark .supportHelpCollections button small,body.globalThemeDark .supportBotNav button,body.globalThemeDark .supportBotNav small,body.globalThemeDark .supportTicketItem small,body.globalThemeDark .supportEmptyState,body.globalThemeDark .supportBotMessages .chatMsg small{color: #cbd5e1 !important;
  font-weight: 760 !important;}
body.globalThemeDark .supportBotNav button.active,body.globalThemeDark .supportCardKicker,body.globalThemeDark .supportHelpCollections button span,body.globalThemeDark .supportCardArrow,body.globalThemeDark .supportBotSearchLine button{color: #5eead4 !important;}
@media (max-width: 700px){.chatBox.open:not(.supportBotShell){bottom: 92px !important;
    max-height: calc(100dvh - 112px) !important;}}
@media (max-width: 520px){.supportBotShell{inset: auto 10px 86px 10px !important;
    width: auto !important;
    height: calc(100dvh - 102px) !important;
    max-height: calc(100dvh - 102px) !important;
    border-radius: 22px !important;}}
.guestBadge{background: #fff4d6;
    color: #7a4a00;
    border: 1px solid rgba(122, 74, 0, .18);
    box-shadow: none;
    margin-top: 4px;}
.requestWordSelectLine{display: flex;
  align-items: center;
  gap: 8px;}
.requestWordSelectLine .requestWordIconBtn:first-of-type{margin-left: auto;}
body[dir="rtl"] .requestWordSelectLine .requestWordIconBtn:first-of-type{margin-left: 0;
  margin-right: auto;}
@media (max-width: 560px){.requestWordSelectLine .requestWordIconBtn:first-of-type{margin-left: 12px;}}
.supportBotMessages .chatMsg.user{background: #e8f1ff !important;
  color: #0f172a !important;
  border: 1px solid rgba(37, 99, 235, .16) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .06) !important;}
.supportBotMessages .chatMsg.user small,.supportBotMessages .chatMsg.user span{color: #0f172a !important;}
.supportBotMessages .chatMsg.user small{font-weight: 760 !important;}
.supportBotMessages .chatMsg.bot{border: 1px solid rgba(15, 23, 42, .10) !important;}
.supportBotNav{gap: 8px !important;
  padding: 8px 8px 10px !important;
  background: #f8fafc !important;}
.supportBotNav button{min-height: 64px !important;
  padding: 8px 6px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(37, 99, 235, .18) !important;
  background: linear-gradient(180deg, #edf5ff 0%, #dbeafe 100%) !important;
  color: #123a8c !important;
  box-shadow: none !important;}
.supportBotNav button:hover,.supportBotNav button:focus-visible{background: linear-gradient(180deg, #e0efff 0%, #cfe4ff 100%) !important;
  color: #0f2f75 !important;}
.supportBotNav button.active{background: linear-gradient(180deg, #1f7bf2 0%, #1667d9 100%) !important;
  border-color: rgba(20, 72, 170, .42) !important;
  color: #ffffff !important;}
.supportBotNav button.active span,.supportBotNav button.active small{color: #ffffff !important;}
.supportBotNav span{font-size: 21px !important;
  font-weight: 950 !important;}
.supportBotNav small{font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .01em !important;}
.supportBotNav b{top: 8px !important;
  right: 18px !important;
  width: 9px !important;
  height: 9px !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.95) !important;}
body.globalThemeDark .supportBotMessages .chatMsg.user{background: #dbeafe !important;
  color: #0f172a !important;
  border-color: rgba(96, 165, 250, .30) !important;}
body.globalThemeDark .supportBotMessages .chatMsg.user small,body.globalThemeDark .supportBotMessages .chatMsg.user span{color: #0f172a !important;}
body.globalThemeDark .supportBotNav{background: #0f172a !important;}
body.globalThemeDark .supportBotNav button{background: linear-gradient(180deg, #1e3a5f 0%, #17314f 100%) !important;
  border-color: rgba(96, 165, 250, .24) !important;
  color: #e2e8f0 !important;}
body.globalThemeDark .supportBotNav button:hover,body.globalThemeDark .supportBotNav button:focus-visible{background: linear-gradient(180deg, #22436d 0%, #1b3858 100%) !important;
  color: #ffffff !important;}
body.globalThemeDark .supportBotNav button.active{background: linear-gradient(180deg, #38bdf8 0%, #0ea5e9 100%) !important;
  border-color: rgba(125, 211, 252, .45) !important;
  color: #082f49 !important;}
body.globalThemeDark .supportBotNav button.active span,body.globalThemeDark .supportBotNav button.active small{color: #082f49 !important;}
.supportBotComposer{grid-template-columns: 1fr 54px !important;
  gap: 10px !important;
  padding: 14px 14px !important;}
.supportBotComposer textarea{min-height: 62px !important;
  max-height: 150px !important;
  border-radius: 18px !important;
  padding: 16px 15px !important;
  font-size: 15px !important;
  line-height: 1.45 !important;}
.supportBotComposer button{width: 54px !important;
  min-width: 54px !important;
  height: 54px !important;
  min-height: 54px !important;
  font-size: 22px !important;}
@media (max-width: 520px){.supportBotComposer{grid-template-columns: 1fr 52px !important;
    padding: 12px 12px !important;}.supportBotComposer textarea{min-height: 58px !important;
    font-size: 15px !important;}.supportBotComposer button{width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;}}
.supportBotComposer{grid-template-columns: 1fr 68px !important;
  gap: 12px !important;
  padding: 16px 14px !important;}
.supportBotComposer textarea{min-height: 124px !important;
  max-height: 260px !important;
  border-radius: 22px !important;
  padding: 18px 17px !important;
  font-size: 16px !important;
  line-height: 1.5 !important;}
.supportBotComposer button{align-self: end !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 68px !important;
  min-height: 68px !important;
  font-size: 27px !important;}
@media (max-width: 520px){.supportBotComposer{grid-template-columns: 1fr 62px !important;
    gap: 10px !important;
    padding: 14px 12px !important;}.supportBotComposer textarea{min-height: 116px !important;
    max-height: 230px !important;
    font-size: 16px !important;}.supportBotComposer button{width: 62px !important;
    min-width: 62px !important;
    height: 62px !important;
    min-height: 62px !important;
    font-size: 25px !important;}}
.inlineDeleteForm{display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;}
.smallDangerBtn{min-height: 38px;
  padding: 9px 13px;
  border-radius: 12px;
  font-size: 13px;
  font-weight: 850;
  border: 1px solid rgba(185, 28, 28, .24);
  background: #dc2626;
  color: #ffffff;
  box-shadow: 0 10px 22px rgba(220, 38, 38, .16);}
.smallDangerBtn:hover,.smallDangerBtn:focus-visible{background: #b91c1c;
  color: #ffffff;}
.requestMainActions .inlineDeleteForm{margin-left: 6px;}
body.filePreviewOpen{overflow: hidden !important;}
.filePreviewOverlay{position: fixed;
  inset: 0;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(15, 23, 42, .72);
  backdrop-filter: blur(8px);}
.filePreviewDialog{width: min(1120px, calc(100vw - 28px));
  height: min(820px, calc(100vh - 28px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(255, 255, 255, .28);
  box-shadow: 0 28px 80px rgba(0, 0, 0, .34);}
.filePreviewHeader{flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-height: 66px;
  padding: 12px 14px 12px 18px;
  background: #f8fafc;
  border-bottom: 1px solid rgba(15, 23, 42, .10);}
.filePreviewTitle{min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0f172a;
  font-size: 15px;
  font-weight: 900;}
.filePreviewActions{flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 10px;}
.filePreviewClose{min-height: 42px;
  padding: 10px 15px;
  border: 1px solid rgba(185, 28, 28, .24);
  border-radius: 999px;
  background: #dc2626;
  color: #ffffff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(220, 38, 38, .18);}
.filePreviewClose:hover,.filePreviewClose:focus-visible{background: #b91c1c;
  color: #ffffff;}
.filePreviewBody{flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f172a;}
.filePreviewImage{max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;}
.filePreviewFrame{width: 100%;
  height: 100%;
  border: 0;
  background: #ffffff;}
.filePreviewFallback{width: min(520px, calc(100% - 36px));
  display: grid;
  gap: 8px;
  padding: 24px;
  border-radius: 18px;
  background: #ffffff;
  color: #0f172a;
  text-align: center;
  box-shadow: 0 18px 42px rgba(0,0,0,.18);}
.filePreviewFallback strong{color: #0f172a;
  font-size: 16px;}
.filePreviewFallback span{color: #475569;
  line-height: 1.5;}
body.globalThemeDark .filePreviewDialog{background: #0f172a;
  border-color: rgba(148, 163, 184, .26);}
body.globalThemeDark .filePreviewHeader{background: #111827;
  border-bottom-color: rgba(148, 163, 184, .20);}
body.globalThemeDark .filePreviewTitle{color: #f8fafc;}
@media (max-width: 700px){.filePreviewOverlay{padding: 10px;}.filePreviewDialog{width: calc(100vw - 20px);
    height: calc(100dvh - 20px);
    border-radius: 18px;}.filePreviewHeader{align-items: stretch;
    flex-direction: column;
    min-height: auto;
    padding: 12px;}.filePreviewActions{width: 100%;
    justify-content: space-between;}.filePreviewActions .btn,.filePreviewClose{flex: 1 1 auto;
    justify-content: center;
    min-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;}}
.chatStorageSize{display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-radius: 999px;
  padding: 5px 9px;
  font-weight: 900;
  font-size: 12px;
  background: rgba(15, 23, 42, .08);
  color: #0f172a;}
.diskUsageGrid{grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));}
.diskUsageItem{border-left-color: #0ea5e9;
  background: linear-gradient(135deg, rgba(14, 165, 233, .08), rgba(255,255,255,0));}
.diskUsageItem .systemStatusHead em{background: rgba(14, 165, 233, .12);
  color: #075985;}
body.globalThemeDark .chatStorageSize{background: rgba(226, 232, 240, .12);
  color: #e2e8f0;}
body.globalThemeDark .diskUsageItem{background: linear-gradient(135deg, rgba(14, 165, 233, .16), rgba(15,23,42,0));}
body.globalThemeDark .diskUsageItem .systemStatusHead em{background: rgba(14, 165, 233, .18);
  color: #bae6fd;}
.warningText{color: #8a5a00;
  font-weight: 700;}
.storageCandidateDetails{margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(15, 23, 42, 0.12);}
.storageCandidateDetails summary{cursor: pointer;
  font-weight: 700;}
body.globalThemeDark .warningText{color: #facc15;}
.chatMsg.assistantThinking{font-style: normal !important;}
.assistantThinkingBubble{display: inline-flex !important;
  align-items: center;
  gap: 10px;
  width: fit-content;
  max-width: 100%;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(37, 99, 235, .08);
  color: #1e3a8a;
  font-weight: 760;}
.assistantThinkingDots{display: inline-flex;
  align-items: center;
  gap: 4px;
  min-width: 28px;}
.assistantThinkingDots i{width: 6px;
  height: 6px;
  border-radius: 999px;
  background: currentColor;
  opacity: .35;
  transform: translateY(0);
  animation: assistantThinkingDotPulse 1s infinite ease-in-out;}
.assistantThinkingDots i:nth-child(2){animation-delay: .16s;}
.assistantThinkingDots i:nth-child(3){animation-delay: .32s;}
@keyframes assistantThinkingDotPulse{0%, 80%, 100% { opacity: .32; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(-4px); }}
.chatMsg.chatMsgJustAnswered{animation: assistantAnswerFocus 1.2s ease-out;}
@keyframes assistantAnswerFocus{0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, .34); }
  55% { box-shadow: 0 0 0 5px rgba(37, 99, 235, .14); }
  100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); }}
body.globalThemeDark .assistantThinkingBubble{background: rgba(56, 189, 248, .14);
  color: #dff7ff;}
@media (prefers-reduced-motion: reduce){.assistantThinkingDots i,.chatMsg.chatMsgJustAnswered{animation: none !important;}}
#home-hero-top,#startseite,#loesungen-pakete,#microsoft-365-use-cases,#unternehmen,#kontaktformulare,.anchorTarget{scroll-margin-top: 110px;}
.videoFrameWrap.isLoading{min-height: 190px;}
.videoFrameWrap.isLoading .videoLoadingRing{display: flex;}
.publicBody .mainNav a.active{background: linear-gradient(135deg, rgba(0, 120, 212, .18), rgba(0, 164, 239, .14)) !important;
  color: var(--ms-blue-dark) !important;
  box-shadow: 0 10px 28px rgba(0, 120, 212, .16) !important;
  font-weight: 850 !important;}
.publicBody .mainNav a.active::after{opacity: 1 !important;}
.videoFrameWrap.isLoading .videoFrame{opacity: .18;}
.videoFrameWrap.isLoading .videoLoadingRing{display: flex !important;}
.publicBody .publicWrap{padding-top: 14px !important;}
.publicBody .publicWrap > :first-child{margin-top: 0 !important;}
.publicBody .homePage .homeHero{margin-top: 0 !important;}
@media (max-width: 850px){.publicBody .publicWrap{padding-top: 12px !important;}}
.chatBox:not(.supportBotShell) .chatBody{overflow-y: auto !important;
  overflow-x: hidden !important;}
.chatBox:not(.supportBotShell) .chatMessages{max-height: none !important;
  overflow: visible !important;}
.chatBox:not(.supportBotShell) .chatMsg:focus{outline: 2px solid rgba(37, 99, 235, .22);
  outline-offset: 2px;}
.supportBotMessages .chatMsg small,.chatMsg small{display: inline-block;
  margin-right: 6px;}
.supportBotMessages .chatMsg span,.chatMsg span{vertical-align: baseline;}
.fieldLengthCounter{margin: -12px 0 14px;
  color: var(--muted);
  font-size: 12px;
  text-align: right;}
.fieldLengthCounter.limitNear{color: #b45309;
  font-weight: 700;}
.fieldLengthCounter.limitFull{color: #b91c1c;
  font-weight: 800;}
.storageOverviewGrid{display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 14px;
  margin: 14px 0 16px;}
.storageOverviewCard{display: grid;
  gap: 8px;
  min-height: 138px;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(37, 99, 235, .08), rgba(255,255,255,0));}
.storageOverviewCard span{color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .05em;}
.storageOverviewCard strong{color: var(--text);
  font-size: 1.65rem;
  line-height: 1.1;
  word-break: break-word;}
.storageOverviewCard small{color: var(--muted);
  line-height: 1.45;}
.storageOverviewDatabase{border-left: 6px solid #2563eb;}
.storageOverviewFiles{border-left: 6px solid #0d9488;}
.storageOverviewDisk{border-left: 6px solid #7c3aed;}
.storageProgress{width: 100%;
  height: 9px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(100, 116, 139, .18);
  margin-top: 4px;}
.storageProgress span{display: block;
  height: 100%;
  border-radius: inherit;
  background: currentColor;
  opacity: .78;}
.storageDetailGrid{margin-top: 12px;}
body.globalThemeDark .storageOverviewCard{background: linear-gradient(135deg, rgba(59, 130, 246, .11), rgba(15,23,42,0));}
.autoFormCancelButton{margin-inline-start:.65rem}
.buttonRow .autoFormCancelButton,.formActions .autoFormCancelButton{margin-inline-start:0}
:root{--admin-portal-menu-width: 224px;}
.fileInputClearWrap{display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  width: 100%;}
.fileInputClearWrap input[type="file"]{width: 100%;
  min-width: 0;}
.fileSelectionClearButton{width: 32px;
  height: 32px;
  min-width: 32px;
  padding: 0;
  vertical-align: middle;
  border: 1px solid rgba(185, 28, 28, .28);
  border-radius: 50%;
  background: #fff5f5;
  color: #b91c1c;
  font: 800 22px/1 Arial, sans-serif;
  cursor: pointer;
  box-shadow: 0 5px 14px rgba(127, 29, 29, .08);}
.fileSelectionClearButton:hover,.fileSelectionClearButton:focus-visible{border-color: rgba(185, 28, 28, .55);
  background: #fee2e2;
  outline: none;}
.fileSelectionClearButton[hidden]{display: none !important;}
.inlineDeleteForm button[aria-label*="löschen" i],.inlineDeleteForm button[title*="löschen" i]{width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  padding: 0;
  font-size: 20px;
  line-height: 1;}
.fileSelectionClearButton{position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;}
.fileSelectionClearButton::before,.fileSelectionClearButton::after{content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 21px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
  transform-origin: center;}
.fileSelectionClearButton::before{transform: translate(-50%, -50%) rotate(45deg);}
.fileSelectionClearButton::after{transform: translate(-50%, -50%) rotate(-45deg);}
.inlineDeleteForm button[aria-label*="löschen" i],.inlineDeleteForm button[title*="löschen" i]{position: relative !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  display: inline-grid !important;
  place-items: center !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: #0769b2 !important;}
.inlineDeleteForm button[aria-label*="löschen" i]::before,.inlineDeleteForm button[title*="löschen" i]::before{content: "";
  width: 15px;
  height: 17px;
  box-sizing: border-box;
  border: 2.4px solid currentColor;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  transform: translateY(2px);}
.inlineDeleteForm button[aria-label*="löschen" i]::after,.inlineDeleteForm button[title*="löschen" i]::after{content: "";
  position: absolute;
  left: 50%;
  top: 11px;
  width: 19px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
  transform: translateX(-50%);
  box-shadow: 0 -4px 0 -1px currentColor;}
.headerActions .langToggleBtn,.headerActions .themeToggleBtn{width: 50px !important;
  min-width: 50px !important;
  height: 50px !important;
  min-height: 50px !important;
  border-radius: 14px !important;}
.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 34px !important;
  height: 34px !important;
  max-width: 34px !important;
  max-height: 34px !important;}
@media (max-width: 640px){.headerActions .langToggleBtn,.headerActions .themeToggleBtn{width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;}.headerActions .langToggleBtn .langIconImage,.headerActions .themeToggleBtn .themeIconImage{width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;}}
.fileSelectionClearButton{border: 1px solid #146fd1 !important;
  background: #1976df !important;
  color: #ffffff !important;
  box-shadow: 0 5px 14px rgba(0, 82, 170, .18) !important;}
.fileSelectionClearButton:hover,.fileSelectionClearButton:focus-visible{border-color: #075daF !important;
  background: #0f67ca !important;}
.inlineDeleteForm button[aria-label*="löschen" i],.inlineDeleteForm button[title*="löschen" i]{border: 1px solid rgba(0, 120, 212, .30) !important;
  background: #ffffff !important;
  color: #0067b8 !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0, 82, 170, .08) !important;}
.inlineDeleteForm button[aria-label*="löschen" i]:hover,.inlineDeleteForm button[title*="löschen" i]:hover,.inlineDeleteForm button[aria-label*="löschen" i]:focus-visible,.inlineDeleteForm button[title*="löschen" i]:focus-visible{background: #eaf4ff !important;
  border-color: rgba(0, 103, 184, .55) !important;}
:root{--portal-fixed-nav-expanded-width: 224px;
  --portal-fixed-nav-collapsed-width: 64px;
  --portal-fixed-header-height: 76px;}
@media (max-width: 700px){:root{--portal-fixed-nav-expanded-width: 214px;
    --portal-fixed-nav-collapsed-width: 58px;
    --portal-fixed-header-height: 74px;}}
:root{--portal-fixed-header-height: 76px;}
@media (max-width: 700px){:root{--portal-fixed-header-height: 76px;}}
.cookieConsentPanel{max-width: 760px;
  margin: 0 auto;}
.cookieConsentChoices{display: grid;
  gap: 8px;
  margin: 12px 0 14px;}
.cookieConsentChoices .checkLine{margin: 0;}
.cookieConsentActions{justify-content: flex-end;}
.footerCookieSettingsButton{appearance: none;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
  margin: 0;
  font: inherit;
  text-decoration: underline;
  cursor: pointer;}
.trackingStatusList{display: grid;
  gap: 10px;
  margin: 0;}
.trackingStatusList > div{display: grid;
  grid-template-columns: minmax(150px, .8fr) minmax(0, 1.5fr);
  gap: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);}
.trackingStatusList dt{font-weight: 700;}
.trackingStatusList dd{margin: 0;}
@media (max-width: 650px){.cookieConsentActions{display: grid;
    grid-template-columns: 1fr;}.trackingStatusList > div{grid-template-columns: 1fr;
    gap: 4px;}}
.cookieConsentPanel{position: fixed;
  padding-right: 56px;}
.cookieConsentClose{position: absolute;
  top: 10px;
  right: 12px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  padding: 0;
  border-radius: 999px;
  display: grid;
  place-items: center;
  font-size: 24px;
  line-height: 1;}
.cookieConsentPanel > p{margin-bottom: 0;}
.assistantCaptchaPanel{margin: 0 12px 10px;
  padding: 10px 12px;
  border: 1px solid rgba(0, 120, 212, 0.22);
  border-radius: 12px;
  background: rgba(238, 246, 255, 0.94);}
.assistantCaptchaPanel[hidden]{display: none !important;}
.assistantCaptchaText{display: flex; flex-direction: column; gap: 2px; margin-bottom: 8px;}
.assistantCaptchaText strong{font-size: 0.86rem; color: #0f2a44;}
.assistantCaptchaText small{font-size: 0.74rem; color: #50677d; line-height: 1.35;}
.assistantCaptchaControls{display: grid; grid-template-columns: 112px minmax(82px, 1fr) 36px; gap: 8px; align-items: center;}
.assistantCaptchaImage{width: 112px; height: 42px; object-fit: cover; border-radius: 8px; border: 1px solid rgba(15, 42, 68, 0.14); background: #fff;}
.assistantCaptchaControls input{min-width: 0; height: 42px; padding: 8px 10px; text-transform: uppercase; letter-spacing: 0.08em;}
.assistantCaptchaRefresh{width: 36px; height: 36px; min-width: 36px; padding: 0; border-radius: 50%; display: grid; place-items: center;}
.assistantHoneypot{position: absolute !important; left: -10000px !important; top: auto !important; width: 1px !important; height: 1px !important; opacity: 0 !important; pointer-events: none !important;}
body.globalThemeDark .assistantCaptchaPanel{background: rgba(16, 35, 54, 0.96); border-color: rgba(88, 166, 255, 0.28);}
body.globalThemeDark .assistantCaptchaText strong{color: #e7f2ff;}
body.globalThemeDark .assistantCaptchaText small{color: #a8bdd2;}
@media (max-width: 520px){.assistantCaptchaControls{grid-template-columns: 96px minmax(70px, 1fr) 34px; gap: 6px;}.assistantCaptchaImage{width: 96px;}}
.cookieConsentPanel{max-width: 860px;
  max-height: min(88vh, 720px);
  overflow: auto;
  padding: 20px 58px 20px 20px;}
.cookieConsentPanel > p{margin: 8px 0 14px;}
.cookieConsentChoices{display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;}
.cookieConsentOption{display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(247, 251, 255, .82);
  cursor: pointer;}
.cookieConsentOption.isRequired{cursor: default;
  opacity: .84;}
.cookieConsentOption input{width: auto;
  margin: 3px 0 0;
  flex: 0 0 auto;}
.cookieConsentOption span,.cookieConsentOption small{display: block;}
.cookieConsentOption small{margin-top: 3px;
  color: var(--muted);}
.cookieConsentActions{display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;}
.cookiePrivacyLink{display: inline-block;
  margin-top: 12px;}
body.globalThemeDark .cookieConsentOption,body.portalThemeDark .cookieConsentOption{background: rgba(15, 23, 42, .55);
  border-color: rgba(148, 163, 184, .28);}
.externalMediaGate{position: relative;
  width: 100%;
  min-height: 260px;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(135deg, #eef5fc, #f8fbff);}
.videoFrameWrap.externalMediaGate{aspect-ratio: 16 / 9;
  min-height: 0;}
.mapConsentGate{min-height: 360px;}
.externalMediaPlaceholderInner{position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 24px;
  text-align: center;}
.externalMediaPlaceholderInner p{max-width: 560px;
  margin: 0;}
.externalMediaPlaceholderIcon{display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 999px;
  background: rgba(0, 120, 212, .12);
  color: #0067b8;
  font-size: 28px;
  font-weight: 800;}
.externalMediaAllowButton{margin: 0;}
.externalMediaPrivacyLink{margin-top: 2px;}
.mapConsentFrame{display: block;
  width: 100%;
  height: 360px;
  border: 0;}
body.globalThemeDark .externalMediaGate,body.portalThemeDark .externalMediaGate{background: linear-gradient(135deg, rgba(15, 23, 42, .92), rgba(30, 41, 59, .82));
  border-color: rgba(148, 163, 184, .28);}
body.globalThemeDark .externalMediaPlaceholderIcon,body.portalThemeDark .externalMediaPlaceholderIcon{background: rgba(56, 189, 248, .14);
  color: #7dd3fc;}
@media (max-width: 650px){.cookieConsentPanel{left: 10px;
    right: 10px;
    bottom: 10px;
    padding: 18px 48px 18px 16px;}.cookieConsentChoices{grid-template-columns: 1fr;}.cookieConsentActions{display: grid;
    grid-template-columns: 1fr;}.cookieConsentActions button{width: 100%;}}


/* Header controls: exact equal size and consistent modern icon scale. */
.siteHeader:not(.portalTopHeader) > .headerActions {
  --public-header-action-size: 58px;
  align-items: center !important;
}
.siteHeader:not(.portalTopHeader) > .headerActions > .langToggleBtn,
.siteHeader:not(.portalTopHeader) > .headerActions > .themeToggleBtn,
.siteHeader:not(.portalTopHeader) > .headerActions > .iconOnlyControl,
.siteHeader:not(.portalTopHeader) > .headerActions > .headerPortalDropdown,
.siteHeader:not(.portalTopHeader) > .headerActions > .headerPortalDropdown > .headerDropdownButton {
  box-sizing: border-box !important;
  width: var(--public-header-action-size) !important;
  min-width: var(--public-header-action-size) !important;
  max-width: var(--public-header-action-size) !important;
  height: var(--public-header-action-size) !important;
  min-height: var(--public-header-action-size) !important;
  max-height: var(--public-header-action-size) !important;
  flex: 0 0 var(--public-header-action-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: 1 / 1 !important;
}
.siteHeader:not(.portalTopHeader) > .headerActions > .langToggleBtn,
.siteHeader:not(.portalTopHeader) > .headerActions > .themeToggleBtn,
.siteHeader:not(.portalTopHeader) > .headerActions > .iconOnlyControl,
.siteHeader:not(.portalTopHeader) > .headerActions > .headerPortalDropdown > .headerDropdownButton {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 15px !important;
  line-height: 1 !important;
}
.siteHeader:not(.portalTopHeader) > .headerActions > .headerPortalDropdown {
  position: relative;
}
.siteHeader:not(.portalTopHeader) > .headerActions .iconImage,
.siteHeader:not(.portalTopHeader) > .headerActions .langIconImage,
.siteHeader:not(.portalTopHeader) > .headerActions .themeIconImage,
.siteHeader:not(.portalTopHeader) > .headerActions .loginIconImage,
.siteHeader:not(.portalTopHeader) > .headerActions .portalLoggedInIconImage {
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  object-fit: contain !important;
}
.siteHeader:not(.portalTopHeader) > .headerActions .portalProfilePhotoIcon {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
@media (max-width: 640px) {
  .siteHeader:not(.portalTopHeader) > .headerActions {
    --public-header-action-size: 52px;
  }
  .siteHeader:not(.portalTopHeader) > .headerActions .iconImage,
  .siteHeader:not(.portalTopHeader) > .headerActions .langIconImage,
  .siteHeader:not(.portalTopHeader) > .headerActions .themeIconImage,
  .siteHeader:not(.portalTopHeader) > .headerActions .loginIconImage,
  .siteHeader:not(.portalTopHeader) > .headerActions .portalLoggedInIconImage {
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
}

/* Public KIKI: CAPTCHA must be completed before any guest interaction. */
.assistantCaptchaVerify{grid-column:1 / -1; min-height:40px; margin-top:2px;}
.assistantCaptchaError{display:block; margin-top:8px; color:#b42318; font-weight:700; font-size:.78rem; line-height:1.35;}
.assistantCaptchaError[hidden]{display:none !important;}
.chatBox.assistantCaptchaLocked .assistantSuggestions button:disabled,
.chatBox.assistantCaptchaLocked .chatComposer textarea:disabled,
.chatBox.assistantCaptchaLocked .chatComposer button:disabled{cursor:not-allowed; opacity:.48; filter:grayscale(.18);}
body.globalThemeDark .assistantCaptchaError{color:#ffb4a8;}