:root{
  --primary:#5b3fd3;
  --primary-dark:#26146f;
  --accent:#f5b400;
  --bg:#f6f4ff;
  --text:#17142a;
  --muted:#6f6a86;
  --white:#fff;
  --shadow:0 28px 90px rgba(38,20,111,.20);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  min-height:100vh;
  font-family:Poppins,system-ui,sans-serif;
  background:
    radial-gradient(circle at 15% 20%,rgba(91,63,211,.22),transparent 28rem),
    radial-gradient(circle at 88% 80%,rgba(245,180,0,.20),transparent 28rem),
    linear-gradient(135deg,#fbfaff,#eee9ff);
  color:var(--text);
  display:grid;
  place-items:center;
  padding:28px;
}
.installer-shell{width:min(1180px,100%)}
.installer-card{
  min-height:720px;
  display:grid;
  grid-template-columns:380px 1fr;
  border-radius:38px;
  overflow:hidden;
  background:rgba(255,255,255,.72);
  backdrop-filter:blur(22px);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:var(--shadow);
}
.installer-side{
  padding:36px;
  background:linear-gradient(155deg,var(--primary-dark),var(--primary));
  color:#fff;
  position:relative;
  overflow:hidden;
}
.installer-side:before{
  content:"";
  position:absolute;
  width:300px;height:300px;border-radius:50%;
  background:rgba(255,255,255,.10);
  right:-120px;top:-90px;
}
.installer-side img{width:74px;margin-bottom:20px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}
.installer-side span{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  font-size:.78rem;
  font-weight:800;
  margin-bottom:16px;
}
.installer-side h1{font-size:2rem;line-height:1.05;letter-spacing:-.04em;margin-bottom:14px}
.installer-side p{color:rgba(255,255,255,.78);line-height:1.75}
.steps{display:grid;gap:10px;margin-top:34px}
.step{
  display:flex;align-items:center;gap:12px;
  padding:13px;border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.10);
  color:#fff;border-radius:20px;cursor:pointer;text-align:left;
}
.step strong{
  width:34px;height:34px;border-radius:14px;
  display:grid;place-items:center;background:rgba(255,255,255,.16)
}
.step.active{background:#fff;color:var(--primary-dark)}
.installer-form{padding:40px;position:relative}
.panel{display:none;animation:fade .25s ease}
.panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.panel h2{font-size:2.2rem;letter-spacing:-.04em;color:var(--primary-dark);margin-bottom:8px}
.panel p{color:var(--muted);margin-bottom:24px;line-height:1.75}
.check-list{display:grid;gap:12px}
.check-list div{
  display:flex;align-items:center;gap:12px;padding:16px;border-radius:20px;background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.9);font-weight:800;
}
.check-list span{width:34px;height:34px;border-radius:13px;display:grid;place-items:center}
.check-list .ok span{background:rgba(22,163,74,.14);color:#04783c}
.check-list .bad span{background:rgba(220,38,38,.14);color:#b91c1c}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
label{display:grid;gap:8px;font-size:.85rem;font-weight:800;color:#30265f}
label.wide{grid-column:1/-1}
input{
  width:100%;
  border:1px solid rgba(91,63,211,.16);
  border-radius:18px;
  padding:14px 15px;
  outline:0;
  background:rgba(255,255,255,.82);
  font-family:inherit;
}
input:focus{border-color:rgba(91,63,211,.6);box-shadow:0 0 0 5px rgba(91,63,211,.10)}
.installer-actions{display:flex;justify-content:space-between;gap:12px;margin-top:28px}
.main-btn,.ghost-btn{
  border:0;border-radius:999px;padding:14px 22px;font-weight:900;cursor:pointer;font-family:inherit;
}
.main-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 16px 35px rgba(91,63,211,.3)}
.ghost-btn{background:rgba(255,255,255,.7);color:var(--primary-dark);border:1px solid rgba(91,63,211,.14)}
.hidden{display:none}
.notice{
  margin-top:18px;
  padding:15px;
  border-radius:18px;
  background:rgba(245,180,0,.14);
  color:#745400;
  font-size:.86rem;
  line-height:1.6;
}
.installer-toast{
  position:absolute;left:40px;right:40px;bottom:24px;
  display:none;padding:14px 16px;border-radius:18px;font-weight:800;
  background:#fff;box-shadow:0 16px 40px rgba(38,20,111,.14)
}
.installer-toast.show{display:block}
.installer-toast.ok{color:#04783c}
.installer-toast.bad{color:#b91c1c}
@media(max-width:900px){
  body{padding:14px}
  .installer-card{grid-template-columns:1fr}
  .installer-side{padding:26px}
  .installer-form{padding:26px}
  .grid-2{grid-template-columns:1fr}
  .panel h2{font-size:1.7rem}
}


/* =========================================================
   INSTALLER UI FIX v1.1 - CProjects Network
   Vertical alignment, cleaner step list and Bootstrap Icons
========================================================= */
.installer-card{
  min-height:700px;
  grid-template-columns:360px 1fr;
}
.installer-side{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:38px 34px;
}
.installer-identity{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
}
.installer-identity img{
  width:68px;
  height:68px;
  margin:0;
  object-fit:contain;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22));
}
.installer-identity span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.18);
  font-size:.76rem;
  font-weight:900;
  line-height:1;
  white-space:nowrap;
}
.installer-side > img,
.installer-side > span{
  display:none;
}
.installer-side h1{
  margin-top:0;
}
.installer-side p{
  display:flex;
  gap:9px;
  align-items:flex-start;
}
.installer-side p i{
  color:#d8c9ff;
  margin-top:5px;
}
.steps{
  margin-top:28px;
  gap:10px;
}
.step{
  min-height:52px;
  padding:11px 14px;
  border-radius:18px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:none;
  display:grid;
  grid-template-columns:38px 1fr;
  align-items:center;
}
.step strong{
  width:34px;
  height:34px;
  border-radius:13px;
  background:rgba(255,255,255,.16);
  display:grid;
  place-items:center;
  font-size:1rem;
}
.step span{
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  font-size:.86rem;
  font-weight:900;
  line-height:1.1;
}
.step.active{
  background:#fff;
  color:var(--primary-dark);
  transform:translateX(2px);
  box-shadow:0 14px 34px rgba(0,0,0,.12);
}
.step.active strong{
  background:rgba(91,63,211,.12);
  color:var(--primary);
}
.panel h2{
  display:flex;
  align-items:center;
  gap:12px;
}
.panel h2 i{
  width:46px;
  height:46px;
  border-radius:17px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,rgba(91,63,211,.12),rgba(245,180,0,.14));
  color:var(--primary);
  font-size:1.35rem;
}
.check-list{
  gap:14px;
}
.check-list div{
  min-height:58px;
  padding:14px 16px;
  border-radius:18px;
}
.check-list span{
  width:36px;
  height:36px;
  font-size:1.05rem;
}
.grid-2{
  gap:20px;
}
.panel label{
  gap:10px;
}
input{
  min-height:50px;
}
#testDbBtn{
  margin-top:22px;
}
.installer-actions{
  margin-top:42px;
}
.main-btn,
.ghost-btn{
  min-height:50px;
  padding:14px 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  transition:.25s ease;
}
.ghost-btn{
  background:linear-gradient(135deg,rgba(91,63,211,.13),rgba(91,63,211,.06));
  color:var(--primary-dark);
  border:1px solid rgba(91,63,211,.20);
  box-shadow:0 12px 30px rgba(91,63,211,.10);
}
.ghost-btn:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,rgba(91,63,211,.20),rgba(245,180,0,.14));
}
.main-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(91,63,211,.38);
}
.notice{
  margin-top:26px;
}
@media(max-width:900px){
  .installer-card{
    grid-template-columns:1fr;
  }
  .installer-side{
    justify-content:flex-start;
  }
  .steps{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:560px){
  .steps{
    grid-template-columns:1fr;
  }
  .installer-identity{
    align-items:flex-start;
    flex-direction:column;
  }
}


/* =========================================================
   INSTALLER VALIDATION LOCK v1.2
   Prevents moving forward until required data is complete.
========================================================= */
.hidden{
  display:none !important;
}
.step.locked{
  opacity:.52;
  cursor:not-allowed;
  filter:saturate(.65);
}
.step.locked:hover{
  transform:none;
  background:rgba(255,255,255,.10);
}
.step.locked strong{
  background:rgba(255,255,255,.10);
}
.field-error{
  border-color:#dc2626 !important;
  background:#fff7f7 !important;
  box-shadow:0 0 0 5px rgba(220,38,38,.10) !important;
}
.ghost-btn.db-ok{
  background:linear-gradient(135deg,rgba(22,163,74,.16),rgba(22,163,74,.08));
  color:#04783c;
  border-color:rgba(22,163,74,.28);
}
button:disabled{
  opacity:.72;
  cursor:not-allowed;
  transform:none !important;
}
.installer-actions{
  justify-content:flex-end;
}
#prevBtn{
  margin-right:auto;
}



