/* XAN Office v1.3.10.5 — XAN Mobil install guide + XAN Asistan header control polish */
:root{
  --xan-v13105-petrol:#055970;
  --xan-v13105-petrol-dark:#194552;
  --xan-v13105-navy:#041F40;
  --xan-v13105-white:#fff;
}

/* XAN Mobil install guide: one dark corporate surface, no inherited dark copy. */
.xan-pwa-guide-card-v13105{
  width:min(440px,calc(100vw - 28px))!important;
  padding:24px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:18px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,var(--xan-v13105-petrol),var(--xan-v13105-petrol-dark))!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:0 24px 70px rgba(4,31,64,.34)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
.xan-pwa-guide-card-v13105,
.xan-pwa-guide-card-v13105 :where(div,strong,p,ol,li,b,span,small,em){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
}
.xan-pwa-guide-card-v13105 ::marker{color:#fff!important}
.xan-pwa-guide-head-v13105{display:grid!important;grid-template-columns:64px minmax(0,1fr)!important;align-items:center!important;gap:14px!important;padding-right:34px!important}
.xan-pwa-guide-head-v13105 img{width:64px!important;height:64px!important;border-radius:17px!important;background:#fff!important;padding:5px!important;box-shadow:0 10px 24px rgba(4,31,64,.16)!important}
.xan-pwa-guide-head-v13105 strong{display:block!important;font-size:22px!important;line-height:1.15!important;font-weight:700!important;letter-spacing:-.02em!important}
.xan-pwa-guide-head-v13105 p{margin:6px 0 0!important;font-size:14px!important;line-height:1.45!important;font-weight:500!important;color:rgba(255,255,255,.92)!important;-webkit-text-fill-color:rgba(255,255,255,.92)!important}
.xan-pwa-steps-v13105{list-style:none!important;margin:0!important;padding:0!important;display:grid!important;gap:9px!important}
.xan-pwa-steps-v13105 li{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:9px 11px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:13px!important;background:rgba(255,255,255,.075)!important;font-size:13px!important;line-height:1.42!important}
.xan-pwa-steps-v13105 li>span{width:30px!important;height:30px!important;border-radius:999px!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.2)!important;font-size:12px!important;font-weight:700!important}
.xan-pwa-steps-v13105 b{font-weight:700!important}
.xan-pwa-guide-actions-v13105{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;padding-top:2px!important}
.xan-pwa-guide-actions-v13105 button{min-height:44px!important;border-radius:12px!important;padding:10px 15px!important;font:700 13px/1.2 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;cursor:pointer!important;transition:transform .14s ease,box-shadow .14s ease!important}
.xan-pwa-guide-primary-v13105{border:1px solid #fff!important;background:#fff!important;color:var(--xan-v13105-petrol)!important;-webkit-text-fill-color:var(--xan-v13105-petrol)!important;box-shadow:0 8px 20px rgba(4,31,64,.14)!important}
.xan-pwa-guide-primary-v13105:hover,.xan-pwa-guide-primary-v13105:focus-visible{transform:translateY(-1px)!important;outline:2px solid rgba(255,255,255,.72)!important;outline-offset:2px!important}
.xan-pwa-guide-secondary-v13105{border:1px solid rgba(255,255,255,.34)!important;background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.xan-pwa-guide-secondary-v13105:hover,.xan-pwa-guide-secondary-v13105:focus-visible{background:rgba(255,255,255,.14)!important;outline:2px solid rgba(255,255,255,.55)!important;outline-offset:2px!important}
.xan-pwa-guide-close-v13102{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;right:12px!important;top:12px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:11px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-size:23px!important;line-height:1!important}
.xan-pwa-guide-close-v13102:hover,.xan-pwa-guide-close-v13102:focus-visible{background:rgba(255,255,255,.15)!important;outline:2px solid rgba(255,255,255,.55)!important;outline-offset:2px!important}

/* XAN Assistant: matching header controls and controlled desktop width. */
@media (min-width:821px){
  body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-shell{
    width:clamp(390px,30vw,500px)!important;
    max-width:calc(100vw - 28px)!important;
  }
}
body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-head>button{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  flex:0 0 42px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  line-height:1!important;
  font-size:21px!important;
}
body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-head>button :where(svg,path,line,polyline,rect){color:#fff!important;stroke:currentColor!important}
body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-head>button:hover,
body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-head>button:focus-visible{
  background:rgba(255,255,255,.15)!important;
  outline:2px solid rgba(255,255,255,.66)!important;
  outline-offset:2px!important;
}
body:not(.xan-customer-ai-standalone-v196) .xan-customer-ai-v180 .xcai-head>[data-xcai-close]{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media (max-width:520px){
  .xan-pwa-guide-card-v13105{padding:20px 16px 16px!important;gap:14px!important;border-radius:18px!important}
  .xan-pwa-guide-head-v13105{grid-template-columns:54px minmax(0,1fr)!important;gap:12px!important;padding-right:34px!important}
  .xan-pwa-guide-head-v13105 img{width:54px!important;height:54px!important;border-radius:14px!important}
  .xan-pwa-guide-head-v13105 strong{font-size:20px!important}
  .xan-pwa-guide-head-v13105 p{font-size:13px!important}
  .xan-pwa-steps-v13105 li{grid-template-columns:28px minmax(0,1fr)!important;min-height:44px!important;padding:8px 9px!important;font-size:12.5px!important}
  .xan-pwa-steps-v13105 li>span{width:27px!important;height:27px!important}
  .xan-pwa-guide-actions-v13105{display:grid!important;grid-template-columns:1fr!important}
  .xan-pwa-guide-actions-v13105 button{width:100%!important}
}