:root{--bg:#07182e;--panel:#0b2447;--card:#ffffff;--text:#0f172a;--muted:#64748b;--primary:#0ea5e9;--secondary:#1e3a8a;--soft:#eef8ff;--danger:#ef4444;--ok:#10b981}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#061529,#0b2447 45%,#052f4f);color:var(--text);min-height:100vh}.shell{max-width:1220px;margin:auto;padding:18px}.topbar{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:12px 18px;margin-bottom:24px}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:24px;font-weight:800}.brand img{height:46px;width:80px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar nav a{color:#dff7ff;text-decoration:none;font-weight:600}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.panel,.card,.table-wrap{background:rgba(255,255,255,.96);border-radius:28px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.24)}.panel.dark{background:linear-gradient(145deg,#0b2447,#061529);color:white;border:1px solid rgba(255,255,255,.12)}h1{font-size:44px;line-height:1.04;margin:0 0 12px}h2{margin:0 0 16px}p{color:var(--muted);line-height:1.6}.dark p{color:#cbd5e1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid.two{grid-template-columns:repeat(2,1fr)}.stat{background:var(--soft);border:1px solid #d6f1ff;border-radius:22px;padding:18px}.stat b{font-size:30px;display:block}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(14,165,233,.25)}.btn.ghost{background:rgba(255,255,255,.12);box-shadow:none;border:1px solid rgba(255,255,255,.25)}.btn.secondary{background:#e0f2fe;color:#075985}.btn.danger{background:var(--danger)}.btn.small{padding:8px 12px;border-radius:12px;font-size:13px}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form .full{grid-column:1/-1}label{display:block;font-weight:700;margin-bottom:6px}input,select,textarea{width:100%;border:1px solid #dbe3ef;border-radius:14px;padding:12px;background:#fff;font:inherit}textarea{min-height:90px}.notice{padding:12px 16px;border-radius:16px;background:#ecfeff;border:1px solid #a5f3fc;margin-bottom:14px}.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eef2f7}th{font-size:13px;text-transform:uppercase;color:#64748b}.badge{padding:6px 10px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:800}.biz-card{width:440px;max-width:100%;min-height:250px;border-radius:28px;padding:24px;color:white;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--secondary),var(--primary));box-shadow:0 22px 55px rgba(2,8,23,.35)}.biz-card:before{content:"";position:absolute;inset:auto -60px -90px auto;width:220px;height:220px;background:rgba(255,255,255,.16);border-radius:999px}.biz-logo{max-height:46px;max-width:160px;object-fit:contain;background:rgba(255,255,255,.92);border-radius:12px;padding:6px}.biz-name{font-size:28px;font-weight:900;margin-top:34px}.biz-title{opacity:.9}.biz-meta{margin-top:16px;font-size:14px;line-height:1.7}.qr{position:absolute;right:20px;bottom:20px;background:#fff;border-radius:16px;padding:8px}.qr img{width:92px;height:92px;display:block}.profile{max-width:760px;margin:30px auto}.avatar{width:112px;height:112px;border-radius:30px;object-fit:cover;background:#e2e8f0}.footer{color:#bfefff;text-align:center;margin:24px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.login-box{max-width:460px;margin:60px auto}.muted{color:#64748b}.api-code{background:#05172d;color:#dff7ff;border-radius:18px;padding:16px;overflow:auto}.logo-preview{height:70px;max-width:180px;object-fit:contain;background:#f8fafc;border-radius:14px;padding:8px}@media(max-width:800px){.hero,.grid,.grid.two,.form{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:12px;flex-direction:column}h1{font-size:34px}}

/* Company branding configuration */
.color-card{background:#f8fbff;border:1px solid #e7eef8;border-radius:20px;padding:14px}.color-row{display:grid;grid-template-columns:54px 1fr 76px;gap:10px;align-items:center}.color-swatch{width:54px;height:48px;border-radius:14px;border:1px solid #dbe3ef;box-shadow:inset 0 0 0 4px rgba(255,255,255,.65)}input[type=color]{height:48px;padding:4px;border-radius:14px;cursor:pointer;background:#fff}.logo-config-box{background:#f8fbff;border:1px solid #e7eef8;border-radius:24px;padding:18px}.logo-config-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}.logo-preview-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;background:white;border:1px solid #e7eef8;border-radius:22px;padding:16px}.logo-preview.large{height:110px;max-width:230px}.hint{font-size:14px;margin:8px 0 0}.picked-colors{display:flex;gap:14px;align-items:center}.picked-colors div{display:flex;align-items:center;gap:6px}.picked-colors span{display:inline-block;width:36px;height:24px;border-radius:8px;border:1px solid #dbe3ef}.picked-colors small{color:#64748b;font-weight:700}

/* Bigger logo on generated business card */
.biz-logo{max-height:64px;max-width:210px;padding:8px;border-radius:14px}.biz-name{margin-top:28px}
@media(max-width:800px){.logo-config-grid{grid-template-columns:1fr}.color-row{grid-template-columns:46px 1fr 64px}.color-swatch{width:46px}}


/* v4 visible color swatches and improved card branding */
.color-card-pro{background:#f8fbff;border:1px solid #e7eef8;border-radius:22px;padding:16px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.color-preview-tile{height:86px;border-radius:20px;margin:8px 0 12px;padding:14px 16px;display:flex;align-items:flex-end;justify-content:space-between;border:1px solid rgba(15,23,42,.12);box-shadow:inset 0 0 0 3px rgba(255,255,255,.35),0 10px 24px rgba(15,23,42,.12);color:white;transition:.15s ease}
.color-preview-tile span{font-weight:900;letter-spacing:.02em}.color-preview-tile strong{font-size:18px;background:rgba(255,255,255,.24);padding:6px 10px;border-radius:12px;backdrop-filter:blur(8px)}
.color-input-row{display:grid;grid-template-columns:1fr 72px;gap:10px;align-items:center}.color-input-row input[type=text]{font-weight:800;letter-spacing:.03em}.color-input-row input[type=color]{width:72px;height:50px;padding:4px;border-radius:16px;background:#fff;border:1px solid #dbe3ef;cursor:pointer;appearance:auto;-webkit-appearance:none}.color-input-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-input-row input[type=color]::-webkit-color-swatch{border:none;border-radius:12px}.color-input-row input[type=color]::-moz-color-swatch{border:none;border-radius:12px}
.large-swatches span{width:52px!important;height:34px!important;border-radius:10px!important}.logo-preview.large{height:135px!important;max-width:280px!important}.mini-card-preview{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:center;background:#f8fbff;border:1px solid #e7eef8;border-radius:24px;padding:18px}.mini-card-preview p{margin:6px 0 0}.mini-biz-card{min-height:170px;border-radius:24px;padding:18px;color:white;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden;position:relative}.mini-biz-card:after{content:"";position:absolute;right:-40px;bottom:-55px;width:150px;height:150px;background:rgba(255,255,255,.16);border-radius:999px}.mini-biz-card img{height:68px;max-width:190px;object-fit:contain;background:rgba(255,255,255,.94);border-radius:16px;padding:8px;z-index:1}.mini-biz-card strong{font-size:22px;z-index:1}.mini-biz-card span{opacity:.9;z-index:1}.biz-logo{max-height:82px!important;max-width:250px!important;padding:10px!important;border-radius:18px!important}.biz-card{min-height:280px!important;padding:26px!important}.biz-name{margin-top:24px!important}
@media(max-width:800px){.mini-card-preview{grid-template-columns:1fr}.color-input-row{grid-template-columns:1fr 64px}.color-preview-tile{height:78px}.logo-preview.large{height:120px!important}}

/* v5 company name, optional address, and free-plan footer on business card */
.biz-top{display:flex;align-items:center;gap:14px;position:relative;z-index:2}
.biz-company{font-size:18px;font-weight:900;letter-spacing:.2px;max-width:210px;line-height:1.15;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.biz-address{font-size:12px;line-height:1.35;opacity:.88;display:inline-block;margin-top:2px;max-width:255px}
.powered{position:absolute;left:24px;bottom:16px;font-size:11px;font-weight:800;letter-spacing:.35px;opacity:.72;z-index:2;text-transform:uppercase}
.biz-meta{max-width:265px;position:relative;z-index:2}
@media(max-width:520px){.biz-company{font-size:15px;max-width:160px}.powered{left:18px;bottom:12px}.biz-address{max-width:210px}}


/* v7 business card layout refinement */
.biz-card{width:520px!important;max-width:100%;min-height:292px!important;padding:24px 26px 22px!important;border-radius:30px!important}
.biz-top{display:flex;align-items:center;gap:14px;position:relative;z-index:2;margin-bottom:10px}
.biz-logo{height:76px!important;max-height:76px!important;max-width:108px!important;width:auto;object-fit:contain;background:rgba(255,255,255,.94);border-radius:18px!important;padding:8px!important;flex:0 0 auto}
.biz-company-wrap{display:flex;flex-direction:column;justify-content:center;min-width:0;max-width:250px}
.biz-company{font-size:22px!important;font-weight:900;line-height:1.08;max-width:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biz-company-address{margin-top:5px;font-size:11px;line-height:1.2;opacity:.88;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.biz-name{font-size:30px!important;font-weight:900;margin-top:18px!important;max-width:290px;line-height:1.05;position:relative;z-index:2}
.biz-title{font-size:16px;opacity:.92;position:relative;z-index:2;margin-top:2px}
.biz-meta{margin-top:18px;font-size:13px!important;line-height:1.45!important;max-width:300px!important;position:relative;z-index:2}
.biz-meta div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qr{right:18px!important;bottom:18px!important;padding:8px!important;border-radius:18px!important;z-index:2}
.qr img{width:102px!important;height:102px!important}
.powered{left:26px!important;bottom:14px!important}
@media(max-width:640px){.biz-card{width:100%!important;min-height:0!important;padding:20px!important}.biz-company{font-size:18px!important;white-space:normal}.biz-company-wrap{max-width:180px}.biz-company-address{white-space:normal}.biz-name{font-size:26px!important;max-width:100%}.biz-meta{max-width:100%!important;padding-right:118px}.biz-logo{height:64px!important;max-width:92px!important}.qr img{width:88px!important;height:88px!important}}


/* v8 commercial SaaS polish */
.panel,.card,.table-wrap{border:1px solid rgba(255,255,255,.35)}
.stat{transition:.2s}.stat:hover{transform:translateY(-2px)}
.table-wrap{overflow:auto}.table-wrap table{min-width:860px}
.profile-body{background:linear-gradient(160deg,var(--secondary),#04192f 55%,var(--primary));padding:18px;min-height:100vh}
.profile-card-mobile{width:min(100%,560px);margin:0 auto;background:#fff;border-radius:32px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.34)}
.profile-hero{padding:18px;color:#fff;display:flex;align-items:center;gap:14px;font-weight:900}.profile-logo{height:58px;max-width:120px;object-fit:contain;background:rgba(255,255,255,.96);padding:8px;border-radius:16px}.profile-content{text-align:center;padding:24px}.profile-avatar{margin-top:-6px}.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0}.contact-list{text-align:left;margin:20px 0;background:#f8fbff;border:1px solid #e7eef8;border-radius:22px;padding:14px}.contact-list div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #edf2f7;padding:10px 0}.contact-list div:last-child{border-bottom:0}.lead-box{margin-top:20px;background:#f8fbff;border:1px solid #e7eef8;border-radius:24px;padding:16px}.profile-form{grid-template-columns:1fr}.profile-powered{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}.signature-box{background:#fff;border:1px solid #e7eef8;border-radius:22px;padding:20px;overflow:auto}.topbar nav a{padding:7px 4px}.api-code{white-space:pre-wrap}.badge{display:inline-block;margin:2px 0}
@media(max-width:700px){.shell{padding:10px}.panel{padding:18px;border-radius:22px}.topbar{border-radius:18px}.topbar nav{gap:6px}.topbar nav a{font-size:13px}.actions{gap:8px}.btn,button{width:auto;padding:10px 13px}.profile-body{padding:8px}.profile-card-mobile{border-radius:24px}.profile-content h1{font-size:30px}.contact-list div{flex-direction:column;gap:3px}.profile-actions .btn{flex:1 1 42%}}


/* v9 automatic contrast-aware public profile theme */
.profile-body{background:linear-gradient(165deg,var(--secondary),#07182e 52%,var(--primary))!important;padding:12px;min-height:100vh}
.profile-card-mobile{background:#ffffff!important;border:1px solid rgba(255,255,255,.4);overflow:hidden}
.profile-hero{color:var(--hero-text)!important;align-items:center!important;padding:18px 18px 16px!important}
.profile-hero-text{display:flex;flex-direction:column;min-width:0}
.profile-hero-text span{font-size:28px;font-weight:900;line-height:1.05;color:var(--hero-text)!important}
.profile-hero-text small{margin-top:5px;font-size:12px;line-height:1.25;opacity:.92;color:var(--hero-text)!important}
.profile-content{padding:22px 18px 24px!important;text-align:center;color:#0f172a!important;background:#ffffff!important}
.profile-content h1,.profile-content h2,.profile-content p,.profile-content b{color:#0f172a!important}
.profile-content p{margin:8px 0 0;color:#334155!important}
.profile-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:18px 0 18px}
.profile-actions .btn{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:var(--hero-text)!important;box-shadow:0 10px 24px rgba(15,23,42,.18);min-width:140px}
.profile-actions .btn.secondary{background:var(--accent-soft)!important;color:var(--accent-text)!important;border:1px solid var(--surface-border)!important;box-shadow:none}
.contact-list{background:var(--surface-tint)!important;border:1px solid var(--surface-border)!important;border-radius:22px;padding:12px 16px!important}
.contact-list div{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;border-bottom:1px solid rgba(15,23,42,.08)!important;padding:11px 0!important}
.contact-list div span{color:#475569;font-weight:700}
.contact-list div b{color:#0f172a!important;text-align:right}
.lead-box{margin-top:20px;background:var(--surface-tint)!important;border:1px solid var(--surface-border)!important;border-radius:24px;padding:16px}
.lead-box h2{margin-bottom:12px!important;color:#0f172a!important}
.profile-form input,.profile-form textarea{background:#ffffff!important;border:1px solid var(--surface-border)!important;color:#0f172a!important;border-radius:18px!important;padding:14px 16px!important}
.profile-form input::placeholder,.profile-form textarea::placeholder{color:#94a3b8!important}
.profile-form button{width:100%;background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:var(--hero-text)!important}
.profile-powered{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;color:#64748b!important;margin-top:14px}
@media(max-width:700px){.profile-card-mobile{width:100%!important;border-radius:22px!important}.profile-hero{padding:14px!important;gap:12px!important}.profile-logo{height:54px!important;max-width:96px!important}.profile-hero-text span{font-size:22px}.profile-hero-text small{font-size:11px}.profile-content{padding:18px 14px 20px!important}.profile-content h1{font-size:30px!important;line-height:1.05}.profile-actions .btn{flex:1 1 calc(50% - 8px);min-width:0}.contact-list div{flex-direction:column;gap:4px;align-items:flex-start}.contact-list div b{text-align:left}.profile-form input,.profile-form textarea{padding:13px 14px!important}}


/* v10 mobile public profile readability fix */


/* v10 critical mobile profile fix - inline to avoid mobile cache */
.profile-body{
  margin:0!important;
  padding:10px!important;
  min-height:100vh!important;
  background:linear-gradient(165deg,var(--secondary),#07182e 52%,var(--primary))!important;
  color:#0f172a!important;
}
.profile-card-mobile{
  width:min(100%,560px)!important;
  margin:0 auto!important;
  background:#fff!important;
  border-radius:26px!important;
  overflow:hidden!important;
  box-shadow:0 24px 80px rgba(0,0,0,.34)!important;
}
.profile-hero{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:16px!important;
  color:var(--hero-text)!important;
}
.profile-logo{
  height:58px!important;
  width:auto!important;
  max-width:110px!important;
  object-fit:contain!important;
  background:rgba(255,255,255,.96)!important;
  padding:8px!important;
  border-radius:16px!important;
  flex:0 0 auto!important;
}
.profile-hero-text{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.profile-hero-text span{
  color:var(--hero-text)!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:900!important;
  word-break:break-word!important;
}
.profile-hero-text small{
  margin-top:5px!important;
  color:var(--hero-text)!important;
  opacity:.9!important;
  font-size:12px!important;
  line-height:1.25!important;
}
.profile-content{
  background:#fff!important;
  color:#0f172a!important;
  padding:20px 14px 22px!important;
  text-align:center!important;
}
.profile-content h1{
  color:#0f172a!important;
  font-size:30px!important;
  line-height:1.05!important;
  margin:8px 0 6px!important;
}
.profile-content h2{
  color:#0f172a!important;
  font-size:22px!important;
  margin:0 0 12px!important;
}
.profile-content p,
.profile-content p b{
  color:#334155!important;
}
.profile-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin:18px 0!important;
}
.profile-actions .btn{
  width:100%!important;
  min-width:0!important;
  border-radius:18px!important;
  padding:13px 10px!important;
  font-size:15px!important;
  font-weight:900!important;
  text-align:center!important;
  color:var(--hero-text)!important;
  background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
  box-shadow:0 8px 22px rgba(15,23,42,.18)!important;
}
.profile-actions .btn.secondary{
  color:var(--accent-text)!important;
  background:var(--accent-soft)!important;
  border:1px solid var(--surface-border)!important;
  box-shadow:none!important;
}
.contact-list{
  background:var(--surface-tint)!important;
  border:1px solid var(--surface-border)!important;
  border-radius:22px!important;
  padding:12px 14px!important;
  margin:18px 0!important;
  text-align:left!important;
}
.contact-list div{
  display:block!important;
  border-bottom:1px solid rgba(15,23,42,.08)!important;
  padding:10px 0!important;
}
.contact-list div:last-child{border-bottom:0!important;}
.contact-list span{
  display:block!important;
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin-bottom:3px!important;
}
.contact-list b{
  display:block!important;
  color:#0f172a!important;
  font-size:15px!important;
  line-height:1.35!important;
  word-break:break-word!important;
  text-align:left!important;
}
.lead-box{
  background:var(--surface-tint)!important;
  border:1px solid var(--surface-border)!important;
  border-radius:24px!important;
  padding:16px!important;
  text-align:left!important;
}
.profile-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
}
.profile-form input,
.profile-form textarea{
  width:100%!important;
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid var(--surface-border)!important;
  border-radius:18px!important;
  padding:14px 16px!important;
  font-size:16px!important;
}
.profile-form input::placeholder,
.profile-form textarea::placeholder{
  color:#94a3b8!important;
}
.profile-form button{
  width:100%!important;
  color:var(--hero-text)!important;
  background:linear-gradient(135deg,var(--primary),var(--secondary))!important;
  border-radius:18px!important;
  padding:14px!important;
}
.profile-powered{
  color:#64748b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
@media(max-width:380px){
  .profile-actions{grid-template-columns:1fr!important;}
  .profile-hero{gap:10px!important;}
  .profile-logo{height:50px!important;max-width:88px!important;}
  .profile-hero-text span{font-size:20px!important;}
}



/* v11 CardIQ professional UI refresh */
:root{--ciq-navy:#001030;--ciq-teal:#00a8a8;--ciq-bg:#f5f8fc;--ciq-line:#e7edf5;--ciq-card:#ffffff;--ciq-soft:#eefafa;--ciq-shadow:0 22px 70px rgba(0,16,48,.10)}
body{background:radial-gradient(circle at 10% 0%,rgba(0,168,168,.10),transparent 26%),linear-gradient(180deg,#f8fbff,#eef4fa)!important;color:#0f172a!important}.shell{max-width:1440px!important;padding:18px 22px!important}.topbar{background:rgba(255,255,255,.92)!important;border:1px solid rgba(226,232,240,.95)!important;border-radius:24px!important;box-shadow:0 18px 45px rgba(0,16,48,.08)!important;backdrop-filter:blur(16px)!important}.brand.app-brand img{height:42px!important;width:150px!important;object-fit:contain!important}.topbar nav a{color:#334155!important;padding:9px 10px!important;border-radius:12px!important}.topbar nav a:hover{background:#eefafa!important;color:var(--ciq-navy)!important}.topbar nav .btn.ghost{background:linear-gradient(135deg,var(--ciq-navy),#07376b)!important;color:white!important}.panel,.card,.table-wrap,.dash-card-v11{background:rgba(255,255,255,.96)!important;border:1px solid var(--ciq-line)!important;box-shadow:var(--ciq-shadow)!important}.btn,button{background:linear-gradient(135deg,var(--ciq-teal),#007f90)!important;color:#fff!important;box-shadow:0 12px 26px rgba(0,168,168,.22)!important}.btn.secondary{background:#e7fbfb!important;color:#006b72!important;box-shadow:none!important;border:1px solid #c7f2f2!important}.btn.ghost{background:#0b1f3a!important;color:#fff!important;box-shadow:none!important}.badge{background:#e7fbfb!important;color:#00747d!important;border:1px solid #c6eeee!important}.muted{color:#64748b!important}
.login-hero{display:grid;grid-template-columns:1.1fr .78fr;gap:28px;align-items:center;min-height:72vh}.login-copy{background:linear-gradient(135deg,#001030,#06335d 62%,#006f78);border-radius:34px;color:#fff;padding:44px;position:relative;overflow:hidden;box-shadow:0 26px 90px rgba(0,16,48,.28)}.login-copy:after{content:"";position:absolute;right:-130px;bottom:-130px;width:330px;height:330px;border-radius:999px;background:rgba(0,168,168,.22)}.login-logo{height:58px;width:210px;object-fit:contain;background:rgba(255,255,255,.95);border-radius:18px;padding:8px 14px}.login-copy h1{font-size:52px;color:#fff;margin:28px 0 14px;max-width:720px}.login-copy p{color:#dbeafe;font-size:18px;max-width:650px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px;position:relative;z-index:2}.login-feature-grid div{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:16px}.login-feature-grid b{display:block;color:#fff;margin-bottom:6px}.login-feature-grid span{color:#cbd5e1;font-size:14px}.glass-panel{border-radius:30px!important;padding:34px!important}.login-box{max-width:none!important;margin:0!important}.login-box h2{font-size:34px;color:#001030;margin:0 0 8px}.login-box .form{grid-template-columns:1fr}.login-box input{padding:15px 16px;border-radius:18px}.dash-hero-v11{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;margin-bottom:22px}.dash-hero-copy{background:linear-gradient(135deg,#001030,#042a54 55%,#007982);border-radius:34px;padding:34px;color:#fff;position:relative;overflow:hidden;box-shadow:0 28px 90px rgba(0,16,48,.22)}.dash-hero-copy:after{content:"";position:absolute;right:-120px;bottom:-120px;width:300px;height:300px;border-radius:999px;background:rgba(0,168,168,.22)}.dash-hero-logo{height:56px;width:200px;object-fit:contain;background:rgba(255,255,255,.96);border-radius:18px;padding:9px 14px}.dash-hero-copy h1{color:#fff;font-size:44px;margin:26px 0 10px}.dash-hero-copy p{color:#dbeafe;font-size:17px;max-width:720px}.dash-hero-visual{border-radius:34px;overflow:hidden;min-height:320px;background:#fff;border:1px solid var(--ciq-line);box-shadow:var(--ciq-shadow)}.dash-hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.kpi-row-v11{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.kpi-card{background:#fff;border:1px solid var(--ciq-line);border-radius:26px;padding:20px;box-shadow:0 16px 40px rgba(0,16,48,.07);position:relative;overflow:hidden}.kpi-card:after{content:"";position:absolute;right:-36px;top:-36px;width:92px;height:92px;border-radius:999px;background:#eefafa}.kpi-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:16px;background:#e8f1ff;font-size:22px}.kpi-icon.teal{background:#e7fbfb}.kpi-icon.purple{background:#f0ecff}.kpi-icon.green{background:#e9fbf2}.kpi-card small{display:block;margin-top:14px;color:#64748b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kpi-card b{display:block;font-size:34px;color:#001030;margin:3px 0}.kpi-card em{font-style:normal;color:#0f9f79;font-weight:700;font-size:13px}.dashboard-grid-v11{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;align-items:stretch}.dash-card-v11{border-radius:28px;padding:20px;overflow:hidden}.dash-card-v11.wide{grid-column:span 2}.card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}.card-head h2{font-size:20px;color:#001030;margin:0 0 4px}.card-head p{margin:0;color:#64748b}.card-head a{font-weight:800;color:#008a92;text-decoration:none}.trend-bars{height:220px;display:flex;gap:8px;align-items:flex-end;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;padding:14px 0 26px;position:relative}.trend-col{flex:1;text-align:center;position:relative;height:176px;display:flex;align-items:flex-end;justify-content:center}.trend-col span{display:block;width:100%;max-width:24px;border-radius:999px 999px 6px 6px;background:linear-gradient(180deg,#00c4bb,#007e98);box-shadow:0 8px 18px rgba(0,168,168,.18)}.trend-col small{position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:10px;color:#64748b;white-space:nowrap}.trend-col b{position:absolute;top:-16px;font-size:10px;color:#001030}.donut-wrap{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.donut{width:150px;height:150px;border-radius:999px;background:conic-gradient(var(--ciq-navy) 0 var(--paid),var(--ciq-teal) var(--paid) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.donut:after{content:"";position:absolute;inset:29px;background:#fff;border-radius:999px}.donut b,.donut small{position:relative;z-index:2;color:#001030}.donut b{font-size:28px}.legend span{display:block;margin:10px 0;color:#334155}.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#001030;margin-right:8px}.legend i.free{background:#00a8a8}.quick-list{display:grid;gap:10px}.quick-list a{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#001030;background:#f8fbff;border:1px solid #e7edf5;border-radius:18px;padding:14px;font-weight:800}.quick-list a:hover{background:#e7fbfb}.mini-table{overflow:auto}.mini-table table{min-width:620px}.mini-table th{color:#64748b}.mini-table td span{color:#64748b;font-size:12px}.rank-list{display:grid;gap:12px}.rank-list div{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:10px}.rank-list strong{display:flex;width:30px;height:30px;border-radius:12px;align-items:center;justify-content:center;background:#e7fbfb;color:#007982}.rank-list span b{display:block;color:#001030}.rank-list span small{color:#64748b}.rank-list em{font-style:normal;font-weight:900;color:#001030}.visual-card{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}.visual-card img{width:100%;max-height:260px;object-fit:cover;border-radius:22px;border:1px solid #eef2f7}.visual-card h2{color:#001030}.usage-bar{height:12px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-top:12px}.usage-bar span{display:block;height:100%;background:linear-gradient(90deg,#00a8a8,#001030);border-radius:999px}.subscription-card{margin-top:18px}.profile-hero .profile-logo{object-fit:contain}.footer{color:#64748b!important}.table-wrap table{min-width:960px}.panel h1{color:#001030}
@media(max-width:1100px){.dash-hero-v11,.login-hero{grid-template-columns:1fr}.kpi-row-v11{grid-template-columns:repeat(2,1fr)}.dashboard-grid-v11{grid-template-columns:1fr}.dash-card-v11.wide{grid-column:span 1}.dash-hero-visual{min-height:auto}.dash-hero-visual img{max-height:360px}.visual-card{grid-template-columns:1fr}.visual-card img{max-height:320px;object-fit:contain}.donut-wrap{grid-template-columns:1fr;justify-items:center;text-align:center}}
@media(max-width:700px){.shell{padding:10px!important}.topbar{border-radius:20px!important}.brand.app-brand img{width:132px!important}.topbar nav{gap:4px}.topbar nav a{font-size:12px;padding:7px 8px!important}.login-copy{padding:26px;border-radius:26px}.login-copy h1{font-size:34px}.login-feature-grid{grid-template-columns:1fr}.dash-hero-copy{padding:24px;border-radius:26px}.dash-hero-copy h1{font-size:32px}.dash-hero-logo{height:48px;width:170px}.kpi-row-v11{grid-template-columns:1fr}.dashboard-grid-v11{gap:14px}.dash-card-v11{border-radius:22px;padding:16px}.trend-bars{overflow-x:auto;gap:10px}.trend-col{min-width:34px}.donut{width:130px;height:130px}.profile-card-mobile{box-shadow:0 18px 50px rgba(0,16,48,.18)!important}}

/* v12 templates and production UI */
.template-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.tpl-card{min-height:150px;border-radius:22px;padding:18px;color:#fff;font-weight:900;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 45px rgba(15,23,42,.15)}
.tpl-card small{font-weight:600;opacity:.85;margin-top:6px}.tpl-card.classic{background:linear-gradient(135deg,#001030,#00a0b0)}.tpl-card.executive{background:linear-gradient(135deg,#020617,#334155)}.tpl-card.minimal{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.tpl-card.gradient{background:linear-gradient(135deg,#0ea5e9,#14b8a6,#1e3a8a)}.tpl-card.custom{background:linear-gradient(135deg,#111827,#7c3aed)}
@media(max-width:900px){.template-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.template-gallery{grid-template-columns:1fr}}


/* v13 logo/sidebar fix */
.brand.brand-large{
  min-width:190px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-shrink:0!important;
}
.brand.brand-large img{
  height:56px!important;
  width:170px!important;
  max-width:170px!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
}
.brand .brand-fallback{
  display:none!important;
}
.topbar{
  gap:18px!important;
}
.topbar nav{
  flex:1!important;
  justify-content:flex-end!important;
  overflow-x:auto!important;
  scrollbar-width:thin!important;
  padding-bottom:2px!important;
}
.topbar nav a{
  white-space:nowrap!important;
}
@media(max-width:900px){
  .topbar{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .brand.brand-large{
    min-width:0!important;
    width:100%!important;
  }
  .brand.brand-large img{
    height:62px!important;
    width:210px!important;
    max-width:75vw!important;
  }
  .topbar nav{
    width:100%!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    display:flex!important;
    flex-wrap:nowrap!important;
  }
  .topbar nav a{
    flex:0 0 auto!important;
  }
}
@media(max-width:520px){
  .brand.brand-large img{
    height:54px!important;
    width:185px!important;
    max-width:80vw!important;
  }
  .topbar{
    padding:12px!important;
  }
}

/* If the professional UI uses a left sidebar, keep the logo clear there too */
.sidebar .brand,
.side .brand,
.app-sidebar .brand{
  min-height:82px!important;
}
.sidebar .brand img,
.side .brand img,
.app-sidebar .brand img{
  height:58px!important;
  width:170px!important;
  max-width:170px!important;
  object-fit:contain!important;
}


/* v14 clean header: one large logo only */
.topbar-clean{
  display:grid!important;
  grid-template-columns:220px 1fr!important;
  align-items:center!important;
  gap:22px!important;
  padding:14px 22px!important;
  min-height:92px!important;
}
.brand-clean{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  min-width:220px!important;
  width:220px!important;
  text-decoration:none!important;
  flex-shrink:0!important;
}
.brand-clean img{
  display:block!important;
  height:70px!important;
  width:210px!important;
  max-width:210px!important;
  object-fit:contain!important;
  object-position:left center!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
}
.topbar-clean .main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.topbar-clean .main-nav a{
  white-space:nowrap!important;
  font-size:16px!important;
  font-weight:800!important;
}

/* Hide any old duplicated brand links accidentally rendered outside the clean header */
.shell > .brand:not(.brand-clean),
.topbar:not(.topbar-clean) .brand:not(.brand-clean){
  display:none!important;
}

@media(max-width:1100px){
  .topbar-clean{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .brand-clean{
    width:100%!important;
    min-width:0!important;
    justify-content:flex-start!important;
  }
  .brand-clean img{
    height:66px!important;
    width:210px!important;
  }
  .topbar-clean .main-nav{
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    width:100%!important;
    padding-bottom:6px!important;
  }
  .topbar-clean .main-nav a{
    flex:0 0 auto!important;
  }
}
@media(max-width:520px){
  .topbar-clean{
    padding:12px!important;
    min-height:auto!important;
  }
  .brand-clean img{
    height:58px!important;
    width:190px!important;
    max-width:78vw!important;
  }
  .topbar-clean .main-nav{
    gap:10px!important;
  }
  .topbar-clean .main-nav a{
    font-size:14px!important;
  }
}


/* v15 premium hero UI + bigger logo */
.topbar-clean{
  grid-template-columns:300px 1fr!important;
  min-height:112px!important;
  padding:18px 28px!important;
}
.brand-clean{
  width:300px!important;
  min-width:300px!important;
}
.brand-clean img{
  width:275px!important;
  max-width:275px!important;
  height:86px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

.ciq-hero-pro{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  background:linear-gradient(135deg,#001030 0%,#00264a 58%,#00a0b0 130%);
  border-radius:36px;
  padding:44px;
  margin:28px 0;
  color:#fff;
  overflow:hidden;
  position:relative;
  box-shadow:0 28px 80px rgba(0,16,48,.28);
}
.ciq-hero-pro:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 10%,rgba(0,160,176,.22),transparent 28%),
    radial-gradient(circle at 85% 90%,rgba(0,160,176,.28),transparent 34%);
  pointer-events:none;
}
.ciq-hero-copy,.ciq-hero-art{position:relative;z-index:1}
.ciq-hero-logo{
  width:330px!important;
  max-width:70%!important;
  height:auto!important;
  display:block!important;
  margin:0 0 28px!important;
  filter:drop-shadow(0 14px 28px rgba(0,0,0,.18));
  background:rgba(255,255,255,.95);
  border-radius:20px;
  padding:12px 18px;
}
.ciq-hero-copy h1{
  color:#fff!important;
  font-size:48px!important;
  line-height:1.08!important;
  letter-spacing:-.03em;
  margin:0 0 18px!important;
}
.ciq-hero-copy p{
  color:rgba(255,255,255,.82)!important;
  font-size:19px!important;
  line-height:1.6!important;
  max-width:780px;
}
.ciq-hero-copy .actions{
  margin-top:28px!important;
}
.ciq-hero-copy .btn{
  font-size:16px!important;
  min-height:54px;
  border-radius:18px!important;
}
.ciq-hero-copy .btn.ghost{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.35)!important;
  color:#fff!important;
}
.ciq-feature-row{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:34px;
  max-width:780px;
}
.ciq-feature-row span{
  font-size:13px;
  font-weight:800;
  color:#dffbff;
  border-left:1px solid rgba(255,255,255,.22);
  padding-left:14px;
}
.ciq-hero-art img{
  width:100%;
  display:block;
  border-radius:28px;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
  transform:perspective(1200px) rotateY(-4deg) rotateX(1deg);
}
@media(max-width:1100px){
  .topbar-clean{grid-template-columns:1fr!important}
  .brand-clean{width:100%!important;min-width:0!important}
  .brand-clean img{width:270px!important;height:82px!important}
  .ciq-hero-pro{grid-template-columns:1fr;padding:30px}
  .ciq-hero-copy h1{font-size:40px!important}
  .ciq-feature-row{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .topbar-clean{padding:14px!important}
  .brand-clean img{width:220px!important;height:68px!important}
  .ciq-hero-pro{padding:22px;border-radius:26px}
  .ciq-hero-logo{width:240px!important;max-width:100%!important}
  .ciq-hero-copy h1{font-size:32px!important}
  .ciq-hero-copy p{font-size:16px!important}
  .ciq-feature-row{grid-template-columns:1fr}
  .ciq-hero-art img{transform:none;border-radius:20px}
}


/* v16 hero privacy and trust message */
.ciq-privacy-note{
  display:flex;
  gap:14px;
  align-items:flex-start;
  max-width:760px;
  margin:22px 0 0;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(8px);
}
.ciq-privacy-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,160,176,.22);
  border:1px solid rgba(0,160,176,.32);
  font-size:20px;
  flex:0 0 auto;
}
.ciq-privacy-note strong{
  display:block;
  color:#ffffff;
  font-size:17px;
  line-height:1.25;
  margin-bottom:5px;
}
.ciq-privacy-note span{
  display:block;
  color:rgba(255,255,255,.78);
  line-height:1.55;
  font-size:14px;
}
.ciq-trust-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 0;
}
.ciq-trust-badges span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:9px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  color:#dffbff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.01em;
}
.ciq-trust-badges span:before{
  content:"✓";
  width:18px;
  height:18px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#00a0b0;
  color:white;
  font-size:12px;
}
@media(max-width:640px){
  .ciq-privacy-note{
    padding:14px;
    gap:10px;
    border-radius:18px;
  }
  .ciq-privacy-icon{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:17px;
  }
  .ciq-privacy-note strong{
    font-size:15px;
  }
  .ciq-privacy-note span{
    font-size:13px;
  }
}


/* v17 vertical sidebar + bilingual layout */
body{background:#eef5f8!important;}
.app-layout{display:flex;min-height:100vh;max-width:none;margin:0;padding:0}
.ciq-sidebar{
  width:292px;position:sticky;top:0;height:100vh;flex:0 0 292px;
  background:linear-gradient(180deg,#001030,#00264a 70%,#003c50);
  color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:18px;
  box-shadow:18px 0 55px rgba(0,16,48,.18);z-index:20
}
.ciq-sidebar-logo{display:flex;align-items:center;padding:10px 8px 18px;text-decoration:none}
.ciq-sidebar-logo img{width:230px;max-width:100%;height:auto;display:block;background:rgba(255,255,255,.96);border-radius:18px;padding:10px 14px}
.ciq-side-nav{display:flex;flex-direction:column;gap:8px}
.ciq-side-nav a{
  color:#dff7ff;text-decoration:none;padding:13px 14px;border-radius:16px;font-weight:800;
  display:flex;align-items:center;gap:10px;transition:.18s ease
}
.ciq-side-nav a:hover,.ciq-side-nav a:first-child{background:rgba(255,255,255,.12);color:#fff}
.ciq-side-card{margin-top:auto;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px}
.ciq-side-card strong{display:block;color:white;margin-bottom:7px}.ciq-side-card span{display:block;color:#bfefff;font-size:13px;line-height:1.45}
.ciq-logout{display:flex;align-items:center;justify-content:center;background:#fff;color:#001030!important;text-decoration:none;border-radius:16px;padding:13px 16px;font-weight:900}
.ciq-main{flex:1;min-width:0;padding:22px}
.ciq-topbar{
  background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.8);border-radius:28px;
  padding:18px 22px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  box-shadow:0 20px 60px rgba(0,16,48,.08)
}
.ciq-topbar h2{margin:0;color:#0f172a;font-size:24px}.ciq-top-sub{color:#64748b;font-weight:700}
.ciq-top-actions{display:flex;align-items:center;gap:8px;color:#64748b;font-weight:800}
.lang-pill{padding:8px 12px;border-radius:999px;background:#e6f7f8;color:#006b78;text-decoration:none;font-weight:900}
.lang-pill.active{background:#00a0b0;color:#fff}
.shell,.topbar-clean{display:none!important}

/* v17 hero */
.ciq-hero-v17{
  display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;
  background:linear-gradient(135deg,#001030 0%,#00264a 58%,#00a0b0 130%);
  border-radius:36px;padding:42px;margin:0 0 26px;color:#fff;overflow:hidden;position:relative;
  box-shadow:0 28px 80px rgba(0,16,48,.25)
}
.ciq-hero-v17:before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 16% 14%,rgba(0,160,176,.22),transparent 28%),radial-gradient(circle at 90% 95%,rgba(0,160,176,.25),transparent 34%);
}
.ciq-hero-left,.ciq-hero-mockup{position:relative;z-index:1}
.ciq-hero-logo-v17{width:330px;max-width:75%;height:auto;background:rgba(255,255,255,.96);border-radius:22px;padding:14px 20px;margin-bottom:28px;box-shadow:0 18px 40px rgba(0,0,0,.22)}
.ciq-hero-left h1{color:#fff!important;font-size:48px!important;line-height:1.08!important;letter-spacing:-.03em;margin:0 0 16px}
.ciq-hero-left p{color:rgba(255,255,255,.82)!important;font-size:19px!important;line-height:1.6;max-width:760px}
.ciq-privacy-note{display:flex;gap:14px;align-items:flex-start;max-width:760px;margin:20px 0 0;padding:16px 18px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22)}
.ciq-privacy-icon{width:42px;height:42px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(0,160,176,.22);font-size:20px;flex:0 0 auto}
.ciq-privacy-note strong{display:block;color:#fff;font-size:17px;margin-bottom:5px}.ciq-privacy-note span{display:block;color:rgba(255,255,255,.78);line-height:1.55;font-size:14px}
.ciq-hero-left .actions{margin-top:26px}.ciq-hero-left .btn.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
.ciq-trust-badges{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}
.ciq-trust-badges span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);color:#dffbff;font-size:12px;font-weight:900}
.ciq-trust-badges span:before{content:"✓";width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#00a0b0;color:white;font-size:12px}
.ciq-feature-row-v17{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px;max-width:780px}
.ciq-feature-row-v17 span{font-size:13px;font-weight:800;color:#dffbff;border-left:1px solid rgba(255,255,255,.22);padding-left:14px}

/* Built-in right mockup instead of static screenshot */
.mockup-window{background:#fff;border-radius:30px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.30);color:#0f172a;transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}
.mockup-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mockup-top strong{font-size:22px}.mockup-top small{background:#e6f7f8;color:#006b78;padding:8px 10px;border-radius:999px;font-weight:900}
.mockup-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.mockup-kpis div{background:#f8fbff;border:1px solid #e7eef8;border-radius:20px;padding:14px}.mockup-kpis span{display:block;color:#64748b;font-size:12px;font-weight:800}.mockup-kpis b{display:block;font-size:24px;margin:5px 0}.mockup-kpis em{color:#059669;font-style:normal;font-size:12px;font-weight:900}
.mockup-grid{display:grid;grid-template-columns:1.5fr .75fr;gap:12px}.mockup-chart,.mockup-donut{background:#f8fbff;border:1px solid #e7eef8;border-radius:22px;padding:16px}.mockup-chart span,.mockup-donut span{font-weight:900;color:#0f172a}.mockup-chart svg{width:100%;height:150px;margin-top:10px}.donut{width:116px;height:116px;margin:20px auto 6px;border-radius:50%;background:conic-gradient(#00a0b0 0 68%,#001030 68% 100%);display:flex;align-items:center;justify-content:center;color:#001030;font-weight:900;position:relative}.donut:before{content:"";position:absolute;width:72px;height:72px;background:#fff;border-radius:50%}.donut{font-size:0}.donut:after{content:"68%";position:relative;font-size:22px}
.mockup-bottom{display:grid;grid-template-columns:1fr 110px;gap:12px;margin-top:12px}.mini-card-dark{background:linear-gradient(135deg,#001030,#003c50);border-radius:22px;padding:18px;color:#fff;display:flex;flex-direction:column;gap:5px}.mini-card-dark span{color:#bfefff}.mini-card-dark small{color:#dff7ff}.qr-tile{background:#fff;border:10px solid #e6f7f8;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:#00a0b0;box-shadow:inset 0 0 0 6px #001030}

/* RTL support */
body.rtl{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
body.rtl .app-layout{flex-direction:row-reverse}
body.rtl .ciq-sidebar{box-shadow:-18px 0 55px rgba(0,16,48,.18)}
body.rtl .ciq-feature-row-v17 span{border-left:0;border-right:1px solid rgba(255,255,255,.22);padding-left:0;padding-right:14px}
body.rtl .ciq-hero-left,body.rtl .contact-list,body.rtl table{text-align:right}
body.rtl .ciq-topbar,body.rtl .mockup-top{direction:rtl}

@media(max-width:1100px){
  .app-layout{display:block}.ciq-sidebar{position:relative;width:auto;height:auto;flex:none;border-radius:0 0 28px 28px}.ciq-side-nav{flex-direction:row;overflow-x:auto}.ciq-side-nav a{white-space:nowrap}.ciq-side-card{display:none}.ciq-main{padding:14px}.ciq-hero-v17{grid-template-columns:1fr;padding:28px}.ciq-hero-left h1{font-size:38px!important}.ciq-feature-row-v17{grid-template-columns:repeat(2,1fr)}.mockup-window{transform:none}
}
@media(max-width:640px){
  .ciq-sidebar-logo img{width:220px}.ciq-topbar{align-items:flex-start;flex-direction:column}.ciq-hero-v17{padding:22px;border-radius:26px}.ciq-hero-logo-v17{width:245px;max-width:100%;padding:10px 14px}.ciq-hero-left h1{font-size:31px!important}.ciq-hero-left p{font-size:16px!important}.ciq-feature-row-v17,.mockup-kpis,.mockup-grid,.mockup-bottom{grid-template-columns:1fr}.ciq-trust-badges{display:grid}.ciq-privacy-note{padding:14px}.mockup-window{border-radius:22px;padding:16px}
}


/* v18 sidebar scroll + color fix */
.ciq-sidebar{
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(0,160,176,.75) rgba(255,255,255,.08)!important;
  padding-bottom:18px!important;
}
.ciq-sidebar::-webkit-scrollbar{width:8px!important}
.ciq-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.08)!important;border-radius:99px!important}
.ciq-sidebar::-webkit-scrollbar-thumb{background:rgba(0,160,176,.85)!important;border-radius:99px!important}
.ciq-side-nav{
  flex:0 0 auto!important;
  padding-bottom:8px!important;
}
.ciq-side-nav a{
  color:#e6fbff!important;
  opacity:1!important;
  text-shadow:none!important;
}
.ciq-side-nav a:hover,
.ciq-side-nav a:first-child{
  color:#ffffff!important;
  background:rgba(255,255,255,.13)!important;
}
.ciq-side-nav a:visited{
  color:#e6fbff!important;
}
.ciq-side-card{
  margin-top:12px!important;
  flex:0 0 auto!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.24)!important;
}
.ciq-side-card strong{
  color:#ffffff!important;
}
.ciq-side-card span{
  color:#d8f8ff!important;
}
.ciq-logout{
  margin-top:12px!important;
  flex:0 0 auto!important;
  background:#ffffff!important;
  color:#001030!important;
  box-shadow:0 14px 30px rgba(0,0,0,.18)!important;
}
.footer{
  color:#64748b!important;
}

/* Keep sidebar usable on medium/small screens */
@media(max-width:1100px){
  .ciq-sidebar{
    position:relative!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding-bottom:16px!important;
  }
  .ciq-side-nav{
    display:flex!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding-bottom:8px!important;
  }
  .ciq-side-nav a{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }
  .ciq-logout{
    width:fit-content!important;
    min-width:150px!important;
  }
}

/* Desktop layout: main content scrolls separately from sidebar */
@media(min-width:1101px){
  .ciq-main{
    height:100vh!important;
    overflow-y:auto!important;
  }
}


/* v19 dashboard right-side privacy hero badge */
.ciq-dashboard-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  align-items:stretch;
  margin-bottom:24px;
}
.ciq-panel-half{
  min-height:100%;
}
.ciq-quick-links{
  display:grid;
  gap:16px;
  margin-top:24px;
}
.ciq-link-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-decoration:none;
  background:#f8fbff;
  border:1px solid #dbe6f2;
  border-radius:24px;
  padding:18px 20px;
  color:#001030;
  font-size:18px;
  font-weight:900;
  transition:.18s ease;
}
.ciq-link-card:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 35px rgba(0,16,48,.08);
  background:#ffffff;
}
.ciq-link-card b{
  font-size:28px;
  line-height:1;
  color:#001030;
}
.ciq-privacy-hero-card{
  background:linear-gradient(135deg,#001030 0%, #03325a 60%, #0aa7b4 120%)!important;
  color:#fff!important;
  position:relative;
  overflow:hidden;
  border:none!important;
  box-shadow:0 26px 60px rgba(0,16,48,.18);
}
.ciq-privacy-hero-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.09), transparent 26%),
    radial-gradient(circle at 86% 86%, rgba(255,255,255,.08), transparent 26%);
  pointer-events:none;
}
.ciq-privacy-hero-top,
.ciq-privacy-hero-text,
.ciq-privacy-points,
.ciq-trust-badges-dark{
  position:relative;
  z-index:1;
}
.ciq-privacy-hero-top{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin-bottom:18px;
}
.ciq-privacy-hero-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  font-size:28px;
  flex:0 0 auto;
}
.ciq-privacy-eyebrow{
  color:#bfefff;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:4px;
}
.ciq-privacy-hero-card h2{
  color:#fff!important;
  margin:0!important;
  font-size:28px!important;
  line-height:1.2!important;
}
.ciq-privacy-hero-text{
  color:rgba(255,255,255,.84)!important;
  font-size:16px!important;
  line-height:1.7!important;
  margin:0 0 18px!important;
}
.ciq-trust-badges-dark{
  margin:0 0 20px!important;
}
.ciq-trust-badges-dark span{
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  color:#e8fdff!important;
}
.ciq-privacy-points{
  display:grid;
  gap:14px;
}
.ciq-privacy-point{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  padding:14px 16px;
}
.ciq-privacy-point strong{
  display:block;
  color:#fff;
  margin-bottom:5px;
  font-size:15px;
}
.ciq-privacy-point span{
  display:block;
  color:#d8f8ff;
  font-size:14px;
  line-height:1.55;
}
body.rtl .ciq-privacy-hero-top,
body.rtl .ciq-link-card{
  direction:rtl;
}
body.rtl .ciq-link-card b{
  transform:scaleX(-1);
}
@media(max-width:900px){
  .ciq-dashboard-row{
    grid-template-columns:1fr;
  }
}


/* v20 company name in dashboard header */
.ciq-header-title h2{
  font-size:30px!important;
  line-height:1.1!important;
  margin:0 0 4px!important;
  color:#0f172a!important;
  letter-spacing:-.02em;
}
.ciq-company-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.ciq-company-meta span{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  background:#e6f7f8;
  color:#006b78;
  font-size:12px;
  font-weight:900;
}
body.rtl .ciq-header-title{
  text-align:right;
}
@media(max-width:640px){
  .ciq-header-title h2{
    font-size:24px!important;
  }
  .ciq-company-meta span{
    font-size:11px;
  }
}


/* v22 privacy contrast fix */
.ciq-privacy-hero-card{
  background:linear-gradient(135deg,#001030 0%, #08345b 62%, #0aa7b4 125%)!important;
  color:#ffffff!important;
  border:none!important;
  box-shadow:0 26px 60px rgba(0,16,48,.22)!important;
}
.ciq-privacy-hero-card h1,
.ciq-privacy-hero-card h2,
.ciq-privacy-hero-card h3,
.ciq-privacy-hero-card strong{
  color:#ffffff!important;
}
.ciq-privacy-eyebrow{
  color:#d7fbff!important;
}
.ciq-privacy-hero-text{
  color:rgba(255,255,255,.92)!important;
  font-size:17px!important;
  line-height:1.75!important;
}
.ciq-trust-badges-dark,
.ciq-trust-badges{
  gap:12px!important;
}
.ciq-trust-badges-dark span{
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  color:#ffffff!important;
  font-weight:900!important;
}
.ciq-trust-badges-dark span:before,
.ciq-trust-badges span:before{
  background:#00b7c6!important;
  color:#ffffff!important;
}
.ciq-privacy-point{
  background:rgba(255,255,255,.14)!important;
  border:1px solid rgba(255,255,255,.22)!important;
}
.ciq-privacy-point strong{
  color:#ffffff!important;
  font-size:16px!important;
}
.ciq-privacy-point span{
  color:#f1fdff!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.ciq-privacy-hero-icon{
  background:#ffffff!important;
  color:#001030!important;
  border:2px solid rgba(255,255,255,.28)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.16)!important;
}

/* fallback if the card renders on white background for any reason */
.panel.ciq-privacy-hero-card .muted,
.ciq-privacy-hero-card .muted{
  color:rgba(255,255,255,.86)!important;
}


/* v24 dashboard cleanup and enhancement */
.ciq-dash-grid-top,.ciq-company-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
  margin-bottom:24px;
}
.ciq-panel-clean{border-radius:30px!important;box-shadow:0 18px 48px rgba(2,18,51,.08)!important}
.ciq-image-row{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  margin-bottom:24px;
}
.ciq-image-panel{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap:18px;
  align-items:center;
  overflow:hidden;
}
.ciq-image-panel.mini{grid-template-columns:1fr}
.ciq-image-copy .eyebrow,.ciq-company-copy .eyebrow{font-size:13px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#00a0b0;margin-bottom:8px}
.ciq-image-copy h2,.ciq-company-copy h1{font-size:34px;line-height:1.12;color:#0f172a;margin:0 0 12px}
.ciq-image-copy p,.ciq-company-copy p{color:#5c708f;font-size:17px;line-height:1.7;margin:0}
.ciq-image-wrap{display:flex;align-items:center;justify-content:center}
.ciq-image-wrap img,.ciq-company-art img{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 20px 55px rgba(0,16,48,.18)}
.ciq-image-wrap.solo img{min-height:320px;object-fit:cover}
.ciq-company-hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  align-items:center;
  overflow:hidden;
  border-radius:34px!important;
}
.ciq-company-hero-bg{
  background:linear-gradient(135deg,#001030 0%,#052f59 56%,#0aa7b4 130%)!important;
  color:#fff!important;
}
.ciq-company-copy h1,.ciq-company-copy p,.ciq-company-copy .eyebrow{position:relative;z-index:1}
.ciq-company-copy h1{color:#fff!important;font-size:44px!important}
.ciq-company-copy p{color:rgba(255,255,255,.86)!important}
.ciq-company-hero .btn.ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}
.ciq-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;margin-bottom:18px}
.ciq-company-art{position:relative;z-index:1}
.ciq-company-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.10),transparent 28%),radial-gradient(circle at 90% 90%,rgba(255,255,255,.10),transparent 30%);pointer-events:none}
.inline-light span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.ciq-quick-links{display:grid;gap:16px;margin-top:24px}
.ciq-link-card{display:flex;align-items:center;justify-content:space-between;text-decoration:none;background:#f8fbff;border:1px solid #dbe6f2;border-radius:24px;padding:18px 20px;color:#001030;font-size:18px;font-weight:900;transition:.18s ease}
.ciq-link-card:hover{transform:translateY(-1px);box-shadow:0 16px 35px rgba(0,16,48,.08);background:#ffffff}
.ciq-link-card b{font-size:28px;line-height:1;color:#001030}
.ciq-privacy-points.compact{margin-top:16px}
body.rtl .ciq-link-card{direction:rtl}
body.rtl .ciq-link-card b{transform:scaleX(-1)}
@media(max-width:1100px){
  .ciq-dash-grid-top,.ciq-company-bottom-grid,.ciq-image-row,.ciq-company-hero{grid-template-columns:1fr}
  .ciq-image-panel{grid-template-columns:1fr}
  .ciq-company-copy h1{font-size:36px!important}
}
@media(max-width:640px){
  .ciq-image-copy h2,.ciq-company-copy h1{font-size:28px!important}
  .ciq-image-copy p,.ciq-company-copy p{font-size:15px}
}


/* v25 sidebar logo compact fix */
.ciq-sidebar-logo{
  padding:6px 4px 10px!important;
  margin-bottom:4px!important;
}
.ciq-sidebar-logo img{
  width:218px!important;
  max-width:100%!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
}
@media(max-width:640px){
  .ciq-sidebar-logo img{width:205px!important;}
}

/* v25 generated card template/color support */
.biz-card.tpl-classic{background:linear-gradient(135deg,var(--secondary),var(--primary))!important;color:var(--card-text,#ffffff)!important}
.biz-card.tpl-executive{background:linear-gradient(135deg,#020617,#334155)!important;color:var(--card-text,#ffffff)!important}
.biz-card.tpl-minimal{background:#ffffff!important;color:var(--card-text,#0f172a)!important;border:1px solid #dbe3ef}
.biz-card.tpl-minimal .biz-title,.biz-card.tpl-minimal .biz-meta,.biz-card.tpl-minimal .biz-company-address{color:#334155!important}
.biz-card.tpl-gradient{background:linear-gradient(135deg,var(--primary),var(--secondary),#111827)!important;color:var(--card-text,#ffffff)!important}
.biz-card.tpl-custom{background-size:cover!important;background-position:center!important;color:var(--card-text,#ffffff)!important}
.biz-card .biz-name,.biz-card .biz-title,.biz-card .biz-meta,.biz-card .biz-company,.biz-card .biz-company-address{color:inherit!important}

/* v25 employee table polish */
.employee-table .views-saves,
.employee-table th.views-saves,
.employee-table td.views-saves{display:none!important}

/* v25 Arabic content support */
body.rtl h1, body.rtl h2, body.rtl h3, body.rtl p, body.rtl label, body.rtl th, body.rtl td, body.rtl .muted, body.rtl .panel, body.rtl .card{
  direction:rtl;
}
body.rtl input, body.rtl textarea, body.rtl select{
  direction:rtl;
  text-align:right;
}
body.rtl .form{
  direction:rtl;
}


/* v26 sidebar UI enhancement + toggle */
.ciq-sidebar{
  width:276px!important;
  flex:0 0 276px!important;
  padding:18px 16px!important;
  gap:14px!important;
  transition:transform .25s ease, width .25s ease, flex-basis .25s ease, opacity .2s ease!important;
  overflow-y:auto;
}
.ciq-sidebar-logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:2px 0 8px!important;
  margin-bottom:4px!important;
}
.ciq-sidebar-logo img{
  width:208px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  object-fit:contain!important;
}
.ciq-side-nav{gap:6px!important}
.ciq-side-nav a{
  border:1px solid transparent;
  font-size:16px!important;
}
.ciq-side-nav a:hover,.ciq-side-nav a.active,.ciq-side-nav a:first-child{
  background:rgba(255,255,255,.13)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.ciq-side-card{
  margin-top:auto!important;
  background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.07))!important;
}
.ciq-side-card strong{font-size:20px!important;line-height:1.2!important}
.ciq-side-card span{font-size:13px!important;line-height:1.55!important}
.ciq-logout{margin-top:10px!important}

.ciq-topbar-left{display:flex;align-items:flex-start;gap:14px;min-width:0}
.ciq-sidebar-toggle,.ciq-sidebar-fab{
  width:46px;height:46px;border-radius:16px;border:1px solid #d9e3ef;background:#ffffff;color:#001030;
  font-size:22px;font-weight:900;box-shadow:0 10px 28px rgba(0,16,48,.08);cursor:pointer;line-height:1;
}
.ciq-sidebar-toggle{flex:0 0 auto}
.ciq-sidebar-fab{
  position:fixed;left:18px;top:18px;z-index:70;display:none;
  background:linear-gradient(135deg,#00a0b0,#001030);color:#fff;border-color:rgba(255,255,255,.14)
}
body.rtl .ciq-sidebar-fab{left:auto;right:18px}

.app-layout.sidebar-collapsed .ciq-sidebar{
  transform:translateX(-112%);
  position:fixed;
  left:0;
  top:0;
  height:100vh;
}
body.rtl .app-layout.sidebar-collapsed .ciq-sidebar{
  left:auto;right:0;transform:translateX(112%);
}
.app-layout.sidebar-collapsed .ciq-main{padding-left:22px!important}
.app-layout.sidebar-collapsed .ciq-sidebar-fab{display:flex;align-items:center;justify-content:center}

/* ensure main uses more space cleanly */
.ciq-main{transition:padding .25s ease}

/* Mobile/offcanvas behavior */
@media (max-width: 980px){
  .ciq-sidebar{
    position:fixed!important;left:0;top:0;height:100vh;z-index:65;
    transform:translateX(-112%);
  }
  body.rtl .ciq-sidebar{left:auto;right:0;transform:translateX(112%)}
  .app-layout.sidebar-open .ciq-sidebar{transform:translateX(0)!important}
  .ciq-sidebar-fab{display:flex;align-items:center;justify-content:center}
  .app-layout.sidebar-open .ciq-sidebar-fab{display:none}
  .ciq-main{padding:16px!important}
  .ciq-topbar{padding:16px 18px!important}
}

/* sidebar overlay */
.ciq-sidebar-overlay{
  position:fixed;inset:0;background:rgba(0,16,48,.38);backdrop-filter:blur(1px);z-index:60;display:none;
}
.app-layout.sidebar-open .ciq-sidebar-overlay{display:block}

/* compact header on small screens */
@media (max-width: 640px){
  .ciq-topbar{flex-direction:column;align-items:flex-start!important}
  .ciq-topbar-left{width:100%}
  .ciq-top-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}
  .ciq-sidebar-logo img{width:185px!important}
}


/* v27 logo contrast and toggle duplication fix */
.ciq-sidebar-logo{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(243,248,252,.96))!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:22px!important;
  padding:10px 12px!important;
  margin:2px 6px 12px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}
.ciq-sidebar-logo img{
  width:176px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  filter:none!important;
}

/* show only one toggle control */
.app-layout.sidebar-collapsed .ciq-sidebar-toggle{display:none!important;}
.ciq-sidebar-fab{display:none;}
.app-layout.sidebar-collapsed .ciq-sidebar-fab{display:flex;align-items:center;justify-content:center;}

/* mobile: use only floating button when sidebar is closed */
@media (max-width:980px){
  .ciq-sidebar-toggle{display:none!important;}
  .ciq-sidebar-fab{display:flex;align-items:center;justify-content:center;}
  .app-layout.sidebar-open .ciq-sidebar-fab{display:none!important;}
  .ciq-sidebar-logo{margin:6px 4px 12px!important;padding:10px!important;}
  .ciq-sidebar-logo img{width:165px!important;}
}

/* better fab look */
.ciq-sidebar-fab{
  box-shadow:0 16px 34px rgba(0,16,48,.22)!important;
  border-radius:18px!important;
}


/* v28 sidebar message refinement */
.ciq-side-card{
  background:linear-gradient(135deg,rgba(0,160,176,.22),rgba(255,255,255,.08))!important;
  border:1px solid rgba(0,160,176,.28)!important;
}
.ciq-side-card strong{
  font-size:18px!important;
  line-height:1.25!important;
  color:#ffffff!important;
}
.ciq-side-card span{
  color:#d7fbff!important;
  font-size:13px!important;
  line-height:1.55!important;
}


/* v29 toggle placement + Arabic sidebar right-side fix */

/* Header: keep toggle separate from title so it never overlaps company name */
.ciq-topbar-left{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  align-items:center!important;
  gap:18px!important;
  min-width:0!important;
}
.ciq-sidebar-toggle{
  position:relative!important;
  z-index:5!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.ciq-header-title{
  min-width:0!important;
  padding-inline-start:0!important;
}
.ciq-header-title h2{
  margin:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* On small screens, move the toggle to its own row to protect long company names */
@media(max-width:700px){
  .ciq-topbar-left{
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
  }
  .ciq-sidebar-toggle{
    width:52px!important;
    height:52px!important;
  }
  .ciq-header-title h2{
    white-space:normal!important;
    line-height:1.15!important;
  }
}

/* Arabic layout: sidebar must be on the right side */
body.rtl .app-layout{
  flex-direction:row-reverse!important;
}
body.rtl .ciq-sidebar{
  right:0!important;
  left:auto!important;
  box-shadow:-18px 0 55px rgba(0,16,48,.18)!important;
}
body.rtl .ciq-main{
  direction:rtl!important;
}
body.rtl .ciq-topbar{
  direction:rtl!important;
}
body.rtl .ciq-topbar-left{
  direction:rtl!important;
}
body.rtl .ciq-top-actions{
  direction:rtl!important;
}
body.rtl .ciq-header-title{
  text-align:right!important;
}

/* Desktop collapsed behavior for Arabic: hide to the right, not left */
@media(min-width:981px){
  body.rtl .app-layout.sidebar-collapsed .ciq-sidebar{
    position:fixed!important;
    right:0!important;
    left:auto!important;
    transform:translateX(112%)!important;
  }
  body.ltr .app-layout.sidebar-collapsed .ciq-sidebar{
    position:fixed!important;
    left:0!important;
    right:auto!important;
    transform:translateX(-112%)!important;
  }
}

/* Floating show button location based on language */
body.ltr .ciq-sidebar-fab{
  left:18px!important;
  right:auto!important;
}
body.rtl .ciq-sidebar-fab{
  right:18px!important;
  left:auto!important;
}

/* Mobile/off-canvas: Arabic opens from right */
@media(max-width:980px){
  body.ltr .ciq-sidebar{
    left:0!important;
    right:auto!important;
    transform:translateX(-112%)!important;
  }
  body.rtl .ciq-sidebar{
    right:0!important;
    left:auto!important;
    transform:translateX(112%)!important;
  }
  body.ltr .app-layout.sidebar-open .ciq-sidebar,
  body.rtl .app-layout.sidebar-open .ciq-sidebar{
    transform:translateX(0)!important;
  }
}

/* Make the floating menu button not cover the company name */
.ciq-sidebar-fab{
  top:22px!important;
}
@media(max-width:700px){
  .ciq-sidebar-fab{
    top:14px!important;
    width:48px!important;
    height:48px!important;
  }
  body.ltr .ciq-main{padding-top:76px!important;}
  body.rtl .ciq-main{padding-top:76px!important;}
}


/* v30 FINAL sidebar toggle placement + RTL sidebar location */

/* Use explicit ordering instead of relying only on flex direction */
.app-layout{
  direction:ltr!important;
}
body.ltr .ciq-sidebar{
  order:1!important;
}
body.ltr .ciq-main{
  order:2!important;
}
body.rtl .ciq-main{
  order:1!important;
}
body.rtl .ciq-sidebar{
  order:2!important;
}

/* Keep content direction correct */
body.rtl .ciq-main,
body.rtl main,
body.rtl .panel,
body.rtl .ciq-topbar{
  direction:rtl!important;
}
body.ltr .ciq-main,
body.ltr main,
body.ltr .panel,
body.ltr .ciq-topbar{
  direction:ltr!important;
}

/* Topbar toggle: always stays inside topbar and never overlaps title */
.ciq-topbar-left{
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  min-width:0!important;
}
.ciq-sidebar-toggle{
  position:static!important;
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  flex:0 0 46px!important;
  margin:0!important;
  z-index:1!important;
}
.ciq-header-title{
  min-width:0!important;
  flex:1 1 auto!important;
}
.ciq-header-title h2{
  margin:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* Floating button is moved to the page edge center, never over company name */
.ciq-sidebar-fab{
  top:50%!important;
  transform:translateY(-50%)!important;
  width:52px!important;
  height:52px!important;
  border-radius:0 18px 18px 0!important;
  z-index:100!important;
}
body.ltr .ciq-sidebar-fab{
  left:0!important;
  right:auto!important;
  border-radius:0 18px 18px 0!important;
}
body.rtl .ciq-sidebar-fab{
  right:0!important;
  left:auto!important;
  border-radius:18px 0 0 18px!important;
}

/* Desktop collapse/open behavior */
@media(min-width:981px){
  body.ltr .app-layout.sidebar-collapsed .ciq-sidebar{
    position:fixed!important;
    left:0!important;
    right:auto!important;
    top:0!important;
    height:100vh!important;
    transform:translateX(-112%)!important;
  }

  body.rtl .app-layout.sidebar-collapsed .ciq-sidebar{
    position:fixed!important;
    right:0!important;
    left:auto!important;
    top:0!important;
    height:100vh!important;
    transform:translateX(112%)!important;
  }

  .app-layout.sidebar-collapsed .ciq-sidebar-toggle{
    display:none!important;
  }

  .app-layout.sidebar-collapsed .ciq-sidebar-fab{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .app-layout:not(.sidebar-collapsed) .ciq-sidebar-fab{
    display:none!important;
  }
}

/* Mobile/offcanvas behavior */
@media(max-width:980px){
  .app-layout{
    display:block!important;
  }

  .ciq-sidebar{
    position:fixed!important;
    top:0!important;
    height:100vh!important;
    z-index:95!important;
  }

  body.ltr .ciq-sidebar{
    left:0!important;
    right:auto!important;
    transform:translateX(-112%)!important;
  }

  body.rtl .ciq-sidebar{
    right:0!important;
    left:auto!important;
    transform:translateX(112%)!important;
  }

  body.ltr .app-layout.sidebar-open .ciq-sidebar,
  body.rtl .app-layout.sidebar-open .ciq-sidebar{
    transform:translateX(0)!important;
  }

  .ciq-sidebar-toggle{
    display:none!important;
  }

  .ciq-sidebar-fab{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .app-layout.sidebar-open .ciq-sidebar-fab{
    display:none!important;
  }

  .ciq-main{
    padding-top:22px!important;
  }
}

/* On small screens, let company name wrap instead of being covered or clipped */
@media(max-width:700px){
  .ciq-topbar-left{
    width:100%!important;
  }
  .ciq-header-title h2{
    white-space:normal!important;
    line-height:1.15!important;
  }
}

/* Arabic sidebar menu text alignment */
body.rtl .ciq-sidebar{
  text-align:right!important;
}
body.rtl .ciq-side-nav a{
  justify-content:flex-start!important;
  text-align:right!important;
}
body.rtl .ciq-sidebar-logo{
  justify-content:center!important;
}


/* v31 FINAL deterministic sidebar layout */

/* Reset conflicting older sidebar/header rules */
.app-layout{
  display:grid!important;
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
}
.app-layout.ltr-layout{
  grid-template-columns:276px minmax(0,1fr)!important;
  grid-template-areas:"sidebar main"!important;
}
.app-layout.rtl-layout{
  grid-template-columns:minmax(0,1fr) 276px!important;
  grid-template-areas:"main sidebar"!important;
}
.ciq-sidebar{
  grid-area:sidebar!important;
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:276px!important;
  max-width:276px!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  flex:none!important;
  order:initial!important;
  background:linear-gradient(180deg,#001030,#00264a 72%,#003c50)!important;
  padding:16px 14px!important;
  gap:12px!important;
  display:flex!important;
  flex-direction:column!important;
  z-index:30!important;
}
.ciq-main{
  grid-area:main!important;
  min-width:0!important;
  width:100%!important;
  padding:22px!important;
  height:100vh!important;
  overflow-y:auto!important;
  order:initial!important;
}
body.rtl .ciq-main{direction:rtl!important;text-align:right!important;}
body.ltr .ciq-main{direction:ltr!important;text-align:left!important;}

.ciq-sidebar-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin-bottom:8px!important;
}
.ciq-sidebar-logo{
  flex:1 1 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(243,248,252,.96))!important;
  border:1px solid rgba(255,255,255,.26)!important;
  border-radius:20px!important;
  padding:9px 10px!important;
  margin:0!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14)!important;
}
.ciq-sidebar-logo img{
  width:174px!important;
  max-width:100%!important;
  height:auto!important;
  display:block!important;
  background:transparent!important;
  padding:0!important;
  margin:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.ciq-sidebar-collapse{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.12)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:none!important;
  padding:0!important;
  font-size:28px!important;
  line-height:1!important;
}
body.rtl .ciq-sidebar-collapse{
  transform:scaleX(-1)!important;
}
.ciq-topbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.ciq-topbar-left,.ciq-sidebar-toggle{
  display:none!important;
}
.ciq-header-title{
  min-width:0!important;
  flex:1 1 auto!important;
}
.ciq-header-title h2{
  margin:0 0 4px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.ciq-top-actions{
  flex:0 0 auto!important;
}

/* Collapsed desktop: remove sidebar from grid and use edge button only */
@media(min-width:981px){
  .app-layout.sidebar-collapsed.ltr-layout,
  .app-layout.sidebar-collapsed.rtl-layout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main"!important;
  }
  .app-layout.sidebar-collapsed .ciq-sidebar{
    display:none!important;
  }
  .ciq-sidebar-fab{
    position:fixed!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:52px!important;
    height:52px!important;
    border-radius:0 18px 18px 0!important;
    background:linear-gradient(135deg,#00a0b0,#001030)!important;
    color:#fff!important;
    z-index:80!important;
    box-shadow:0 16px 34px rgba(0,16,48,.24)!important;
    display:none!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .app-layout.sidebar-collapsed .ciq-sidebar-fab{display:flex!important;}
  .ltr-layout .ciq-sidebar-fab{left:0!important;right:auto!important;border-radius:0 18px 18px 0!important;}
  .rtl-layout .ciq-sidebar-fab{right:0!important;left:auto!important;border-radius:18px 0 0 18px!important;}
}

/* Mobile: off-canvas from correct side */
@media(max-width:980px){
  .app-layout.ltr-layout,.app-layout.rtl-layout{
    display:block!important;
  }
  .ciq-main{
    height:auto!important;
    min-height:100vh!important;
    overflow:visible!important;
    padding:16px!important;
  }
  .ciq-sidebar{
    position:fixed!important;
    top:0!important;
    height:100vh!important;
    width:276px!important;
    max-width:86vw!important;
    z-index:95!important;
    display:flex!important;
  }
  .ltr-layout .ciq-sidebar{
    left:0!important;
    right:auto!important;
    transform:translateX(-112%)!important;
  }
  .rtl-layout .ciq-sidebar{
    right:0!important;
    left:auto!important;
    transform:translateX(112%)!important;
  }
  .app-layout.sidebar-open .ciq-sidebar{
    transform:translateX(0)!important;
  }
  .ciq-sidebar-fab{
    position:fixed!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:52px!important;
    height:52px!important;
    background:linear-gradient(135deg,#00a0b0,#001030)!important;
    color:#fff!important;
    z-index:80!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-shadow:0 16px 34px rgba(0,16,48,.24)!important;
  }
  .ltr-layout .ciq-sidebar-fab{left:0!important;right:auto!important;border-radius:0 18px 18px 0!important;}
  .rtl-layout .ciq-sidebar-fab{right:0!important;left:auto!important;border-radius:18px 0 0 18px!important;}
  .app-layout.sidebar-open .ciq-sidebar-fab{display:none!important;}
  .ciq-sidebar-overlay{
    position:fixed!important;
    inset:0!important;
    background:rgba(0,16,48,.38)!important;
    z-index:90!important;
    display:none!important;
  }
  .app-layout.sidebar-open .ciq-sidebar-overlay{display:block!important;}
  .ciq-topbar{
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  body.rtl .ciq-topbar{align-items:flex-end!important;}
  .ciq-header-title h2{
    white-space:normal!important;
    line-height:1.15!important;
  }
}

/* Arabic sidebar alignment */
.rtl-layout .ciq-sidebar{
  text-align:right!important;
}
.rtl-layout .ciq-side-nav a{
  direction:rtl!important;
  text-align:right!important;
}

/* avoid old overlay state conflicts */
.app-layout:not(.sidebar-open) .ciq-sidebar-overlay{display:none!important;}


/* v32 Free plan upgrade hero */
.ciq-upgrade-hero{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#001030 0%,#05355d 58%,#00a0b0 130%)!important;
  color:#fff!important;
  border-radius:34px!important;
  position:relative;
}
.ciq-upgrade-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.10),transparent 28%),
    radial-gradient(circle at 86% 88%,rgba(255,255,255,.11),transparent 30%);
  pointer-events:none;
}
.ciq-upgrade-copy,
.ciq-upgrade-visual{
  position:relative;
  z-index:1;
}
.ciq-upgrade-copy .eyebrow{
  color:#7debf3!important;
  font-size:13px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.ciq-upgrade-copy h1{
  color:#fff!important;
  font-size:46px!important;
  line-height:1.08!important;
  margin:0 0 16px!important;
}
.ciq-upgrade-copy p{
  color:rgba(255,255,255,.86)!important;
  font-size:18px!important;
  line-height:1.7!important;
  max-width:760px;
}
.ciq-upgrade-benefits{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:14px;
  margin:24px 0;
}
.ciq-upgrade-benefits div{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  padding:15px 16px;
}
.ciq-upgrade-benefits strong{
  display:block;
  color:#ffffff;
  font-size:15px;
  margin-bottom:5px;
}
.ciq-upgrade-benefits span{
  display:block;
  color:#dffbff;
  font-size:13px;
  line-height:1.5;
}
.ciq-upgrade-note{
  margin-top:18px;
  color:#dffbff;
  font-size:13px;
  line-height:1.55;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  padding:12px 14px;
  border-radius:18px;
}
.ciq-upgrade-visual{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
}
.upgrade-card{
  background:rgba(255,255,255,.96);
  color:#0f172a;
  border-radius:26px;
  padding:22px;
  min-height:285px;
  box-shadow:0 22px 55px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.7);
}
.upgrade-card.pro{
  background:linear-gradient(180deg,#ffffff,#e9fbfd);
  border:2px solid rgba(0,160,176,.45);
  transform:scale(1.04);
}
.upgrade-badge{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:#e6f7f8;
  color:#006b78;
  font-weight:900;
  font-size:12px;
  margin-bottom:16px;
}
.upgrade-card h3{
  color:#001030;
  font-size:26px;
  margin:0 0 14px;
}
.upgrade-card ul{
  margin:0;
  padding-inline-start:20px;
  color:#475569;
  line-height:1.8;
  font-weight:700;
}
.upgrade-arrow{
  color:#ffffff;
  font-size:34px;
  font-weight:900;
  opacity:.9;
}
body.rtl .upgrade-arrow{
  transform:scaleX(-1);
}
body.rtl .upgrade-card ul{
  padding-inline-start:0;
  padding-inline-end:20px;
}
body.rtl .ciq-upgrade-copy{
  text-align:right;
}
@media(max-width:1100px){
  .ciq-upgrade-hero{
    grid-template-columns:1fr;
  }
  .ciq-upgrade-copy h1{
    font-size:38px!important;
  }
}
@media(max-width:700px){
  .ciq-upgrade-benefits,
  .ciq-upgrade-visual{
    grid-template-columns:1fr;
  }
  .upgrade-arrow{
    transform:rotate(90deg);
    text-align:center;
  }
  body.rtl .upgrade-arrow{
    transform:rotate(90deg) scaleX(-1);
  }
  .ciq-upgrade-copy h1{
    font-size:31px!important;
  }
}


/* v33 standalone centered login page */
body.login-body{
  min-height:100vh!important;
  background:linear-gradient(135deg,#eaf3f7 0%,#f8fbff 52%,#dfeff3 100%)!important;
  color:#0f172a!important;
}
.login-page-v33{
  min-height:100vh;
  width:100%;
  max-width:1480px;
  margin:0 auto;
  padding:42px 28px;
  display:grid;
  grid-template-columns:1.05fr .78fr;
  gap:42px;
  align-items:center;
}
.login-brand-v33{
  min-height:650px;
  background:linear-gradient(135deg,#001030 0%,#042c54 58%,#00a0b0 130%);
  color:#fff;
  border-radius:38px;
  padding:56px;
  position:relative;
  overflow:hidden;
  box-shadow:0 28px 90px rgba(0,16,48,.22);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.login-brand-v33:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 14% 12%,rgba(255,255,255,.10),transparent 28%),radial-gradient(circle at 90% 92%,rgba(0,160,176,.28),transparent 34%);
  pointer-events:none;
}
.login-brand-v33 > *{position:relative;z-index:1}
.login-logo-v33{
  width:340px!important;
  max-width:90%!important;
  height:auto!important;
  object-fit:contain!important;
  background:#ffffff!important;
  border-radius:24px!important;
  padding:14px 20px!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
  margin-bottom:36px!important;
}
.login-brand-v33 h1{
  color:#fff!important;
  font-size:58px!important;
  line-height:1.05!important;
  letter-spacing:-.04em;
  margin:0 0 22px!important;
  max-width:820px;
}
.login-brand-v33 p{
  color:rgba(255,255,255,.84)!important;
  font-size:20px!important;
  line-height:1.65!important;
  max-width:740px;
  margin:0!important;
}
.login-feature-grid-v33{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  margin-top:36px;
}
.login-feature-grid-v33 div{
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:18px;
}
.login-feature-grid-v33 b{display:block;color:#ffffff;margin-bottom:6px;font-size:16px}
.login-feature-grid-v33 span{display:block;color:#dffbff;font-size:14px;line-height:1.5}
.login-card-v33{
  width:100%;
  max-width:520px;
  justify-self:center;
  background:rgba(255,255,255,.96);
  border:1px solid rgba(226,232,240,.9);
  border-radius:34px;
  padding:44px;
  box-shadow:0 28px 80px rgba(0,16,48,.12);
}
.login-card-logo-v33{
  width:250px!important;
  max-width:100%!important;
  height:auto!important;
  display:block;
  margin:0 0 26px!important;
}
.login-card-v33 h2{
  color:#001030!important;
  font-size:40px!important;
  margin:0 0 8px!important;
}
.login-card-v33 p{font-size:18px;margin:0 0 24px!important;color:#64748b!important}
.login-form-v33{display:grid;gap:14px}
.login-form-v33 label{font-size:15px;font-weight:900;color:#0f172a;margin:0}
.login-form-v33 input{
  width:100%;
  border:1px solid #dbe3ef;
  border-radius:18px;
  padding:16px 18px;
  font-size:16px;
  background:#f8fbff;
}
.login-form-v33 button{
  min-height:56px;
  border-radius:18px;
  font-size:16px;
  margin-top:8px;
}
.login-form-v33 a{font-weight:800;color:#007e98;text-decoration:none;text-align:center;margin-top:4px}
body.rtl .login-card-v33, body.rtl .login-brand-v33{text-align:right}
body.rtl .login-card-logo-v33{margin-left:auto!important;margin-right:0!important}
@media(max-width:1100px){
  .login-page-v33{grid-template-columns:1fr;max-width:860px;gap:26px;align-items:start}
  .login-brand-v33{min-height:auto;padding:38px}
  .login-brand-v33 h1{font-size:42px!important}
  .login-card-v33{max-width:100%}
}
@media(max-width:640px){
  .login-page-v33{padding:18px 14px}
  .login-brand-v33{padding:26px;border-radius:28px}
  .login-logo-v33{width:260px!important;padding:10px 14px!important;margin-bottom:24px!important}
  .login-brand-v33 h1{font-size:34px!important}
  .login-brand-v33 p{font-size:16px!important}
  .login-feature-grid-v33{grid-template-columns:1fr}
  .login-card-v33{padding:26px;border-radius:28px}
  .login-card-logo-v33{width:220px!important}
  .login-card-v33 h2{font-size:32px!important}
}

/* v33 force upgrade hero visibility styling for free plan */
.ciq-upgrade-hero{margin-bottom:24px!important;}


/* v34 realistic visual UI enhancement */
.login-visual-body{
  margin:0;
  min-height:100vh;
  background:linear-gradient(135deg,#eef6f9,#ffffff);
  color:#0f172a;
}
.login-visual-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:center;
  max-width:1420px;
  margin:0 auto;
  padding:34px;
}
.login-visual-hero{
  background:linear-gradient(135deg,#001030 0%,#06365e 70%,#00a0b0 140%);
  border-radius:38px;
  color:#fff;
  padding:38px;
  position:relative;
  overflow:hidden;
  box-shadow:0 32px 90px rgba(0,16,48,.25);
}
.login-visual-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.11),transparent 30%),
             radial-gradient(circle at 84% 86%,rgba(0,160,176,.26),transparent 36%);
  pointer-events:none;
}
.login-visual-logo,
.login-form-logo{
  width:260px;
  max-width:75%;
  display:block;
  background:#fff;
  border-radius:20px;
  padding:10px 16px;
  margin-bottom:28px;
  position:relative;
  z-index:1;
}
.login-form-logo{
  width:220px;
  margin:0 auto 24px;
  background:#f8fbff;
  border:1px solid #e3edf8;
}
.login-visual-hero h1{
  color:#fff!important;
  font-size:52px!important;
  line-height:1.05!important;
  margin:0 0 18px!important;
  position:relative;
  z-index:1;
}
.login-visual-hero p{
  color:rgba(255,255,255,.84)!important;
  font-size:19px!important;
  line-height:1.7!important;
  max-width:760px;
  position:relative;
  z-index:1;
}
.login-visual-pills{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:22px 0;
  position:relative;
  z-index:1;
}
.login-visual-pills span{
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.20);
  color:#dffbff;
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
  font-size:13px;
}
.login-product-image{
  width:100%;
  display:block;
  border-radius:30px;
  margin-top:28px;
  box-shadow:0 28px 70px rgba(0,0,0,.30);
  position:relative;
  z-index:1;
}
.login-visual-form{
  display:flex;
  align-items:center;
  justify-content:center;
}
.login-form-card{
  width:min(100%,520px);
  background:#fff;
  border:1px solid #e3edf8;
  border-radius:34px;
  padding:44px;
  box-shadow:0 28px 80px rgba(0,16,48,.12);
}
.login-form-card h2{
  font-size:40px;
  margin:0 0 8px;
}
.login-form-card p{
  font-size:17px;
  margin-bottom:24px;
}
.login-form-clean{
  grid-template-columns:1fr!important;
}
.login-form-clean button{
  width:100%;
  min-height:56px;
  font-size:17px;
}

/* dashboard visuals */
.ciq-company-art img,
.ciq-image-wrap img,
.ciq-upgrade-photo{
  object-fit:cover;
}
.ciq-upgrade-photo{
  grid-column:1/-1;
  width:100%;
  border-radius:28px;
  box-shadow:0 24px 65px rgba(0,0,0,.28);
  margin-bottom:10px;
  max-height:360px;
}

/* Templates hero visual */
.ciq-template-hero{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:26px;
  align-items:center;
  overflow:hidden;
  background:linear-gradient(135deg,#ffffff,#eef8fb)!important;
}
.ciq-template-hero .eyebrow{
  color:#00a0b0;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
  font-size:13px;
  margin-bottom:10px;
}
.ciq-template-hero h1{
  font-size:40px!important;
  margin:0 0 14px!important;
}
.ciq-template-hero p{
  font-size:17px;
}
.ciq-template-hero img{
  width:100%;
  display:block;
  border-radius:28px;
  box-shadow:0 20px 55px rgba(0,16,48,.18);
}

body.rtl .login-visual-hero,
body.rtl .login-form-card,
body.rtl .ciq-template-hero{
  text-align:right;
}

@media(max-width:1050px){
  .login-visual-shell,
  .ciq-template-hero{
    grid-template-columns:1fr;
  }
  .login-visual-hero h1{
    font-size:40px!important;
  }
}
@media(max-width:650px){
  .login-visual-shell{
    padding:16px;
  }
  .login-visual-hero,
  .login-form-card{
    padding:24px;
    border-radius:28px;
  }
  .login-visual-hero h1{
    font-size:32px!important;
  }
  .login-visual-logo,
  .login-form-logo{
    width:210px;
  }
  .ciq-template-hero h1{
    font-size:30px!important;
  }
}

/* v35 mobile sidebar vertical fix */
@media(max-width:980px){
  .ciq-sidebar{width:310px!important;max-width:82vw!important;overflow-y:auto!important;}
  .ciq-side-nav{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;overflow-x:hidden!important;overflow-y:visible!important;gap:8px!important;width:100%!important;}
  .ciq-side-nav a{display:flex!important;width:100%!important;flex:0 0 auto!important;white-space:normal!important;justify-content:flex-start!important;text-align:left!important;}
  body.rtl .ciq-side-nav a{text-align:right!important;justify-content:flex-start!important;}
  .ciq-sidebar-head{width:100%!important;}
  .ciq-logout{width:100%!important;}
}
/* v35 leads actions */
.ciq-page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;}
.leads-table-wrap{overflow-x:auto;}
.leads-table .lead-message{max-width:320px;white-space:normal;color:#334155;}
.lead-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;min-width:280px;}
.inline-form{display:inline;margin:0;}
.lead-status.new{background:#e0f2fe;color:#075985;}
.lead-status.saved{background:#dcfce7;color:#166534;}
@media(max-width:760px){.lead-actions{min-width:220px}.leads-table th,.leads-table td{font-size:13px;padding:10px}}
/* v35 pricing */
.pricing-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;overflow:hidden;background:linear-gradient(135deg,#ffffff,#eef8fb)!important;}
.pricing-hero .eyebrow{color:#00a0b0;font-weight:900;letter-spacing:.05em;text-transform:uppercase;font-size:13px;margin-bottom:10px;}
.pricing-hero h1{font-size:44px!important;margin:0 0 14px!important;}
.pricing-hero p{font-size:17px!important;}
.pricing-hero img{width:100%;display:block;border-radius:28px;box-shadow:0 20px 55px rgba(0,16,48,.18);}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:24px 0;}
.pricing-card{background:#fff;border:1px solid #dbe6f2;border-radius:30px;padding:28px;box-shadow:0 20px 55px rgba(0,16,48,.08);display:flex;flex-direction:column;min-height:100%;}
.pricing-card.featured{border:2px solid #00a0b0;transform:translateY(-8px);box-shadow:0 28px 75px rgba(0,160,176,.18);}
.pricing-card.enterprise{background:linear-gradient(180deg,#ffffff,#f2fbfc);}
.plan-label{display:inline-flex;align-self:flex-start;padding:8px 12px;border-radius:999px;background:#e6f7f8;color:#006b78;font-weight:900;font-size:12px;margin-bottom:14px;}
.pricing-card h2{font-size:30px;margin:0 0 10px;}
.price{font-size:42px;font-weight:900;color:#001030;margin:8px 0 12px;}
.price span{font-size:15px;color:#64748b;}
.pricing-card ul{padding-inline-start:20px;color:#334155;line-height:1.8;font-weight:700;margin:18px 0 24px;}
body.rtl .pricing-card ul{padding-inline-start:0;padding-inline-end:20px;}
.pricing-card .btn{margin-top:auto;}
.payment-ready-note{margin-top:22px;}
.payment-hooks{display:flex;flex-wrap:wrap;gap:10px;}
.payment-hooks code{background:#001030;color:#dffbff;border-radius:12px;padding:8px 10px;}
body.rtl .pricing-hero,body.rtl .pricing-card,body.rtl .payment-ready-note{text-align:right;}
@media(max-width:1100px){.pricing-grid,.pricing-hero{grid-template-columns:1fr}.pricing-card.featured{transform:none}}
@media(max-width:650px){.pricing-hero h1{font-size:32px!important}.price{font-size:34px}.pricing-card{padding:22px}}

/* v36 plan configuration */
.plan-checks{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 18px;
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:20px;
  padding:16px;
}
.plan-checks label{
  display:flex;
  gap:8px;
  align-items:center;
  margin:0;
  font-weight:800;
}
.plan-checks input[type=checkbox]{
  width:auto;
}
.dynamic-pricing-grid{
  align-items:stretch;
}
@media(max-width:720px){
  .plan-checks{grid-template-columns:1fr;}
}

/* v37 public landing and registration */
.public-body{margin:0;background:#eef6f9;color:#0f172a;}
.public-nav{
  max-width:1240px;margin:18px auto 0;padding:14px 18px;background:rgba(255,255,255,.94);
  border:1px solid #e3edf8;border-radius:26px;display:flex;align-items:center;justify-content:space-between;gap:16px;
  box-shadow:0 18px 55px rgba(0,16,48,.08);position:sticky;top:12px;z-index:30;
}
.public-logo img{width:190px;display:block}
.public-nav nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.public-nav a{text-decoration:none;color:#334155;font-weight:900}
.public-cta{background:#00a0b0!important;color:#fff!important;padding:12px 16px;border-radius:16px}
.public-hero{
  max-width:1240px;margin:26px auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;
  background:linear-gradient(135deg,#001030,#053a62 62%,#00a0b0 130%);border-radius:38px;padding:44px;color:#fff;overflow:hidden;
  box-shadow:0 34px 95px rgba(0,16,48,.22);
}
.public-eyebrow{color:#00a0b0;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:13px;margin-bottom:10px}
.public-hero .public-eyebrow{color:#7ff4fb}
.public-hero h1{font-size:56px;line-height:1.04;margin:0 0 18px;color:#fff}
.public-hero p{font-size:19px;line-height:1.7;color:rgba(255,255,255,.85)}
.public-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.public-trust-row{display:flex;gap:12px;flex-wrap:wrap}
.public-trust-row span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);padding:9px 12px;border-radius:999px;color:#dffbff;font-weight:900;font-size:13px}
.public-hero-visual img{width:100%;border-radius:30px;display:block;box-shadow:0 30px 90px rgba(0,0,0,.30)}
.public-section{max-width:1240px;margin:26px auto;background:#fff;border:1px solid #e3edf8;border-radius:34px;padding:38px;box-shadow:0 18px 55px rgba(0,16,48,.07)}
.section-title{text-align:center;max-width:820px;margin:0 auto 26px}
.section-title h2,.public-image-band h2,.public-privacy h2{font-size:40px;line-height:1.12;margin:0 0 14px}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-grid div{background:#f8fbff;border:1px solid #e3edf8;border-radius:24px;padding:22px}
.feature-grid b{display:block;font-size:20px;margin-bottom:8px;color:#001030}
.feature-grid span{color:#64748b;line-height:1.55}
.public-image-band{max-width:1240px;margin:26px auto;display:grid;grid-template-columns:1fr .8fr;gap:28px;align-items:center;background:#fff;border-radius:34px;padding:26px;border:1px solid #e3edf8;box-shadow:0 18px 55px rgba(0,16,48,.07)}
.public-image-band img{width:100%;border-radius:28px;box-shadow:0 20px 55px rgba(0,16,48,.16)}
.public-pricing{max-width:100%;margin:0}
.public-privacy{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#001030,#053a62);color:#fff}
.public-privacy h2{color:#fff}.public-privacy p{color:#dffbff;font-size:17px;line-height:1.65}
.public-footer{max-width:1240px;margin:24px auto 40px;display:flex;justify-content:space-between;color:#64748b;font-weight:800}
.public-footer a{color:#006b78;text-decoration:none}

/* registration */
.register-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;max-width:1380px;margin:0 auto;padding:34px}
.register-visual{background:linear-gradient(135deg,#001030,#053a62 68%,#00a0b0 135%);border-radius:38px;padding:38px;color:#fff;box-shadow:0 34px 95px rgba(0,16,48,.22);overflow:hidden}
.register-visual h1{color:#fff!important;font-size:48px!important;line-height:1.08;margin:0 0 16px}
.register-visual p{color:#dffbff!important;font-size:18px;line-height:1.65}
.register-form-card{background:#fff;border:1px solid #e3edf8;border-radius:34px;padding:40px;box-shadow:0 28px 80px rgba(0,16,48,.12)}
.register-form-card h2{font-size:38px;margin:0 0 8px}
.social-register{margin-top:22px}
.or-line{display:flex;align-items:center;gap:12px;color:#64748b;font-weight:800;margin:18px 0}
.or-line:before,.or-line:after{content:"";height:1px;background:#e3edf8;flex:1}
.social-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border:1px solid #dbe6f2;border-radius:14px;text-decoration:none;color:#001030;font-weight:900;background:#f8fbff;margin:4px}
.small{font-size:12px!important}

body.rtl .public-section,body.rtl .public-hero-copy,body.rtl .register-visual,body.rtl .register-form-card{text-align:right}
body.rtl .public-nav,body.rtl .public-footer{direction:rtl}
@media(max-width:1000px){
  .public-hero,.public-image-band,.register-shell{grid-template-columns:1fr}
  .public-hero h1{font-size:40px}
  .feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .public-nav{margin:10px;position:relative;top:auto;align-items:flex-start;flex-direction:column}
  .public-nav nav{width:100%}
  .public-hero,.public-section,.public-image-band,.register-shell{margin:14px;padding:22px;border-radius:26px}
  .register-shell{padding:14px}
  .public-hero h1,.register-visual h1{font-size:32px!important}
  .feature-grid{grid-template-columns:1fr}
  .section-title h2,.public-image-band h2,.public-privacy h2{font-size:28px}
  .public-privacy{flex-direction:column;align-items:flex-start}
  .public-footer{margin:18px;flex-direction:column;gap:10px}
}

/* v38 landing employee validation section */
.validation-section{display:grid;grid-template-columns:1fr .9fr;gap:28px;align-items:center;background:linear-gradient(135deg,#ffffff,#eef8fb)!important}
.validation-copy h2{font-size:42px;line-height:1.12;margin:0 0 14px}
.validation-copy p{color:#5c708f;font-size:18px;line-height:1.75}
.validation-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.validation-points div{background:#fff;border:1px solid #dbe6f2;border-radius:22px;padding:18px;box-shadow:0 12px 30px rgba(0,16,48,.06)}
.validation-points strong{display:block;color:#001030;font-size:16px;margin-bottom:7px}
.validation-points span{display:block;color:#64748b;line-height:1.55;font-size:14px}
.validation-card-demo{background:linear-gradient(135deg,#001030,#053a62);border-radius:32px;padding:28px;color:#fff;display:grid;gap:16px;box-shadow:0 28px 75px rgba(0,16,48,.18)}
.employee-valid-card{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.18);border-radius:24px;padding:22px}
.employee-valid-card span{display:inline-flex;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900;margin-bottom:12px}
.employee-valid-card.active span{background:#dcfce7;color:#166534}
.employee-valid-card.blocked span{background:#fee2e2;color:#991b1b}
.employee-valid-card strong{display:block;color:#fff;font-size:24px;margin-bottom:5px}
.employee-valid-card small{color:#dffbff;font-size:14px}
.validation-arrow{text-align:center;font-size:34px;font-weight:900;color:#7ff4fb}
body.rtl .validation-arrow{transform:scaleX(-1)}
body.rtl .validation-copy,body.rtl .validation-card-demo{text-align:right}
@media(max-width:1000px){.validation-section,.validation-points{grid-template-columns:1fr}.validation-copy h2{font-size:32px}}


/* v39 employee deactivate UI */
.badge.inactive,
.employee-status-inactive{
  background:#fee2e2!important;
  color:#991b1b!important;
}
.badge.active,
.employee-status-active{
  background:#dcfce7!important;
  color:#166534!important;
}
.inline-form{
  display:inline-flex;
  margin:0;
}


/* v40 Saved Leads Booklet */
.saved-lead-filters{
  display:grid;
  grid-template-columns:1.2fr .75fr 1fr .75fr .75fr auto;
  gap:12px;
  align-items:end;
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:24px;
  padding:16px;
  margin:18px 0;
}
.saved-lead-filters .filter-actions{
  display:flex;
  gap:8px;
  align-items:center;
}
.saved-leads-summary{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,180px));
  gap:14px;
  margin:18px 0;
}
.saved-leads-summary div{
  background:#eef8fb;
  border:1px solid #cdeff3;
  border-radius:20px;
  padding:16px;
}
.saved-leads-summary b{
  display:block;
  font-size:26px;
  color:#001030;
}
.saved-leads-summary span{
  color:#64748b;
  font-weight:800;
}
.saved-leads-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.lead-contact-card{
  background:#fff;
  border:1px solid #dbe6f2;
  border-radius:26px;
  padding:20px;
  box-shadow:0 16px 42px rgba(0,16,48,.07);
}
.lead-card-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:12px;
  align-items:start;
}
.lead-avatar{
  width:52px;
  height:52px;
  border-radius:18px;
  background:linear-gradient(135deg,#001030,#00a0b0);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:900;
}
.lead-card-top h3{
  margin:0 0 4px;
  color:#001030;
  font-size:22px;
}
.lead-card-top p{
  margin:0;
  font-size:13px;
  color:#64748b;
}
.lead-contact-lines{
  display:grid;
  gap:7px;
  margin:16px 0;
}
.lead-contact-lines a,
.lead-contact-lines span{
  color:#334155;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
}
.lead-note{
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:18px;
  padding:12px;
  color:#334155;
  line-height:1.55;
  margin-bottom:14px;
}
.lead-card-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.empty-state{
  grid-column:1/-1;
  background:#f8fbff;
  border:1px dashed #cbd5e1;
  border-radius:24px;
  padding:30px;
  text-align:center;
}
body.rtl .saved-leads-page,
body.rtl .lead-contact-card{
  text-align:right;
}
body.rtl .lead-card-top{
  direction:rtl;
}
@media(max-width:1100px){
  .saved-lead-filters{
    grid-template-columns:repeat(2,1fr);
  }
  .saved-leads-grid{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .saved-lead-filters{
    grid-template-columns:1fr;
  }
  .saved-leads-summary{
    grid-template-columns:1fr;
  }
  .lead-card-top{
    grid-template-columns:auto 1fr;
  }
  .lead-card-top .badge{
    grid-column:1/-1;
    justify-self:start;
  }
  body.rtl .lead-card-top .badge{
    justify-self:end;
  }
}


/* v41 Employee Leads Portal */
.employee-portal-body{
  margin:0;
  background:linear-gradient(135deg,#eef6f9,#ffffff);
  color:#0f172a;
}
.employee-portal-shell{
  max-width:1180px;
  margin:0 auto;
  padding:24px;
}
.employee-portal-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  background:#fff;
  border:1px solid #e3edf8;
  border-radius:28px;
  padding:18px;
  box-shadow:0 18px 55px rgba(0,16,48,.08);
  margin-bottom:22px;
}
.employee-portal-brand{
  display:flex;
  align-items:center;
  gap:16px;
}
.employee-portal-brand img{
  width:96px;
  height:64px;
  object-fit:contain;
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:18px;
  padding:8px;
}
.employee-portal-brand h1{
  font-size:28px;
  margin:0 0 4px;
}
.employee-portal-brand p{
  margin:0;
  color:#64748b;
}
.employee-portal-hero{
  display:grid;
  grid-template-columns:1fr 300px;
  gap:22px;
  align-items:center;
  background:linear-gradient(135deg,var(--primary),var(--secondary));
  color:#fff;
  border-radius:32px;
  padding:30px;
  margin-bottom:22px;
  box-shadow:0 24px 70px rgba(0,16,48,.18);
}
.employee-portal-hero .eyebrow{
  color:#dffbff;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
  font-size:13px;
  margin-bottom:8px;
}
.employee-portal-hero h2{
  color:#fff!important;
  font-size:38px;
  line-height:1.12;
  margin:0 0 12px;
}
.employee-portal-hero p{
  color:#e9fdff!important;
  font-size:17px;
}
.employee-portal-stats{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.employee-portal-stats div{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.20);
  border-radius:22px;
  padding:18px;
}
.employee-portal-stats b{
  color:#fff;
  display:block;
  font-size:34px;
}
.employee-portal-stats span{
  color:#dffbff;
  font-weight:800;
}
.employee-filter-bar{
  grid-template-columns:1.3fr .8fr .8fr .8fr auto!important;
}
.employee-portal-footer{
  text-align:center;
  color:#64748b;
  font-weight:800;
  margin:28px 0;
}
body.rtl .employee-portal-shell,
body.rtl .employee-portal-header,
body.rtl .employee-portal-hero{
  direction:rtl;
  text-align:right;
}
@media(max-width:850px){
  .employee-portal-header,
  .employee-portal-hero{
    grid-template-columns:1fr;
    flex-direction:column;
    align-items:flex-start;
  }
  .employee-filter-bar{
    grid-template-columns:1fr!important;
  }
}


/* v42 login error and print card only */
.login-error-message{
  display:block!important;
  margin:16px 0!important;
  padding:14px 16px!important;
  border-radius:16px!important;
  background:#fee2e2!important;
  color:#991b1b!important;
  border:1px solid #fecaca!important;
  font-weight:800!important;
}

/* Fallback if browser native print is triggered from card page */
@media print{
  body.print-card-only *{
    visibility:hidden!important;
  }
  body.print-card-only .biz-card,
  body.print-card-only .biz-card *{
    visibility:visible!important;
  }
  body.print-card-only .biz-card{
    position:fixed!important;
    left:50%!important;
    top:50%!important;
    transform:translate(-50%,-50%)!important;
    box-shadow:none!important;
    page-break-inside:avoid!important;
  }
}


/* v43 Lead Visibility Configuration */
.lead-summary-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.lead-summary-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-top:20px;
}
.inner-panel{
  box-shadow:none!important;
  border:1px solid #e3edf8!important;
  background:#f8fbff!important;
}
.lead-summary-filters{
  grid-template-columns:1fr 1fr auto!important;
}
@media(max-width:900px){
  .lead-summary-grid,
  .lead-summary-cards,
  .lead-summary-filters{
    grid-template-columns:1fr!important;
  }
}


/* v44 landing visual, long company name handling, and company logo header */
.validation-section{
  grid-template-columns:1.05fr .95fr!important;
  align-items:center!important;
}
.validation-highlight-bar{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:20px 0 8px;
}
.validation-highlight-bar span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:#ecfeff;
  border:1px solid #b7eef3;
  border-radius:999px;
  color:#0b5563;
  font-weight:900;
  font-size:13px;
}
.validation-image-demo{
  position:relative;
  padding:16px!important;
  background:linear-gradient(180deg,#ffffff,#f5fbfd)!important;
  border:1px solid #dbe6f2!important;
}
.validation-image-demo img{
  width:100%;
  display:block;
  border-radius:26px;
  box-shadow:0 28px 70px rgba(0,16,48,.16);
}
.validation-image-badge{
  position:absolute;
  left:26px;
  bottom:24px;
  background:rgba(0,16,48,.88);
  color:#fff;
  padding:12px 16px;
  border-radius:16px;
  font-weight:900;
  max-width:300px;
  box-shadow:0 18px 40px rgba(0,16,48,.24);
}
body.rtl .validation-image-badge{
  left:auto;
  right:26px;
}
@media(max-width:1000px){
  .validation-section{grid-template-columns:1fr!important;}
  .validation-image-badge{position:static;margin-top:14px;max-width:none;}
}

.ciq-company-headline{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.ciq-header-company-logo{
  width:58px;
  height:58px;
  object-fit:contain;
  border-radius:16px;
  padding:8px;
  background:#ffffff;
  border:1px solid #dce7f2;
  box-shadow:0 12px 28px rgba(0,16,48,.08);
  flex:0 0 auto;
}
.ciq-company-headcopy{
  min-width:0;
}
.ciq-company-headcopy h2{
  margin:0 0 4px!important;
}
@media(max-width:700px){
  .ciq-company-headline{align-items:flex-start;}
  .ciq-header-company-logo{width:50px;height:50px;padding:6px;border-radius:14px;}
}

.biz-company-wrap{
  max-width:265px!important;
}
.biz-company{
  white-space:normal!important;
  overflow:hidden!important;
  text-overflow:unset!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  line-height:1.08!important;
  word-break:break-word!important;
}
.biz-company-address{
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
}
@media(max-width:640px){
  .biz-company-wrap{max-width:190px!important;}
}


/* v46 OAuth buttons */
.social-register .social-btn{
  min-width:132px;
  border-radius:16px;
  background:#ffffff!important;
  border:1px solid #dbe6f2!important;
  box-shadow:0 10px 24px rgba(0,16,48,.06);
}
.social-register .social-btn:hover{transform:translateY(-1px)}

/* v47 Phase 2 Lead CRM Dashboard + Notifications */
.ciq-lead-crm-dashboard{margin-top:24px;background:linear-gradient(135deg,#ffffff,#f2fbfc)!important}
.ciq-lead-crm-dashboard .eyebrow{color:#00a0b0;font-weight:900;text-transform:uppercase;letter-spacing:.05em;font-size:13px;margin-bottom:8px}
.lead-crm-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}
.lead-crm-kpis div{background:#fff;border:1px solid #dbe6f2;border-radius:22px;padding:18px;box-shadow:0 14px 35px rgba(0,16,48,.06)}
.lead-crm-kpis b{display:block;font-size:32px;color:#001030}
.lead-crm-kpis span{color:#64748b;font-weight:800;font-size:13px}
.lead-crm-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}
.lead-pipeline-widget{background:#fff;border:1px solid #dbe6f2;border-radius:24px;padding:20px}
.pipeline-row{display:grid;grid-template-columns:110px 42px 1fr;align-items:center;gap:10px;margin:12px 0}
.pipeline-row span,.top-employee-row span{font-weight:800;color:#334155}
.pipeline-row b,.top-employee-row b{color:#001030}
.pipeline-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}
.pipeline-bar i{display:block;height:100%;background:linear-gradient(90deg,#00a0b0,#001030);border-radius:999px}
.top-employee-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf2f7;padding:12px 0}
.top-employee-row:last-child{border-bottom:0}
.lead-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px}
.lead-profile-card{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#f8fbff;border:1px solid #e3edf8;border-radius:24px;padding:20px;margin:18px 0}
.lead-avatar.big{width:74px;height:74px;border-radius:24px;font-size:30px}
.lead-update-form{background:#fff;border:1px solid #e3edf8;border-radius:24px;padding:18px}
.note-form{grid-template-columns:1fr!important}
.notes-timeline{display:grid;gap:12px;margin:16px 0 24px}
.note-item{background:#f8fbff;border:1px solid #e3edf8;border-radius:18px;padding:14px}
.note-item b{color:#001030}.note-item span{display:block;color:#64748b;font-size:12px;margin-top:2px}.note-item p{margin:8px 0 0}
.email-log-list{display:grid;gap:8px}.email-log-list div{display:grid;grid-template-columns:1fr auto;gap:8px;background:#f8fbff;border:1px solid #e3edf8;border-radius:16px;padding:10px}.email-log-list small{grid-column:1/-1;color:#64748b}
.email-settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}
.setting-card{background:#f8fbff;border:1px solid #e3edf8;border-radius:18px;padding:16px}.setting-card b{display:block;color:#001030}.setting-card span{color:#64748b;word-break:break-word}
body.rtl .lead-detail-layout,body.rtl .ciq-lead-crm-dashboard{text-align:right}
@media(max-width:1100px){.lead-crm-kpis{grid-template-columns:repeat(2,1fr)}.lead-crm-grid,.lead-detail-layout,.email-settings-grid{grid-template-columns:1fr}}
@media(max-width:640px){.lead-crm-kpis{grid-template-columns:1fr}.pipeline-row{grid-template-columns:1fr auto}.pipeline-bar{grid-column:1/-1}.lead-profile-card{grid-template-columns:1fr}}


/* v48 HAM parent brand update */
.public-parent-note{display:block;color:#334155;font-weight:900;}
.public-footer{gap:14px;flex-wrap:wrap;}
.powered{white-space:nowrap;}

/* v55 CardIQ Assistant powered by SupportIQ */
.ciq-assistant-widget{position:fixed;right:22px;bottom:22px;z-index:9999;font-family:inherit}body.rtl .ciq-assistant-widget{right:auto;left:22px}.ciq-assistant-fab{width:64px;height:64px;border-radius:22px;border:0;background:linear-gradient(135deg,#001030,#00a0b0);color:#fff;box-shadow:0 18px 45px rgba(0,16,48,.28);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900}.ciq-assistant-panel{display:none;width:min(390px,calc(100vw - 34px));height:560px;max-height:calc(100vh - 110px);background:#fff;border:1px solid #dbe6f2;border-radius:28px;box-shadow:0 28px 80px rgba(0,16,48,.24);overflow:hidden;margin-bottom:14px}.ciq-assistant-panel.open{display:grid;grid-template-rows:auto 1fr auto auto}.ciq-assistant-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;background:linear-gradient(135deg,#001030,#053a62);color:#fff}.ciq-assistant-head b{display:block;font-size:18px}.ciq-assistant-head small{color:#c8f8ff;font-weight:800}.ciq-assistant-head button{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18);width:36px;height:36px;border-radius:12px;cursor:pointer;font-size:22px}.ciq-assistant-body{padding:16px;overflow:auto;background:#f8fbff;display:flex;flex-direction:column;gap:10px}.ciq-assistant-msg{max-width:86%;padding:12px 14px;border-radius:18px;line-height:1.5;font-size:14px;box-shadow:0 8px 22px rgba(0,16,48,.06)}.ciq-assistant-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e3edf8;color:#0f172a}.ciq-assistant-msg.user{align-self:flex-end;background:#00a0b0;color:#fff}.ciq-assistant-msg.loading{opacity:.75}.ciq-assistant-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid #e3edf8;background:#fff}.ciq-assistant-form input,.ciq-assistant-ticket input,.ciq-assistant-ticket textarea{border:1px solid #dbe6f2;border-radius:16px;padding:12px;font:inherit}.ciq-assistant-form button,.ciq-assistant-ticket button{border:0;background:#001030;color:#fff;border-radius:16px;padding:0 16px;font-weight:900;cursor:pointer}.ciq-assistant-ticket{display:grid;gap:8px;padding:12px;border-top:1px solid #e3edf8;background:#fff}.ciq-assistant-ticket textarea{min-height:74px;resize:vertical}@media(max-width:640px){.ciq-assistant-widget{right:12px;bottom:12px}body.rtl .ciq-assistant-widget{left:12px;right:auto}.ciq-assistant-fab{width:58px;height:58px}.ciq-assistant-panel{height:calc(100vh - 96px)}}

/* v56 make CardIQ Assistant clearly visible */
.ciq-assistant-widget{
  z-index:2147483000!important;
}
.ciq-assistant-fab{
  width:76px!important;
  height:76px!important;
  border-radius:26px!important;
  font-size:22px!important;
  letter-spacing:.03em;
  animation:ciqAssistantPulse 2.4s infinite;
}
.ciq-assistant-fab span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
}
@keyframes ciqAssistantPulse{
  0%{box-shadow:0 18px 45px rgba(0,16,48,.28),0 0 0 0 rgba(0,160,176,.35)}
  70%{box-shadow:0 18px 45px rgba(0,16,48,.28),0 0 0 16px rgba(0,160,176,0)}
  100%{box-shadow:0 18px 45px rgba(0,16,48,.28),0 0 0 0 rgba(0,160,176,0)}
}
.ciq-assistant-quick{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:8px;
}
.ciq-assistant-quick button,
.assistant-help-topics button{
  border:1px solid #cdeff3;
  background:#ecfeff;
  color:#075985;
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
  cursor:pointer;
}
.assistant-page-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}
.assistant-page-card,
.assistant-help-topics{
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:26px;
  padding:24px;
}
.assistant-page-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:18px;
}
.assistant-help-topics{
  display:grid;
  gap:10px;
}
.assistant-help-topics h2{
  margin-bottom:8px;
}
@media(max-width:760px){
  .assistant-page-grid{grid-template-columns:1fr}
  .ciq-assistant-fab{width:64px!important;height:64px!important;font-size:18px!important}
}

/* v61 Brand & Template Studio */
.brand-studio-page .eyebrow{
  color:#00a0b0;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.brand-company-switch{
  display:grid;
  grid-template-columns:160px minmax(240px,420px);
  gap:12px;
  align-items:center;
  margin:18px 0;
  background:#f8fbff;
  border:1px solid #e3edf8;
  border-radius:22px;
  padding:16px;
}
.brand-studio-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:24px;
  align-items:start;
}
.brand-controls{
  display:grid;
  gap:18px;
}
.brand-card{
  background:#fff;
  border:1px solid #dbe6f2;
  border-radius:28px;
  padding:22px;
  box-shadow:0 16px 45px rgba(0,16,48,.06);
}
.template-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.template-choice{
  position:relative;
  border:1px solid #dbe6f2;
  background:#f8fbff;
  border-radius:22px;
  padding:14px;
  cursor:pointer;
  transition:.18s;
  display:grid;
  gap:8px;
}
.template-choice input{position:absolute;opacity:0;pointer-events:none}
.template-choice.selected{
  border-color:#00a0b0;
  box-shadow:0 0 0 4px rgba(0,160,176,.13);
  background:#ecfeff;
}
.template-choice strong{color:#001030}
.template-choice small{color:#64748b;line-height:1.35}
.template-mini{
  height:92px;
  border-radius:18px;
  background:linear-gradient(135deg,#001030,#06415e);
  position:relative;
  overflow:hidden;
  display:block;
}
.template-mini i{
  position:absolute;
  width:42px;height:42px;border-radius:14px;
  background:#fff;
  left:14px;top:14px;
}
.template-mini b{
  position:absolute;
  height:10px;width:96px;border-radius:99px;
  background:#fff;
  left:70px;top:22px;
}
.template-mini em{
  position:absolute;
  height:44px;width:110px;border-radius:18px;
  background:#00a0b0;
  right:-20px;bottom:-14px;
}
.template-premium{background:linear-gradient(135deg,#020617,#001030)}
.template-minimal{background:linear-gradient(135deg,#ffffff,#eaf6f8);border:1px solid #dbe6f2}
.template-minimal b{background:#001030}.template-minimal i{background:#00a0b0}.template-minimal em{opacity:.35}
.template-corporate{background:linear-gradient(135deg,#001030 0 50%,#ffffff 50% 100%)}
.template-creative{background:radial-gradient(circle at 20% 20%,#00a0b0,#001030 60%)}
.color-control-grid,
.brand-upload-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}
.brand-upload-grid{grid-template-columns:repeat(2,1fr)}
.color-control-grid label,
.brand-upload-grid label{
  display:grid;
  gap:8px;
  font-weight:900;
  color:#001030;
}
.color-control-grid input[type="color"]{
  width:100%;
  height:58px;
  border:1px solid #dbe6f2;
  border-radius:18px;
  padding:6px;
  background:#fff;
}
.brand-upload-grid input[type="file"]{
  border:1px dashed #b9dce5;
  border-radius:18px;
  padding:14px;
  background:#f8fbff;
}
.brand-preview-panel{
  position:sticky;
  top:18px;
  background:#fff;
  border:1px solid #dbe6f2;
  border-radius:30px;
  padding:22px;
  box-shadow:0 20px 60px rgba(0,16,48,.08);
}
.brand-phone-preview{
  background:linear-gradient(135deg,#eaf3f6,#ffffff);
  border-radius:34px;
  padding:22px;
}
.brand-card-preview{
  --brand-primary:#001030;
  --brand-secondary:#00a0b0;
  --brand-text:#0f172a;
  min-height:420px;
  border-radius:30px;
  background:linear-gradient(145deg,var(--brand-primary),#073b57);
  color:#fff;
  padding:24px;
  box-shadow:0 20px 55px rgba(0,16,48,.20);
  display:grid;
  align-content:start;
  gap:18px;
  overflow:hidden;
  position:relative;
}
.brand-card-preview:after{
  content:"";
  position:absolute;
  width:220px;height:220px;border-radius:50%;
  background:var(--brand-secondary);
  opacity:.24;
  right:-80px;bottom:-70px;
}
.preview-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  position:relative;
  z-index:1;
}
.preview-top img,
.preview-logo-fallback{
  width:64px;height:64px;
  border-radius:18px;
  object-fit:contain;
  background:#fff;
  padding:8px;
  color:var(--brand-primary);
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
}
.verified-badge{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.24);
  border-radius:99px;
  padding:8px 12px;
  font-weight:900;
  color:#dffbff;
}
.brand-card-preview h3{
  font-size:32px;
  line-height:1.1;
  margin:20px 0 0;
  position:relative;
  z-index:1;
  color:#fff;
}
.brand-card-preview p{
  color:#dbeafe;
  position:relative;
  z-index:1;
}
.preview-qr{
  width:118px;height:118px;
  border-radius:20px;
  background:
    linear-gradient(90deg,#111 10px,transparent 10px) 0 0/24px 24px,
    linear-gradient(#111 10px,transparent 10px) 0 0/24px 24px,
    #fff;
  position:relative;
  z-index:1;
}
.preview-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  position:relative;
  z-index:1;
}
.preview-actions span{
  border-radius:16px;
  background:#fff;
  color:var(--brand-primary);
  padding:10px 14px;
  font-weight:900;
}
.preview-premium{background:linear-gradient(145deg,#020617,#001030)}
.preview-minimal{background:#fff;color:var(--brand-text);border:1px solid #dbe6f2}
.preview-minimal h3{color:var(--brand-text)}
.preview-minimal p{color:#64748b}
.preview-minimal .verified-badge{background:#ecfeff;color:#075985;border-color:#cdeff3}
.preview-corporate{background:linear-gradient(135deg,var(--brand-primary) 0 58%,#fff 58% 100%)}
.preview-creative{background:radial-gradient(circle at 20% 20%,var(--brand-secondary),var(--brand-primary) 62%)}
.current-custom-design{
  margin-top:18px;
}
.current-custom-design img{
  width:100%;
  border-radius:18px;
  border:1px solid #dbe6f2;
}
.small{font-size:13px}
.notice.info{
  background:#ecfeff;
  color:#075985;
  border-color:#a5f3fc;
}
@media(max-width:1100px){
  .brand-studio-layout{grid-template-columns:1fr}
  .brand-preview-panel{position:relative;top:auto}
}
@media(max-width:760px){
  .template-choice-grid,
  .color-control-grid,
  .brand-upload-grid,
  .brand-company-switch{grid-template-columns:1fr}
}

/* v62 Apply Brand Studio template/colors to actual cards and public profiles */
.ciq-brand-applied,
.profile-card,
.digital-card,
.business-card,
.card-preview,
.employee-public-card,
.public-profile-card{
  --cardiq-primary:#001030;
  --cardiq-secondary:#00a0b0;
  --cardiq-text:#0f172a;
}

/* Generic override for old templates */
.profile-card.ciq-template-modern,
.digital-card.ciq-template-modern,
.business-card.ciq-template-modern,
.card-preview.ciq-template-modern,
.ciq-brand-applied.ciq-template-modern .profile-card,
.ciq-brand-applied.ciq-template-modern .digital-card,
.ciq-brand-applied.ciq-template-modern .business-card{
  background:linear-gradient(145deg,var(--cardiq-primary),#073b57)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.16)!important;
}

.profile-card.ciq-template-premium,
.digital-card.ciq-template-premium,
.business-card.ciq-template-premium,
.card-preview.ciq-template-premium,
.ciq-brand-applied.ciq-template-premium .profile-card,
.ciq-brand-applied.ciq-template-premium .digital-card,
.ciq-brand-applied.ciq-template-premium .business-card{
  background:linear-gradient(145deg,#020617,var(--cardiq-primary))!important;
  color:#fff!important;
}

.profile-card.ciq-template-minimal,
.digital-card.ciq-template-minimal,
.business-card.ciq-template-minimal,
.card-preview.ciq-template-minimal,
.ciq-brand-applied.ciq-template-minimal .profile-card,
.ciq-brand-applied.ciq-template-minimal .digital-card,
.ciq-brand-applied.ciq-template-minimal .business-card{
  background:#fff!important;
  color:var(--cardiq-text)!important;
  border:1px solid #dbe6f2!important;
}

.profile-card.ciq-template-corporate,
.digital-card.ciq-template-corporate,
.business-card.ciq-template-corporate,
.card-preview.ciq-template-corporate,
.ciq-brand-applied.ciq-template-corporate .profile-card,
.ciq-brand-applied.ciq-template-corporate .digital-card,
.ciq-brand-applied.ciq-template-corporate .business-card{
  background:linear-gradient(135deg,var(--cardiq-primary) 0 56%,#fff 56% 100%)!important;
  color:#fff!important;
}

.profile-card.ciq-template-creative,
.digital-card.ciq-template-creative,
.business-card.ciq-template-creative,
.card-preview.ciq-template-creative,
.ciq-brand-applied.ciq-template-creative .profile-card,
.ciq-brand-applied.ciq-template-creative .digital-card,
.ciq-brand-applied.ciq-template-creative .business-card{
  background:radial-gradient(circle at 15% 15%,var(--cardiq-secondary),var(--cardiq-primary) 62%)!important;
  color:#fff!important;
}

/* Apply selected colors to common buttons and accents inside cards */
.profile-card .btn,
.digital-card .btn,
.business-card .btn,
.card-preview .btn,
.profile-card button,
.digital-card button,
.business-card button,
.card-preview button,
.ciq-brand-applied .profile-card .btn,
.ciq-brand-applied .digital-card .btn,
.ciq-brand-applied .business-card .btn{
  background:var(--cardiq-secondary)!important;
  color:#fff!important;
  border-color:transparent!important;
}

.profile-card a,
.digital-card a,
.business-card a,
.card-preview a{
  color:inherit;
}

.profile-card img,
.digital-card img,
.business-card img,
.card-preview img{
  max-width:100%;
}

/* New rendered card component */
.ciq-rendered-card{
  --cardiq-primary:#001030;
  --cardiq-secondary:#00a0b0;
  --cardiq-text:#0f172a;
  position:relative;
  width:100%;
  max-width:430px;
  min-height:620px;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,16,48,.20);
  background:linear-gradient(145deg,var(--cardiq-primary),#073b57);
  color:#fff;
}
.ciq-rendered-card-inner{
  position:relative;
  z-index:2;
  padding:28px;
  min-height:620px;
  display:grid;
  align-content:start;
  gap:24px;
}
.ciq-custom-design-bg{
  position:absolute;
  inset:0;
  z-index:1;
}
.ciq-custom-design-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.ciq-custom-design-bg:after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(0,16,48,.38);
}
.ciq-rendered-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
}
.ciq-rendered-logo{
  width:74px;
  height:74px;
  border-radius:22px;
  background:#fff;
  color:var(--cardiq-primary);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-size:32px;
  font-weight:900;
  padding:9px;
}
.ciq-rendered-logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.ciq-rendered-badge{
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  color:#dcfbff;
  font-size:13px;
}
.ciq-rendered-person h2{
  font-size:36px;
  line-height:1.05;
  margin:0 0 10px;
  color:inherit;
}
.ciq-rendered-person p{
  margin:0 0 6px;
  color:#dbeafe;
  font-size:18px;
}
.ciq-rendered-person strong{
  color:#fff;
  font-size:17px;
}
.ciq-rendered-contact{
  display:grid;
  gap:8px;
  color:#dbeafe;
}
.ciq-rendered-bottom{
  margin-top:20px;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:16px;
  align-items:center;
}
.ciq-rendered-qr{
  width:124px;
  height:124px;
  border-radius:22px;
  background:
    linear-gradient(90deg,#111 10px,transparent 10px) 0 0/24px 24px,
    linear-gradient(#111 10px,transparent 10px) 0 0/24px 24px,
    #fff;
}
.ciq-rendered-actions{
  display:grid;
  gap:10px;
}
.ciq-rendered-actions span{
  display:block;
  background:#fff;
  color:var(--cardiq-primary);
  border-radius:16px;
  padding:11px 14px;
  font-weight:900;
  text-align:center;
}
.ciq-rendered-card.ciq-template-premium{
  background:linear-gradient(145deg,#020617,var(--cardiq-primary));
}
.ciq-rendered-card.ciq-template-minimal{
  background:#fff;
  color:var(--cardiq-text);
  border:1px solid #dbe6f2;
}
.ciq-rendered-card.ciq-template-minimal .ciq-rendered-person p,
.ciq-rendered-card.ciq-template-minimal .ciq-rendered-contact{
  color:#64748b;
}
.ciq-rendered-card.ciq-template-minimal .ciq-rendered-person strong{
  color:var(--cardiq-primary);
}
.ciq-rendered-card.ciq-template-minimal .ciq-rendered-badge{
  background:#ecfeff;
  color:#075985;
  border-color:#cdeff3;
}
.ciq-rendered-card.ciq-template-corporate{
  background:linear-gradient(135deg,var(--cardiq-primary) 0 56%,#fff 56% 100%);
}
.ciq-rendered-card.ciq-template-creative{
  background:radial-gradient(circle at 18% 15%,var(--cardiq-secondary),var(--cardiq-primary) 62%);
}
@media(max-width:640px){
  .ciq-rendered-card{max-width:100%;min-height:560px}
  .ciq-rendered-card-inner{min-height:560px;padding:22px}
  .ciq-rendered-person h2{font-size:30px}
}

/* v64 force old Templates page to become Brand Studio */
.brand-studio-page .eyebrow{color:#00a0b0;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.brand-company-switch{display:grid;grid-template-columns:160px minmax(240px,420px);gap:12px;align-items:center;margin:18px 0;background:#f8fbff;border:1px solid #e3edf8;border-radius:22px;padding:16px}
.brand-studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start}
.brand-controls{display:grid;gap:18px}.brand-card{background:#fff;border:1px solid #dbe6f2;border-radius:28px;padding:22px;box-shadow:0 16px 45px rgba(0,16,48,.06)}
.template-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.template-choice{position:relative;border:1px solid #dbe6f2;background:#f8fbff;border-radius:22px;padding:14px;cursor:pointer;transition:.18s;display:grid;gap:8px}
.template-choice input{position:absolute;opacity:0;pointer-events:none}.template-choice.selected{border-color:#00a0b0;box-shadow:0 0 0 4px rgba(0,160,176,.13);background:#ecfeff}
.template-choice strong{color:#001030}.template-choice small{color:#64748b;line-height:1.35}
.template-mini{height:92px;border-radius:18px;background:linear-gradient(135deg,#001030,#06415e);position:relative;overflow:hidden;display:block}
.template-mini i{position:absolute;width:42px;height:42px;border-radius:14px;background:#fff;left:14px;top:14px}
.template-mini b{position:absolute;height:10px;width:96px;border-radius:99px;background:#fff;left:70px;top:22px}
.template-mini em{position:absolute;height:44px;width:110px;border-radius:18px;background:#00a0b0;right:-20px;bottom:-14px}
.template-premium{background:linear-gradient(135deg,#020617,#001030)}.template-minimal{background:linear-gradient(135deg,#fff,#eaf6f8);border:1px solid #dbe6f2}.template-minimal b{background:#001030}.template-minimal i{background:#00a0b0}.template-minimal em{opacity:.35}.template-corporate{background:linear-gradient(135deg,#001030 0 50%,#fff 50% 100%)}.template-creative{background:radial-gradient(circle at 20% 20%,#00a0b0,#001030 60%)}
.color-control-grid,.brand-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.brand-upload-grid{grid-template-columns:repeat(2,1fr)}
.color-control-grid label,.brand-upload-grid label{display:grid;gap:8px;font-weight:900;color:#001030}.color-control-grid input[type=color]{width:100%;height:58px;border:1px solid #dbe6f2;border-radius:18px;padding:6px;background:#fff}.brand-upload-grid input[type=file]{border:1px dashed #b9dce5;border-radius:18px;padding:14px;background:#f8fbff}
.brand-preview-panel{position:sticky;top:18px;background:#fff;border:1px solid #dbe6f2;border-radius:30px;padding:22px;box-shadow:0 20px 60px rgba(0,16,48,.08)}
.brand-phone-preview{background:linear-gradient(135deg,#eaf3f6,#fff);border-radius:34px;padding:22px}
.brand-card-preview{--brand-primary:#001030;--brand-secondary:#00a0b0;--brand-text:#0f172a;min-height:420px;border-radius:30px;background:linear-gradient(145deg,var(--brand-primary),#073b57);color:#fff;padding:24px;box-shadow:0 20px 55px rgba(0,16,48,.20);display:grid;align-content:start;gap:18px;overflow:hidden;position:relative}
.brand-card-preview:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:var(--brand-secondary);opacity:.24;right:-80px;bottom:-70px}.preview-top{display:flex;justify-content:space-between;align-items:center;gap:12px;position:relative;z-index:1}
.preview-top img,.preview-logo-fallback{width:64px;height:64px;border-radius:18px;object-fit:contain;background:#fff;padding:8px;color:var(--brand-primary);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:28px}
.verified-badge{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:99px;padding:8px 12px;font-weight:900;color:#dffbff}
.brand-card-preview h3{font-size:32px;line-height:1.1;margin:20px 0 0;position:relative;z-index:1;color:#fff}.brand-card-preview p{color:#dbeafe;position:relative;z-index:1}
.preview-qr{width:118px;height:118px;border-radius:20px;background:linear-gradient(90deg,#111 10px,transparent 10px) 0 0/24px 24px,linear-gradient(#111 10px,transparent 10px) 0 0/24px 24px,#fff;position:relative;z-index:1}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.preview-actions span{border-radius:16px;background:#fff;color:var(--brand-primary);padding:10px 14px;font-weight:900}
.preview-premium{background:linear-gradient(145deg,#020617,#001030)}.preview-minimal{background:#fff;color:var(--brand-text);border:1px solid #dbe6f2}.preview-minimal h3{color:var(--brand-text)}.preview-minimal p{color:#64748b}.preview-minimal .verified-badge{background:#ecfeff;color:#075985;border-color:#cdeff3}.preview-corporate{background:linear-gradient(135deg,var(--brand-primary) 0 58%,#fff 58% 100%)}.preview-creative{background:radial-gradient(circle at 20% 20%,var(--brand-secondary),var(--brand-primary) 62%)}
@media(max-width:1100px){.brand-studio-layout{grid-template-columns:1fr}.brand-preview-panel{position:relative;top:auto}}@media(max-width:760px){.template-choice-grid,.color-control-grid,.brand-upload-grid,.brand-company-switch{grid-template-columns:1fr}}


/* v67 Template color detection moved into Brand & Template Studio */
.template-detect-colors-tool{
  margin-top:16px;
  background:linear-gradient(135deg,#ffffff,#eef9fb);
  border:1px solid #dbe6f2;
  border-radius:22px;
  padding:16px;
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  align-items:center;
}
.template-detect-colors-tool strong{display:block;color:#001030;font-size:16px;margin-bottom:4px}
.template-detect-colors-tool p{margin:0}
.template-detected-swatches{display:flex;gap:8px;background:#fff;border:1px solid #dbe6f2;border-radius:16px;padding:8px}
.template-detected-swatches span{width:42px;height:42px;border-radius:14px;border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.template-detect-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
#templateDetectColorMsg{grid-column:1/-1;font-weight:800;color:#64748b}
body.rtl .template-detect-colors-tool{direction:rtl;text-align:right}
@media(max-width:980px){.template-detect-colors-tool{grid-template-columns:1fr}.template-detected-swatches{width:max-content}.template-detect-actions{justify-content:flex-start}}


/* v68 make template logo-color buttons reliably clickable */
.template-detect-colors-tool,
.template-detect-actions,
.template-detect-actions .btn{
  position:relative!important;
  z-index:50!important;
  pointer-events:auto!important;
}
.template-detect-actions .btn:disabled{
  opacity:.65;
  cursor:wait;
}