/* Installer bilingual switch */
.installer-lang-switch{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:22px 0 6px;
}
.installer-lang-switch button{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff;
  border-radius:999px;
  padding:10px 12px;
  font-family:inherit;
  font-weight:900;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  transition:.25s ease;
}
.installer-lang-switch button.active{
  background:#fff;
  color:var(--primary-dark);
  box-shadow:0 12px 30px rgba(0,0,0,.14);
}
.installer-lang-switch button:hover{
  transform:translateY(-2px);
}
select{
  width:100%;
  border:1px solid rgba(91,63,211,.16);
  border-radius:18px;
  padding:14px 15px;
  outline:0;
  background:rgba(255,255,255,.82);
  font-family:inherit;
  min-height:50px;
  color:var(--text);
  font-weight:700;
}
select:focus{
  border-color:rgba(91,63,211,.6);
  box-shadow:0 0 0 5px rgba(91,63,211,.10);
}


/* =========================================================
   INSTALLER FLAGS / LOOSE TEXT UI FIX v1.3
   Removes unnecessary bubbles, improves title and language selector.
========================================================= */

/* Header identity: icon + loose wizard label, no bubble/card */
.installer-identity{
  align-items:center !important;
  gap:16px !important;
  margin-bottom:28px !important;
}
.installer-identity img{
  width:76px !important;
  height:76px !important;
}
.installer-identity .wizard-label{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:rgba(255,255,255,.88) !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}
.installer-identity .wizard-label i{
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  color:#fff;
  font-size:.78rem;
}

/* Product title larger and readable */
.installer-product-title{
  font-size:2.05rem !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
  margin:0 0 18px !important;
  max-width:300px;
  color:#fff;
}

/* Intro text loose, not inside a bubble/card */
.installer-intro-text{
  display:grid !important;
  grid-template-columns:24px 1fr;
  gap:10px !important;
  align-items:start !important;
  padding:0 !important;
  margin:0 0 28px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:.94rem !important;
  font-weight:600 !important;
  line-height:1.7 !important;
  max-width:300px;
}
.installer-intro-text i{
  margin-top:4px !important;
  color:#dfd4ff !important;
}

/* Remove inherited bubble styling from any identity span except language buttons */
.installer-side > span,
.installer-identity > span:not(.wizard-label){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Language selector with circular flags */
.installer-lang-switch{
  margin:8px 0 26px !important;
  gap:10px !important;
}
.installer-lang-switch button{
  min-height:46px;
  justify-content:center;
  gap:9px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  font-size:.86rem !important;
  font-weight:900 !important;
  letter-spacing:-.01em;
}
.flag-circle{
  width:23px;
  height:23px;
  flex:0 0 23px;
  border-radius:50%;
  display:inline-block;
  overflow:hidden;
  box-shadow:0 0 0 2px rgba(255,255,255,.75), 0 6px 16px rgba(0,0,0,.18);
}
.flag-us{
  background:
    linear-gradient(180deg,
      #b22234 0 7.69%, #fff 7.69% 15.38%,
      #b22234 15.38% 23.07%, #fff 23.07% 30.76%,
      #b22234 30.76% 38.45%, #fff 38.45% 46.14%,
      #b22234 46.14% 53.83%, #fff 53.83% 61.52%,
      #b22234 61.52% 69.21%, #fff 69.21% 76.90%,
      #b22234 76.90% 84.59%, #fff 84.59% 92.28%,
      #b22234 92.28% 100%);
  position:relative;
}
.flag-us:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:52%;
  height:54%;
  background:#3c3b6e;
}
.flag-es{
  background:
    linear-gradient(180deg,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%);
  position:relative;
}
.flag-es:before{
  content:"";
  position:absolute;
  width:6px;
  height:8px;
  left:7px;
  top:8px;
  border-radius:2px;
  background:#c60b1e;
  box-shadow:0 0 0 1px rgba(255,255,255,.35);
}

/* Keep side rhythm clean */
.installer-side{
  justify-content:center !important;
}
.steps{
  margin-top:0 !important;
}

/* Mobile */
@media(max-width:560px){
  .installer-identity{
    flex-direction:row !important;
    align-items:center !important;
  }
  .installer-product-title{
    font-size:1.7rem !important;
  }
  .installer-intro-text{
    max-width:none;
  }
}


/* =========================================================
   INSTALLER FINAL FIX v1.4
   Clean side text, working flags, bottom actions, modern background.
========================================================= */
body{
  min-height:100vh !important;
  background:
    radial-gradient(circle at 13% 16%, rgba(91,63,211,.28), transparent 28rem),
    radial-gradient(circle at 85% 80%, rgba(245,180,0,.24), transparent 26rem),
    radial-gradient(circle at 50% 105%, rgba(91,63,211,.14), transparent 34rem),
    linear-gradient(135deg,#f7f4ff 0%,#f1ecff 45%,#fff8ef 100%) !important;
}
.installer-shell{width:min(1180px,94vw) !important;}
.installer-card{
  min-height:720px !important;
  grid-template-columns:360px 1fr !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.82) !important;
  box-shadow:0 34px 100px rgba(38,20,111,.20), 0 14px 42px rgba(245,180,0,.10) !important;
}
.installer-side{
  padding:38px 34px !important;
  justify-content:center !important;
}
.installer-identity{margin-bottom:24px !important; gap:12px !important;}
.installer-identity img{width:72px !important;height:72px !important;margin:0 !important;}
.installer-identity .wizard-label{
  display:inline !important;
  padding:0 !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  white-space:normal !important;
}
.installer-identity .wizard-label i,
.wizard-label i{display:none !important;}
.installer-product-title{
  display:block !important;
  padding:0 !important;
  margin:0 0 18px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:2.15rem !important;
  line-height:1.03 !important;
  letter-spacing:-.06em !important;
  max-width:300px !important;
}
.installer-intro-text,
.installer-side p.installer-intro-text{
  display:block !important;
  padding:0 !important;
  margin:0 0 28px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  color:rgba(255,255,255,.82) !important;
  font-size:.94rem !important;
  font-weight:600 !important;
  line-height:1.72 !important;
  max-width:305px !important;
}
.installer-intro-text:before,
.installer-intro-text i{display:none !important;}
.installer-side span:not(.flag-circle):not([data-i18n]){
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.installer-lang-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:2px 0 24px !important;
}
.installer-lang-switch button{
  min-height:48px !important;
  border-radius:999px !important;
  padding:9px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  font-weight:900 !important;
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:none !important;
}
.installer-lang-switch button.active{
  background:#fff !important;
  color:var(--primary-dark) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.14) !important;
}
.flag-circle{
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  flex:0 0 28px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:50% !important;
  background:#fff !important;
  font-size:1.24rem !important;
  line-height:1 !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.88), 0 6px 14px rgba(0,0,0,.20) !important;
  padding:0 !important;
  margin:0 !important;
}
.flag-circle:before,.flag-circle:after{display:none !important;content:none !important;}
.steps{margin-top:0 !important;}
.step{min-height:55px !important;}
.installer-form{
  position:relative !important;
  min-height:720px !important;
  padding:48px 48px 118px !important;
}
.panel.active{display:block !important;}
.installer-actions{
  position:absolute !important;
  left:48px !important;
  right:48px !important;
  bottom:44px !important;
  margin-top:0 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
}
#prevBtn{margin-right:auto !important;}
#nextBtn,#installBtn{margin-left:auto !important;}
.hidden{display:none !important;}
select{font-family:inherit !important;}
input::placeholder{color:rgba(111,106,134,.72) !important;font-weight:600 !important;}
@media(max-width:900px){
  .installer-card{grid-template-columns:1fr !important;}
  .installer-form{min-height:auto !important;padding:34px 26px 110px !important;}
  .installer-actions{left:26px !important;right:26px !important;bottom:30px !important;}
}
@media(max-width:560px){
  .installer-lang-switch{grid-template-columns:1fr !important;}
  .installer-product-title{font-size:1.82rem !important;}
}


/* =========================================================
   CPN CUSTOM UI SYSTEM v1.5
   Custom notifications, scrollbars, selects, buttons, loading and flags.
========================================================= */
:root{
  --cpn-radius: 18px;
  --cpn-shadow: 0 18px 45px rgba(38,20,111,.16);
  --cpn-shadow-strong: 0 28px 80px rgba(38,20,111,.24);
}
*{
  scrollbar-width: thin;
  scrollbar-color: rgba(91,63,211,.70) rgba(91,63,211,.10);
}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(91,63,211,.08);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:999px;border:2px solid rgba(255,255,255,.75)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-dark),var(--primary))}

/* CSS-drawn circular flags: avoids OS emoji rendering issues */
.installer-lang-switch .flag-circle{
  position:relative !important;
  width:26px !important;
  height:26px !important;
  min-width:26px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 8px 18px rgba(0,0,0,.20) !important;
  font-size:0 !important;
  line-height:0 !important;
  background:#fff !important;
}
.installer-lang-switch .flag-circle:before,
.installer-lang-switch .flag-circle:after{display:block !important;content:"" !important;position:absolute !important;}
.installer-lang-switch .flag-us{
  background:repeating-linear-gradient(to bottom,#b22234 0 2px,#fff 2px 4px) !important;
}
.installer-lang-switch .flag-us:before{left:0 !important;top:0 !important;width:56% !important;height:55% !important;background:#3c3b6e !important;border-radius:0 !important;}
.installer-lang-switch .flag-us:after{left:3px !important;top:3px !important;width:2px !important;height:2px !important;background:#fff !important;box-shadow:5px 0 #fff,10px 0 #fff,0 5px #fff,5px 5px #fff,10px 5px #fff !important;border-radius:50% !important;}
.installer-lang-switch .flag-es{background:linear-gradient(to bottom,#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%) !important;}
.installer-lang-switch .flag-es:before{left:7px !important;top:9px !important;width:6px !important;height:7px !important;background:#c60b1e !important;border-radius:2px !important;box-shadow:0 0 0 1px rgba(255,255,255,.65) !important;}
.installer-lang-switch .flag-es:after{display:none !important;}

/* Custom select/dropdown styling */
select,
.installer-form select{
  appearance:none !important;
  -webkit-appearance:none !important;
  background:
    linear-gradient(45deg, transparent 50%, var(--primary-dark) 50%) calc(100% - 22px) 50%/7px 7px no-repeat,
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(247,244,255,.92)) !important;
  border:1px solid rgba(91,63,211,.18) !important;
  border-radius:18px !important;
  box-shadow:0 10px 28px rgba(91,63,211,.07) !important;
  padding:14px 44px 14px 15px !important;
  color:var(--text) !important;
  font-weight:800 !important;
  cursor:pointer !important;
  transition:.22s ease !important;
}
select:hover{border-color:rgba(91,63,211,.36) !important;box-shadow:0 14px 34px rgba(91,63,211,.12) !important;}
select:focus{border-color:rgba(91,63,211,.72) !important;box-shadow:0 0 0 5px rgba(91,63,211,.13) !important;}
select option{font-family:Poppins,system-ui,sans-serif;color:#1f1f2e;background:#fff;font-weight:700;}

/* Inputs and buttons consistency */
input,textarea,select{font-family:Poppins,system-ui,sans-serif !important;}
input,textarea{border-radius:18px !important;border:1px solid rgba(91,63,211,.18) !important;box-shadow:0 10px 28px rgba(91,63,211,.06) !important;}
.main-btn,.ghost-btn,.installer-lang-switch button,.step{transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;}
.main-btn,.ghost-btn{position:relative;overflow:hidden;}
.main-btn:before,.ghost-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.28),transparent);transform:translateX(-120%);transition:.5s ease;}
.main-btn:hover:before,.ghost-btn:hover:before{transform:translateX(120%);}

/* Custom notification toast */
.installer-toast{
  left:48px !important;
  right:48px !important;
  bottom:104px !important;
  border-radius:22px !important;
  padding:16px 18px 16px 52px !important;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(18px) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:var(--cpn-shadow) !important;
  font-weight:900 !important;
  line-height:1.45 !important;
  z-index:80 !important;
}
.installer-toast:before{content:"";position:absolute;left:18px;top:50%;width:22px;height:22px;border-radius:50%;transform:translateY(-50%);}
.installer-toast.ok:before{background:linear-gradient(135deg,#16a34a,#86efac);box-shadow:0 0 0 6px rgba(22,163,74,.12)}
.installer-toast.bad:before{background:linear-gradient(135deg,#dc2626,#fca5a5);box-shadow:0 0 0 6px rgba(220,38,38,.12)}

/* Custom loading overlay */
.cpn-loading-overlay{position:absolute;inset:0;z-index:90;display:none;align-items:center;justify-content:center;background:rgba(248,247,255,.72);backdrop-filter:blur(16px);border-radius:0 34px 34px 0;}
.cpn-loading-overlay.show{display:flex;}
.cpn-loader-card{width:min(340px,88%);display:grid;place-items:center;gap:12px;text-align:center;padding:30px 24px;border-radius:30px;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.8);box-shadow:var(--cpn-shadow-strong);}
.cpn-loader-ring{width:54px;height:54px;border-radius:50%;border:5px solid rgba(91,63,211,.14);border-top-color:var(--primary);border-right-color:var(--primary-dark);animation:cpnSpin .8s linear infinite;}
.cpn-loader-card strong{color:var(--primary-dark);font-size:1.05rem;}
.cpn-loader-card small{color:var(--muted);font-weight:700;}
@keyframes cpnSpin{to{transform:rotate(360deg)}}

@media(max-width:900px){.installer-toast{left:26px !important;right:26px !important;bottom:92px !important}.cpn-loading-overlay{border-radius:0 0 34px 34px}}



/* =========================================================
   LANGUAGE SELECTOR ALIGNMENT FIX v1.4
   Ajuste fino bandera + texto en eje Y y altura del card.
========================================================= */

/* Reduce altura vertical del bloque de idiomas */
.installer-lang-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:9px !important;
  margin:4px 0 22px !important;
  align-items:center !important;
}

/* Botón compacto y perfectamente centrado */
.installer-lang-switch button{
  min-height:40px !important;
  height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  line-height:1 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}

/* Evita que el texto suba/baje respecto a la bandera */
.installer-lang-switch button span:not(.flag-circle){
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  height:1em !important;
}

/* Bandera perfectamente centrada en eje Y */
.flag-circle{
  width:22px !important;
  height:22px !important;
  flex:0 0 22px !important;
  display:inline-block !important;
  align-self:center !important;
  margin:0 !important;
  transform:translateY(0) !important;
  vertical-align:middle !important;
  border-radius:50% !important;
  overflow:hidden !important;
}

/* Si el navegador interpreta pseudo-elementos como desbalance visual, se fuerza centro */
.flag-us:before,
.flag-es:before{
  pointer-events:none !important;
}

/* Ajuste adicional para que no se vea como card alto */
.installer-lang-switch button.active{
  box-shadow:0 10px 24px rgba(0,0,0,.12) !important;
}

/* Mantener el bloque completo más compacto */
.installer-side .installer-lang-switch + .steps{
  margin-top:0 !important;
}

/* Responsivo */
@media(max-width:560px){
  .installer-lang-switch{
    grid-template-columns:1fr 1fr !important;
  }
  .installer-lang-switch button{
    min-height:38px !important;
    height:38px !important;
    font-size:.78rem !important;
    padding:0 10px !important;
  }
  .flag-circle{
    width:20px !important;
    height:20px !important;
    flex-basis:20px !important;
  }
}



/* =========================================================
   SYSTEM BRAND / INSTALLER BACKGROUND / LANGUAGE FINAL FIX v1.5
   CPNHost manufacturer logo + CProjects Network support.
========================================================= */

/* Modern manufacturer background image */
body{
  background:
    radial-gradient(circle at 12% 18%, rgba(91,63,211,.18), transparent 32rem),
    radial-gradient(circle at 88% 84%, rgba(245,180,0,.20), transparent 32rem),
    linear-gradient(135deg, rgba(246,243,255,.92), rgba(255,255,255,.78)),
    url('../img/system/installer-bg.jpg') center/cover no-repeat fixed !important;
}

/* Installer shell/card keeps premium look */
.installer-card{
  min-height:700px !important;
  border-radius:34px !important;
}

/* Remove old wizard label block completely */
.installer-identity.installer-manufacturer-brand{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 0 30px !important;
  padding:0 !important;
  min-height:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.installer-identity.installer-manufacturer-brand:before,
.installer-identity.installer-manufacturer-brand:after{
  display:none !important;
}
.installer-system-logo{
  width:188px !important;
  max-width:88% !important;
  height:auto !important;
  margin:0 !important;
  object-fit:contain !important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.24)) !important;
}

/* Product title and intro text must be loose, no bubbles/cards */
.installer-product-title,
.installer-side h1{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  margin:0 0 20px !important;
  color:#fff !important;
  font-size:2.08rem !important;
  line-height:1.03 !important;
  letter-spacing:-.06em !important;
  max-width:320px !important;
}
.installer-intro-text,
.installer-side p{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 26px !important;
  color:rgba(255,255,255,.84) !important;
  font-size:.94rem !important;
  font-weight:700 !important;
  line-height:1.65 !important;
  max-width:315px !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
}
.installer-intro-text i,
.installer-side p i{
  flex:0 0 20px !important;
  margin-top:4px !important;
  color:#e6dcff !important;
}

/* Language selector: compact height, centered on Y axis */
.installer-lang-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:4px 0 20px !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  min-height:0 !important;
}
.installer-lang-switch button{
  height:42px !important;
  min-height:42px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  line-height:1 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.20) !important;
}
.installer-lang-switch button.active{
  background:#fff !important;
  color:var(--primary-dark) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.14) !important;
}
.real-flag{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
  font-size:20px !important;
  line-height:1 !important;
  margin:0 !important;
  transform:translateY(0) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.85), 0 6px 16px rgba(0,0,0,.18) !important;
  background:#fff !important;
}
.lang-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:1em !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(0) !important;
}

/* Hide older CSS flag pseudo elements if still present */
.flag-circle,
.flag-us,
.flag-es{
  display:none !important;
}

/* Steps remain compact and clean */
.steps{
  margin-top:0 !important;
}

/* Actions pinned visually at bottom of white panel */
.installer-form{
  display:flex !important;
  flex-direction:column !important;
  min-height:700px !important;
}
.installer-form .panel{
  flex:1 1 auto !important;
}
.installer-actions{
  margin-top:auto !important;
  padding-top:28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
}
#prevBtn{
  margin-right:auto !important;
}
#nextBtn,
#installBtn{
  margin-left:auto !important;
}

/* Support note */
.installer-support-note{
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(91,63,211,.10);
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  font-size:.72rem;
  color:rgba(38,20,111,.56);
  font-weight:800;
}
.installer-support-note a{
  color:var(--primary);
  font-weight:900;
}

/* More modern outer spacing */
.installer-shell{
  filter:drop-shadow(0 34px 80px rgba(38,20,111,.10));
}

/* Responsive */
@media(max-width:900px){
  .installer-form{
    min-height:auto !important;
  }
  .installer-actions{
    margin-top:34px !important;
  }
}
@media(max-width:560px){
  .installer-system-logo{
    width:165px !important;
  }
  .installer-product-title,
  .installer-side h1{
    font-size:1.75rem !important;
  }
  .installer-lang-switch button{
    height:40px !important;
    min-height:40px !important;
    font-size:.78rem !important;
    padding:0 10px !important;
  }
  .real-flag{
    width:22px !important;
    height:22px !important;
    flex-basis:22px !important;
    font-size:18px !important;
  }
  .installer-support-note{
    justify-content:flex-start;
  }
}



/* =========================================================
   FINAL VISUAL NOTES FIX v1.6
   Logo size, language flags and support text refinement.
========================================================= */

/* Logo CPNHost: debe ocupar visualmente el área indicada */
.installer-identity.installer-manufacturer-brand{
  width:100% !important;
  min-height:78px !important;
  margin:0 0 28px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.installer-system-logo{
  width:255px !important;
  max-width:100% !important;
  height:auto !important;
  min-height:54px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.22)) !important;
}

/* Selector de idioma: mostrar banderas, NO texto US/ES */
.installer-lang-switch{
  margin:6px 0 20px !important;
  gap:10px !important;
}
.installer-lang-switch button{
  height:42px !important;
  min-height:42px !important;
  padding:0 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  line-height:1 !important;
  overflow:hidden !important;
}
.flag-emoji{
  width:24px !important;
  height:24px !important;
  flex:0 0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:50% !important;
  overflow:hidden !important;
  font-size:23px !important;
  line-height:1 !important;
  background:#fff !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.86), 0 6px 14px rgba(0,0,0,.16) !important;
  transform:translateY(0) scale(1.18) !important;
}
.installer-lang-switch .lang-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:1 !important;
  height:1em !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(0) !important;
}

/* Ocultar cualquier variante vieja de flags/textos */
.flag-circle,
.flag-us,
.flag-es,
.real-flag{
  display:none !important;
}

/* Texto de soporte: gris suave, casi blanco, sin subrayado */
.installer-support-note{
  color:rgba(38,20,111,.34) !important;
  font-size:.72rem !important;
  font-weight:800 !important;
  border-top:1px solid rgba(38,20,111,.075) !important;
}
.installer-support-note span,
.installer-support-note strong{
  color:rgba(38,20,111,.38) !important;
}
.installer-support-note a,
.installer-support-note .support-link{
  color:rgba(38,20,111,.44) !important;
  text-decoration:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
  font-weight:900 !important;
}
.installer-support-note a:hover,
.installer-support-note .support-link:hover{
  color:rgba(38,20,111,.62) !important;
  text-decoration:none !important;
}

/* Más balance vertical dentro del lado izquierdo */
.installer-side{
  padding-top:36px !important;
  padding-bottom:36px !important;
}
.installer-product-title,
.installer-side h1{
  margin-top:0 !important;
  margin-bottom:18px !important;
}
.installer-intro-text,
.installer-side p{
  margin-bottom:24px !important;
}

/* Responsive */
@media(max-width:560px){
  .installer-system-logo{
    width:220px !important;
    min-height:48px !important;
  }
  .flag-emoji{
    width:22px !important;
    height:22px !important;
    flex-basis:22px !important;
    font-size:21px !important;
  }
}



/* =========================================================
   LOGO + FLAGS FINAL FIX v1.7
   Logo grande en área superior + banderas reales alineadas.
========================================================= */

/* Logo CPNHost grande cubriendo el área superior indicada */
.installer-identity.installer-manufacturer-brand{
  width:100% !important;
  min-height:92px !important;
  height:92px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.installer-system-logo{
  width:290px !important;
  max-width:100% !important;
  height:auto !important;
  min-height:64px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
  transform:scale(1.08) !important;
  transform-origin:left center !important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.26)) !important;
}

/* Selector idioma: más compacto, banderas visibles, alineación perfecta eje Y */
.installer-lang-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:8px 0 20px !important;
  padding:0 !important;
  min-height:42px !important;
  align-items:center !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.installer-lang-switch button{
  height:42px !important;
  min-height:42px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  line-height:1 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

.installer-lang-switch button.active{
  background:#fff !important;
  color:var(--primary-dark) !important;
}

.lang-flag-emoji{
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  flex:0 0 24px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  font-size:24px !important;
  line-height:1 !important;
  transform:translateY(0) scale(1.18) !important;
  transform-origin:center center !important;
  background:#fff !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.88), 0 6px 14px rgba(0,0,0,.16) !important;
}

.installer-lang-switch .lang-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:24px !important;
  line-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  transform:translateY(0) !important;
  vertical-align:middle !important;
}

/* Fuerza ocultar sistemas viejos que mostraban US / ES */
.flag-circle,
.flag-us,
.flag-es,
.real-flag,
.flag-emoji{
  display:none !important;
}

/* Ajuste visual vertical del contenido izquierdo */
.installer-product-title,
.installer-side h1{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

.installer-intro-text,
.installer-side p{
  margin-bottom:24px !important;
}

/* Responsive */
@media(max-width:560px){
  .installer-identity.installer-manufacturer-brand{
    min-height:78px !important;
    height:78px !important;
  }

  .installer-system-logo{
    width:235px !important;
    min-height:54px !important;
    transform:scale(1.03) !important;
  }

  .installer-lang-switch button{
    height:40px !important;
    min-height:40px !important;
    padding:0 11px !important;
    font-size:.78rem !important;
  }

  .lang-flag-emoji{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    flex-basis:22px !important;
    font-size:22px !important;
  }

  .installer-lang-switch .lang-label{
    height:22px !important;
    line-height:22px !important;
  }
}



/* =========================================================
   REAL SVG LOGO / FLAGS FIX v1.8
   Final hard override: large CPNHost logo + real SVG flags.
========================================================= */

/* CPNHost logo large, fixed manufacturer identity */
.installer-identity.installer-manufacturer-brand{
  width:100% !important;
  height:96px !important;
  min-height:96px !important;
  max-height:96px !important;
  margin:0 0 18px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.installer-system-logo{
  display:block !important;
  width:100% !important;
  max-width:310px !important;
  height:86px !important;
  max-height:86px !important;
  min-height:86px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.24)) !important;
}

/* Language selector must show actual flags, vertically centered */
.installer-lang-switch{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  margin:8px 0 18px !important;
  padding:0 !important;
  min-height:42px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  align-items:center !important;
}

.installer-lang-switch button{
  height:42px !important;
  min-height:42px !important;
  max-height:42px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:9px !important;
  line-height:1 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  vertical-align:middle !important;
}

.language-flag-img{
  display:block !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  max-width:24px !important;
  flex:0 0 24px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
  vertical-align:middle !important;
  align-self:center !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.88), 0 6px 14px rgba(0,0,0,.16) !important;
}

.installer-lang-switch .lang-label{
  display:flex !important;
  height:24px !important;
  min-height:24px !important;
  align-items:center !important;
  justify-content:center !important;
  line-height:24px !important;
  margin:0 !important;
  padding:0 !important;
  vertical-align:middle !important;
  align-self:center !important;
  transform:none !important;
}

/* Hide every older flag implementation that caused US/ES text or invisible flags */
.flag-circle,
.flag-us,
.flag-es,
.real-flag,
.flag-emoji,
.lang-flag-emoji{
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  height:0 !important;
  overflow:hidden !important;
}

/* Make sure old wizard label never returns */
.wizard-label,
[data-i18n="wizard_label"],
[data-i18n="installer_removed_label"]{
  display:none !important;
}

/* Left side spacing balance */
.installer-side{
  padding-top:36px !important;
  padding-bottom:36px !important;
}

@media(max-width:560px){
  .installer-identity.installer-manufacturer-brand{
    height:82px !important;
    min-height:82px !important;
  }
  .installer-system-logo{
    max-width:260px !important;
    height:74px !important;
    min-height:74px !important;
  }
  .installer-lang-switch button{
    height:40px !important;
    min-height:40px !important;
    padding:0 10px !important;
    font-size:.78rem !important;
  }
  .language-flag-img{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    flex-basis:22px !important;
  }
  .installer-lang-switch .lang-label{
    height:22px !important;
    line-height:22px !important;
  }
}



/* =========================================================
   LOGO ONLY BIGGER FIX v1.9
   No toca banderas. Solo fuerza CPNHost logo grande.
========================================================= */

/* Área superior del logo: amplia y limpia */
.installer-side .installer-identity.installer-manufacturer-brand{
  width:100% !important;
  height:86px !important;
  min-height:86px !important;
  max-height:86px !important;
  margin:0 0 18px 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Logo CPNHost GRANDE: cubre visualmente el cuadro rojo superior */
.installer-side .installer-identity.installer-manufacturer-brand img.installer-system-logo,
.installer-side .installer-identity.installer-manufacturer-brand img.cpn-big-system-logo,
img.cpn-big-system-logo{
  display:block !important;
  width:282px !important;
  min-width:282px !important;
  max-width:none !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
  object-fit:fill !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  transform:none !important;
  transform-origin:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.28)) !important;
}

/* Evita que reglas viejas de img lo reduzcan */
.installer-identity img:not(.language-flag-img){
  width:282px !important;
  min-width:282px !important;
  max-width:none !important;
  height:58px !important;
  min-height:58px !important;
  max-height:58px !important;
}

/* Ajusta el balance vertical debajo del logo grande */
.installer-product-title,
.installer-side h1{
  margin-top:0 !important;
  margin-bottom:18px !important;
}

/* Responsive: grande pero sin romper móvil */
@media(max-width:560px){
  .installer-side .installer-identity.installer-manufacturer-brand{
    height:76px !important;
    min-height:76px !important;
    max-height:76px !important;
  }

  .installer-side .installer-identity.installer-manufacturer-brand img.installer-system-logo,
  .installer-side .installer-identity.installer-manufacturer-brand img.cpn-big-system-logo,
  img.cpn-big-system-logo,
  .installer-identity img:not(.language-flag-img){
    width:236px !important;
    min-width:236px !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }
}