*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#030d1b;color:#eef4ff}body{display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;padding:28px 22px;background:#061326;border-right:1px solid #17314f;display:flex;flex-direction:column}.brand{display:flex;gap:14px;align-items:center}.brand>span,.login-brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#1677ff;font-size:24px;font-weight:800}.brand div,.login-brand div{display:flex;flex-direction:column}.brand b,.login-brand b{font-size:20px}.brand small,.login-brand small{color:#8ea3bd;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:9px;margin-top:48px}.sidebar nav a{padding:14px 16px;border-radius:10px;color:#aebed1;text-decoration:none}.sidebar nav a.active,.sidebar nav a:hover{background:#102b4b;color:white}.logout{margin-top:auto;color:#ff8b98;text-decoration:none;padding:14px 16px}main{width:100%;margin-left:260px}header{height:96px;border-bottom:1px solid #17314f;padding:20px 42px;display:flex;justify-content:space-between;align-items:center;background:#061326}header h1{margin:5px 0 0;font-size:28px}.eyebrow{font-size:11px;letter-spacing:3px;color:#2787ff;font-weight:800}.client-chip{padding:10px 15px;border:1px solid #234563;border-radius:10px;color:#b8c9db}.content{max-width:1240px;margin:0 auto;padding:34px}.card{background:#0a1a30;border:1px solid #1c3b5d;border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.18)}.hero,.page-intro{padding:34px;display:flex;justify-content:space-between;align-items:center}.hero h2,.page-intro h2{font-size:34px;margin:8px 0}.hero p,.page-intro p{color:#9bb0c8;max-width:700px;line-height:1.6}.hero-status{padding-left:34px;border-left:1px solid #294663;text-align:center}.hero-status small{display:block;color:#8fa4bd}.hero-status b{font-size:42px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}.kpis.three{grid-template-columns:repeat(3,1fr)}.kpis .card{padding:22px}.kpis small,.kpis span{display:block;color:#8da2ba}.kpis b{display:block;font-size:24px;margin:9px 0}.featured{padding:30px;margin-bottom:18px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h3{margin:0}.section-head a{color:#59a4ff}.status{display:inline-block;padding:7px 10px;border-radius:999px;background:#0b563d;color:#7df0b8;font-size:12px}.progress-title{display:flex;justify-content:space-between;margin:28px 0 8px}.progress{height:8px;background:#163251;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:#2385ff;border-radius:99px}.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin:22px 0}.featured-grid div{padding:18px;background:#071528;border-radius:10px}.featured-grid small{display:block;color:#8da2ba;margin-bottom:8px}.link-btn{color:#52a0ff;text-decoration:none}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two-col>.card{padding:26px}.list>a,.timeline-mini>div{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid #173652;color:white;text-decoration:none}.list>a:last-child,.timeline-mini>div:last-child{border:0}.file-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#123e70;color:#6eb1ff;font-weight:800;font-size:11px}.list>a div,.timeline-mini section{flex:1;display:flex;flex-direction:column}.list small,.timeline-mini small,.timeline-mini time{color:#849bb4;font-size:12px}.timeline-mini i,.timeline>div>i{width:10px;height:10px;border-radius:50%;background:#2485ff;box-shadow:0 0 0 5px #0b3157}.empty,.empty-small{text-align:center;color:#8fa4bd;padding:45px}.project-grid,.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.project-card,.file-card{padding:24px}.project-card h3,.file-card h3{font-size:21px}.project-card p,.file-card p{color:#9db1c8;min-height:48px;line-height:1.5}.project-card footer{display:flex;justify-content:space-between;margin-top:22px;color:#8fa4bd;font-size:12px}.file-card{display:flex;gap:16px;align-items:flex-start}.file-card>div{flex:1}.file-card a{color:#5ba7ff}.finance-table{padding:24px;margin-top:18px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:18px;align-items:center;padding:16px 10px}.table-head{color:#8198b1;font-size:12px;letter-spacing:1px;border-bottom:1px solid #22415f}.table-row{border-bottom:1px solid #173652}.table-row div{display:flex;flex-direction:column}.table-row small{color:#8da2ba;margin-top:4px}.timeline{padding:24px;margin-top:18px}.timeline>div{display:flex;gap:18px;align-items:flex-start;padding:20px 8px;border-bottom:1px solid #173652}.timeline>div>section{flex:1}.timeline h3{margin:0 0 6px}.timeline p,.timeline time{color:#8fa4bd}.login-page{display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 20%,#102a4a,#030d1b 58%)}.login-card{width:min(520px,100%);padding:42px;background:#0a1a30;border:1px solid #1e4166;border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:34px}.login-card h1{font-size:35px;margin:10px 0}.login-card>p{color:#9db1c8;line-height:1.6}.login-card form{display:flex;flex-direction:column;gap:16px;margin-top:28px}.login-card label{display:flex;flex-direction:column;gap:8px;color:#aec1d6}.login-card input{padding:14px;border-radius:9px;border:1px solid #274b70;background:#061326;color:white}.login-card button{padding:15px;border:0;border-radius:9px;background:#1677ff;color:white;font-weight:800;cursor:pointer}.alert{padding:13px;border-radius:9px;background:#4d1821;color:#ffb9c1;margin-top:16px}.help{display:block;color:#8299b3;text-align:center;margin-top:18px}@media(max-width:900px){.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow:auto}.sidebar nav{flex-direction:row;margin:0 0 0 24px}.logout{margin:0 0 0 auto}body{display:block}main{margin:0}header{padding:20px}.content{padding:18px}.kpis,.project-grid,.file-grid,.two-col{grid-template-columns:1fr 1fr}.hero,.page-intro{align-items:flex-start}.client-chip{display:none}}@media(max-width:620px){.sidebar{padding:14px}.brand div{display:none}.sidebar nav a{padding:10px}.kpis,.project-grid,.file-grid,.two-col,.kpis.three,.featured-grid{grid-template-columns:1fr}.hero,.page-intro{padding:24px}.hero h2,.page-intro h2{font-size:27px}.hero-status{display:none}.table-head{display:none}.table-row{grid-template-columns:1fr 1fr}.content{padding:12px}header{height:auto}.finance-table{padding:12px}}
.landing-page{display:block;background:#030d1b;min-height:100vh}
.landing-nav{position:relative;height:auto;max-width:1320px;margin:auto;padding:24px 34px;border:0;background:transparent}
.landing-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}
.landing-brand>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#1677ff;font-size:22px;font-weight:900}
.landing-brand div{display:flex;flex-direction:column}.landing-brand small{color:#8fa4bd}
.landing-actions,.hero-buttons{display:flex;gap:12px}
.primary-btn,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:800}
.primary-btn{background:#1677ff;color:#fff}.ghost-btn{border:1px solid #284b70;color:#dce9f8;background:#071528}
.large{padding:15px 22px}
.landing-main{max-width:1320px;margin:auto;padding:34px}
.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;min-height:650px}
.landing-copy h1{font-size:58px;line-height:1.06;margin:15px 0 24px;letter-spacing:-2px}
.landing-copy>p{font-size:19px;line-height:1.75;color:#9fb3ca;max-width:670px}
.hero-buttons{margin:30px 0 24px}.trust-line{display:flex;gap:18px;flex-wrap:wrap;color:#83a0bc;font-size:13px}
.workspace-preview{position:relative;padding:25px;background:linear-gradient(145deg,#0e2440,#08162a);border:1px solid #285077;border-radius:20px;box-shadow:0 35px 100px rgba(0,0,0,.45)}
.workspace-preview:before{content:"";position:absolute;inset:-60px;z-index:-1;background:radial-gradient(circle,#1677ff33,transparent 65%)}
.preview-top{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #244562}
.preview-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:#1677ff;font-weight:900}
.preview-top div{display:flex;flex-direction:column;flex:1}.preview-top small,.preview-project small,.preview-grid small,.preview-activity small{color:#87a0ba}.preview-top>i{font-style:normal;color:#70e8ad;background:#0d563f;padding:6px 9px;border-radius:999px;font-size:11px}
.preview-project{display:flex;justify-content:space-between;align-items:end;padding:28px 0 15px}.preview-project h3{font-size:22px;margin:7px 0}.preview-project>b{font-size:32px}
.preview-progress{height:8px;background:#163351;border-radius:99px}.preview-progress i{display:block;width:67%;height:100%;background:#2184ff;border-radius:99px}
.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.preview-grid div{padding:16px;background:#071528;border:1px solid #183958;border-radius:10px}.preview-grid small,.preview-grid b{display:block}.preview-grid b{margin-top:7px}
.preview-activity{display:flex;gap:14px;align-items:center;padding:16px;background:#071528;border-radius:10px}.preview-activity>span{width:11px;height:11px;border-radius:50%;background:#25da92;box-shadow:0 0 0 6px #0c4a38}.preview-activity div{display:flex;flex-direction:column}
.landing-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:45px 0}.landing-features article{padding:28px;background:#08182d;border:1px solid #183958;border-radius:14px}.landing-features article>span{color:#2184ff;font-size:12px;font-weight:900}.landing-features h3{font-size:20px}.landing-features p{color:#8fa5bd;line-height:1.6}
.landing-access{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:42px;background:#0a1c34;border:1px solid #204566;border-radius:18px}.landing-access h2{font-size:32px;margin:10px 0}.landing-access p{color:#97acc3;max-width:780px;line-height:1.65}
.landing-footer{max-width:1320px;margin:25px auto 0;padding:30px 34px 45px;display:flex;justify-content:space-between;color:#7189a2;border-top:1px solid #17334f}
@media(max-width:980px){.landing-hero{grid-template-columns:1fr;gap:35px}.landing-copy h1{font-size:45px}.landing-features{grid-template-columns:1fr 1fr}.workspace-preview{max-width:680px}}
@media(max-width:620px){.landing-nav,.landing-main{padding:18px}.landing-actions .ghost-btn{display:none}.landing-copy h1{font-size:36px}.hero-buttons{flex-direction:column}.trust-line{flex-direction:column;gap:8px}.landing-features{grid-template-columns:1fr}.landing-access{align-items:flex-start;flex-direction:column;padding:27px}.landing-footer{padding:25px 18px;flex-direction:column;gap:8px}.preview-grid{grid-template-columns:1fr}}

.admin-preview-banner{position:fixed;z-index:1000;inset:0 0 auto 0;min-height:58px;padding:10px 24px;background:#7c3aed;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 8px 30px rgba(0,0,0,.3)}
.admin-preview-banner>div{display:flex;align-items:center;gap:12px}
.admin-preview-banner b{letter-spacing:1.5px}
.admin-preview-banner span{color:#eadfff}
.admin-preview-main,.admin-preview-actions{display:flex;align-items:center;gap:12px}
.admin-preview-actions{margin-left:auto}
.admin-preview-note{opacity:.9}
.admin-preview-timer{padding:7px 10px;border:1px solid rgba(255,255,255,.28);border-radius:8px;white-space:nowrap}
.admin-preview-timer b{color:#fff;font-variant-numeric:tabular-nums}
.admin-preview-actions button{border:0;padding:9px 13px;border-radius:8px;background:#fff;color:#5b21b6;font-weight:800;cursor:pointer}
.admin-preview-actions button:hover{transform:translateY(-1px)}
.sidebar.with-preview{top:58px}main.with-preview{padding-top:58px}
@media(max-width:900px){.admin-preview-banner{position:relative;flex-direction:column;align-items:flex-start}.admin-preview-banner>div{flex-wrap:wrap}.admin-preview-actions{margin-left:0}.admin-preview-note{display:none}.sidebar.with-preview{top:auto}main.with-preview{padding-top:0}}

/* =========================================================
   PHASE 13.4 — CLIENT WORKSPACE PREMIUM UI
   ========================================================= */

:root{
  --gold:#f6bd3c;
  --gold-soft:#ad7d1e;
  --gold-bg:rgba(246,189,60,.10);
  --panel:#0b1a2d;
  --panel-deep:#071426;
  --line:#1d3955;
  --muted:#93a8be;
  --blue:#2788ff;
  --cyan:#1f9fff;
  --green:#23d987;
  --purple:#9c69ff;
}

body{
  background:
    radial-gradient(circle at 78% 0%,rgba(24,83,140,.12),transparent 34%),
    #020b18;
}

.sidebar{
  background:linear-gradient(180deg,#071426,#05101e);
  border-right:1px solid #1a334d;
}

.brand{
  padding:10px 0 22px;
}

.brand-mark{
  background:linear-gradient(145deg,#ffc54d,#d9981a)!important;
  color:white;
  box-shadow:0 10px 28px rgba(218,151,20,.28);
}

.sidebar nav{
  margin-top:26px;
  gap:10px;
}

.sidebar nav a{
  display:flex;
  align-items:center;
  gap:14px;
  min-height:52px;
  font-size:15px;
  border:1px solid transparent;
  transition:.2s ease;
}

.sidebar nav a:hover{
  border-color:#294866;
  background:#0d2139;
}

.sidebar nav a.active{
  background:linear-gradient(90deg,rgba(246,189,60,.17),rgba(246,189,60,.07));
  border-color:rgba(246,189,60,.08);
  color:#ffd15e;
}

.nav-icon{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
}

.nav-icon svg,
.client-chip svg,
.premium-kpi-icon svg,
.small-panel-icon svg,
.hero-folder-icon svg,
.empty-folder svg,
.premium-empty-box svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.logout{
  border:1px solid rgba(255,91,108,.35);
  border-radius:10px;
  padding:12px 14px;
  margin:0 0 6px;
  color:#ff6f80;
}

header{
  background:rgba(5,16,30,.78);
  backdrop-filter:blur(18px);
}

.client-chip{
  display:flex;
  align-items:center;
  gap:9px;
}

.client-chip svg{
  width:20px;
  height:20px;
}

.content{
  max-width:1320px;
  padding-top:28px;
}

.card{
  background:linear-gradient(145deg,rgba(12,29,49,.97),rgba(7,20,37,.97));
  border-color:#1f3d59;
}

.premium-hero{
  position:relative;
  overflow:hidden;
  min-height:190px;
  padding:34px 38px;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  align-items:center;
}

.premium-hero:after{
  content:"";
  position:absolute;
  inset:0 0 0 auto;
  width:36%;
  background:radial-gradient(circle at 70% 50%,rgba(246,189,60,.13),transparent 58%);
  pointer-events:none;
}

.premium-eyebrow{
  color:var(--gold);
}

.hero-copy{
  position:relative;
  z-index:2;
}

.hero-copy h2{
  margin:10px 0 14px;
  font-size:36px;
}

.hero-copy p{
  max-width:700px;
  margin:0;
  color:#a6b8ca;
  line-height:1.7;
}

.hero-metric{
  position:relative;
  z-index:2;
  min-height:110px;
  padding-left:34px;
  border-left:1px solid #35506b;
}

.hero-metric>span{
  color:#98abc0;
}

.hero-metric>b{
  display:block;
  margin-top:10px;
  font-size:40px;
  color:var(--gold);
}

.hero-folder-icon{
  position:absolute;
  left:155px;
  top:20px;
  width:64px;
  height:64px;
  color:rgba(246,189,60,.55);
}

.hero-gold-lines{
  position:absolute;
  inset:0 0 0 auto;
  width:280px;
  opacity:.85;
}

.hero-gold-lines i{
  position:absolute;
  right:-30px;
  width:280px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
  transform-origin:right;
}

.hero-gold-lines i:nth-child(1){top:28px;transform:rotate(-58deg)}
.hero-gold-lines i:nth-child(2){top:60px;transform:rotate(-42deg)}
.hero-gold-lines i:nth-child(3){bottom:45px;transform:rotate(36deg)}
.hero-gold-lines i:nth-child(4){bottom:20px;transform:rotate(52deg)}

.premium-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin:18px 0;
}

.premium-kpi{
  min-height:132px;
  padding:24px;
  display:flex;
  align-items:flex-start;
  gap:18px;
  transition:.2s ease;
}

.premium-kpi:hover{
  transform:translateY(-2px);
  border-color:#2d5277;
}

.premium-kpi-icon,
.small-panel-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:12px;
}

.premium-kpi-icon{
  width:48px;
  height:48px;
  padding:12px;
}

.icon-blue{color:#5d9fff;background:rgba(55,100,229,.18)}
.icon-cyan{color:#42a8ff;background:rgba(0,120,255,.18)}
.icon-green{color:#2ee191;background:rgba(0,167,91,.19)}
.icon-purple{color:#b58aff;background:rgba(124,80,205,.20)}

.premium-kpi small{
  color:#9eb0c3;
}

.premium-kpi b{
  display:block;
  margin:8px 0;
  font-size:24px;
}

.premium-kpi p{
  margin:0;
  color:#8ea2b8;
}

.premium-project,
.premium-empty-project{
  margin-bottom:18px;
}

.premium-project{
  padding:30px;
}

.premium-project-top{
  display:flex;
  justify-content:space-between;
  gap:24px;
}

.premium-project-top h3{
  margin:9px 0;
  font-size:27px;
}

.premium-project-top p{
  color:#9fb1c4;
}

.premium-project-progress{
  text-align:right;
}

.premium-project-progress span{
  display:block;
  color:#a4b6c8;
}

.premium-project-progress b{
  display:block;
  margin-top:8px;
  color:var(--gold);
  font-size:34px;
}

.premium-project .progress{
  margin:20px 0;
  height:9px;
}

.premium-project .progress i{
  background:linear-gradient(90deg,#2788ff,#f6bd3c);
}

.premium-project-meta{
  display:flex;
  justify-content:space-between;
  color:#8ea2b8;
}

.premium-project-meta a{
  color:#61a6ff;
  text-decoration:none;
}

.premium-empty-project{
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:10px;
}

.empty-folder{
  width:34px;
  height:34px;
  color:var(--gold);
}

.premium-empty-project p{
  margin:0;
  color:#8ea2b8;
}

.premium-bottom-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.premium-panel{
  padding:22px;
}

.premium-panel-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:18px;
}

.premium-panel-title{
  display:flex;
  align-items:center;
  gap:10px;
}

.premium-panel-title h3{
  margin:0;
}

.small-panel-icon{
  width:30px;
  height:30px;
  padding:6px;
}

.premium-panel-head a{
  color:#67aaff;
  text-decoration:none;
}

.premium-panel-head .purple-link{
  color:#ad86ff;
}

.premium-empty-box{
  min-height:145px;
  border:1px dashed #314b64;
  border-radius:12px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#879bb1;
}

.premium-empty-box svg{
  width:28px;
  height:28px;
}

.premium-empty-box b{
  color:#a7b6c7;
}

.premium-list>a{
  display:flex;
  align-items:center;
  gap:13px;
  padding:13px 0;
  color:white;
  text-decoration:none;
  border-bottom:1px solid #18344e;
}

.premium-list>a:last-child{
  border-bottom:0;
}

.premium-list>a>div{
  flex:1;
  display:flex;
  flex-direction:column;
}

.premium-list small{
  color:#7e95ad;
}

.premium-activity-list>div{
  display:flex;
  align-items:center;
  gap:12px;
  padding:13px 0;
  border-bottom:1px solid #18344e;
}

.premium-activity-list>div:last-child{
  border-bottom:0;
}

.premium-activity-list>div>span{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--purple);
  box-shadow:0 0 0 5px rgba(156,105,255,.12);
}

.premium-activity-list section{
  flex:1;
  display:flex;
  flex-direction:column;
}

.premium-activity-list small,
.premium-activity-list time{
  color:#8197ad;
  font-size:12px;
}

/* Refined Admin Preview banner */
.admin-preview-banner{
  background:
    linear-gradient(90deg,#0b1727 0%,#0d1a2c 72%,#0a1525 100%);
  border-bottom:1px solid rgba(246,189,60,.65);
  min-height:62px;
  box-shadow:0 7px 28px rgba(0,0,0,.32);
}

.admin-preview-banner:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:260px;
  background:
    radial-gradient(circle,rgba(246,189,60,.28) 1px,transparent 1px);
  background-size:12px 12px;
  mask-image:linear-gradient(90deg,#000,transparent);
  pointer-events:none;
}

.admin-preview-main,
.admin-preview-actions{
  position:relative;
  z-index:1;
}

.admin-preview-main>b{
  color:var(--gold);
}

.admin-preview-main>b:before{
  content:"◆";
  margin-right:9px;
  font-size:11px;
}

.admin-preview-banner span{
  color:#aebdcb;
}

.admin-preview-timer{
  border-color:rgba(246,189,60,.32);
  color:#d7b65b!important;
}

.admin-preview-timer b{
  color:var(--gold);
}

.admin-preview-actions button{
  background:transparent;
  color:var(--gold);
  border:1px solid rgba(246,189,60,.55);
  transition:.2s ease;
}

.admin-preview-actions button:hover{
  background:var(--gold-bg);
}

@media(max-width:1050px){
  .premium-kpis{grid-template-columns:1fr 1fr}
  .premium-hero{grid-template-columns:1fr}
  .hero-metric{border-left:0;border-top:1px solid #29455f;padding:20px 0 0;margin-top:18px}
  .hero-folder-icon{left:130px;top:18px}
}

@media(max-width:760px){
  .premium-bottom-grid{grid-template-columns:1fr}
  .premium-kpis{grid-template-columns:1fr}
  .premium-hero{padding:26px}
  .hero-copy h2{font-size:30px}
  .premium-project-top,.premium-project-meta{flex-direction:column}
  .premium-project-progress{text-align:left}
  .hero-gold-lines{display:none}
}

@media(max-width:900px){
  .admin-preview-banner:before{display:none}
}

/* =========================================================
   PHASE 13.4.1 — REFERENCE COLOR MATCH
   Precise navy / graphite / gold palette from approved mockup
   ========================================================= */

:root{
  --ref-bg:#06111f;
  --ref-bg-deep:#030b16;
  --ref-sidebar:#071426;
  --ref-header:#081524;
  --ref-panel:#0c1b2e;
  --ref-panel-2:#0a1829;
  --ref-panel-soft:#102238;
  --ref-border:#29425e;
  --ref-border-soft:#20364f;
  --ref-text:#f4f7fb;
  --ref-muted:#a6b3c4;
  --ref-muted-2:#8191a5;
  --ref-gold:#f5b83b;
  --ref-gold-light:#ffd363;
  --ref-blue:#3084ff;
  --ref-cyan:#1499ff;
  --ref-green:#22c979;
  --ref-purple:#9a68ff;
  --ref-red:#ff596b;
}

/* Global canvas */
html,
body{
  background:
    radial-gradient(circle at 73% 8%,rgba(31,78,126,.16),transparent 31%),
    linear-gradient(180deg,var(--ref-bg) 0%,var(--ref-bg-deep) 100%)!important;
  color:var(--ref-text);
}

body{
  letter-spacing:0;
}

/* Sidebar + top header */
.sidebar{
  background:
    radial-gradient(circle at 18% 9%,rgba(44,111,184,.11),transparent 25%),
    linear-gradient(180deg,#08172a 0%,#06111f 100%)!important;
  border-right:1px solid #29405a!important;
  box-shadow:18px 0 55px rgba(0,0,0,.13);
}

.brand{
  min-height:82px;
}

.brand-mark{
  width:49px!important;
  height:49px!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,#ffd35c 0%,#e9a72c 65%,#bf7916 100%)!important;
  box-shadow:
    0 0 0 1px rgba(255,217,111,.16),
    0 11px 30px rgba(212,142,22,.32)!important;
}

.brand b{
  color:#fff;
  font-size:21px;
}

.brand small{
  color:#9caec1;
}

header{
  background:linear-gradient(180deg,#09182a 0%,#071426 100%)!important;
  border-bottom:1px solid #29405a!important;
  min-height:100px;
  padding-left:36px;
  padding-right:36px;
}

header h1{
  color:#fff;
  font-size:31px;
  letter-spacing:-.6px;
}

header .eyebrow{
  color:var(--ref-gold)!important;
}

.client-chip{
  color:#d9e3ee!important;
  background:#0b1c30;
  border:1px solid #2b4561!important;
  padding:12px 16px!important;
  border-radius:12px!important;
}

.client-chip svg{
  color:#cbd7e4;
}

/* Sidebar navigation */
.sidebar nav a{
  color:#bdc9d6!important;
  font-weight:600;
  border-radius:10px!important;
}

.sidebar nav a:hover{
  color:#fff!important;
  background:#10243a!important;
  border-color:#314e6b!important;
}

.sidebar nav a.active{
  color:var(--ref-gold-light)!important;
  background:
    linear-gradient(90deg,rgba(245,184,59,.22),rgba(245,184,59,.08))!important;
  border:1px solid rgba(245,184,59,.20)!important;
  box-shadow:
    inset 2px 0 0 var(--ref-gold),
    0 0 30px rgba(245,184,59,.035);
}

.sidebar nav a.active .nav-icon{
  color:var(--ref-gold);
}

.nav-icon{
  color:#a6b7c9;
}

.logout{
  color:var(--ref-red)!important;
  border-color:rgba(255,89,107,.52)!important;
  background:rgba(58,11,24,.10);
}

.logout:hover{
  background:rgba(255,89,107,.07);
  border-color:var(--ref-red)!important;
}

/* Content width and vertical rhythm */
.content{
  max-width:1360px!important;
  padding:34px 40px 50px!important;
}

.card{
  background:
    linear-gradient(145deg,rgba(14,31,52,.985),rgba(9,23,40,.985))!important;
  border:1px solid var(--ref-border)!important;
  box-shadow:
    0 20px 55px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.012)!important;
}

/* Hero: brighter, warmer and closer to approved visual */
.premium-hero{
  min-height:214px!important;
  padding:39px 42px!important;
  border-color:rgba(245,184,59,.38)!important;
  background:
    radial-gradient(circle at 88% 51%,rgba(245,184,59,.16),transparent 24%),
    linear-gradient(120deg,#0d2035 0%,#0b1b2f 60%,#111f2d 100%)!important;
  box-shadow:
    0 22px 65px rgba(0,0,0,.22),
    inset 0 0 0 1px rgba(245,184,59,.045)!important;
}

.premium-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 77% 22%,rgba(255,208,91,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 38%,rgba(255,193,59,.75) 0 1px,transparent 2px),
    radial-gradient(circle at 92% 58%,rgba(255,209,82,.70) 0 1px,transparent 2px),
    radial-gradient(circle at 80% 70%,rgba(255,188,43,.55) 0 1px,transparent 2px);
}

.hero-copy h2{
  color:#fff;
  font-size:42px!important;
  line-height:1;
  letter-spacing:-1px;
}

.hero-copy p{
  color:#bdc8d5!important;
  font-size:16px;
  max-width:690px;
}

.premium-eyebrow{
  color:var(--ref-gold)!important;
  font-weight:900;
  letter-spacing:3.4px;
}

.hero-metric{
  border-left-color:#53647a!important;
}

.hero-metric>span{
  color:#b5c0cd!important;
}

.hero-metric>b{
  color:var(--ref-gold-light)!important;
  font-size:45px!important;
  text-shadow:0 0 25px rgba(245,184,59,.13);
}

.hero-folder-icon{
  color:var(--ref-gold)!important;
  opacity:.92;
}

.hero-gold-lines{
  width:320px!important;
}

.hero-gold-lines i{
  background:linear-gradient(90deg,transparent 8%,rgba(245,184,59,.25) 45%,#ffc84c 100%)!important;
  box-shadow:0 0 12px rgba(245,184,59,.16);
}

/* KPI cards */
.premium-kpis{
  gap:22px!important;
  margin:22px 0!important;
}

.premium-kpi{
  min-height:145px!important;
  padding:26px 25px!important;
  border-color:#304963!important;
  background:
    radial-gradient(circle at 85% 15%,rgba(60,104,158,.06),transparent 34%),
    linear-gradient(145deg,#0e2035,#0a192b)!important;
}

.premium-kpi:hover{
  border-color:#4c6885!important;
  box-shadow:0 22px 52px rgba(0,0,0,.23)!important;
}

.premium-kpi small{
  color:#b6c2d0!important;
  font-size:14px;
}

.premium-kpi b{
  color:#fff!important;
  font-size:27px!important;
  letter-spacing:-.5px;
}

.premium-kpi p{
  color:#9cacbd!important;
  font-size:14px;
}

.premium-kpi-icon{
  width:52px!important;
  height:52px!important;
  border-radius:12px!important;
}

.icon-blue{
  color:#4d94ff!important;
  background:linear-gradient(145deg,rgba(48,132,255,.30),rgba(39,75,166,.28))!important;
  box-shadow:0 0 28px rgba(48,132,255,.10);
}
.icon-cyan{
  color:#3aaaff!important;
  background:linear-gradient(145deg,rgba(20,153,255,.30),rgba(10,81,157,.28))!important;
  box-shadow:0 0 28px rgba(20,153,255,.09);
}
.icon-green{
  color:#2ddb8a!important;
  background:linear-gradient(145deg,rgba(34,201,121,.29),rgba(5,98,62,.28))!important;
  box-shadow:0 0 28px rgba(34,201,121,.09);
}
.icon-purple{
  color:#ad7aff!important;
  background:linear-gradient(145deg,rgba(154,104,255,.29),rgba(74,45,133,.30))!important;
  box-shadow:0 0 28px rgba(154,104,255,.09);
}

/* Empty active-project panel */
.premium-empty-project{
  min-height:190px!important;
  border-color:#304963!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(25,66,109,.10),transparent 48%),
    linear-gradient(145deg,#0c1d31,#091827)!important;
}

.empty-folder{
  color:var(--ref-gold)!important;
  width:38px!important;
  height:38px!important;
}

.premium-empty-project b{
  color:#f3f6fa;
  font-size:17px;
}

.premium-empty-project p{
  color:#9daec0!important;
  font-size:14px;
}

/* Lower panels */
.premium-bottom-grid{
  gap:22px!important;
}

.premium-panel{
  padding:25px!important;
  border-color:#304963!important;
}

.premium-panel-title h3{
  color:#f5f7fa;
  font-size:19px;
}

.premium-panel-head a{
  font-weight:700;
  color:#4d9bff!important;
}

.premium-panel-head .purple-link{
  color:#a978ff!important;
}

.small-panel-icon{
  width:32px!important;
  height:32px!important;
  border-radius:9px;
}

.premium-empty-box{
  min-height:158px!important;
  color:#91a3b5!important;
  border-color:#39526c!important;
  background:rgba(2,12,24,.16);
}

.premium-empty-box b{
  color:#bfc9d4!important;
}

.premium-empty-box span{
  color:#8ea0b3;
}

/* Preview bar: black/navy + gold, no purple */
.admin-preview-banner{
  min-height:66px!important;
  background:
    radial-gradient(circle at 4% 50%,rgba(245,184,59,.05),transparent 20%),
    linear-gradient(90deg,#071321 0%,#091726 58%,#071321 100%)!important;
  border-bottom:1px solid rgba(245,184,59,.84)!important;
  box-shadow:0 9px 34px rgba(0,0,0,.32)!important;
}

.admin-preview-banner:before{
  opacity:.92;
}

.admin-preview-main>b{
  color:var(--ref-gold-light)!important;
  font-size:15px;
}

.admin-preview-main>b:before{
  content:"♛"!important;
  font-size:18px!important;
  color:var(--ref-gold);
}

.admin-preview-main>span,
.admin-preview-note{
  color:#c2ccd6!important;
}

.admin-preview-timer{
  color:var(--ref-gold-light)!important;
  border-color:rgba(245,184,59,.48)!important;
  background:rgba(245,184,59,.035);
}

.admin-preview-timer b{
  color:var(--ref-gold-light)!important;
}

.admin-preview-actions button{
  color:var(--ref-gold-light)!important;
  border-color:rgba(245,184,59,.72)!important;
  background:rgba(245,184,59,.025)!important;
  padding:10px 16px!important;
}

.admin-preview-actions button:hover{
  color:#071321!important;
  background:var(--ref-gold)!important;
}

/* Improved focus and interaction */
a,
button{
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

a:focus-visible,
button:focus-visible{
  outline:2px solid var(--ref-gold);
  outline-offset:3px;
}

/* Responsive corrections */
@media(max-width:1050px){
  .premium-hero{
    min-height:auto!important;
  }
  .hero-metric{
    border-top-color:#425872!important;
  }
}

@media(max-width:760px){
  .content{
    padding:20px 14px 40px!important;
  }
  .premium-hero{
    padding:28px!important;
  }
  .hero-copy h2{
    font-size:34px!important;
  }
}

/* PHASE 13.5 — CLIENT PROJECT DETAIL */
.cp-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:34px 38px}.cp-intro h2{margin:8px 0;font-size:34px}.cp-intro p{color:var(--ref-muted);max-width:720px}.cp-summary{display:grid;grid-template-columns:repeat(3,95px);gap:10px}.cp-summary div{padding:14px;text-align:center;background:#08172a;border:1px solid var(--ref-border-soft);border-radius:10px}.cp-summary small,.cp-summary b{display:block}.cp-summary small{color:var(--ref-muted-2)}.cp-summary b{font-size:23px;margin-top:5px}.cp-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.cp-card{display:block;padding:25px;color:inherit;text-decoration:none;transition:.2s}.cp-card:hover{transform:translateY(-3px);border-color:rgba(245,184,59,.5)!important}.cp-card-top{display:flex;gap:14px;align-items:flex-start}.cp-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;background:rgba(48,132,255,.2);color:#5ba0ff}.cp-card-top>div{flex:1}.cp-card h3{margin:9px 0 3px;font-size:22px}.cp-card small{color:var(--ref-muted-2)}.cp-card strong{color:var(--ref-gold-light);font-size:26px}.cp-status{display:inline-flex;padding:6px 10px;border-radius:999px;color:#a9d0ff;background:#123353;font-size:11px}.cp-card>p{min-height:45px;color:#a9b8c8;line-height:1.55;margin:20px 0}.cp-progress-label{display:flex;justify-content:space-between;color:#9eafc0;margin-bottom:8px}.cp-card .progress i,.cp-flow .progress i{background:linear-gradient(90deg,var(--ref-blue),var(--ref-gold))}.cp-card footer{display:grid;grid-template-columns:1fr auto auto;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid var(--ref-border-soft);color:#8fa1b4;font-size:12px}.cp-card footer i{color:var(--ref-gold);font-style:normal}.cp-empty{grid-column:1/-1;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.cp-empty p{color:var(--ref-muted)}.cp-top{display:flex;justify-content:space-between;margin-bottom:16px}.cp-top a{color:#aebdcb;text-decoration:none}.cp-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;padding:36px 40px;border-color:rgba(245,184,59,.35)!important}.cp-hero h2{font-size:38px;margin:9px 0}.cp-hero p{color:#afbecd;line-height:1.65}.cp-hero code{display:inline-block;margin-top:10px;padding:7px 10px;border:1px solid #35516c;border-radius:7px;color:#9eb2c6}.cp-hero-stats{display:grid;grid-template-columns:1fr 1fr}.cp-hero-stats div{padding:20px;border-left:1px solid #425871}.cp-hero-stats small,.cp-hero-stats b{display:block}.cp-hero-stats small{color:#98aabd}.cp-hero-stats b{margin-top:8px;color:var(--ref-gold-light);font-size:24px}.cp-flow{padding:27px;margin:18px 0}.cp-head{display:flex;justify-content:space-between;align-items:center}.cp-head h3{margin:0}.cp-head a{color:#59a4ff;text-decoration:none}.cp-flow>.progress{margin:22px 0}.cp-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cp-steps div{text-align:center;color:#71859a}.cp-steps span{display:grid;place-items:center;width:34px;height:34px;margin:auto auto 8px;border:1px solid #38516b;border-radius:50%}.cp-steps b{font-size:11px}.cp-steps .done span{color:#06111e;background:var(--ref-green);border-color:var(--ref-green)}.cp-steps .done b{color:#8fe6bb}.cp-steps .active span{color:#06111e;background:var(--ref-gold);border-color:var(--ref-gold);box-shadow:0 0 0 5px rgba(245,184,59,.1)}.cp-steps .active b{color:var(--ref-gold-light)}.cp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.cp-kpis article{padding:20px}.cp-kpis small,.cp-kpis b{display:block}.cp-kpis small{color:var(--ref-muted-2)}.cp-kpis b{margin-top:7px;font-size:18px}.cp-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.cp-main,.cp-aside{display:flex;flex-direction:column;gap:18px}.cp-update,.cp-section,.cp-aside>.card{padding:25px}.cp-update>p{min-height:90px;padding:19px;border-left:3px solid var(--ref-gold);background:#08172a;color:#c0ccd8;line-height:1.7}.cp-docs a{display:flex;align-items:center;gap:13px;padding:14px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--ref-border-soft)}.cp-docs a>div{flex:1;display:flex;flex-direction:column}.cp-docs small{color:var(--ref-muted-2)}.cp-docs i{color:#59a4ff;font-style:normal}.cp-event{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--ref-border-soft)}.cp-event>i{width:9px;height:9px;border-radius:50%;background:var(--ref-gold);box-shadow:0 0 0 5px rgba(245,184,59,.1)}.cp-event section{flex:1;display:flex;flex-direction:column}.cp-event small,.cp-event time{color:var(--ref-muted-2);font-size:11px}.cp-aside dl{margin:18px 0}.cp-aside dl div,.cp-finance>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ref-border-soft)}.cp-aside dt,.cp-finance small{color:var(--ref-muted-2)}.cp-aside dd{margin:0;text-align:right}.cp-finance a{display:block;margin-top:17px;color:#59a4ff;text-decoration:none}@media(max-width:1050px){.cp-grid{grid-template-columns:1fr}.cp-layout{grid-template-columns:1fr}.cp-aside{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:800px){.cp-intro{flex-direction:column;align-items:flex-start}.cp-summary{width:100%;grid-template-columns:repeat(3,1fr)}.cp-hero{grid-template-columns:1fr}.cp-kpis{grid-template-columns:1fr 1fr}.cp-steps{grid-template-columns:repeat(3,1fr)}.cp-aside{grid-template-columns:1fr}}@media(max-width:560px){.cp-summary,.cp-hero-stats,.cp-kpis{grid-template-columns:1fr}.cp-card footer{grid-template-columns:1fr}.cp-steps{grid-template-columns:1fr 1fr}}

/* =========================================================
   PHASE 13.6 + 13.7 — DOCUMENTS & FINANCE EXPERIENCE
   ========================================================= */

/* Documents */
.dx-hero,.fx-hero{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:36px 40px;border-color:rgba(245,184,59,.34)!important;background:radial-gradient(circle at 88% 50%,rgba(245,184,59,.10),transparent 27%),linear-gradient(135deg,#0e2137,#0a192c)!important}.dx-hero h2,.fx-hero h2{margin:8px 0;font-size:38px}.dx-hero p,.fx-hero p{max-width:760px;color:#aebdcc;line-height:1.65}.dx-hero-metric,.fx-hero-status{text-align:right;padding-left:30px;border-left:1px solid #425871}.dx-hero-metric small,.dx-hero-metric span,.fx-hero-status small,.fx-hero-status span{display:block;color:var(--ref-muted)}.dx-hero-metric b,.fx-hero-status b{display:block;margin:7px 0;color:var(--ref-gold-light);font-size:33px}.fx-hero-status.has-open b{color:#ffca63}
.dx-toolbar{margin:18px 0;padding:18px;display:flex;align-items:center;gap:18px}.dx-search{display:flex;align-items:center;gap:10px;flex:1;min-width:240px;padding:11px 13px;border:1px solid #31506e;border-radius:10px;background:#07162a}.dx-search svg{width:19px;height:19px;fill:none;stroke:#8298af;stroke-width:1.8}.dx-search input{width:100%;border:0;outline:0;background:transparent;color:#fff}.dx-filters,.fx-tabs{display:flex;gap:8px;flex-wrap:wrap}.dx-filters a,.fx-tabs a{padding:9px 12px;border:1px solid #294661;border-radius:9px;color:#a8b8c8;text-decoration:none;font-size:13px}.dx-filters a span,.fx-tabs a span{margin-left:5px;color:#758ba1}.dx-filters a.active,.fx-tabs a.active{color:#071321;background:var(--ref-gold);border-color:var(--ref-gold);font-weight:800}.dx-filters a.active span,.fx-tabs a.active span{color:#5e4211}
.dx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dx-card{padding:23px}.dx-card-top{display:flex;align-items:flex-start;gap:13px}.dx-file-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:11px;font-size:10px;font-weight:900}.dx-offer{color:#6daeff;background:rgba(48,132,255,.20)}.dx-invoice{color:#3ce091;background:rgba(34,201,121,.18)}.dx-contract{color:#b78aff;background:rgba(154,104,255,.18)}.dx-report{color:#ffd06d;background:rgba(245,184,59,.17)}.dx-source{color:#ff9b73;background:rgba(224,93,40,.17)}.dx-general{color:#aebdcb;background:#18314b}.dx-card-heading{flex:1}.dx-category{color:var(--ref-muted-2);font-size:11px;text-transform:uppercase;letter-spacing:1.5px}.dx-card h3{margin:7px 0 0;font-size:20px;word-break:break-word}.dx-version{padding:6px 8px;border-radius:8px;color:var(--ref-gold-light);background:rgba(245,184,59,.10);font-size:11px}.dx-card>p{min-height:48px;color:#9eafc0;line-height:1.55}.dx-card dl{margin:17px 0}.dx-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--ref-border-soft)}.dx-card dt{color:var(--ref-muted-2)}.dx-card dd{margin:0;text-align:right}.dx-version-history{margin:17px 0;padding:13px;background:#08172a;border-radius:9px}.dx-version-history small{display:block;color:var(--ref-muted-2);margin-bottom:9px}.dx-version-history>div{display:flex;gap:7px}.dx-version-history a{padding:6px 8px;border:1px solid #31506e;border-radius:7px;color:#9fb2c6;text-decoration:none;font-size:11px}.dx-version-history a.current{color:#071321;background:var(--ref-gold);border-color:var(--ref-gold)}.dx-card footer{display:flex;gap:9px;margin-top:18px}.dx-card footer a{flex:1;padding:10px 12px;border-radius:9px;text-align:center;text-decoration:none;font-weight:800}.dx-preview{color:#d8e7f7;border:1px solid #365571}.dx-download{color:#071321;background:var(--ref-gold)}.dx-empty,.fx-empty{grid-column:1/-1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.dx-empty svg{width:34px;height:34px;fill:none;stroke:var(--ref-gold);stroke-width:1.6}.dx-empty p,.fx-empty p{color:var(--ref-muted)}.dx-empty a,.fx-empty a{color:#59a4ff}

/* Finance */
.fx-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0}.fx-kpis article{display:flex;gap:15px;padding:22px}.fx-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:11px;font-size:20px;font-weight:900}.fx-icon.invoiced{color:#6daeff;background:rgba(48,132,255,.18)}.fx-icon.paid{color:#3be091;background:rgba(34,201,121,.18)}.fx-icon.open{color:#ffc965;background:rgba(245,184,59,.16)}.fx-icon.last{color:#b48aff;background:rgba(154,104,255,.17)}.fx-kpis small,.fx-kpis p{color:var(--ref-muted-2)}.fx-kpis b{display:block;margin:6px 0;font-size:21px}.fx-kpis p{margin:0;font-size:12px}.fx-tabs{padding:16px;margin-bottom:18px}.fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.fx-card{padding:24px}.fx-card>header{height:auto;padding:0;background:transparent!important;border:0!important;display:flex;justify-content:space-between;align-items:flex-start}.fx-card h3{margin:8px 0 4px;font-size:22px}.fx-card header small{color:var(--ref-muted-2)}.fx-type{display:inline-flex;padding:5px 8px;border-radius:7px;color:#9ec9ff;background:#123353;font-size:11px;text-transform:uppercase;letter-spacing:1px}.fx-invoice{color:#75e5ad;background:#0e4a35}.fx-payment{color:#d0b1ff;background:#352456}.fx-status{padding:7px 10px;border-radius:999px;font-size:11px;font-weight:800}.fx-status.success{color:#75e5ad;background:#0d4e37}.fx-status.warning{color:#ffd083;background:#5a3a0e}.fx-status.danger{color:#ff9da8;background:#541c28}.fx-status.info{color:#93c7ff;background:#12375c}.fx-amount{margin:24px 0}.fx-amount small,.fx-amount b{display:block}.fx-amount small{color:var(--ref-muted-2)}.fx-amount b{margin-top:7px;font-size:31px;color:#fff}.fx-payment-progress{margin:20px 0;padding:15px;background:#08172a;border-radius:10px}.fx-payment-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:9px;color:#9fb0c1;font-size:12px}.fx-payment-progress .progress i{background:linear-gradient(90deg,var(--ref-green),var(--ref-gold))}.fx-card dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--ref-border-soft)}.fx-card dt{color:var(--ref-muted-2)}.fx-card dd{margin:0;text-align:right}.fx-card footer{display:flex;gap:9px;margin-top:20px}.fx-card footer a{flex:1;padding:10px 12px;border-radius:9px;text-align:center;text-decoration:none;font-weight:800}.fx-preview{color:#dce9f6;border:1px solid #365571}.fx-download{color:#071321;background:var(--ref-gold)}.fx-card footer>span{color:var(--ref-muted-2)}.fx-timeline{margin-top:18px;padding:24px}.fx-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fx-section-head h3{margin:6px 0 0}.fx-section-head>span{color:var(--ref-muted-2)}.fx-event{display:grid;grid-template-columns:auto 1fr auto auto;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--ref-border-soft)}.fx-event>i{width:10px;height:10px;border-radius:50%}.fx-event>i.success{background:var(--ref-green);box-shadow:0 0 0 5px rgba(34,201,121,.10)}.fx-event>i.warning{background:var(--ref-gold);box-shadow:0 0 0 5px rgba(245,184,59,.10)}.fx-event>i.danger{background:#ff6575;box-shadow:0 0 0 5px rgba(255,101,117,.10)}.fx-event>i.info{background:var(--ref-blue);box-shadow:0 0 0 5px rgba(48,132,255,.10)}.fx-event section{display:flex;flex-direction:column}.fx-event small,.fx-event time{color:var(--ref-muted-2);font-size:11px}

@media(max-width:1100px){.dx-grid{grid-template-columns:1fr 1fr}.fx-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.dx-hero,.fx-hero,.dx-toolbar{align-items:flex-start;flex-direction:column}.dx-hero-metric,.fx-hero-status{border-left:0;border-top:1px solid #425871;padding:18px 0 0;text-align:left}.dx-toolbar{display:flex}.dx-filters{width:100%}.fx-grid{grid-template-columns:1fr}}
@media(max-width:650px){.dx-grid,.fx-kpis{grid-template-columns:1fr}.dx-card footer,.fx-card footer{flex-direction:column}.fx-event{grid-template-columns:auto 1fr}.fx-event strong,.fx-event time{grid-column:2}}

/* =========================================================
   PHASE 13.8–15 — CLIENT ENGAGEMENT SUITE
   ========================================================= */
.client-header-actions{display:flex;align-items:center;gap:12px}.notification-bell{position:relative;display:grid;place-items:center;width:43px;height:43px;border:1px solid #2b4561;border-radius:11px;color:#c7d4e2;background:#0b1c30}.notification-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.notification-bell b{position:absolute;right:-5px;top:-7px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:999px;color:#06111f;background:var(--ref-gold);font-size:10px}

.mx-hero,.ax-hero,.nx-hero,.tx-hero{display:flex;justify-content:space-between;align-items:center;padding:34px 38px;border-color:rgba(245,184,59,.34)!important}.mx-hero h2,.ax-hero h2,.nx-hero h2,.tx-hero h2{margin:8px 0;font-size:36px}.mx-hero p,.ax-hero p,.nx-hero p,.tx-hero p{color:var(--ref-muted)}.mx-hero>div:last-child,.ax-hero>div:last-child,.nx-hero>div:last-child,.tx-hero>div:last-child{text-align:right}.mx-hero small,.ax-hero small,.nx-hero small,.tx-hero small{display:block;color:var(--ref-muted)}.mx-hero b,.ax-hero b,.nx-hero b,.tx-hero b{font-size:31px;color:var(--ref-gold-light)}

.mx-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;margin-top:18px}.mx-projects,.mx-conversation{padding:22px}.mx-projects>a{display:flex;justify-content:space-between;gap:10px;padding:12px;margin-bottom:7px;border:1px solid transparent;border-radius:9px;color:#adbdcd;text-decoration:none}.mx-projects>a.active{color:var(--ref-gold-light);background:rgba(245,184,59,.10);border-color:rgba(245,184,59,.22)}.mx-head{padding-bottom:16px;border-bottom:1px solid var(--ref-border-soft)}.mx-notice,.ax-notice{margin:14px 0;padding:12px;border:1px solid #315b47;border-radius:9px;color:#8ce2b6;background:#0a3425}.mx-thread{min-height:350px;max-height:620px;overflow:auto;padding:20px 0}.mx-message{max-width:76%;margin-bottom:14px;padding:14px 16px;border:1px solid #294762;border-radius:12px;background:#091a2d}.mx-message.client{margin-left:auto;border-color:rgba(245,184,59,.31);background:#182118}.mx-message>div{display:flex;justify-content:space-between;gap:15px}.mx-message time,.mx-message small{color:var(--ref-muted-2);font-size:11px}.mx-message p{white-space:normal;line-height:1.65}.mx-compose{display:flex;gap:12px;padding-top:17px;border-top:1px solid var(--ref-border-soft)}.mx-compose textarea{flex:1;min-height:82px;padding:13px;border:1px solid #31506e;border-radius:10px;color:#fff;background:#07162a;resize:vertical}.mx-compose button{align-self:flex-end;padding:12px 16px;border:0;border-radius:9px;color:#071321;background:var(--ref-gold);font-weight:800}

.ax-notice{margin-top:18px}.ax-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.ax-card{padding:24px}.ax-card>header{height:auto;padding:0;display:flex;justify-content:space-between;align-items:flex-start;background:transparent!important;border:0!important}.ax-card header span{color:var(--ref-muted-2);font-size:10px;letter-spacing:1.5px}.ax-card h3{margin:7px 0}.ax-status{padding:7px 10px;border-radius:999px;font-size:11px}.ax-status.pending{color:#ffd283;background:#5b3b0f}.ax-status.approved{color:#74e4ab;background:#0b4e36}.ax-status.rejected{color:#ff9ba7;background:#541b28}.ax-card>p{min-height:65px;color:#aebdcb;line-height:1.65}.ax-card dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--ref-border-soft)}.ax-card dt{color:var(--ref-muted-2)}.ax-card dd{margin:0}.ax-card form textarea{width:100%;min-height:75px;margin-top:15px;padding:12px;border:1px solid #31506e;border-radius:9px;color:#fff;background:#07162a}.ax-card form>div{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.ax-card button{padding:10px 16px;border-radius:9px;font-weight:800}.ax-card button.reject{color:#ff98a5;border:1px solid #88404c;background:transparent}.ax-card button.approve{color:#06111f;border:1px solid var(--ref-green);background:var(--ref-green)}.ax-card footer{margin-top:15px;padding:13px;border-radius:9px;background:#08172a}.ax-empty{grid-column:1/-1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center}

.nx-read-all{display:flex;justify-content:flex-end;margin:14px 0}.nx-read-all button{padding:10px 14px;border:1px solid rgba(245,184,59,.5);border-radius:9px;color:var(--ref-gold-light);background:transparent}.nx-list{margin-top:18px;padding:0;overflow:hidden}.nx-list>a{display:flex;align-items:center;gap:15px;padding:18px 22px;color:inherit;text-decoration:none;border-bottom:1px solid var(--ref-border-soft)}.nx-list>a.unread{background:rgba(48,132,255,.065)}.nx-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;color:#67a8ff;background:rgba(48,132,255,.16)}.nx-icon.message{color:#6eb1ff}.nx-icon.approval{color:#ffd16f;background:rgba(245,184,59,.15)}.nx-list>a>div{flex:1}.nx-list p{margin:5px 0;color:#a5b5c5}.nx-list small{color:var(--ref-muted-2)}.nx-list i{font-size:23px;color:#71879d}

.tx-feed{margin-top:18px;padding:8px 22px}.tx-feed>a{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:17px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--ref-border-soft)}.tx-dot{width:10px;height:10px;border-radius:50%;background:var(--ref-blue);box-shadow:0 0 0 5px rgba(48,132,255,.09)}.tx-dot.message{background:#4da0ff}.tx-dot.approval{background:var(--ref-gold);box-shadow:0 0 0 5px rgba(245,184,59,.10)}.tx-feed p{margin:4px 0;color:#9cacbd}.tx-feed time{color:var(--ref-muted-2);font-size:11px}

.ex-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:18px 0}.ex-actions>a{display:flex;align-items:center;gap:15px;padding:21px;color:inherit;text-decoration:none}.ex-actions>a>span{display:grid;place-items:center;width:46px;height:46px;border-radius:11px;color:var(--ref-gold);background:rgba(245,184,59,.12);font-size:20px}.ex-actions small,.ex-actions b{display:block}.ex-actions small{color:var(--ref-muted)}.ex-actions b{margin:4px 0;font-size:23px}.ex-actions p{margin:0;color:var(--ref-muted-2)}.ex-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ex-panel{padding:22px}.ex-notice,.ex-activity{display:flex;align-items:center;gap:12px;padding:13px 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--ref-border-soft)}.ex-notice.unread{color:#fff}.ex-notice>div,.ex-activity>div{flex:1;display:flex;flex-direction:column}.ex-notice small,.ex-activity small,.ex-activity time{color:var(--ref-muted-2);font-size:11px}.ex-notice i{color:#73889d}.ex-activity>span{width:9px;height:9px;border-radius:50%;background:var(--ref-gold);box-shadow:0 0 0 5px rgba(245,184,59,.09)}

@media(max-width:1000px){.ax-grid,.ex-live-grid{grid-template-columns:1fr}.mx-layout{grid-template-columns:1fr}.mx-projects{display:flex;overflow:auto;gap:7px}.mx-projects h3{display:none}.mx-projects>a{white-space:nowrap}.ex-actions{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.mx-hero,.ax-hero,.nx-hero,.tx-hero{align-items:flex-start;flex-direction:column}.mx-hero>div:last-child,.ax-hero>div:last-child,.nx-hero>div:last-child,.tx-hero>div:last-child{text-align:left}.mx-message{max-width:94%}.mx-compose{flex-direction:column}.mx-compose button{align-self:stretch}.ex-actions{grid-template-columns:1fr}.tx-feed>a{grid-template-columns:auto 1fr}.tx-feed time{grid-column:2}}

/* =========================================================
   PHASE 15.2 — COMMUNICATION EXPERIENCE POLISH
   ========================================================= */

.cm-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
  padding:34px 38px;
  border-color:rgba(245,184,59,.34)!important;
  background:
    radial-gradient(circle at 88% 50%,rgba(245,184,59,.10),transparent 25%),
    linear-gradient(135deg,#0e2137,#0a192c)!important;
}

.cm-hero h2{
  margin:8px 0;
  font-size:37px;
}

.cm-hero p{
  max-width:760px;
  margin:0;
  color:#aebdcc;
  line-height:1.65;
}

.cm-hero-stat{
  min-width:180px;
  padding-left:30px;
  text-align:right;
  border-left:1px solid #425871;
}

.cm-hero-stat small,
.cm-hero-stat span{
  display:block;
  color:var(--ref-muted);
}

.cm-hero-stat b{
  display:block;
  margin:7px 0;
  color:var(--ref-gold-light);
  font-size:34px;
}

.cm-shell{
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  gap:18px;
  margin-top:18px;
  align-items:stretch;
}

.cm-sidebar{
  min-height:680px;
  padding:18px;
}

.cm-sidebar-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:7px 7px 18px;
}

.cm-sidebar-head h3{
  margin:5px 0 0;
}

.cm-total{
  display:grid;
  place-items:center;
  min-width:34px;
  height:34px;
  padding:0 9px;
  border-radius:10px;
  color:var(--ref-gold-light);
  background:rgba(245,184,59,.11);
  font-weight:800;
}

.cm-conversation-list{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.cm-conversation-list a{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid transparent;
  border-radius:11px;
  color:#b9c6d3;
  text-decoration:none;
  transition:.18s ease;
}

.cm-conversation-list a:hover{
  background:#0d2035;
  border-color:#294966;
}

.cm-conversation-list a.active{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(245,184,59,.16),rgba(245,184,59,.06));
  border-color:rgba(245,184,59,.30);
  box-shadow:inset 2px 0 0 var(--ref-gold);
}

.cm-conversation-list a>div{
  min-width:0;
}

.cm-conversation-list b,
.cm-conversation-list small{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cm-conversation-list small{
  margin-top:4px;
  color:var(--ref-muted-2);
}

.cm-conversation-list i{
  color:#71879d;
  font-size:20px;
  font-style:normal;
}

.cm-avatar{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:11px;
  font-weight:900;
}

.cm-avatar.general{
  color:#071321;
  background:linear-gradient(145deg,#ffd45e,#dda126);
}

.cm-avatar.project{
  color:#77b5ff;
  background:rgba(48,132,255,.18);
  border:1px solid rgba(73,146,235,.20);
}

.cm-conversation{
  min-width:0;
  min-height:680px;
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
}

.cm-conversation-head{
  min-height:auto!important;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding:20px 22px!important;
  border-bottom:1px solid var(--ref-border-soft)!important;
  background:
    linear-gradient(180deg,#0d2137,#0b1b2f)!important;
}

.cm-conversation-title{
  display:flex;
  align-items:center;
  gap:13px;
}

.cm-conversation-title h3{
  margin:4px 0;
  font-size:20px;
}

.cm-conversation-title small{
  color:var(--ref-muted-2);
}

.cm-channel-state{
  display:flex;
  align-items:center;
  gap:7px;
  color:#9fd9ba;
  font-size:12px;
}

.cm-channel-state span{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--ref-green);
  box-shadow:0 0 0 5px rgba(34,201,121,.10);
}

.cm-notice{
  margin:14px 20px 0;
  padding:11px 13px;
  border:1px solid #2f7050;
  border-radius:9px;
  color:#8be2b4;
  background:#0a3425;
}

.cm-thread{
  flex:1;
  min-height:420px;
  max-height:620px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:24px 22px;
  scroll-behavior:smooth;
}

.cm-thread::-webkit-scrollbar{
  width:8px;
}

.cm-thread::-webkit-scrollbar-thumb{
  border-radius:8px;
  background:#29435d;
}

.cm-message{
  display:flex;
  align-items:flex-start;
  gap:11px;
  max-width:82%;
  margin-bottom:18px;
}

.cm-message.client{
  margin-left:auto;
  flex-direction:row-reverse;
}

.cm-message-avatar{
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  flex:0 0 35px;
  border-radius:10px;
  color:#8ec3ff;
  background:#14375c;
  font-size:12px;
  font-weight:900;
}

.cm-message.client .cm-message-avatar{
  color:#071321;
  background:linear-gradient(145deg,#ffd45e,#dfa228);
}

.cm-message-body{
  min-width:220px;
  padding:14px 15px 11px;
  border:1px solid #2c4c69;
  border-radius:4px 13px 13px 13px;
  background:
    linear-gradient(145deg,#0d2138,#0a1a2d);
  box-shadow:0 13px 28px rgba(0,0,0,.12);
}

.cm-message.client .cm-message-body{
  border-color:rgba(245,184,59,.38);
  border-radius:13px 4px 13px 13px;
  background:
    linear-gradient(145deg,#1a281c,#121f17);
}

.cm-message-body>header{
  min-height:auto!important;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}

.cm-message-body>header>div{
  display:flex;
  align-items:center;
  gap:8px;
}

.cm-message-body header b{
  font-size:13px;
}

.cm-message-body header span{
  padding:3px 6px;
  border-radius:6px;
  color:#7fa8cf;
  background:#102d49;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.7px;
}

.cm-message.client header span{
  color:#d8b968;
  background:rgba(245,184,59,.10);
}

.cm-message-body time{
  color:#7f94a9;
  font-size:10px;
  white-space:nowrap;
}

.cm-message-body p{
  margin:13px 0;
  color:#e2e8ef;
  line-height:1.65;
  overflow-wrap:anywhere;
}

.cm-message-body footer{
  color:#7f94a9;
  font-size:10px;
}

.cm-empty{
  min-height:350px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.cm-empty-icon{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  margin-bottom:15px;
  border-radius:14px;
  color:var(--ref-gold);
  background:rgba(245,184,59,.10);
  font-size:22px;
}

.cm-empty p{
  max-width:420px;
  color:var(--ref-muted);
  line-height:1.6;
}

.cm-compose{
  padding:17px 20px 20px;
  border-top:1px solid var(--ref-border-soft);
  background:#09182a;
}

.cm-compose-box{
  overflow:hidden;
  border:1px solid #31516f;
  border-radius:12px;
  background:#07162a;
  transition:.18s ease;
}

.cm-compose-box:focus-within{
  border-color:rgba(245,184,59,.55);
  box-shadow:0 0 0 3px rgba(245,184,59,.06);
}

.cm-compose textarea{
  display:block;
  width:100%;
  min-height:78px;
  max-height:180px;
  padding:14px;
  border:0;
  outline:0;
  color:#fff;
  background:transparent;
  resize:none;
  line-height:1.55;
}

.cm-compose-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding:10px 11px 10px 14px;
  border-top:1px solid #1d3852;
}

.cm-compose-footer small{
  color:var(--ref-muted-2);
}

.cm-compose button{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 14px;
  border:0;
  border-radius:9px;
  color:#071321;
  background:var(--ref-gold);
  font-weight:900;
  cursor:pointer;
}

.cm-compose button:hover{
  transform:translateY(-1px);
  box-shadow:0 8px 24px rgba(245,184,59,.18);
}

.cm-compose button i{
  font-size:16px;
  font-style:normal;
}

@media(max-width:1050px){
  .cm-shell{
    grid-template-columns:260px minmax(0,1fr);
  }
}

@media(max-width:850px){
  .cm-hero{
    align-items:flex-start;
    flex-direction:column;
  }

  .cm-hero-stat{
    padding:17px 0 0;
    text-align:left;
    border-left:0;
    border-top:1px solid #425871;
  }

  .cm-shell{
    grid-template-columns:1fr;
  }

  .cm-sidebar{
    min-height:auto;
  }

  .cm-conversation-list{
    flex-direction:row;
    overflow-x:auto;
    padding-bottom:4px;
  }

  .cm-conversation-list a{
    min-width:220px;
  }
}

@media(max-width:620px){
  .cm-conversation-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .cm-message{
    max-width:94%;
  }

  .cm-message-body{
    min-width:0;
  }

  .cm-message-body>header{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .cm-compose-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .cm-compose button{
    width:100%;
    justify-content:center;
  }
}

/* =========================================================
   PHASE 15.2.1 — COMMUNICATION LAYOUT HOTFIX
   ========================================================= */

/*
   Global Client Workspace CSS applies margin-left:260px and width:100%
   to every <main> element. Communication used a nested <main>, which
   shifted the conversation panel 260px to the right and caused overflow.
*/

.cm-shell{
  width:100%;
  min-width:0;
}

.cm-sidebar,
.cm-conversation{
  min-width:0;
}

.cm-conversation{
  width:auto!important;
  max-width:100%;
  margin-left:0!important;
}

.cm-thread,
.cm-message,
.cm-message-body{
  min-width:0;
  max-width:100%;
}

.cm-message-body{
  overflow:hidden;
}

.cm-message-body>header{
  width:100%;
}

.cm-message-body>header>div{
  min-width:0;
}

.cm-message-body header b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.cm-message-body p{
  max-width:100%;
  word-break:break-word;
  overflow-wrap:anywhere;
}

@media(min-width:851px){
  .cm-shell{
    grid-template-columns:310px minmax(0,1fr)!important;
    gap:18px!important;
  }
}

/* =========================================================
   ZLAJAOS SERVICE CLOUD — ACCOUNT, COMMERCE & SUPPORT
   ========================================================= */
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.account-public-page{min-height:100vh;display:grid;place-items:center;padding:35px;background:radial-gradient(circle at 15% 10%,rgba(245,184,59,.09),transparent 25%),#030b16}.account-card{width:min(560px,100%);padding:34px;border:1px solid #29445e;border-radius:18px;background:linear-gradient(145deg,#0c1d31,#081727);box-shadow:0 35px 90px rgba(0,0,0,.35)}.register-card{width:min(820px,100%)}.account-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:#fff;text-decoration:none}.account-brand>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:#071321;background:#f5b83b;font-size:22px;font-weight:900}.account-brand b,.account-brand small{display:block}.account-brand small{color:#879caf}.account-card h1{font-size:34px}.account-card>p{color:#9eafc0;line-height:1.65}.account-card form{display:flex;flex-direction:column;gap:14px;margin-top:24px}.account-card label{display:flex;flex-direction:column;gap:7px;color:#aebdcb}.account-card input,.account-card select{padding:12px;border:1px solid #31516e;border-radius:9px;color:#fff;background:#07162a}.account-card button{padding:13px;border:0;border-radius:9px;color:#071321;background:#f5b83b;font-weight:900}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.terms{flex-direction:row!important}.terms input{width:auto}.account-switch{display:block;margin-top:18px;text-align:center;color:#8296aa}.account-switch a{color:#f5b83b}
.platform-landing,.catalog-public{background:#030b16;color:#fff}.platform-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 5vw;border-bottom:1px solid #1e3953;background:rgba(5,16,30,.86);backdrop-filter:blur(16px)}.platform-nav nav{display:flex;gap:25px}.platform-nav nav a{color:#aebdcb;text-decoration:none}.platform-nav>div{display:flex;gap:10px}.platform-hero{min-height:660px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding:70px 7vw;background:radial-gradient(circle at 78% 35%,rgba(245,184,59,.11),transparent 25%)}.platform-hero h1{max-width:850px;margin:13px 0;font-size:64px;line-height:1.04}.platform-hero p{max-width:720px;color:#a9b8c8;font-size:18px;line-height:1.7}.platform-orbit{position:relative;width:420px;height:420px;margin:auto;border:1px solid #29445e;border-radius:50%}.platform-orbit:before{content:"";position:absolute;inset:65px;border:1px dashed rgba(245,184,59,.35);border-radius:50%}.orbit-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:100px;height:100px;border-radius:27px;color:#071321;background:#f5b83b;font-size:52px;font-weight:900}.orbit{position:absolute;padding:11px 15px;border:1px solid #31516e;border-radius:10px;background:#0b1d30}.o1{left:-25px;top:95px}.o2{right:-20px;top:75px}.o3{left:5px;bottom:70px}.o4{right:-5px;bottom:95px}.platform-features{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:30px 7vw 80px}.platform-features article,.public-product-grid article{padding:25px;border:1px solid #29445e;border-radius:14px;background:#0a192b}.platform-features span{color:#f5b83b}.platform-features p,.public-product-grid p{color:#91a5b8;line-height:1.6}.featured-services{padding:70px 7vw}.featured-services h2{font-size:40px}.public-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.public-product-grid b,.public-product-grid a{display:block;margin-top:14px;color:#f5b83b}.catalog-coming{grid-column:1/-1}.catalog-main{padding:60px 7vw}.catalog-hero h1{font-size:52px;margin:12px 0}.catalog-hero p{color:#91a5b8}.catalog-categories{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0}.catalog-categories span{padding:8px 11px;border:1px solid #31516e;border-radius:999px;color:#9fb0c1}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-card{display:flex;flex-direction:column;padding:28px;border:1px solid #29445e;border-radius:15px;background:#091a2d}.catalog-card p{color:#91a5b8}.catalog-card ul{flex:1;padding:0;list-style:none;color:#b8c6d4;line-height:2}.catalog-price b{display:block;color:#f5b83b;font-size:27px}.catalog-price small{color:#8296aa}.catalog-card>.primary-btn{margin-top:20px;text-align:center}
.svc-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 38px;border-color:rgba(245,184,59,.34)!important}.svc-hero h2{font-size:36px;margin:8px 0}.svc-hero p{color:#9fb0c1}.svc-hero>div:last-child{text-align:right}.svc-hero small,.svc-hero b{display:block}.svc-hero b{color:#f5b83b;font-size:32px}.svc-hero>a{padding:10px 14px;border-radius:9px;color:#071321;background:#f5b83b;text-decoration:none;font-weight:800}.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.svc-card,.profile-card,.order-form,.ticket-create,.ticket-thread{padding:25px}.svc-card>span{display:inline-flex;padding:6px 9px;border-radius:999px;color:#7ce5b1;background:#0c4e37}.svc-card dl>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #173652}.svc-card dt{color:#8296aa}.svc-card dd{margin:0}.svc-empty{grid-column:1/-1;min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.svc-empty p{color:#91a5b8}.svc-empty a{color:#f5b83b}.order-list,.ticket-list{margin-top:18px;padding:20px}.order-list>a,.ticket-list>a{display:grid;grid-template-columns:1fr auto auto;gap:15px;align-items:center;padding:15px 0;color:inherit;text-decoration:none;border-bottom:1px solid #173652}.order-list a>div,.ticket-list a>div{display:flex;flex-direction:column}.order-list small,.ticket-list small{color:#8296aa}.order-list i,.ticket-list i{color:#f5b83b}.order-detail{margin:18px 0;padding:25px}.order-form{max-width:850px;margin:auto}.order-form form,.ticket-create form,.profile-card form{display:grid;gap:14px}.order-form label,.ticket-create label,.profile-card label{display:flex;flex-direction:column;gap:7px}.order-form input,.order-form select,.order-form textarea,.ticket-create input,.ticket-create select,.ticket-create textarea,.profile-card input,.profile-card textarea{padding:12px;border:1px solid #31516e;border-radius:9px;color:#fff;background:#07162a}.order-form textarea,.ticket-create textarea{min-height:140px}.order-form button,.ticket-create button,.profile-card button,.ticket-thread button{padding:12px;border:0;border-radius:9px;color:#071321;background:#f5b83b;font-weight:900}.paypal-note{display:flex;gap:14px;padding:14px;border:1px solid #31516e;border-radius:10px;background:#08172a}.paypal-note b{color:#5ba6ff}.paypal-note span{color:#91a5b8}.ticket-create{margin:18px 0}.ticket-thread{margin:18px 0}.ticket-thread article{max-width:80%;margin:14px 0;padding:14px;border:1px solid #2b4b68;border-radius:12px;background:#091a2d}.ticket-thread article.client{margin-left:auto;border-color:rgba(245,184,59,.32)}.ticket-thread article header{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}.ticket-thread article time{float:right;color:#8296aa}.ticket-thread form{display:flex;gap:10px;margin-top:20px}.ticket-thread textarea{flex:1;min-height:85px;padding:12px;border:1px solid #31516e;border-radius:9px;color:#fff;background:#07162a}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.profile-card p{color:#91a5b8}.service-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:18px 0}.service-quick-actions>a{display:flex;gap:14px;align-items:center;padding:20px;color:inherit;text-decoration:none}.service-quick-actions>a>span{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;color:#5ba6ff;background:rgba(48,132,255,.16)}.service-quick-actions .gold>span{color:#f5b83b;background:rgba(245,184,59,.13)}.service-quick-actions small,.service-quick-actions b{display:block}.service-quick-actions b{font-size:21px}.service-quick-actions p{margin:3px 0;color:#8296aa}
@media(max-width:1050px){.platform-hero{grid-template-columns:1fr}.platform-orbit{display:none}.platform-features,.public-product-grid,.catalog-grid,.service-quick-actions{grid-template-columns:1fr 1fr}.platform-hero h1{font-size:52px}}
@media(max-width:720px){.platform-nav nav{display:none}.platform-nav{flex-wrap:wrap}.platform-hero{padding:50px 6vw}.platform-hero h1,.catalog-hero h1{font-size:39px}.platform-features,.public-product-grid,.catalog-grid,.svc-grid,.profile-grid,.service-quick-actions,.register-grid{grid-template-columns:1fr}.ticket-thread article{max-width:95%}.ticket-thread form{flex-direction:column}}

/* =========================================================
   ZLAJAOS CLIENT PLATFORM V2 — BIG UX REWORK
   ========================================================= */
body.client-public-v2,body.auth-v2{margin:0;background:#050d18;color:#f5f8fb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}.client-public-v2 *,.auth-v2 *{box-sizing:border-box}.public-topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:35px;min-height:82px;padding:0 5vw;border-bottom:1px solid #1a344c;background:rgba(5,15,27,.9);backdrop-filter:blur(18px)}.public-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.public-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#2f91ff,#1466d8);font-size:21px;font-weight:900}.public-brand>div{display:flex;flex-direction:column}.public-brand b{font-size:16px}.public-brand small{color:#86a0b7;font-size:11px}.public-topbar nav{display:flex;justify-content:center;gap:30px}.public-topbar nav a{color:#9fb1c3;text-decoration:none;font-size:14px}.public-topbar nav a:hover,.public-topbar nav a.active{color:#fff}.public-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border-radius:9px;text-decoration:none;font-weight:800;font-size:14px}.btn-primary{color:#fff;background:linear-gradient(145deg,#2d8cff,#176de8);box-shadow:0 10px 28px rgba(35,126,244,.18)}.btn-primary:hover{transform:translateY(-1px)}.btn-secondary{color:#c6d4e1;border:1px solid #2c4d68;background:#091929}.xl{min-height:50px;padding:0 23px}.public-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:70px;min-height:690px;padding:80px 7vw;background:radial-gradient(circle at 72% 38%,rgba(45,140,255,.12),transparent 27%),radial-gradient(circle at 18% 20%,rgba(244,184,61,.055),transparent 24%)}.public-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(49,85,117,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(49,85,117,.09) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 82%);pointer-events:none}.hero-copy,.hero-console{position:relative}.hero-copy .eyebrow,.section-heading .eyebrow,.auth-copy .eyebrow{color:#3c96ff;letter-spacing:.24em;font-size:11px;font-weight:900}.hero-copy h1{max-width:820px;margin:16px 0 22px;font-size:clamp(54px,5.4vw,82px);line-height:.98;letter-spacing:-.045em}.hero-copy>p{max-width:700px;color:#a3b4c4;font-size:18px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin-top:32px}.hero-trust{display:flex;flex-wrap:wrap;gap:23px;margin-top:25px;color:#8fa4b8;font-size:13px}.hero-trust span:before{content:"✓";margin-right:7px;color:#36d994}.hero-console{padding:24px;border:1px solid #294963;border-radius:20px;background:linear-gradient(145deg,rgba(13,33,54,.95),rgba(7,21,37,.96));box-shadow:0 35px 100px rgba(0,0,0,.35)}.console-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #24435d}.console-brand{display:flex;align-items:center;gap:11px}.console-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#06111e;background:#f1b73e;font-weight:900}.console-brand b,.console-brand small{display:block}.console-brand small{color:#8299ae}.console-head i{padding:6px 9px;border-radius:999px;color:#4be3a0;background:rgba(54,217,148,.1);font-style:normal;font-size:11px}.console-welcome{padding:26px 0 18px}.console-welcome small{color:#378eff;letter-spacing:.16em}.console-welcome h3{margin:7px 0;font-size:27px}.console-welcome p{margin:0;color:#8fa3b6}.console-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.console-kpis article{padding:15px;border:1px solid #24435d;border-radius:11px;background:#091a2c}.console-kpis span,.console-kpis b{display:block}.console-kpis span{color:#8298ad;font-size:11px}.console-kpis b{margin-top:8px;font-size:25px}.console-service{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding:17px;border:1px solid #2b4c67;border-radius:12px}.console-service small,.console-service b,.console-service span{display:block}.console-service small{color:#348eff;font-size:10px}.console-service b{margin:6px 0}.console-service span{color:#8ca1b4;font-size:12px}.console-service strong{color:#f2b83c;font-size:24px}.console-progress{height:6px;margin-top:12px;border-radius:999px;background:#102840;overflow:hidden}.console-progress i{display:block;width:67%;height:100%;background:linear-gradient(90deg,#2f8fff,#f3ba3f)}.platform-overview,.services-showcase,.public-process{padding:95px 7vw}.platform-overview{background:#081524}.section-heading{max-width:760px;margin-bottom:38px}.section-heading.row{display:flex;max-width:none;align-items:flex-end;justify-content:space-between}.section-heading h2{margin:10px 0 12px;font-size:clamp(36px,4vw,56px);letter-spacing:-.03em}.section-heading p{color:#91a5b7;font-size:17px;line-height:1.65}.section-heading.row>a{color:#68a9ff;text-decoration:none}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{padding:26px;border:1px solid #24435e;border-radius:15px;background:#0b1c2f}.feature-grid article>span{color:#f3ba3f;font-size:12px;letter-spacing:.18em}.feature-grid h3{font-size:20px}.feature-grid p{color:#90a4b7;line-height:1.65}.services-showcase{background:#050d18}.service-showcase-grid,.catalog-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.showcase-card,.product-card-v2{display:flex;flex-direction:column;min-height:365px;padding:28px;border:1px solid #26465f;border-radius:16px;background:linear-gradient(150deg,#0d2035,#091827)}.showcase-card>small{color:#6faeff;text-transform:uppercase}.showcase-card h3{font-size:25px}.showcase-card p{flex:1;color:#90a4b6;line-height:1.65}.showcase-price span,.showcase-price b,.showcase-price small{display:block}.showcase-price span,.showcase-price small{color:#8198ad}.showcase-price b{margin:4px 0;color:#f2b83c;font-size:27px}.showcase-card>a{margin-top:20px;color:#66a9ff;text-decoration:none;font-weight:800}.public-process{background:#081524}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.process-line article{position:relative;padding:25px 26px 25px 0}.process-line article:not(:last-child):after{content:"";position:absolute;top:43px;right:15px;width:calc(100% - 70px);height:1px;transform:translateX(100%);background:#284860}.process-line span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3c86cc;border-radius:50%;color:#54a2f8;background:#0b2035}.process-line p{color:#8fa4b6}.public-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:85px 7vw;padding:42px;border:1px solid rgba(244,184,61,.35);border-radius:18px;background:linear-gradient(135deg,#10253b,#0a192a)}.public-cta h2{margin:9px 0;font-size:38px}.public-cta p{color:#91a5b7}.public-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:32px 7vw;border-top:1px solid #1d394f;color:#7f95a9}.public-footer>div{display:flex;gap:20px}.public-footer a{color:#91a7ba;text-decoration:none}
.catalog-shell{max-width:1460px;margin:auto;padding:78px 5vw 100px}.catalog-header-v2{max-width:900px;margin:0 auto 38px;text-align:center}.catalog-header-v2 h1{margin:13px 0;font-size:clamp(45px,5vw,68px);line-height:1.02;letter-spacing:-.04em}.catalog-header-v2 p{color:#91a5b7;font-size:17px}.catalog-filter{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:32px}.catalog-filter button{padding:9px 13px;border:1px solid #2a4c67;border-radius:999px;color:#99aec1;background:#091929}.product-card-v2{min-height:500px}.product-top{display:flex;align-items:center;justify-content:space-between}.product-top>span{color:#72acff;text-transform:uppercase;font-size:11px}.product-top i{padding:5px 8px;border-radius:999px;color:#071321;background:#f2b83d;font-style:normal;font-size:9px;font-weight:900}.product-card-v2 h2{font-size:27px}.product-card-v2>p{color:#91a5b7;line-height:1.65}.product-card-v2 ul{flex:1;padding:0;list-style:none}.product-card-v2 li{display:flex;gap:9px;padding:8px 0;color:#bdcad5}.product-card-v2 li span{color:#3bdd98}.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid #24445e}.product-price small,.product-price b,.product-price span{display:block}.product-price small,.product-price span{color:#8096aa}.product-price b{margin:4px 0;color:#f2b83d;font-size:25px}.catalog-help{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:30px;padding:35px;border:1px solid #294b66;border-radius:16px;background:#0b1c2f}.catalog-help h2{margin:8px 0}.catalog-help p{color:#91a5b7}
body.auth-v2{display:grid;grid-template-columns:minmax(430px,.9fr) minmax(560px,1.1fr);min-height:100vh}.auth-showcase{display:flex;flex-direction:column;justify-content:space-between;padding:48px;background:radial-gradient(circle at 30% 20%,rgba(45,140,255,.18),transparent 30%),linear-gradient(145deg,#0c2035,#071524);border-right:1px solid #214159}.auth-copy{max-width:620px;margin:auto 0}.auth-copy h1{margin:15px 0;font-size:clamp(44px,4.4vw,67px);line-height:1.02;letter-spacing:-.04em}.auth-copy>p{color:#9eb0c1;font-size:17px;line-height:1.7}.auth-benefits{display:grid;gap:13px;margin-top:30px;color:#bdcad5}.auth-benefits span:before{color:#3ddd98}.auth-showcase>small{color:#6f879d}.auth-form-side{display:grid;place-items:center;padding:45px;background:#050d18}.auth-form-card{width:min(520px,100%)}.auth-form-card.wide{width:min(720px,100%)}.back-home{display:inline-block;margin-bottom:45px;color:#8098ad;text-decoration:none}.auth-form-card h2{margin:10px 0;font-size:39px}.auth-form-card>p{color:#91a5b7;line-height:1.65}.auth-form-card form{display:grid;gap:15px;margin-top:28px}.auth-form-card label{display:grid;gap:8px;color:#afbfcd;font-size:13px}.auth-form-card input{width:100%;padding:14px;border:1px solid #2a4b66;border-radius:9px;color:#fff;background:#09192a;outline:none}.auth-form-card input:focus{border-color:#3a91ef;box-shadow:0 0 0 3px rgba(58,145,239,.1)}.auth-form-card form>button{min-height:50px;border:0;border-radius:9px;color:#fff;background:linear-gradient(145deg,#2d8cff,#176de8);font-weight:900;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center}.form-row a{color:#65a9ff;text-decoration:none}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input,.terms-v2 input{width:auto}.auth-switch{margin-top:22px;padding-top:20px;border-top:1px solid #1e3a51;color:#8499ad;text-align:center}.auth-switch a{color:#62a8ff;text-decoration:none}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.terms-v2{display:grid!important;grid-template-columns:auto 1fr!important;align-items:start}.alert{padding:13px;border:1px solid rgba(244,82,111,.35);border-radius:9px;color:#ff8aa0;background:rgba(244,82,111,.08)}
@media(max-width:1050px){.public-topbar nav{display:none}.public-hero{grid-template-columns:1fr}.hero-console{max-width:680px}.feature-grid,.service-showcase-grid,.catalog-grid-v2{grid-template-columns:repeat(2,1fr)}body.auth-v2{grid-template-columns:1fr}.auth-showcase{min-height:460px}.auth-form-side{padding:60px 25px}}
@media(max-width:720px){.public-topbar{grid-template-columns:1fr auto;padding:12px 18px}.public-actions .btn-secondary{display:none}.public-hero{padding:60px 20px;min-height:auto}.hero-copy h1{font-size:47px}.hero-actions,.public-cta,.section-heading.row,.catalog-help,.public-footer{align-items:stretch;flex-direction:column}.hero-actions a{width:100%}.hero-trust{display:grid;gap:10px}.console-kpis,.feature-grid,.service-showcase-grid,.catalog-grid-v2,.process-line,.auth-grid{grid-template-columns:1fr}.platform-overview,.services-showcase,.public-process{padding:70px 20px}.process-line article:after{display:none}.public-cta{margin:55px 20px;padding:28px}.catalog-shell{padding:55px 20px}.product-bottom{align-items:stretch;flex-direction:column}.auth-showcase{padding:30px 24px}.auth-copy h1{font-size:43px}.auth-form-side{padding:45px 20px}.auth-form-card h2{font-size:34px}}

/* =========================================================
   EMERGENCY PUBLIC LAYOUT RESET V2.1
   Prevents Client Workspace global selectors from shifting public pages.
   ========================================================= */
html,body.client-public-v2,body.auth-v2{width:100%!important;max-width:none!important;min-width:0!important;overflow-x:hidden!important}
body.client-public-v2 main,
body.client-public-v2 header,
body.client-public-v2 footer,
body.auth-v2 main,
body.auth-v2 header,
body.auth-v2 footer{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}
body.client-public-v2 .public-topbar{
  position:sticky!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  margin:0!important;
}
body.client-public-v2 .public-hero{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
body.client-public-v2 .platform-overview,
body.client-public-v2 .services-showcase,
body.client-public-v2 .public-process,
body.client-public-v2 .public-footer{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
body.client-public-v2 .catalog-shell{
  width:min(1460px,100%)!important;
  margin:0 auto!important;
}
body.auth-v2 .auth-form-side{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
body.auth-v2 .auth-showcase{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
@media(min-width:1051px){
  body.client-public-v2 .public-hero{
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr)!important;
  }
}

/* =========================================================
   CRITICAL PUBLIC BODY FIX V2.2
   Legacy Client Workspace starts with body{display:flex}.
   Public pages must explicitly return to normal document flow.
   ========================================================= */
body.client-public-v2{
  display:block!important;
  min-height:100vh!important;
}
body.client-public-v2 > .public-topbar,
body.client-public-v2 > main,
body.client-public-v2 > .public-footer{
  flex:none!important;
  width:100%!important;
}
body.auth-v2{
  display:grid!important;
}

/* =========================================================
   ZLAJAOS CLIENT PLATFORM V2 — SERVICES-FIRST EXPERIENCE
   ========================================================= */
body.client-app-v2{--cp-side:276px;display:block!important;background:#050d18!important;color:#e9f1f8!important;overflow-x:hidden!important}
.client-sidebar-v2{position:fixed;inset:0 auto 0 0;width:var(--cp-side);display:flex;flex-direction:column;border-right:1px solid #1d3952;background:linear-gradient(180deg,#07192b,#061321);z-index:80}
.client-sidebar-v2.with-preview{top:56px}.client-brand-v2{display:flex;align-items:center;gap:12px;min-height:86px;padding:19px 22px;border-bottom:1px solid #1d3952;color:#fff;text-decoration:none}.client-brand-v2>span{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:linear-gradient(145deg,#318fff,#176bdc);font-size:21px;font-weight:900}.client-brand-v2>div{display:flex;flex-direction:column}.client-brand-v2 small{color:#8298ad}.client-nav-v2{flex:1;overflow:auto;padding:14px 12px}.client-nav-v2 section{margin:7px 0 17px}.client-nav-v2 section>small{display:block;padding:0 12px 7px;color:#58738c;font-size:9px;font-weight:900;letter-spacing:.18em}.client-nav-v2 a{display:grid;grid-template-columns:25px 1fr auto;align-items:center;min-height:42px;padding:8px 11px;border-radius:9px;color:#9db0c2;text-decoration:none}.client-nav-v2 a:hover{color:#fff;background:#0d243b}.client-nav-v2 a.active{color:#fff;background:#153a61;box-shadow:inset 3px 0 #318fff}.client-nav-v2 a i{color:#5a9de7;font-style:normal;text-align:center}.client-nav-v2 a b{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:999px;color:#06111c;background:#f3ba3d;font-size:9px}.client-sidebar-footer{padding:13px;border-top:1px solid #1d3952}.client-sidebar-footer a{display:block;padding:9px 11px;border-radius:8px;color:#849bae;text-decoration:none}.client-sidebar-footer a:hover{color:#fff;background:#0d243b}.client-sidebar-footer .logout{color:#ff879a}
.client-main-v2{min-height:100vh;margin-left:var(--cp-side)!important}.client-main-v2.with-preview{padding-top:56px}.client-topbar-v2{position:sticky!important;top:0!important;z-index:60!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:86px!important;padding:15px 30px!important;border-bottom:1px solid #1c3952!important;background:rgba(5,15,27,.9)!important;backdrop-filter:blur(16px)!important}.client-main-v2.with-preview .client-topbar-v2{top:56px!important}.client-topbar-v2 h1{margin:4px 0 0;font-size:28px}.client-top-actions-v2{display:flex;align-items:center;gap:10px}.top-order-link{padding:10px 13px;border-radius:8px;color:#fff;background:#247ff1;text-decoration:none;font-size:12px;font-weight:800}.client-account-chip{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid #294b66;border-radius:10px;color:#fff;text-decoration:none;background:#091a2c}.client-account-chip>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#1e70d5;font-weight:900}.client-account-chip div{display:flex;flex-direction:column}.client-account-chip small{color:#7890a5;font-size:9px}.client-content-v2{max-width:1480px!important;margin:0 auto!important;padding:28px 32px 70px!important}
.cpv2-welcome{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 38px;border:1px solid #294962;border-radius:16px;background:radial-gradient(circle at 88% 20%,rgba(45,140,255,.12),transparent 23%),linear-gradient(145deg,#0c2137,#091827)}.cpv2-welcome h2{margin:8px 0;font-size:37px}.cpv2-welcome p{max-width:760px;margin:0;color:#98aabc}.cpv2-welcome-actions{display:flex;gap:9px}.cpv2-welcome-actions a{padding:11px 14px;border:1px solid #31516c;border-radius:9px;color:#b7c7d5;text-decoration:none}.cpv2-welcome-actions .primary{color:#fff;border-color:#247ff1;background:#247ff1}.cpv2-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:17px 0 33px}.cpv2-summary-grid>a{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid #24445d;border-radius:13px;color:inherit;text-decoration:none;background:#0a1b2e}.cpv2-summary-grid>a>span{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;color:#58a4ff;background:#12365c}.cpv2-summary-grid small,.cpv2-summary-grid b{display:block}.cpv2-summary-grid b{margin:3px 0;font-size:22px}.cpv2-summary-grid p{margin:0;color:#778ea3;font-size:11px}.cpv2-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:26px 0 13px}.cpv2-section-head h3{margin:6px 0 0;font-size:25px}.cpv2-section-head a,.cpv2-panel header a{color:#65a9ff;text-decoration:none}.cpv2-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cpv2-service-card,.cpv2-service-empty{padding:23px;border:1px solid #294a64;border-radius:14px;background:#0a1b2e}.service-state{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;color:#52dfa0;background:rgba(53,213,143,.09);font-size:10px;text-transform:uppercase}.service-state span{width:7px;height:7px;border-radius:50%;background:#35d58f}.cpv2-service-card h3{font-size:21px}.cpv2-service-card>p{min-height:45px;color:#8fa3b6}.cpv2-service-card dl>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #1e3c55}.cpv2-service-card dt{color:#758ca1}.cpv2-service-card dd{margin:0}.cpv2-service-card>a,.cpv2-service-empty>a{display:inline-block;margin-top:16px;color:#66a9ff;text-decoration:none}.cpv2-service-empty{grid-column:1/-1;text-align:center;padding:50px}.cpv2-service-empty>span{font-size:30px;color:#368ff7}.cpv2-two-column{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:17px}.cpv2-panel{padding:22px;border:1px solid #294963;border-radius:14px;background:#0a1b2e}.cpv2-panel>header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;height:auto!important;min-height:0!important;padding:0 0 14px!important;border:0!important;border-bottom:1px solid #213f58!important;background:transparent!important}.cpv2-panel h3{margin:5px 0 0}.cpv2-project-row,.cpv2-ticket-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #1c3951;color:inherit;text-decoration:none}.cpv2-project-row div,.cpv2-ticket-row div{display:flex;flex-direction:column}.cpv2-project-row small,.cpv2-ticket-row small{color:#7890a5}.cpv2-project-row>span{color:#f1b83d}.cpv2-ticket-row>span{padding:5px 8px;border-radius:999px;color:#65a9ff;background:#102d4b;font-size:10px}.cpv2-empty{padding:35px 5px;color:#7e95a9;text-align:center}.cpv2-billing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:15px}.cpv2-billing-grid>div{padding:15px;border:1px solid #223f58;border-radius:10px;background:#081827}.cpv2-billing-grid small,.cpv2-billing-grid b{display:block}.cpv2-billing-grid small{color:#7890a5}.cpv2-billing-grid b{margin-top:6px}.cpv2-activity-row{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #1c3951}.cpv2-activity-row>span{width:7px;height:7px;border-radius:50%;background:#348ff8}.cpv2-activity-row div{display:flex;flex-direction:column}.cpv2-activity-row small,.cpv2-activity-row time{color:#758da2;font-size:10px}
.cpv2-page-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 31px;border:1px solid #294963;border-radius:15px;background:linear-gradient(145deg,#0c2137,#091827)}.cpv2-page-hero h2{margin:7px 0;font-size:31px}.cpv2-page-hero p{margin:0;color:#90a4b6}.cpv2-page-hero>a{padding:11px 14px;border-radius:9px;color:#fff;background:#247ff1;text-decoration:none;font-weight:800}.cpv2-tabs{display:flex;gap:9px;margin:17px 0}.cpv2-tabs span{padding:9px 12px;border:1px solid #294a64;border-radius:999px;color:#8fa5b8}.cpv2-tabs span.active{color:#fff;border-color:#358ef0;background:#12365b}.cpv2-tabs b{margin-left:5px;color:#f1b83d}.cpv2-services-table,.cpv2-order-list{overflow:hidden;border:1px solid #294963;border-radius:14px;background:#0a1b2e}.cpv2-services-table>header,.cpv2-order-list>header{display:grid!important;grid-template-columns:2fr 1fr 1fr .7fr 1fr;gap:14px;height:auto!important;min-height:0!important;padding:13px 18px!important;border:0!important;border-bottom:1px solid #294963!important;color:#7790a5!important;background:#081725!important;font-size:10px!important;text-transform:uppercase!important;letter-spacing:.1em!important}.cpv2-services-table>article{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 1fr;gap:14px;align-items:center;padding:17px 18px;border-bottom:1px solid #1d3a52}.service-identity{display:flex;align-items:center;gap:12px}.service-identity>span{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:#fff;background:#247ff1;font-weight:900}.service-identity div{display:flex;flex-direction:column}.service-identity small,.cpv2-services-table article>div>small{display:block;color:#778fa4}.service-status{display:inline-flex;padding:6px 9px;border-radius:999px;color:#4bdf9d;background:rgba(53,213,143,.1);font-size:10px}.service-actions{display:flex;justify-content:flex-end;gap:7px}.service-actions a{padding:8px 10px;border:1px solid #2b4b65;border-radius:7px;color:#9fb2c2;text-decoration:none;font-size:11px}.service-actions .manage{color:#fff;border-color:#247ff1;background:#247ff1}.mobile-label{display:none!important}.cpv2-table-empty{padding:55px;text-align:center}.cpv2-table-empty>a{display:inline-block;margin-top:12px;color:#61a8ff}
.cpv2-order-detail{margin:17px 0;padding:25px;border:1px solid #294963;border-radius:14px;background:#0a1b2e}.cpv2-order-detail>header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;padding:0 0 18px!important;border:0!important;background:transparent!important}.cpv2-order-detail>header h3{margin:5px 0}.cpv2-order-detail>header>span{padding:7px 10px;border-radius:999px;color:#f2bd50;background:rgba(242,189,80,.1)}.order-stage-line{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:15px 0 25px}.order-stage-line>div{position:relative;text-align:center}.order-stage-line>div:after{content:"";position:absolute;top:17px;left:50%;width:100%;height:2px;background:#203f58}.order-stage-line>div:last-child:after{display:none}.order-stage-line i{position:relative;z-index:2;display:grid;place-items:center;width:35px;height:35px;margin:auto;border:2px solid #294b65;border-radius:50%;color:#7890a4;background:#081725;font-style:normal}.order-stage-line .done i{color:#06111c;border-color:#39d797;background:#39d797}.order-stage-line .current i{color:#fff;border-color:#318ff6;background:#318ff6}.order-stage-line span{display:block;margin-top:7px;color:#7e95a9;font-size:10px}.order-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.order-detail-grid>div{padding:14px;border:1px solid #223f58;border-radius:9px}.order-detail-grid small,.order-detail-grid b{display:block}.order-detail-grid small{color:#7890a5}.order-detail-grid b{margin-top:5px}.cpv2-order-list{margin-top:17px}.cpv2-order-list>a{display:grid;grid-template-columns:2fr 1fr 1fr .7fr 1fr;gap:14px;align-items:center;padding:16px 18px;border-bottom:1px solid #1d3a52;color:inherit;text-decoration:none}.cpv2-order-list>a>div{display:flex;flex-direction:column}.cpv2-order-list small{color:#7890a5}.cpv2-order-list i{color:#f1b83d;font-style:normal}.cpv2-order-list strong{color:#61a8ff;text-align:right}
.cpv2-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:17px}.cpv2-help-grid>a{padding:25px;border:1px solid #294963;border-radius:14px;color:inherit;text-decoration:none;background:#0a1b2e}.cpv2-help-grid>a>span{color:#5ba6ff}.cpv2-help-grid p{color:#8298ad}
@media(max-width:1100px){body.client-app-v2{--cp-side:88px}.client-brand-v2>div,.client-nav-v2 section>small,.client-nav-v2 a span,.client-nav-v2 a b,.client-sidebar-footer{display:none}.client-brand-v2{justify-content:center;padding:18px 8px}.client-nav-v2 a{grid-template-columns:1fr;justify-items:center}.cpv2-summary-grid,.cpv2-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.client-app-v2{--cp-side:0}.client-sidebar-v2{position:static;width:100%;height:auto}.client-brand-v2{justify-content:flex-start}.client-brand-v2>div{display:flex}.client-nav-v2{display:flex;overflow:auto;padding:8px}.client-nav-v2 section{display:contents}.client-nav-v2 section>small{display:none}.client-nav-v2 a{display:flex;min-width:max-content}.client-nav-v2 a span{display:block}.client-main-v2{margin-left:0!important}.client-topbar-v2{padding:13px 17px!important}.client-top-actions-v2 .top-order-link,.client-account-chip div{display:none}.client-content-v2{padding:20px 16px 55px!important}.cpv2-welcome,.cpv2-page-hero{align-items:flex-start;flex-direction:column}.cpv2-welcome-actions{width:100%;flex-direction:column}.cpv2-summary-grid,.cpv2-service-grid,.cpv2-two-column,.cpv2-help-grid{grid-template-columns:1fr}.cpv2-services-table>header,.cpv2-order-list>header{display:none!important}.cpv2-services-table>article,.cpv2-order-list>a{grid-template-columns:1fr;gap:9px}.service-actions{justify-content:flex-start}.mobile-label{display:block!important}.order-stage-line{grid-template-columns:repeat(3,1fr);row-gap:18px}.order-detail-grid,.cpv2-billing-grid{grid-template-columns:1fr 1fr}}

/* =========================================================
   CLIENT PLATFORM V2.0.1 — LAYOUT COLLISION HOTFIX
   Root cause: legacy `main{width:100%;margin-left:260px}` remained active.
   ========================================================= */

/* The new authenticated shell fully owns the page geometry. */
body.client-app-v2{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

body.client-app-v2 .client-main-v2{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  width:calc(100% - var(--cp-side))!important;
  max-width:none!important;
  min-width:0!important;
  margin-left:var(--cp-side)!important;
  margin-right:0!important;
  transform:none!important;
  overflow-x:hidden!important;
}

body.client-app-v2 .client-main-v2.with-preview{
  padding-top:56px!important;
}

body.client-app-v2 .client-topbar-v2{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  overflow:hidden!important;
}

body.client-app-v2 .client-topbar-v2 > div:first-child{
  min-width:0!important;
}

body.client-app-v2 .client-top-actions-v2{
  flex:0 0 auto!important;
  min-width:0!important;
}

body.client-app-v2 .client-content-v2{
  width:100%!important;
  max-width:1480px!important;
  min-width:0!important;
  margin:0 auto!important;
  overflow:visible!important;
}

body.client-app-v2 .cpv2-welcome,
body.client-app-v2 .cpv2-summary-grid,
body.client-app-v2 .cpv2-service-grid,
body.client-app-v2 .cpv2-two-column,
body.client-app-v2 .cpv2-services-table,
body.client-app-v2 .cpv2-order-list{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
}

body.client-app-v2 .cpv2-welcome > div:first-child{
  min-width:0!important;
}

body.client-app-v2 .cpv2-welcome-actions{
  flex:0 0 auto!important;
}

/* Avoid grid children forcing horizontal overflow. */
body.client-app-v2 .cpv2-summary-grid > *,
body.client-app-v2 .cpv2-service-grid > *,
body.client-app-v2 .cpv2-two-column > *,
body.client-app-v2 .cpv2-billing-grid > *{
  min-width:0!important;
}

/* Sidebar should scroll cleanly without a large browser-native bar. */
body.client-app-v2 .client-nav-v2{
  min-height:0!important;
  scrollbar-width:thin;
  scrollbar-color:#294b66 transparent;
}
body.client-app-v2 .client-nav-v2::-webkit-scrollbar{width:6px}
body.client-app-v2 .client-nav-v2::-webkit-scrollbar-track{background:transparent}
body.client-app-v2 .client-nav-v2::-webkit-scrollbar-thumb{
  border-radius:999px;
  background:#294b66;
}

/* Keep footer visible and reduce vertical pressure. */
body.client-app-v2 .client-sidebar-footer{
  flex:0 0 auto!important;
}
body.client-app-v2 .client-nav-v2 section{
  margin:5px 0 12px!important;
}
body.client-app-v2 .client-nav-v2 a{
  min-height:38px!important;
  padding-top:7px!important;
  padding-bottom:7px!important;
}

/* Admin preview must not change horizontal geometry. */
body.client-app-v2 .admin-preview-banner{
  width:100%!important;
  max-width:none!important;
}
body.client-app-v2 .client-sidebar-v2.with-preview{
  height:calc(100vh - 56px)!important;
}

/* Desktop width correction. */
@media(min-width:1101px){
  body.client-app-v2 .client-main-v2{
    width:calc(100vw - var(--cp-side))!important;
  }
}

/* Compact sidebar mode. */
@media(max-width:1100px) and (min-width:761px){
  body.client-app-v2 .client-main-v2{
    width:calc(100vw - var(--cp-side))!important;
  }
}

/* Mobile returns to normal document flow. */
@media(max-width:760px){
  body.client-app-v2 .client-main-v2,
  body.client-app-v2 .client-main-v2.with-preview{
    width:100%!important;
    margin-left:0!important;
    padding-top:0!important;
  }
  body.client-app-v2 .client-sidebar-v2.with-preview{
    height:auto!important;
  }
  body.client-app-v2 .client-content-v2{
    max-width:none!important;
  }
}

/* =========================================================
   ZLAJAOS CLIENT PLATFORM V2.1 — NAVIGATION & DENSITY POLISH
   ========================================================= */
body.client-app-v2{
  --cp-side:252px!important;
  --cp-top:78px;
  --cp-radius:13px;
  --cp-gap:14px;
}

/* Sidebar structure */
body.client-app-v2 .client-sidebar-v2{
  width:var(--cp-side)!important;
  background:
    radial-gradient(circle at 20% 0%,rgba(45,140,255,.09),transparent 24%),
    linear-gradient(180deg,#071828 0%,#061321 100%)!important;
  box-shadow:18px 0 55px rgba(0,0,0,.14);
}

body.client-app-v2 .client-brand-row-v2{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:78px;
  padding:12px 13px 12px 18px;
  border-bottom:1px solid #1b364f;
}

body.client-app-v2 .client-brand-v2{
  min-height:0!important;
  padding:0!important;
  border:0!important;
  gap:11px!important;
  min-width:0;
}

body.client-app-v2 .client-brand-v2>span{
  width:40px!important;
  height:40px!important;
  border-radius:10px!important;
  box-shadow:0 10px 24px rgba(35,126,244,.22);
}

body.client-app-v2 .client-brand-v2 b{
  font-size:15px;
}

body.client-app-v2 .client-brand-v2 small{
  font-size:10px;
}

body.client-app-v2 .client-sidebar-toggle-v2{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:30px;
  height:30px;
  border:1px solid #294b65;
  border-radius:8px;
  color:#8fa4b7;
  background:#0a1c2e;
  cursor:pointer;
  transition:.18s ease;
}

body.client-app-v2 .client-sidebar-toggle-v2:hover{
  color:#fff;
  border-color:#3a86d5;
  background:#102a45;
}

body.client-app-v2 .client-nav-v2{
  padding:12px 10px 14px!important;
}

body.client-app-v2 .client-nav-v2 section{
  margin:4px 0 10px!important;
}

body.client-app-v2 .client-nav-v2 section>small{
  padding:0 10px 5px!important;
  color:#5f7b94!important;
  font-size:8px!important;
  letter-spacing:.19em!important;
}

body.client-app-v2 .client-nav-v2 a{
  min-height:36px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  font-size:13px!important;
}

body.client-app-v2 .client-nav-v2 a i{
  width:21px;
  font-size:12px;
}

body.client-app-v2 .client-nav-v2 a.active{
  box-shadow:
    inset 3px 0 #318fff,
    0 8px 22px rgba(0,0,0,.11)!important;
}

body.client-app-v2 .client-nav-v2 a b{
  min-width:19px!important;
  height:19px!important;
  font-size:8px!important;
}

/* Footer stays compact and useful */
body.client-app-v2 .client-sidebar-footer{
  display:grid;
  gap:3px;
  padding:10px!important;
  background:rgba(4,13,24,.5);
}

body.client-app-v2 .client-sidebar-footer a{
  display:grid!important;
  grid-template-columns:22px 1fr;
  align-items:center;
  min-height:34px;
  padding:6px 9px!important;
  font-size:12px;
}

body.client-app-v2 .client-sidebar-footer a span{
  color:#5c9fe8;
  text-align:center;
}

body.client-app-v2 .client-sidebar-footer a em{
  font-style:normal;
}

/* Topbar */
body.client-app-v2 .client-topbar-v2{
  min-height:var(--cp-top)!important;
  padding:12px 24px!important;
}

body.client-app-v2 .client-topbar-v2 h1{
  font-size:26px!important;
}

body.client-app-v2 .client-topbar-v2 .eyebrow{
  font-size:9px!important;
  letter-spacing:.2em!important;
}

body.client-app-v2 .top-order-link{
  min-height:39px;
  padding:0 13px!important;
}

body.client-app-v2 .notification-bell{
  display:grid;
  place-items:center;
  width:39px;
  height:39px;
  padding:0!important;
  border:1px solid #294b66;
  border-radius:9px;
  color:#9fb4c7;
  text-decoration:none;
  background:#091a2c;
}

body.client-app-v2 .client-account-chip{
  min-height:42px;
  padding:5px 8px!important;
}

/* Content density */
body.client-app-v2 .client-content-v2{
  max-width:1420px!important;
  padding:23px 28px 60px!important;
}

body.client-app-v2 .cpv2-welcome{
  min-height:136px;
  padding:27px 31px!important;
  border-radius:var(--cp-radius)!important;
}

body.client-app-v2 .cpv2-welcome h2{
  font-size:34px!important;
}

body.client-app-v2 .cpv2-welcome p{
  font-size:14px;
}

body.client-app-v2 .cpv2-summary-grid{
  gap:var(--cp-gap)!important;
  margin:14px 0 26px!important;
}

body.client-app-v2 .cpv2-summary-grid>a{
  min-height:108px;
  padding:17px!important;
  border-radius:var(--cp-radius)!important;
}

body.client-app-v2 .cpv2-summary-grid>a>span{
  width:40px!important;
  height:40px!important;
}

body.client-app-v2 .cpv2-summary-grid b{
  font-size:20px!important;
}

body.client-app-v2 .cpv2-section-head{
  margin:21px 0 11px!important;
}

body.client-app-v2 .cpv2-section-head h3{
  font-size:23px!important;
}

body.client-app-v2 .cpv2-service-grid,
body.client-app-v2 .cpv2-two-column{
  gap:var(--cp-gap)!important;
}

body.client-app-v2 .cpv2-service-card,
body.client-app-v2 .cpv2-service-empty,
body.client-app-v2 .cpv2-panel{
  border-radius:var(--cp-radius)!important;
}

body.client-app-v2 .cpv2-service-empty{
  min-height:220px;
  padding:38px!important;
}

/* Collapsed desktop mode */
body.client-app-v2.client-sidebar-collapsed{
  --cp-side:78px!important;
}

body.client-app-v2.client-sidebar-collapsed .client-brand-row-v2{
  justify-content:center;
  padding:12px 8px;
}

body.client-app-v2.client-sidebar-collapsed .client-brand-v2>div,
body.client-app-v2.client-sidebar-collapsed .client-nav-v2 section>small,
body.client-app-v2.client-sidebar-collapsed .client-nav-v2 a span,
body.client-app-v2.client-sidebar-collapsed .client-nav-v2 a b,
body.client-app-v2.client-sidebar-collapsed .client-sidebar-footer a em{
  display:none!important;
}

body.client-app-v2.client-sidebar-collapsed .client-sidebar-toggle-v2{
  position:absolute;
  top:24px;
  right:-15px;
  transform:rotate(180deg);
  z-index:4;
}

body.client-app-v2.client-sidebar-collapsed .client-nav-v2{
  padding-left:8px!important;
  padding-right:8px!important;
}

body.client-app-v2.client-sidebar-collapsed .client-nav-v2 a{
  grid-template-columns:1fr!important;
  justify-items:center;
  padding:6px!important;
}

body.client-app-v2.client-sidebar-collapsed .client-nav-v2 a i{
  width:auto;
  font-size:15px;
}

body.client-app-v2.client-sidebar-collapsed .client-sidebar-footer a{
  grid-template-columns:1fr;
  justify-items:center;
}

body.client-app-v2.client-sidebar-collapsed .client-brand-v2>span{
  width:42px!important;
  height:42px!important;
}

/* Preview bar is visually lighter and aligned */
body.client-app-v2 .admin-preview-banner{
  min-height:54px!important;
  padding:8px 20px!important;
}

body.client-app-v2 .client-sidebar-v2.with-preview{
  top:54px!important;
  height:calc(100vh - 54px)!important;
}

body.client-app-v2 .client-main-v2.with-preview{
  padding-top:54px!important;
}

body.client-app-v2 .client-main-v2.with-preview .client-topbar-v2{
  top:54px!important;
}

/* Better behavior around 90% browser zoom / medium desktop widths */
@media(max-width:1450px) and (min-width:1101px){
  body.client-app-v2{
    --cp-side:232px!important;
  }
  body.client-app-v2 .client-content-v2{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body.client-app-v2 .cpv2-summary-grid>a{
    padding:15px!important;
  }
  body.client-app-v2 .client-account-chip div{
    display:none;
  }
}

/* Existing tablet mode remains icon-only, but cleaner. */
@media(max-width:1100px) and (min-width:761px){
  body.client-app-v2{
    --cp-side:76px!important;
  }
  body.client-app-v2 .client-brand-row-v2{
    justify-content:center;
    padding:12px 7px;
  }
  body.client-app-v2 .client-sidebar-toggle-v2{
    display:none;
  }
  body.client-app-v2 .client-brand-v2>div{
    display:none!important;
  }
}

/* Mobile navigation becomes a clean horizontal command strip. */
@media(max-width:760px){
  body.client-app-v2 .client-brand-row-v2{
    min-height:68px;
  }
  body.client-app-v2 .client-sidebar-toggle-v2{
    display:none;
  }
  body.client-app-v2 .client-sidebar-footer{
    display:none!important;
  }
  body.client-app-v2 .client-nav-v2{
    border-top:1px solid #1c3951;
  }
  body.client-app-v2 .client-topbar-v2{
    min-height:68px!important;
  }
  body.client-app-v2 .cpv2-summary-grid{
    grid-template-columns:1fr!important;
  }
}

/* =========================================================
   ZLAJAOS CLIENT PLATFORM UX 1.0 — COMMAND CENTER DASHBOARD
   ========================================================= */
.ux-command-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 32px;border:1px solid #294a64;border-radius:14px;background:radial-gradient(circle at 88% 15%,rgba(47,143,255,.12),transparent 23%),linear-gradient(145deg,#0c2137,#091827)}.ux-command-copy h2{margin:7px 0;font-size:35px}.ux-command-copy>p{max-width:760px;margin:0;color:#94a8ba}.ux-command-meta{display:flex;gap:20px;margin-top:18px;color:#71899f;font-size:10px}.ux-command-meta span:first-child{color:#69cfa1}.ux-command-meta i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#39d693;box-shadow:0 0 0 5px rgba(57,214,147,.09)}.ux-command-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ux-command-actions a{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 13px;border:1px solid #2d4e68;border-radius:8px;color:#aebfcd;text-decoration:none;background:#091a2c}.ux-command-actions a.primary{color:#fff;border-color:#247ff1;background:#247ff1}
.ux-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0 24px}.ux-kpi-grid>a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:13px;min-width:0;padding:17px;border:1px solid #26465f;border-radius:13px;color:inherit;text-decoration:none;background:#0a1b2e}.ux-kpi-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px}.ux-kpi-grid .blue{color:#66adff;background:#12365d}.ux-kpi-grid .cyan{color:#67c9e9;background:#103b50}.ux-kpi-grid .purple{color:#a98cff;background:#30265d}.ux-kpi-grid .green{color:#45dda0;background:#104b3a}.ux-kpi-grid small,.ux-kpi-grid b{display:block}.ux-kpi-grid b{margin:3px 0;font-size:21px}.ux-kpi-grid p{margin:0;color:#71899e;font-size:10px}.ux-kpi-grid>a>i{color:#4f6f8a;font-style:normal}
.ux-focus-section{margin-bottom:25px;border:1px solid #294963;border-radius:14px;background:#0a1b2e;overflow:hidden}.ux-focus-section>header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;height:auto!important;min-height:0!important;padding:18px 21px!important;border:0!important;border-bottom:1px solid #213f58!important;background:#091929!important}.ux-focus-section h3{margin:5px 0 0}.ux-focus-section>header>span{padding:6px 9px;border-radius:999px;color:#7da9d2;background:#102d49;font-size:10px}.ux-focus-list{display:grid;grid-template-columns:repeat(2,1fr)}.ux-focus-item{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid #1e3c55;color:inherit;text-decoration:none}.ux-focus-item:nth-child(odd){border-right:1px solid #1e3c55}.ux-focus-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:#66a9ff;background:#12365b}.ux-focus-item.billing .ux-focus-icon{color:#46dc9f;background:#104c3a}.ux-focus-item.approval .ux-focus-icon{color:#f0bb4a;background:#4b3913}.ux-focus-item.ticket .ux-focus-icon{color:#62c8e6;background:#103d4f}.ux-focus-item.order .ux-focus-icon{color:#a88fff;background:#30275d}.ux-focus-item b,.ux-focus-item p{display:block}.ux-focus-item p{margin:4px 0 0;color:#7890a5;font-size:11px}.ux-focus-item strong{color:#63a8ff;font-size:10px}.ux-focus-clean{display:flex;align-items:center;gap:13px;padding:24px}.ux-focus-clean>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#06111c;background:#3bd795}.ux-focus-clean p{margin:4px 0 0;color:#7890a5}
.ux-section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 11px}.ux-section-heading h3{margin:5px 0 0;font-size:24px}.ux-section-heading>a{color:#64a9ff;text-decoration:none}.ux-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ux-service-card,.ux-recommended-service,.ux-service-empty{padding:21px;border:1px solid #294963;border-radius:13px;background:#0a1b2e}.ux-service-card>header{display:flex!important;align-items:center!important;justify-content:space-between!important;height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important}.ux-service-card>header>span,.ux-recommended-service>span{color:#4e9cf2;font-size:9px;font-weight:900;letter-spacing:.14em}.ux-service-card>header>i{padding:5px 8px;border-radius:999px;color:#46dc9f;background:rgba(53,213,143,.1);font-style:normal;font-size:9px}.ux-service-card h3,.ux-recommended-service h3{font-size:20px}.ux-service-card>p,.ux-recommended-service>p{min-height:42px;color:#8298ac;line-height:1.55}.ux-service-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ux-service-facts>div,.ux-recommended-service>div{padding:11px;border:1px solid #223f58;border-radius:9px;background:#081827}.ux-service-facts small,.ux-service-facts b,.ux-recommended-service small,.ux-recommended-service b{display:block}.ux-service-facts small,.ux-recommended-service small{color:#71899e}.ux-service-facts b,.ux-recommended-service b{margin-top:4px}.ux-service-card>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:14px}.ux-service-card>footer a,.ux-recommended-service>a{padding:8px 10px;border:1px solid #2a4b66;border-radius:7px;color:#9fb2c2;text-decoration:none;font-size:10px}.ux-service-card>footer .manage{color:#fff;border-color:#247ff1;background:#247ff1}.ux-recommended-service>a{display:inline-block;margin-top:14px;color:#63a8ff}.ux-service-empty{grid-column:1/-1;min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ux-service-empty>span{color:#4e9cf2;font-size:28px}.ux-service-empty>p{color:#8298ac}.ux-service-empty>div{display:flex;gap:8px}.ux-service-empty a{padding:9px 11px;border:1px solid #2a4b66;border-radius:8px;color:#9fb2c2;text-decoration:none}.ux-service-empty a.primary{color:#fff;border-color:#247ff1;background:#247ff1}
.ux-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.ux-dashboard-panel{padding:20px;border:1px solid #294963;border-radius:13px;background:#0a1b2e}.ux-dashboard-panel>header{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;height:auto!important;min-height:0!important;padding:0 0 13px!important;border:0!important;border-bottom:1px solid #213f58!important;background:transparent!important}.ux-dashboard-panel h3{margin:4px 0 0}.ux-dashboard-panel>header>a{color:#63a8ff;text-decoration:none;font-size:10px}.ux-project-item{display:block;padding:13px 0;border-bottom:1px solid #1c3951;color:inherit;text-decoration:none}.ux-project-top{display:flex;align-items:center;justify-content:space-between}.ux-project-top>div{display:flex;flex-direction:column}.ux-project-top small{color:#778fa4}.ux-project-top strong{color:#f0b942}.ux-progress{height:5px;margin-top:10px;border-radius:999px;background:#102a43;overflow:hidden}.ux-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f8fff,#55c4f1)}.ux-ticket-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #1c3951;color:inherit;text-decoration:none}.ux-ticket-item>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:#65c7e7;background:#103b4f}.ux-ticket-item>div{display:flex;flex-direction:column}.ux-ticket-item small{color:#758da2}.ux-ticket-item>i{padding:5px 7px;border-radius:999px;color:#63a8ff;background:#102d49;font-style:normal;font-size:9px}.ux-finance-health{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding-top:14px}.ux-finance-health>div{padding:14px;border:1px solid #223f58;border-radius:9px;background:#081827}.ux-finance-health>div.attention{border-color:rgba(240,185,66,.42)}.ux-finance-health small,.ux-finance-health b,.ux-finance-health span{display:block}.ux-finance-health small,.ux-finance-health span{color:#71899e}.ux-finance-health b{margin:5px 0;font-size:17px}.ux-finance-health span{font-size:9px}.ux-activity-item{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #1c3951}.ux-activity-item>span{width:7px;height:7px;border-radius:50%;background:#348ff8}.ux-activity-item>div{display:flex;flex-direction:column}.ux-activity-item small,.ux-activity-item time{color:#758da2;font-size:9px}.ux-panel-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7890a5}.ux-panel-empty>span{color:#4e9cf2;font-size:22px}.ux-panel-empty>b{margin-top:7px;color:#dce7f1}.ux-panel-empty p{margin:5px 0}.ux-panel-empty>a{color:#63a8ff;text-decoration:none}
.ux-platform-status{display:grid;grid-template-columns:1.5fr .8fr 1fr auto;align-items:center;gap:18px;margin-top:14px;padding:14px 18px;border:1px solid #24445d;border-radius:12px;background:#081725}.ux-platform-status>div:first-child{display:flex;align-items:center;gap:11px}.ux-platform-status>div:first-child>span{width:9px;height:9px;border-radius:50%;background:#3bd795;box-shadow:0 0 0 6px rgba(59,215,149,.08)}.ux-platform-status>div{display:flex;flex-direction:column}.ux-platform-status small{color:#71899e;font-size:9px}.ux-platform-status>a{color:#63a8ff;text-decoration:none;font-size:10px}
@media(max-width:1100px){.ux-kpi-grid,.ux-service-grid{grid-template-columns:repeat(2,1fr)}.ux-command-hero{align-items:flex-start;flex-direction:column}.ux-command-actions{justify-content:flex-start}}
@media(max-width:760px){.ux-kpi-grid,.ux-focus-list,.ux-service-grid,.ux-dashboard-grid,.ux-finance-health,.ux-platform-status{grid-template-columns:1fr}.ux-focus-item:nth-child(odd){border-right:0}.ux-command-meta{flex-direction:column;gap:7px}.ux-command-actions{width:100%}.ux-command-actions a{flex:1}.ux-focus-item{grid-template-columns:38px 1fr}.ux-focus-item strong{grid-column:2}.ux-platform-status{align-items:flex-start}}

/* =========================================================
   ZLAJAOS DASHBOARD V1.1 — CLEANUP & FLUID WIDTH HOTFIX
   ========================================================= */

/* Dashboard should use the available workspace width instead of looking
   compressed inside a narrow centered column. */
body.client-app-v2 .client-content-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:clamp(22px,2.3vw,42px)!important;
  padding-right:clamp(22px,2.3vw,42px)!important;
}

/* Keep a comfortable internal rhythm on very wide screens. */
body.client-app-v2 .ux-command-hero,
body.client-app-v2 .ux-kpi-grid,
body.client-app-v2 .ux-focus-section,
body.client-app-v2 .ux-dashboard-grid,
body.client-app-v2 .ux-platform-status{
  width:100%!important;
  max-width:1760px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Prevent hero text/actions from visually squeezing each other. */
body.client-app-v2 .ux-command-hero{
  grid-template-columns:minmax(0,1fr) auto!important;
  min-height:150px!important;
}

body.client-app-v2 .ux-command-copy{
  min-width:0!important;
  max-width:980px!important;
}

body.client-app-v2 .ux-command-copy>p{
  max-width:900px!important;
  line-height:1.65!important;
}

body.client-app-v2 .ux-command-actions{
  flex:0 0 auto!important;
  min-width:max-content!important;
}

/* KPI cards stay even and readable across desktop widths. */
body.client-app-v2 .ux-kpi-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

body.client-app-v2 .ux-kpi-grid>a{
  min-height:112px!important;
}

/* With the sales/service preview removed, the command dashboard becomes
   a balanced 2x2 operational grid. */
body.client-app-v2 .ux-dashboard-grid{
  margin-top:16px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Today Focus uses full width cleanly. */
body.client-app-v2 .ux-focus-list{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

/* Hide obsolete dashboard-only sales blocks if browser cache temporarily
   serves older dashboard markup. */
body.client-app-v2 .ux-section-heading,
body.client-app-v2 .ux-service-grid{
  display:none!important;
}

/* Medium desktop/laptop: preserve width without compressing action buttons. */
@media(max-width:1380px) and (min-width:901px){
  body.client-app-v2 .ux-command-hero{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
  }

  body.client-app-v2 .ux-kpi-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Smaller screens stack naturally. */
@media(max-width:900px){
  body.client-app-v2 .ux-command-hero{
    display:flex!important;
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  body.client-app-v2 .ux-command-actions{
    min-width:0!important;
    width:100%!important;
    justify-content:flex-start!important;
  }

  body.client-app-v2 .ux-kpi-grid,
  body.client-app-v2 .ux-dashboard-grid,
  body.client-app-v2 .ux-focus-list{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:760px){
  body.client-app-v2 .client-content-v2{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  body.client-app-v2 .ux-command-actions a{
    flex:1 1 100%!important;
  }
}

/* =========================================================
   ZLAJAOS ADMIN PREVIEW COMPACT MODE V1
   Admin Preview receives its own geometry and no longer squeezes
   the real Client Platform interface.
   ========================================================= */

/* Preview defaults to an icon rail. */
body.client-app-v2.admin-preview-mode{
  --cp-side:76px!important;
}

/* The preview banner is independent from client navigation geometry. */
body.client-app-v2.admin-preview-mode .admin-preview-banner{
  position:fixed!important;
  inset:0 0 auto 0!important;
  z-index:200!important;
  height:54px!important;
  min-height:54px!important;
  padding:7px 18px!important;
  box-sizing:border-box!important;
}

body.client-app-v2.admin-preview-mode .admin-preview-main,
body.client-app-v2.admin-preview-mode .admin-preview-actions{
  min-width:0!important;
}

body.client-app-v2.admin-preview-mode .admin-preview-main span,
body.client-app-v2.admin-preview-mode .admin-preview-note{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Compact preview sidebar starts exactly below the banner. */
body.client-app-v2.admin-preview-mode .client-sidebar-v2.with-preview{
  top:54px!important;
  width:var(--cp-side)!important;
  height:calc(100vh - 54px)!important;
}

/* Main content uses all remaining width, without duplicate offsets. */
body.client-app-v2.admin-preview-mode .client-main-v2,
body.client-app-v2.admin-preview-mode .client-main-v2.with-preview{
  width:calc(100vw - var(--cp-side))!important;
  margin-left:var(--cp-side)!important;
  padding-top:54px!important;
}

body.client-app-v2.admin-preview-mode .client-main-v2.with-preview .client-topbar-v2{
  top:54px!important;
}

/* Force icon-rail presentation in preview mode. */
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-brand-row-v2{
  justify-content:center!important;
  padding:12px 7px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-brand-v2>div,
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 section>small,
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 a span,
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 a b,
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-sidebar-footer a em{
  display:none!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2{
  padding:10px 7px 12px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 section{
  margin:3px 0 7px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 a{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  min-height:38px!important;
  padding:6px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-nav-v2 a i{
  width:auto!important;
  font-size:15px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-sidebar-footer{
  padding:7px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-sidebar-footer a{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  min-height:36px!important;
}

body.client-app-v2.admin-preview-mode.client-sidebar-collapsed .client-sidebar-toggle-v2{
  position:absolute!important;
  top:23px!important;
  right:-15px!important;
  z-index:5!important;
  transform:rotate(180deg)!important;
}

/* Expanded preview remains available for inspection, but is narrower than
   the normal client sidebar. */
body.client-app-v2.admin-preview-mode:not(.client-sidebar-collapsed){
  --cp-side:228px!important;
}

body.client-app-v2.admin-preview-mode:not(.client-sidebar-collapsed) .client-sidebar-v2{
  box-shadow:18px 0 55px rgba(0,0,0,.24)!important;
}

/* Dashboard gains a little more breathing room in preview mode. */
body.client-app-v2.admin-preview-mode .client-content-v2{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding-left:clamp(20px,2vw,34px)!important;
  padding-right:clamp(20px,2vw,34px)!important;
}

body.client-app-v2.admin-preview-mode .ux-command-hero,
body.client-app-v2.admin-preview-mode .ux-kpi-grid,
body.client-app-v2.admin-preview-mode .ux-focus-section,
body.client-app-v2.admin-preview-mode .ux-dashboard-grid,
body.client-app-v2.admin-preview-mode .ux-platform-status{
  max-width:none!important;
}

/* At laptop widths the preview rail stays compact instead of switching
   into another competing responsive sidebar mode. */
@media(max-width:1100px) and (min-width:761px){
  body.client-app-v2.admin-preview-mode{
    --cp-side:72px!important;
  }

  body.client-app-v2.admin-preview-mode:not(.client-sidebar-collapsed){
    --cp-side:210px!important;
  }

  body.client-app-v2.admin-preview-mode .client-sidebar-toggle-v2{
    display:grid!important;
  }
}

/* Mobile preview uses normal page flow and a compact banner. */
@media(max-width:760px){
  body.client-app-v2.admin-preview-mode{
    --cp-side:0!important;
  }

  body.client-app-v2.admin-preview-mode .admin-preview-banner{
    position:relative!important;
    height:auto!important;
    min-height:54px!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  body.client-app-v2.admin-preview-mode .client-sidebar-v2.with-preview{
    position:static!important;
    width:100%!important;
    height:auto!important;
  }

  body.client-app-v2.admin-preview-mode .client-main-v2,
  body.client-app-v2.admin-preview-mode .client-main-v2.with-preview{
    width:100%!important;
    margin-left:0!important;
    padding-top:0!important;
  }

  body.client-app-v2.admin-preview-mode .client-sidebar-toggle-v2{
    display:none!important;
  }
}

/* =========================================================
   ADMIN PREVIEW OVERLAY NAVIGATION FIX V2
   The preview sidebar can never narrow or move client content.
   ========================================================= */

/* Hard authority: preview viewport always reserves only the compact rail. */
body.client-app-v2.admin-preview-mode{
  --cp-side:76px!important;
}

body.client-app-v2.admin-preview-mode .client-sidebar-v2.with-preview{
  width:76px!important;
  min-width:76px!important;
  max-width:76px!important;
}

body.client-app-v2.admin-preview-mode .client-main-v2,
body.client-app-v2.admin-preview-mode .client-main-v2.with-preview{
  width:calc(100vw - 76px)!important;
  max-width:calc(100vw - 76px)!important;
  margin-left:76px!important;
}

/* Preview navigation is always icon-only in its resting state. */
body.client-app-v2.admin-preview-mode .client-brand-v2>div,
body.client-app-v2.admin-preview-mode .client-nav-v2 section>small,
body.client-app-v2.admin-preview-mode .client-nav-v2 a span,
body.client-app-v2.admin-preview-mode .client-nav-v2 a b,
body.client-app-v2.admin-preview-mode .client-sidebar-footer a em{
  display:none!important;
}

body.client-app-v2.admin-preview-mode .client-brand-row-v2{
  justify-content:center!important;
  padding:12px 7px!important;
}

body.client-app-v2.admin-preview-mode .client-nav-v2{
  padding:10px 7px 12px!important;
}

body.client-app-v2.admin-preview-mode .client-nav-v2 section{
  margin:3px 0 7px!important;
}

body.client-app-v2.admin-preview-mode .client-nav-v2 a{
  grid-template-columns:1fr!important;
  justify-items:center!important;
  min-height:38px!important;
  padding:6px!important;
}

body.client-app-v2.admin-preview-mode .client-nav-v2 a i{
  width:auto!important;
  font-size:15px!important;
}

body.client-app-v2.admin-preview-mode .client-sidebar-footer{
  padding:7px!important;
}

body.client-app-v2.admin-preview-mode .client-sidebar-footer a{
  grid-template-columns:1fr!important;
  justify-items:center!important;
}

/* Clicking the arrow opens a floating drawer over the page.
   Main content width and margin remain unchanged. */
body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-v2.with-preview{
  width:228px!important;
  min-width:228px!important;
  max-width:228px!important;
  z-index:190!important;
  box-shadow:22px 0 60px rgba(0,0,0,.48)!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-brand-row-v2{
  justify-content:space-between!important;
  padding:12px 13px 12px 18px!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-brand-v2>div{
  display:flex!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-nav-v2 section>small{
  display:block!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-nav-v2 a{
  grid-template-columns:25px 1fr auto!important;
  justify-items:stretch!important;
  padding:6px 9px!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-nav-v2 a span{
  display:block!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-nav-v2 a b{
  display:grid!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-footer a{
  grid-template-columns:22px 1fr!important;
  justify-items:stretch!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-footer a em{
  display:block!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-toggle-v2{
  position:static!important;
  transform:none!important;
}

/* Override every prior rule that attempted to expand preview geometry. */
body.client-app-v2.admin-preview-mode:not(.client-sidebar-collapsed),
body.client-app-v2.admin-preview-mode.admin-preview-nav-open{
  --cp-side:76px!important;
}

body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2,
body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2.with-preview{
  width:calc(100vw - 76px)!important;
  max-width:calc(100vw - 76px)!important;
  margin-left:76px!important;
}

/* Content itself gets full usable preview width. */
body.client-app-v2.admin-preview-mode .client-content-v2{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding-left:24px!important;
  padding-right:24px!important;
}

body.client-app-v2.admin-preview-mode .client-content-v2 > *{
  width:100%!important;
  max-width:none!important;
}

/* Compact preview at laptop sizes remains identical. */
@media(max-width:1100px) and (min-width:761px){
  body.client-app-v2.admin-preview-mode{
    --cp-side:72px!important;
  }

  body.client-app-v2.admin-preview-mode .client-sidebar-v2.with-preview{
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
  }

  body.client-app-v2.admin-preview-mode .client-main-v2,
  body.client-app-v2.admin-preview-mode .client-main-v2.with-preview,
  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2,
  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2.with-preview{
    width:calc(100vw - 72px)!important;
    max-width:calc(100vw - 72px)!important;
    margin-left:72px!important;
  }

  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-v2.with-preview{
    width:210px!important;
    min-width:210px!important;
    max-width:210px!important;
  }
}

@media(max-width:760px){
  body.client-app-v2.admin-preview-mode .client-sidebar-v2.with-preview,
  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-sidebar-v2.with-preview{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }

  body.client-app-v2.admin-preview-mode .client-main-v2,
  body.client-app-v2.admin-preview-mode .client-main-v2.with-preview,
  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2,
  body.client-app-v2.admin-preview-mode.admin-preview-nav-open .client-main-v2.with-preview{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
  }
}

/* =========================================================
   FINAL ADMIN IMPERSONATION — NO PREVIEW LAYOUT
   The administrator sees the exact same Client Platform layout.
   ========================================================= */

/* Permanently neutralize every historical preview geometry rule. */
body.client-app-v2.admin-impersonation-mode,
body.client-app-v2.admin-preview-mode{
  --cp-side:252px!important;
}

body.client-app-v2.admin-impersonation-mode .client-sidebar-v2,
body.client-app-v2.admin-preview-mode .client-sidebar-v2{
  top:0!important;
  height:100vh!important;
  width:var(--cp-side)!important;
  min-width:var(--cp-side)!important;
  max-width:var(--cp-side)!important;
}

body.client-app-v2.admin-impersonation-mode .client-main-v2,
body.client-app-v2.admin-preview-mode .client-main-v2{
  width:calc(100vw - var(--cp-side))!important;
  max-width:calc(100vw - var(--cp-side))!important;
  margin-left:var(--cp-side)!important;
  padding-top:0!important;
}

body.client-app-v2.admin-impersonation-mode .client-topbar-v2,
body.client-app-v2.admin-preview-mode .client-topbar-v2{
  top:0!important;
}

/* Old preview elements are removed from PHP, but hidden defensively. */
body.client-app-v2 .admin-preview-banner{
  display:none!important;
}

/* Small topbar-only admin indicator. */
.admin-impersonation-chip{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:5px 7px 5px 10px;
  border:1px solid rgba(240,185,66,.48);
  border-radius:10px;
  background:rgba(240,185,66,.07);
}

.admin-impersonation-chip>div{
  display:flex;
  flex-direction:column;
  line-height:1.15;
}

.admin-impersonation-chip small{
  color:#efb93e;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

.admin-impersonation-chip b{
  color:#dfe8f0;
  font-size:10px;
  white-space:nowrap;
}

.admin-impersonation-chip>span{
  padding:6px 8px;
  border-radius:7px;
  color:#f2bd4a;
  background:rgba(240,185,66,.1);
  font-size:10px;
  font-weight:800;
}

.admin-impersonation-chip>a{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 9px;
  border-radius:7px;
  color:#08111b;
  background:#efb93e;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
}

/* Collapsed sidebar works identically for admin and client. */
body.client-app-v2.admin-impersonation-mode.client-sidebar-collapsed,
body.client-app-v2.admin-preview-mode.client-sidebar-collapsed{
  --cp-side:78px!important;
}

/* Medium screens hide the text, not the control. */
@media(max-width:1380px){
  .admin-impersonation-chip>div{
    display:none;
  }
}

@media(max-width:1100px) and (min-width:761px){
  body.client-app-v2.admin-impersonation-mode,
  body.client-app-v2.admin-preview-mode{
    --cp-side:76px!important;
  }

  .admin-impersonation-chip>span{
    display:none;
  }
}

@media(max-width:760px){
  body.client-app-v2.admin-impersonation-mode,
  body.client-app-v2.admin-preview-mode{
    --cp-side:0!important;
  }

  body.client-app-v2.admin-impersonation-mode .client-sidebar-v2,
  body.client-app-v2.admin-preview-mode .client-sidebar-v2{
    position:static!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
  }

  body.client-app-v2.admin-impersonation-mode .client-main-v2,
  body.client-app-v2.admin-preview-mode .client-main-v2{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
  }

  .admin-impersonation-chip{
    order:4;
  }
}

/* =========================================================
   ZLAJAOS CLIENT PLATFORM UI 1.0 FINAL
   Unified Admin Mode topbar control and final visual polish.
   ========================================================= */

/* Retire the previous fragmented admin indicator. */
.admin-impersonation-chip{display:none!important}

.admin-impersonation-card{
  display:grid;
  grid-template-columns:34px minmax(112px,auto) auto auto;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:5px 6px 5px 7px;
  border:1px solid rgba(239,185,62,.52);
  border-radius:11px;
  background:
    linear-gradient(135deg,rgba(239,185,62,.11),rgba(239,185,62,.035)),
    #091827;
  box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);
}

.admin-impersonation-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:9px;
  color:#07111b;
  background:#efb93e;
  font-size:13px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(239,185,62,.18);
}

.admin-impersonation-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  line-height:1.12;
}

.admin-impersonation-copy small{
  color:#efb93e;
  font-size:7px;
  font-weight:900;
  letter-spacing:.17em;
}

.admin-impersonation-copy b{
  margin-top:3px;
  overflow:hidden;
  color:#e6eef5;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.admin-impersonation-time{
  min-width:47px;
  padding:7px 8px;
  border:1px solid rgba(239,185,62,.25);
  border-radius:8px;
  color:#f2c75f;
  background:rgba(239,185,62,.07);
  font-size:10px;
  font-weight:900;
  text-align:center;
  font-variant-numeric:tabular-nums;
}

.admin-impersonation-exit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:0 10px;
  border-radius:8px;
  color:#07111b;
  background:#efb93e;
  text-decoration:none;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
  transition:transform .16s ease,background .16s ease;
}

.admin-impersonation-exit:hover{
  color:#07111b;
  background:#ffd36b;
  transform:translateY(-1px);
}

/* Admin mode uses one identity card only; duplicate account card is removed in PHP. */
body.admin-impersonation-mode .client-top-actions-v2{
  gap:9px!important;
}

/* Final topbar spacing and vertical alignment. */
.client-top-actions-v2{
  flex-wrap:nowrap!important;
}

.client-top-actions-v2>*{
  flex:0 0 auto;
}

@media(max-width:1460px){
  .admin-impersonation-card{
    grid-template-columns:32px auto auto;
  }
  .admin-impersonation-copy{
    display:none;
  }
}

@media(max-width:1180px){
  .admin-impersonation-exit{
    width:32px;
    padding:0;
    overflow:hidden;
    color:transparent;
    font-size:0;
  }
  .admin-impersonation-exit:after{
    content:"↩";
    color:#07111b;
    font-size:13px;
  }
}

@media(max-width:900px){
  .admin-impersonation-time{display:none}
  .admin-impersonation-card{grid-template-columns:32px auto}
}

@media(max-width:760px){
  .client-top-actions-v2{flex-wrap:wrap!important}
  .admin-impersonation-card{
    order:4;
    width:100%;
    grid-template-columns:32px 1fr auto auto;
  }
  .admin-impersonation-copy{display:flex}
  .admin-impersonation-time{display:block}
  .admin-impersonation-exit{
    width:auto;
    padding:0 10px;
    color:#07111b;
    font-size:9px;
  }
  .admin-impersonation-exit:after{display:none}
}

/* =========================================================
   ZLAJAOS SERVICE CLOUD 1.0 — COMPLETE PUBLIC EXPERIENCE
   Scoped to .service-cloud-page and .sc-auth-page
   ========================================================= */
:root{--sc-bg:#050d18;--sc-bg-2:#071523;--sc-panel:#0a1c2f;--sc-panel-2:#0d2238;--sc-line:#244761;--sc-line-soft:#17344c;--sc-text:#edf4fa;--sc-muted:#8ea3b6;--sc-blue:#2d88f5;--sc-blue-2:#56a9ff;--sc-gold:#f1bb42;--sc-green:#39d795}
.service-cloud-page,.sc-auth-page{margin:0;background:var(--sc-bg);color:var(--sc-text);font-family:inherit;overflow-x:hidden}
.service-cloud-page *,.sc-auth-page *{box-sizing:border-box}
.service-cloud-page a,.sc-auth-page a{text-decoration:none}
.sc-header{position:sticky;top:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:88px;padding:0 clamp(24px,5vw,90px);border-bottom:1px solid rgba(50,91,121,.55);background:rgba(5,14,25,.88);backdrop-filter:blur(18px)}
.sc-brand{display:inline-flex;align-items:center;gap:11px;color:#fff}.sc-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:linear-gradient(145deg,#3898ff,#176bdc);box-shadow:0 12px 28px rgba(35,126,244,.24);font-size:20px;font-weight:900}.sc-brand>div{display:flex;flex-direction:column}.sc-brand b{font-size:15px}.sc-brand small{color:#7f95a8;font-size:10px}
.sc-nav{display:flex;align-items:center;gap:30px}.sc-nav a{position:relative;color:#94a7b8;font-size:13px}.sc-nav a:hover,.sc-nav a.active{color:#fff}.sc-nav a.active:after{content:"";position:absolute;right:0;bottom:-34px;left:0;height:2px;background:var(--sc-blue)}
.sc-header-actions{display:flex;justify-content:flex-end;gap:9px}.sc-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid #2c4d68;border-radius:9px;color:#b6c5d2;font-size:12px;font-weight:800;transition:.18s ease}.sc-btn:hover{transform:translateY(-1px);border-color:#4a83b1;color:#fff}.sc-btn-primary{color:#fff;border-color:var(--sc-blue);background:linear-gradient(145deg,#3392ff,#2077e2);box-shadow:0 12px 30px rgba(34,126,238,.18)}.sc-btn-primary:hover{box-shadow:0 16px 36px rgba(34,126,238,.28)}.sc-btn-ghost{background:#081827}.sc-btn-xl{min-height:52px;padding:0 21px;font-size:13px}.sc-mobile-toggle{display:none}
.sc-kicker{color:#4da0fc;font-size:10px;font-weight:900;letter-spacing:.24em}.sc-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);align-items:center;gap:clamp(40px,6vw,100px);min-height:760px;padding:80px clamp(30px,7vw,125px);overflow:hidden;background:radial-gradient(circle at 78% 18%,rgba(45,136,245,.12),transparent 28%),linear-gradient(145deg,#071524,#050e19 60%)}.sc-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,111,144,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,144,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.sc-hero-copy,.sc-platform-preview{position:relative;z-index:2}.sc-hero h1{max-width:820px;margin:20px 0 22px;font-size:clamp(52px,5.3vw,84px);line-height:.98;letter-spacing:-.055em}.sc-hero-copy>p{max-width:760px;margin:0;color:#a1b2c1;font-size:18px;line-height:1.75}.sc-hero-actions{display:flex;gap:11px;margin-top:31px}.sc-trust-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px;color:#8298aa;font-size:11px}.sc-trust-row i{margin-right:6px;color:#3bd795;font-style:normal}
.sc-platform-preview{padding:28px}.sc-preview-window{position:relative;padding:25px;border:1px solid #315570;border-radius:18px;background:linear-gradient(145deg,rgba(14,36,58,.97),rgba(7,23,39,.97));box-shadow:0 45px 100px rgba(0,0,0,.34)}.sc-preview-window:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 90% 10%,rgba(241,187,66,.08),transparent 24%);pointer-events:none}.sc-preview-window>header{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #294a63}.sc-preview-brand{display:flex;align-items:center;gap:10px}.sc-preview-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;color:#07111a;background:var(--sc-gold);font-weight:900}.sc-preview-brand div{display:flex;flex-direction:column}.sc-preview-brand small{color:#778fa2}.sc-preview-window>header>i{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;color:#46dda1;background:rgba(57,215,149,.09);font-size:9px;font-style:normal}.sc-preview-window>header>i span{width:6px;height:6px;border-radius:50%;background:#3bd795}.sc-preview-welcome{padding:25px 0 18px}.sc-preview-welcome small{color:#5ba8fa;letter-spacing:.16em}.sc-preview-welcome h3{margin:8px 0;font-size:25px}.sc-preview-welcome p{margin:0;color:#8298aa}.sc-preview-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sc-preview-kpis article{padding:15px;border:1px solid #294a63;border-radius:10px;background:#081827}.sc-preview-kpis small,.sc-preview-kpis b{display:block}.sc-preview-kpis small{color:#748da2;font-size:9px}.sc-preview-kpis b{margin-top:5px;font-size:20px}.sc-preview-project{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:17px;border:1px solid #31526c;border-radius:11px;background:#0a1d30}.sc-preview-project>div{display:flex;flex-direction:column}.sc-preview-project small{color:#4da0fc}.sc-preview-project span{color:#7d94a7}.sc-preview-project strong{color:var(--sc-gold);font-size:26px}.sc-preview-progress{height:5px;margin-top:12px;border-radius:99px;background:#122c43;overflow:hidden}.sc-preview-progress i{display:block;width:67%;height:100%;background:linear-gradient(90deg,#3393ff,#f0bb42)}.sc-float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #31546d;border-radius:11px;background:rgba(8,25,42,.96);box-shadow:0 20px 45px rgba(0,0,0,.28)}.sc-float-card>span{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;color:#06111b;background:#3bd795}.sc-float-card>div{display:flex;flex-direction:column}.sc-float-card small{color:#728ba0}.sc-float-one{top:10px;right:-35px}.sc-float-two{bottom:-15px;left:-28px}.sc-float-two>span{color:#fff;background:#2d88f5}
.sc-proof-strip{display:flex;align-items:center;justify-content:center;gap:28px;min-height:66px;border-top:1px solid #17344b;border-bottom:1px solid #17344b;color:#58758e;background:#06111e;font-size:9px;font-weight:900;letter-spacing:.19em}.sc-proof-strip i{width:4px;height:4px;border-radius:50%;background:#2d88f5}
.sc-section{padding:100px clamp(30px,7vw,125px)}.sc-section-head{max-width:900px;margin-bottom:42px}.sc-section-head h2{margin:14px 0;font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-.035em}.sc-section-head p{max-width:760px;margin:0;color:#8fa4b5;font-size:16px;line-height:1.7}.sc-section-head-row{display:flex;align-items:flex-end;justify-content:space-between;max-width:none}.sc-section-head-row>a{color:#65acff;font-size:12px}
.sc-platform-section{background:#081725}.sc-capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sc-capability-grid>a{position:relative;min-height:280px;padding:25px;border:1px solid #264760;border-radius:15px;color:inherit;background:linear-gradient(145deg,#0b1f33,#091a2b);overflow:hidden;transition:.22s ease}.sc-capability-grid>a:after{content:"";position:absolute;inset:auto -45px -65px auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(45,136,245,.12),transparent 70%)}.sc-capability-grid>a:hover{transform:translateY(-4px);border-color:#3e759e;box-shadow:0 24px 50px rgba(0,0,0,.2)}.sc-cap-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:11px;font-size:17px}.sc-cap-icon.blue{color:#64adff;background:#12385f}.sc-cap-icon.gold{color:#f1bb42;background:#483812}.sc-cap-icon.purple{color:#ae91ff;background:#30265d}.sc-cap-icon.cyan{color:#65cce9;background:#103d4f}.sc-cap-icon.green{color:#44dda0;background:#104a39}.sc-cap-icon.rose{color:#ff8ea2;background:#4a202d}.sc-capability-grid small{position:absolute;top:27px;right:27px;color:#52708a;font-size:10px}.sc-capability-grid h3{margin:27px 0 10px;font-size:22px}.sc-capability-grid p{min-height:76px;color:#849aab;line-height:1.65}.sc-capability-grid strong{color:#5da8fb;font-size:10px}
.sc-services-section{background:#050e19}.sc-home-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sc-home-product{position:relative;display:flex;flex-direction:column;min-height:420px;padding:26px;border:1px solid #274860;border-radius:15px;background:#0a1d30}.sc-home-product.featured{border-color:rgba(241,187,66,.48);box-shadow:inset 0 1px rgba(241,187,66,.12)}.sc-product-label{display:flex;align-items:center;justify-content:space-between}.sc-product-label>span{color:#62aaff;font-size:9px;font-weight:900;letter-spacing:.15em}.sc-product-label>i{padding:5px 7px;border-radius:99px;color:#07121c;background:#f1bb42;font-size:8px;font-style:normal;font-weight:900}.sc-home-product h3{margin:30px 0 10px;font-size:24px}.sc-home-product>p{color:#849bad;line-height:1.65}.sc-home-product ul{display:grid;gap:9px;margin:14px 0 25px;padding:0;list-style:none}.sc-home-product li{color:#9aabba;font-size:12px}.sc-home-product li span{margin-right:7px;color:#3bd795}.sc-home-product-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:20px;border-top:1px solid #213f57}.sc-home-product-bottom>div{display:flex;flex-direction:column}.sc-home-product-bottom small,.sc-home-product-bottom span{color:#728a9f}.sc-home-product-bottom b{margin:4px 0;color:#f0bb42;font-size:22px}.sc-home-product-bottom>a{color:#64aaff;font-size:11px}.sc-empty-product{grid-column:1/-1;align-items:center;justify-content:center;text-align:center}
.sc-process-section{background:#081725}.sc-process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.sc-process-flow article{position:relative;padding:0 28px 0 0}.sc-process-flow article:after{content:"";position:absolute;top:28px;right:20px;left:62px;height:1px;background:#2a4c65}.sc-process-flow article:last-child:after{display:none}.sc-process-flow article>span{color:#5a7890;font-size:9px}.sc-process-icon{position:relative;z-index:2;display:grid;place-items:center;width:56px;height:56px;margin:12px 0 20px;border:1px solid #3483c3;border-radius:50%;color:#65afff;background:#081725}.sc-process-flow h3{font-size:19px}.sc-process-flow p{min-height:65px;color:#849aab;line-height:1.65}.sc-process-flow small{color:#52718a;font-size:8px;letter-spacing:.14em}.sc-process-flow.compact article:after{top:20px}.sc-process-flow.compact article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3278ad;border-radius:50%;color:#60a9fb}.sc-process-flow.compact .sc-process-icon{display:none}
.sc-testimonial-section{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;padding:100px clamp(30px,7vw,125px);background:radial-gradient(circle at 20% 50%,rgba(45,136,245,.08),transparent 30%),#050e19}.sc-testimonial-section h2{max-width:850px;margin:14px 0;font-size:clamp(38px,4vw,58px);line-height:1.08}.sc-partnership-points{display:grid;gap:10px}.sc-partnership-points article{display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #25455e;border-radius:11px;background:#091a2b}.sc-partnership-points b{color:#f0bb42}.sc-partnership-points span{color:#a4b3c0}
.sc-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:90px clamp(30px,7vw,125px);padding:42px;border:1px solid rgba(241,187,66,.42);border-radius:17px;background:radial-gradient(circle at 85% 50%,rgba(241,187,66,.08),transparent 25%),#0b2034}.sc-final-cta h2{margin:12px 0;font-size:clamp(30px,3vw,44px)}.sc-final-cta p{margin:0;color:#879daf}.sc-final-cta>div:last-child{display:flex;gap:9px}
.sc-footer{border-top:1px solid #1d3b53;background:#050c15}.sc-footer-main{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px;padding:60px clamp(30px,7vw,125px)}.sc-footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.sc-footer-main small{color:#54738c;font-size:9px;font-weight:900;letter-spacing:.16em}.sc-footer-main a,.sc-footer-main span{color:#879caf;font-size:12px}.sc-footer-main a:hover{color:#fff}.sc-footer-brand p{max-width:360px;color:#7f95a7;line-height:1.65}.sc-operational{display:inline-flex;align-items:center;gap:8px}.sc-operational i{width:7px;height:7px;border-radius:50%;background:#3bd795;box-shadow:0 0 0 5px rgba(59,215,149,.08)}.sc-footer-bottom{display:flex;justify-content:space-between;padding:18px clamp(30px,7vw,125px);border-top:1px solid #17334a;color:#526f87;font-size:10px}
.sc-catalog-hero{padding:95px clamp(30px,7vw,125px) 65px;text-align:center;background:radial-gradient(circle at 50% 5%,rgba(45,136,245,.11),transparent 35%)}.sc-catalog-hero h1{max-width:980px;margin:18px auto;font-size:clamp(45px,5vw,72px);line-height:1.03;letter-spacing:-.045em}.sc-catalog-hero>p{max-width:760px;margin:auto;color:#8fa5b7;font-size:16px;line-height:1.7}.sc-catalog-meta{display:flex;justify-content:center;gap:24px;margin-top:24px;color:#778fa4;font-size:11px}.sc-catalog-meta i{margin-right:6px;color:#3bd795;font-style:normal}.sc-catalog-content{padding:0 clamp(30px,7vw,125px) 90px}.sc-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0 30px}.sc-filter-tabs{display:flex;flex-wrap:wrap;gap:7px}.sc-filter-tabs button{padding:9px 12px;border:1px solid #294a63;border-radius:99px;color:#8299ac;background:#081827;cursor:pointer}.sc-filter-tabs button.active{color:#fff;border-color:#338ef5;background:#12375d}.sc-filter-tabs b{margin-left:5px;color:#f0bb42}.sc-catalog-search{display:flex;align-items:center;min-width:300px;padding:0 12px;border:1px solid #294a63;border-radius:9px;background:#081827}.sc-catalog-search span{color:#5f91bd}.sc-catalog-search input{width:100%;height:40px;border:0;outline:0;color:#fff;background:transparent}.sc-catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sc-catalog-card{position:relative;display:flex;flex-direction:column;min-height:520px;padding:25px;border:1px solid #294a63;border-radius:15px;background:linear-gradient(145deg,#0b2034,#091a2b)}.sc-catalog-card.featured{border-color:rgba(241,187,66,.5)}.sc-catalog-card[hidden]{display:none}.sc-catalog-card>header{display:flex;align-items:center;justify-content:space-between}.sc-catalog-card>header>span{color:#62aaff;font-size:9px;font-weight:900;letter-spacing:.14em}.sc-catalog-card>header>i{padding:5px 8px;border-radius:99px;color:#06111a;background:#f0bb42;font-size:8px;font-style:normal;font-weight:900}.sc-catalog-card-icon{display:grid;place-items:center;width:47px;height:47px;margin-top:24px;border-radius:11px;color:#64acff;background:#12385f}.sc-catalog-card h2{margin:22px 0 10px;font-size:25px}.sc-catalog-card>p{color:#849bad;line-height:1.65}.sc-catalog-card ul{display:grid;gap:9px;margin:15px 0;padding:0;list-style:none}.sc-catalog-card li{color:#9badbb;font-size:12px}.sc-catalog-card li span{margin-right:7px;color:#3bd795}.sc-catalog-price{display:flex;flex-direction:column;margin-top:auto;padding-top:20px;border-top:1px solid #213f57}.sc-catalog-price small,.sc-catalog-price span{color:#728a9f}.sc-catalog-price b{margin:4px 0;color:#f0bb42;font-size:24px}.sc-catalog-card>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.sc-catalog-empty,.sc-no-results{grid-column:1/-1;padding:70px;text-align:center;border:1px solid #294a63;border-radius:15px;background:#091a2b}.sc-catalog-empty>span,.sc-no-results>span{color:#58a7ff;font-size:30px}.sc-custom-solution{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 clamp(30px,7vw,125px) 90px;padding:38px;border:1px solid #2b4c65;border-radius:16px;background:#0a1d30}.sc-custom-solution h2{margin:10px 0;font-size:32px}.sc-custom-solution p{max-width:750px;margin:0;color:#849bad;line-height:1.65}
.sc-service-hero{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:65px;align-items:center;padding:90px clamp(30px,7vw,125px);background:radial-gradient(circle at 78% 10%,rgba(45,136,245,.1),transparent 30%)}.sc-back-link{display:inline-block;margin-bottom:24px;color:#6caeff;font-size:11px}.sc-service-hero h1{margin:17px 0;font-size:clamp(48px,5vw,74px);line-height:1.02}.sc-service-hero>div>p{max-width:800px;color:#92a6b7;font-size:17px;line-height:1.75}.sc-service-hero-actions{display:flex;gap:9px;margin-top:28px}.sc-service-price-card{padding:27px;border:1px solid rgba(241,187,66,.45);border-radius:16px;background:#0b2034}.sc-service-price-card>small,.sc-service-price-card>b,.sc-service-price-card>span{display:block}.sc-service-price-card>small{color:#6e8ba1;font-size:9px;letter-spacing:.14em}.sc-service-price-card>b{margin:14px 0 4px;color:#f0bb42;font-size:36px}.sc-service-price-card>span{color:#7d94a7}.sc-service-price-card dl{margin:22px 0 0}.sc-service-price-card dl>div{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #23435b}.sc-service-price-card dt{color:#758da2}.sc-service-price-card dd{margin:0}.sc-service-tabs{position:sticky;top:88px;z-index:20;display:flex;justify-content:center;gap:35px;padding:15px;border-top:1px solid #1b3a52;border-bottom:1px solid #1b3a52;background:rgba(5,14,25,.94);backdrop-filter:blur(12px)}.sc-service-tabs a{color:#8399ab;font-size:11px}.sc-service-tabs a:hover{color:#fff}.sc-service-overview{display:grid;grid-template-columns:1fr .8fr;gap:70px;padding:90px clamp(30px,7vw,125px)}.sc-service-overview h2{margin:13px 0;font-size:45px}.sc-service-overview article p{color:#8ca1b2;line-height:1.75}.sc-service-overview aside{display:grid;gap:10px}.sc-service-overview aside>div{display:flex;align-items:center;gap:16px;padding:19px;border:1px solid #274860;border-radius:11px;background:#091a2b}.sc-service-overview aside span{color:#f0bb42}.sc-service-included,.sc-detail-process{padding:90px clamp(30px,7vw,125px);background:#081725}.sc-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sc-included-grid article{display:flex;align-items:center;gap:13px;padding:19px;border:1px solid #274860;border-radius:11px;background:#0a1d30}.sc-included-grid article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#06111a;background:#3bd795}.sc-included-grid article>div{display:flex;flex-direction:column}.sc-included-grid small{color:#52718a}.sc-faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;padding:90px clamp(30px,7vw,125px)}.sc-faq-section h2{font-size:44px}.sc-faq-list{display:grid;gap:9px}.sc-faq-list details{padding:18px;border:1px solid #274860;border-radius:11px;background:#091a2b}.sc-faq-list summary{cursor:pointer;font-weight:800}.sc-faq-list p{color:#849bad;line-height:1.65}.sc-not-found{padding:140px 30px;text-align:center}.sc-not-found>span{color:#f0bb42;font-size:12px;letter-spacing:.2em}.sc-not-found h1{font-size:50px}
.sc-auth-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.sc-auth-showcase{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:34px clamp(28px,5vw,75px);border-right:1px solid #25465f;background:radial-gradient(circle at 15% 45%,rgba(45,136,245,.13),transparent 36%),linear-gradient(145deg,#0d2b48,#091a2d)}.sc-auth-showcase:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(65,111,144,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(65,111,144,.04) 1px,transparent 1px);background-size:55px 55px;pointer-events:none}.sc-auth-showcase>*{position:relative;z-index:2}.sc-auth-visual{max-width:650px;margin:auto 0}.sc-auth-visual h1{margin:17px 0;font-size:clamp(44px,4vw,67px);line-height:1.02;letter-spacing:-.045em}.sc-auth-visual>p{max-width:590px;color:#9bafbf;line-height:1.7}.sc-auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px}.sc-auth-benefits article{padding:15px;border:1px solid #315570;border-radius:11px;background:rgba(6,22,38,.45)}.sc-auth-benefits article>span{display:grid;place-items:center;width:35px;height:35px;margin-bottom:15px;border-radius:9px;color:#61aaff;background:#12395f}.sc-auth-benefits article>div{display:flex;flex-direction:column}.sc-auth-benefits small{margin-top:4px;color:#718ba0}.sc-auth-status{display:flex;align-items:center;gap:9px;margin-top:25px;color:#6fd8aa;font-size:11px}.sc-auth-status i{width:8px;height:8px;border-radius:50%;background:#3bd795;box-shadow:0 0 0 5px rgba(59,215,149,.09)}.sc-auth-powered{color:#5f7a91;font-size:9px}.sc-auth-form-side{display:flex;align-items:center;justify-content:center;padding:40px;background:#050d18}.sc-auth-card{width:min(100%,490px);padding:34px;border:1px solid #294a63;border-radius:16px;background:linear-gradient(145deg,#0a1d30,#081827);box-shadow:0 35px 80px rgba(0,0,0,.25)}.sc-auth-card h2{margin:12px 0;font-size:34px}.sc-auth-card>p{color:#849bad;line-height:1.65}.sc-auth-form{display:grid;gap:15px;margin-top:25px}.sc-auth-form label>span{display:block;margin-bottom:7px;color:#92a6b7;font-size:10px;font-weight:800}.sc-input-wrap{display:flex;align-items:center;min-height:48px;padding:0 12px;border:1px solid #2a4b65;border-radius:9px;background:#071725}.sc-input-wrap:focus-within{border-color:#398ee9;box-shadow:0 0 0 3px rgba(45,136,245,.08)}.sc-input-wrap>i{width:23px;color:#5f94c0;font-style:normal}.sc-input-wrap input,.sc-input-wrap select{flex:1;min-width:0;height:46px;border:0;outline:0;color:#fff;background:transparent}.sc-input-wrap button{border:0;color:#66aaff;background:transparent;cursor:pointer;font-size:10px}.sc-auth-options{display:flex;justify-content:space-between}.sc-auth-options label{display:flex;align-items:center;gap:7px;color:#849bad;font-size:10px}.sc-auth-options a{color:#64aaff;font-size:10px}.sc-btn-submit{width:100%;border:0;cursor:pointer}.sc-security-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid #23435b;border-radius:9px;background:#071725}.sc-security-note>span{color:#3bd795}.sc-security-note>div{display:flex;flex-direction:column}.sc-security-note small{color:#728a9f}.sc-auth-switch{margin-top:18px;padding-top:18px;border-top:1px solid #213f57;color:#778fa3;text-align:center;font-size:10px}.sc-auth-switch a{color:#64aaff}.sc-auth-alert{padding:11px;border:1px solid rgba(255,94,119,.5);border-radius:8px;color:#ff98a8;background:rgba(255,94,119,.06)}.sc-onboarding-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:27px}.sc-onboarding-preview>div{display:flex;align-items:center;gap:11px;padding:15px;border:1px solid #315570;border-radius:10px;background:rgba(6,22,38,.42)}.sc-onboarding-preview span{color:#f0bb42}.sc-register-card{width:min(100%,620px)}.sc-step-indicator{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;margin:25px 0}.sc-step-indicator>button{display:flex;align-items:center;gap:10px;border:0;color:#7890a4;background:transparent;text-align:left}.sc-step-indicator>button>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #2c4e68;border-radius:50%}.sc-step-indicator>button.active{color:#fff}.sc-step-indicator>button.active>span{color:#06111a;border-color:#3a92f2;background:#3a92f2}.sc-step-indicator button div{display:flex;flex-direction:column}.sc-step-indicator small{color:#6e879b}.sc-step-indicator>i{height:1px;background:#294a63}.sc-form-step{display:none}.sc-form-step.active{display:block}.sc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sc-form-grid label.full{grid-column:1/-1}.sc-step-actions{display:flex;justify-content:space-between;gap:9px;margin-top:15px}.sc-step-actions button{flex:1;cursor:pointer}.sc-terms{display:flex;gap:9px;margin:17px 0;color:#849bad;font-size:10px}.hp-field{position:absolute!important;left:-9999px!important}
.sc-reveal{opacity:0;transform:translateY(20px);transition:.6s ease}.sc-reveal.sc-visible{opacity:1;transform:none}
@media(max-width:1200px){.sc-header{grid-template-columns:auto 1fr auto}.sc-nav{justify-content:center;gap:18px}.sc-hero{grid-template-columns:1fr 1fr;padding-left:45px;padding-right:45px}.sc-capability-grid,.sc-home-products,.sc-catalog-grid{grid-template-columns:repeat(2,1fr)}.sc-auth-benefits{grid-template-columns:1fr}.sc-footer-main{grid-template-columns:1.3fr repeat(2,1fr)}.sc-footer-main>div:last-child{display:none}}
@media(max-width:900px){.sc-mobile-toggle{display:grid;gap:4px;width:40px;height:40px;padding:10px;border:1px solid #294a63;border-radius:9px;background:#081827}.sc-mobile-toggle span{height:2px;background:#8fa5b7}.sc-header{grid-template-columns:1fr auto auto;padding:0 20px}.sc-nav{position:absolute;top:88px;right:15px;left:15px;display:none;flex-direction:column;align-items:stretch;padding:15px;border:1px solid #294a63;border-radius:12px;background:#081827}.sc-nav.active{display:flex}.sc-nav a.active:after{display:none}.sc-header-actions .sc-btn-ghost{display:none}.sc-hero{grid-template-columns:1fr;min-height:auto;padding:70px 30px}.sc-platform-preview{max-width:700px}.sc-float-card{display:none}.sc-proof-strip{flex-wrap:wrap;padding:20px}.sc-capability-grid,.sc-home-products,.sc-catalog-grid{grid-template-columns:1fr 1fr}.sc-process-flow{grid-template-columns:1fr 1fr;gap:30px}.sc-process-flow article:after{display:none}.sc-testimonial-section,.sc-service-hero,.sc-service-overview,.sc-faq-section{grid-template-columns:1fr}.sc-footer-main{grid-template-columns:1fr 1fr}.sc-auth-page{grid-template-columns:1fr}.sc-auth-showcase{min-height:520px;border-right:0;border-bottom:1px solid #25465f}.sc-catalog-toolbar{align-items:stretch;flex-direction:column}.sc-catalog-search{min-width:0}.sc-service-tabs{overflow:auto;justify-content:flex-start}.sc-final-cta,.sc-custom-solution{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.sc-header{min-height:74px}.sc-brand>div{display:none}.sc-header-actions .sc-btn{padding:0 11px}.sc-nav{top:74px}.sc-hero h1{font-size:46px}.sc-hero-actions,.sc-final-cta>div:last-child,.sc-service-hero-actions{flex-direction:column}.sc-hero-actions a,.sc-final-cta a,.sc-service-hero-actions a{width:100%}.sc-platform-preview{padding:0}.sc-preview-kpis{grid-template-columns:1fr}.sc-section{padding:70px 18px}.sc-capability-grid,.sc-home-products,.sc-catalog-grid,.sc-process-flow,.sc-included-grid{grid-template-columns:1fr}.sc-proof-strip span:nth-of-type(n+3),.sc-proof-strip i:nth-of-type(n+2){display:none}.sc-section-head-row{align-items:flex-start;flex-direction:column;gap:14px}.sc-testimonial-section{padding:70px 18px}.sc-final-cta,.sc-custom-solution{margin:60px 18px;padding:26px}.sc-footer-main{grid-template-columns:1fr;padding:45px 18px}.sc-footer-bottom{flex-direction:column;gap:7px;padding:16px 18px}.sc-catalog-hero{padding:70px 18px 45px}.sc-catalog-content{padding:0 18px 60px}.sc-catalog-meta{align-items:center;flex-direction:column;gap:8px}.sc-service-hero,.sc-service-overview,.sc-service-included,.sc-detail-process,.sc-faq-section{padding:65px 18px}.sc-service-price-card{width:100%}.sc-auth-showcase{min-height:450px;padding:25px 20px}.sc-auth-visual h1{font-size:42px}.sc-auth-benefits{display:none}.sc-auth-form-side{padding:20px 14px}.sc-auth-card{padding:24px}.sc-form-grid{grid-template-columns:1fr}.sc-form-grid label.full{grid-column:auto}.sc-step-indicator button div{display:none}}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — LEGACY SHELL RESET V1
   Public pages must never inherit the original authenticated
   Workspace geometry (body:flex, main margin-left, old header).
   ========================================================= */

/* Public Service Cloud is a standalone document, not the client app shell. */
html:has(body.service-cloud-page),
html:has(body.sc-auth-page){
  width:100%!important;
  min-width:0!important;
  overflow-x:hidden!important;
}

body.service-cloud-page,
body.sc-auth-page{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  overflow-x:hidden!important;
}

/* Kill original `body{display:flex}` on every public page. */
body.service-cloud-page{
  display:block!important;
}

/* Public main must never inherit `main{margin-left:260px}`. */
body.service-cloud-page > main{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}

/* The Service Cloud header must ignore all historical element-header rules. */
body.service-cloud-page > header.sc-header{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
}

/* All major public sections use the full document viewport. */
body.service-cloud-page > main > section,
body.service-cloud-page > main > nav{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin-left:0;
  margin-right:0;
}

/* Footer is outside the old Workspace geometry as well. */
body.service-cloud-page > footer.sc-footer{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}

/* Auth pages intentionally use their own two-column grid. */
body.sc-auth-page{
  display:grid!important;
  margin:0!important;
}

body.sc-auth-page > main.sc-auth-form-side{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}

/* Protect Service Cloud components from old generic header/content/card rules. */
body.service-cloud-page .sc-preview-window > header,
body.service-cloud-page .sc-catalog-card > header{
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
}

body.service-cloud-page .sc-preview-window,
body.service-cloud-page .sc-catalog-card,
body.service-cloud-page .sc-home-product,
body.service-cloud-page .sc-capability-grid > a{
  box-sizing:border-box!important;
}

/* Avoid horizontal clipping caused by wide hero content. */
body.service-cloud-page .sc-hero,
body.service-cloud-page .sc-catalog-hero,
body.service-cloud-page .sc-service-hero{
  min-width:0!important;
  overflow:hidden;
}

body.service-cloud-page .sc-hero-copy,
body.service-cloud-page .sc-platform-preview,
body.service-cloud-page .sc-preview-window,
body.service-cloud-page .sc-section-head,
body.service-cloud-page .sc-service-hero > *{
  min-width:0!important;
}

/* Keep desktop content centered within the intended design, not a 260px offset. */
@media(min-width:901px){
  body.service-cloud-page .sc-header,
  body.service-cloud-page .sc-hero,
  body.service-cloud-page .sc-section,
  body.service-cloud-page .sc-testimonial-section,
  body.service-cloud-page .sc-catalog-hero,
  body.service-cloud-page .sc-catalog-content,
  body.service-cloud-page .sc-service-hero,
  body.service-cloud-page .sc-service-overview,
  body.service-cloud-page .sc-service-included,
  body.service-cloud-page .sc-detail-process,
  body.service-cloud-page .sc-faq-section{
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* Mobile remains a single normal document flow. */
@media(max-width:900px){
  body.service-cloud-page,
  body.sc-auth-page{
    width:100%!important;
    max-width:100%!important;
  }

  body.service-cloud-page > main,
  body.sc-auth-page > main{
    margin-left:0!important;
  }
}


/* =========================================================
   SERVICE CLOUD HOMEPAGE HERO — FINAL COMPOSITION
   Fixes the accidental third CSS-grid item and turns the first
   viewport into one complete, balanced sales presentation.
   ========================================================= */

body.service-cloud-page .sc-hero{
  grid-template-columns:minmax(520px,1.03fr) minmax(500px,.97fr)!important;
  grid-template-areas:"copy preview"!important;
  min-height:calc(100vh - 88px)!important;
  max-height:none!important;
  gap:clamp(52px,6vw,108px)!important;
  padding-top:64px!important;
  padding-bottom:64px!important;
}

body.service-cloud-page .sc-hero-copy{
  grid-area:copy!important;
  align-self:center!important;
  max-width:780px!important;
}

body.service-cloud-page .sc-platform-preview{
  grid-area:preview!important;
  align-self:center!important;
  width:100%!important;
  max-width:720px!important;
  margin-left:auto!important;
  padding:20px 26px!important;
}

/* Defensive fix in case a cached index still contains this element. */
body.service-cloud-page .sc-hero-glow{
  position:absolute!important;
  inset:-20% -10% auto auto!important;
  z-index:0!important;
  width:58vw!important;
  height:58vw!important;
  max-width:900px!important;
  max-height:900px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(45,136,245,.12),transparent 67%)!important;
  pointer-events:none!important;
}

body.service-cloud-page .sc-hero h1{
  max-width:760px!important;
  font-size:clamp(56px,4.6vw,82px)!important;
  line-height:.98!important;
  text-wrap:balance;
}

body.service-cloud-page .sc-hero-copy>p{
  max-width:690px!important;
  font-size:17px!important;
}

body.service-cloud-page .sc-preview-window{
  transform:perspective(1400px) rotateY(-1.5deg) rotateX(.4deg);
  transform-origin:center;
  padding:24px!important;
  box-shadow:
    0 42px 90px rgba(0,0,0,.36),
    0 0 0 1px rgba(72,131,176,.05) inset!important;
}

body.service-cloud-page .sc-preview-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:17px;
  padding:10px 12px;
  border:1px solid rgba(51,93,124,.55);
  border-radius:9px;
  background:rgba(5,18,31,.46);
}

body.service-cloud-page .sc-preview-context span{
  color:#5ba9ff;
  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;
  white-space:nowrap;
}

body.service-cloud-page .sc-preview-context small{
  color:#6f879a;
  font-size:9px;
  text-align:right;
}

body.service-cloud-page .sc-hero-proof{
  display:flex;
  align-items:center;
  gap:17px;
  margin-top:29px;
  padding-top:22px;
  border-top:1px solid rgba(39,72,96,.72);
}

body.service-cloud-page .sc-hero-proof>div{
  display:flex;
  flex-direction:column;
  gap:2px;
}

body.service-cloud-page .sc-hero-proof b{
  color:#eaf3fb;
  font-size:19px;
  line-height:1;
}

body.service-cloud-page .sc-hero-proof span{
  color:#6f879b;
  font-size:9px;
  letter-spacing:.03em;
}

body.service-cloud-page .sc-hero-proof>i{
  width:1px;
  height:28px;
  background:#294a63;
}

body.service-cloud-page .sc-float-one{
  top:-2px!important;
  right:-18px!important;
}

body.service-cloud-page .sc-float-two{
  bottom:-9px!important;
  left:-14px!important;
}

/* The hero and preview remain together at ordinary laptop widths. */
@media(max-width:1450px) and (min-width:1001px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:minmax(460px,1fr) minmax(440px,.92fr)!important;
    gap:42px!important;
    padding-left:54px!important;
    padding-right:54px!important;
  }

  body.service-cloud-page .sc-hero h1{
    font-size:clamp(50px,4.4vw,68px)!important;
  }

  body.service-cloud-page .sc-platform-preview{
    padding:12px!important;
  }

  body.service-cloud-page .sc-float-card{
    transform:scale(.9);
  }
}

@media(max-width:1000px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "preview"!important;
    min-height:auto!important;
  }

  body.service-cloud-page .sc-hero-copy{
    max-width:800px!important;
  }

  body.service-cloud-page .sc-platform-preview{
    max-width:760px!important;
    margin:0 auto!important;
  }
}

@media(max-width:620px){
  body.service-cloud-page .sc-hero-proof{
    flex-wrap:wrap;
  }

  body.service-cloud-page .sc-hero-proof>i{
    display:none;
  }

  body.service-cloud-page .sc-preview-context{
    align-items:flex-start;
    flex-direction:column;
  }

  body.service-cloud-page .sc-preview-context small{
    text-align:left;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — LIVE MONITOR SHOWCASE V2
   Replaces the generic SaaS card with a true Client Platform
   dashboard experience rendered inside a premium browser monitor.
   ========================================================= */

body.service-cloud-page .sc-monitor-showcase{
  position:relative;
  max-width:820px!important;
  padding:16px 12px 30px!important;
  isolation:isolate;
}

body.service-cloud-page .sc-monitor-glow{
  position:absolute;
  inset:3% -6% 6% 4%;
  z-index:-2;
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 45%,rgba(45,136,245,.22),rgba(45,136,245,.06) 38%,transparent 70%);
  filter:blur(30px);
  pointer-events:none;
}

body.service-cloud-page .sc-monitor-shell{
  position:relative;
  width:100%;
  transform:perspective(1700px) rotateY(-2.1deg) rotateX(.7deg);
  transform-origin:center;
  transition:transform .35s ease;
}

body.service-cloud-page .sc-monitor-showcase:hover .sc-monitor-shell{
  transform:perspective(1700px) rotateY(-.8deg) rotateX(.2deg) translateY(-3px);
}

body.service-cloud-page .sc-monitor-browser{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(71,124,163,.82);
  border-radius:18px;
  background:#06111d;
  box-shadow:
    0 44px 100px rgba(0,0,0,.5),
    0 0 0 6px rgba(11,30,48,.84),
    0 0 0 7px rgba(67,113,145,.28);
}

body.service-cloud-page .sc-monitor-browser:after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(125deg,rgba(255,255,255,.035),transparent 20%),
    radial-gradient(circle at 86% 8%,rgba(45,136,245,.07),transparent 24%);
  pointer-events:none;
}

body.service-cloud-page .sc-monitor-browserbar{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:12px;
  min-height:38px;
  padding:0 14px;
  border-bottom:1px solid #213f56;
  background:linear-gradient(180deg,#10253a,#0b1b2b);
}

body.service-cloud-page .sc-browser-dots{
  display:flex;
  gap:5px;
}

body.service-cloud-page .sc-browser-dots span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#4f6b80;
}

body.service-cloud-page .sc-browser-dots span:first-child{background:#ff6b75}
body.service-cloud-page .sc-browser-dots span:nth-child(2){background:#f3b943}
body.service-cloud-page .sc-browser-dots span:nth-child(3){background:#40d19b}

body.service-cloud-page .sc-browser-address{
  justify-self:center;
  display:flex;
  align-items:center;
  gap:7px;
  min-width:260px;
  padding:6px 13px;
  border:1px solid #294a63;
  border-radius:7px;
  color:#7891a5;
  background:#071725;
  font-size:8px;
}

body.service-cloud-page .sc-browser-address i{
  color:#3bd795;
  font-style:normal;
}

body.service-cloud-page .sc-browser-secure{
  color:#4bd79d;
  font-size:7px;
  font-weight:900;
  letter-spacing:.12em;
}

body.service-cloud-page .sc-monitor-screen{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  aspect-ratio:16/9.2;
  min-height:360px;
  background:#050d18;
}

body.service-cloud-page .sc-mini-sidebar{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:13px 8px 10px;
  border-right:1px solid #1d3a52;
  background:linear-gradient(180deg,#081827,#06131f);
}

body.service-cloud-page .sc-mini-brand{
  display:flex;
  align-items:center;
  gap:7px;
  width:100%;
  padding-bottom:11px;
  border-bottom:1px solid #1c3950;
}

body.service-cloud-page .sc-mini-brand>span{
  display:grid;
  place-items:center;
  flex:0 0 25px;
  width:25px;
  height:25px;
  border-radius:7px;
  color:#fff;
  background:linear-gradient(145deg,#3394ff,#176fdc);
  font-size:11px;
  font-weight:900;
}

body.service-cloud-page .sc-mini-brand>div{
  min-width:0;
  display:flex;
  flex-direction:column;
}

body.service-cloud-page .sc-mini-brand b{
  overflow:hidden;
  color:#eaf3fb;
  font-size:7px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.service-cloud-page .sc-mini-brand small{
  color:#6f879a;
  font-size:5px;
}

body.service-cloud-page .sc-mini-sidebar nav{
  display:grid;
  gap:7px;
  width:100%;
  margin-top:12px;
}

body.service-cloud-page .sc-mini-sidebar nav i{
  display:grid;
  place-items:center;
  height:28px;
  border-radius:7px;
  color:#5f84a2;
  font-size:9px;
  font-style:normal;
}

body.service-cloud-page .sc-mini-sidebar nav i.active{
  color:#73b4ff;
  border-left:2px solid #3897ff;
  background:#12375d;
}

body.service-cloud-page .sc-mini-exit{
  display:grid;
  place-items:center;
  width:100%;
  height:27px;
  margin-top:auto;
  border:1px solid rgba(255,83,108,.5);
  border-radius:7px;
  color:#ff7187;
  font-size:8px;
}

body.service-cloud-page .sc-mini-app{
  min-width:0;
  background:
    radial-gradient(circle at 86% 2%,rgba(45,136,245,.055),transparent 25%),
    #050d18;
}

body.service-cloud-page .sc-mini-app>header{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  min-height:53px!important;
  padding:9px 14px!important;
  border-bottom:1px solid #1c3a52;
  background:#06121f;
}

body.service-cloud-page .sc-mini-app>header small{
  color:#f0bb42;
  font-size:5px;
  font-weight:900;
  letter-spacing:.16em;
}

body.service-cloud-page .sc-mini-app>header h3{
  margin:3px 0 0;
  color:#edf4fa;
  font-size:13px;
}

body.service-cloud-page .sc-mini-top-actions{
  display:flex;
  align-items:center;
  gap:6px;
}

body.service-cloud-page .sc-mini-top-actions span,
body.service-cloud-page .sc-mini-top-actions i,
body.service-cloud-page .sc-mini-top-actions b{
  display:flex;
  align-items:center;
  min-height:25px;
  padding:0 8px;
  border:1px solid #294a63;
  border-radius:6px;
  color:#9db0bf;
  background:#081827;
  font-size:6px;
  font-style:normal;
}

body.service-cloud-page .sc-mini-top-actions span{
  color:#fff;
  border-color:#2d88f5;
  background:#2d88f5;
}

body.service-cloud-page .sc-mini-top-actions b{
  color:#e9f2f8;
}

body.service-cloud-page .sc-mini-dashboard{
  display:grid;
  gap:8px;
  padding:12px;
}

body.service-cloud-page .sc-mini-welcome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 13px;
  border:1px solid #294a63;
  border-radius:10px;
  background:#0a1d30;
}

body.service-cloud-page .sc-mini-welcome small{
  color:#54a6ff;
  font-size:5px;
  font-weight:900;
  letter-spacing:.18em;
}

body.service-cloud-page .sc-mini-welcome h4{
  margin:5px 0 3px;
  color:#eef5fa;
  font-size:16px;
}

body.service-cloud-page .sc-mini-welcome p{
  margin:0;
  color:#8298aa;
  font-size:6px;
}

body.service-cloud-page .sc-mini-quick{
  display:flex;
  gap:5px;
}

body.service-cloud-page .sc-mini-quick span{
  padding:6px 7px;
  border:1px solid #294a63;
  border-radius:6px;
  color:#a6b5c1;
  background:#081827;
  font-size:5px;
}

body.service-cloud-page .sc-mini-quick span:first-child{
  color:#fff;
  border-color:#2d88f5;
  background:#2d88f5;
}

body.service-cloud-page .sc-mini-kpis{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}

body.service-cloud-page .sc-mini-kpis article{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px;
  border:1px solid #294a63;
  border-radius:8px;
  background:#091a2b;
}

body.service-cloud-page .sc-mini-kpis article>i{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:7px;
  color:#6db1ff;
  background:#12375d;
  font-size:7px;
  font-style:normal;
}

body.service-cloud-page .sc-mini-kpis article:nth-child(2)>i{color:#68d2ea;background:#0f3b4e}
body.service-cloud-page .sc-mini-kpis article:nth-child(3)>i{color:#b497ff;background:#30275d}
body.service-cloud-page .sc-mini-kpis article:nth-child(4)>i{color:#51dda4;background:#104a39}

body.service-cloud-page .sc-mini-kpis article>div{
  display:flex;
  flex-direction:column;
}

body.service-cloud-page .sc-mini-kpis small{
  color:#7d92a5;
  font-size:5px;
}

body.service-cloud-page .sc-mini-kpis b{
  margin-top:2px;
  color:#eaf3fb;
  font-size:9px;
}

body.service-cloud-page .sc-mini-focus{
  overflow:hidden;
  border:1px solid #294a63;
  border-radius:9px;
  background:#091a2b;
}

body.service-cloud-page .sc-mini-focus>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:33px!important;
  padding:7px 10px!important;
  border-bottom:1px solid #203f57;
  background:transparent;
}

body.service-cloud-page .sc-mini-focus>header>div{
  display:flex;
  flex-direction:column;
}

body.service-cloud-page .sc-mini-focus>header small{
  color:#f0bb42;
  font-size:4px;
  font-weight:900;
  letter-spacing:.15em;
}

body.service-cloud-page .sc-mini-focus>header b{
  color:#eaf3fb;
  font-size:7px;
}

body.service-cloud-page .sc-mini-focus>header>span{
  padding:4px 6px;
  border-radius:99px;
  color:#7da0be;
  background:#103250;
  font-size:4px;
}

body.service-cloud-page .sc-mini-focus>div{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px;
}

body.service-cloud-page .sc-mini-focus>div>i{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:50%;
  color:#051119;
  background:#42dda1;
  font-size:9px;
  font-style:normal;
}

body.service-cloud-page .sc-mini-focus p{
  display:flex;
  flex-direction:column;
  margin:0;
}

body.service-cloud-page .sc-mini-focus p b{
  color:#eaf3fb;
  font-size:7px;
}

body.service-cloud-page .sc-mini-focus p small{
  margin-top:2px;
  color:#73899c;
  font-size:5px;
}

body.service-cloud-page .sc-mini-panels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}

body.service-cloud-page .sc-mini-panels article{
  padding:9px;
  border:1px solid #294a63;
  border-radius:8px;
  background:#091a2b;
}

body.service-cloud-page .sc-mini-panels article>small{
  display:block;
  color:#f0bb42;
  font-size:4px;
  font-weight:900;
  letter-spacing:.15em;
}

body.service-cloud-page .sc-mini-panels article>b{
  display:block;
  margin-top:3px;
  color:#eaf3fb;
  font-size:7px;
}

body.service-cloud-page .sc-mini-panels article>div{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:6px;
  margin-top:8px;
  padding-top:7px;
  border-top:1px solid #203f57;
}

body.service-cloud-page .sc-mini-panels i{
  color:#63adff;
  font-size:6px;
  font-style:normal;
}

body.service-cloud-page .sc-mini-panels span{
  color:#7f94a6;
  font-size:5px;
}

body.service-cloud-page .sc-mini-panels strong{
  color:#f0bb42;
  font-size:6px;
}

body.service-cloud-page .sc-monitor-stand{
  position:relative;
  width:38%;
  height:36px;
  margin:0 auto;
}

body.service-cloud-page .sc-monitor-stand:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  width:54px;
  height:28px;
  transform:translateX(-50%);
  clip-path:polygon(25% 0,75% 0,92% 100%,8% 100%);
  background:linear-gradient(180deg,#1b3448,#0a1926);
}

body.service-cloud-page .sc-monitor-stand span{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:8px;
  border:1px solid #28475e;
  border-radius:50%;
  background:#0c1c2a;
  box-shadow:0 14px 24px rgba(0,0,0,.35);
}

body.service-cloud-page .sc-monitor-caption{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  margin-top:8px;
  color:#708a9e;
}

body.service-cloud-page .sc-monitor-caption span{
  color:#58a8ff;
  font-size:7px;
  font-weight:900;
  letter-spacing:.16em;
}

body.service-cloud-page .sc-monitor-caption i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#f0bb42;
}

body.service-cloud-page .sc-monitor-caption small{
  font-size:7px;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-one{
  top:5px!important;
  right:-18px!important;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-two{
  bottom:48px!important;
  left:-20px!important;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-card{
  padding:10px 12px!important;
  border-color:#31546d!important;
  background:rgba(8,25,42,.98)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.34)!important;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-card>span{
  width:29px!important;
  height:29px!important;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-card b{
  font-size:10px;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-card small{
  font-size:8px;
}

@keyframes scMonitorIn{
  from{opacity:0;transform:translateY(22px) scale(.975)}
  to{opacity:1;transform:none}
}

@keyframes scFloatPulse{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}

body.service-cloud-page .sc-monitor-shell{
  animation:scMonitorIn .75s cubic-bezier(.2,.8,.2,1) both;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-card{
  animation:scFloatPulse 4.8s ease-in-out infinite;
}

body.service-cloud-page .sc-monitor-showcase .sc-float-two{
  animation-delay:1.2s;
}

@media(max-width:1450px) and (min-width:1001px){
  body.service-cloud-page .sc-monitor-screen{
    min-height:315px;
  }

  body.service-cloud-page .sc-mini-dashboard{
    gap:6px;
    padding:9px;
  }

  body.service-cloud-page .sc-monitor-showcase .sc-float-card{
    transform:scale(.88);
  }
}

@media(max-width:1000px){
  body.service-cloud-page .sc-monitor-showcase{
    max-width:820px!important;
    margin:15px auto 0!important;
  }
}

@media(max-width:700px){
  body.service-cloud-page .sc-monitor-browserbar{
    grid-template-columns:auto 1fr;
  }

  body.service-cloud-page .sc-browser-address{
    min-width:0;
  }

  body.service-cloud-page .sc-browser-secure{
    display:none;
  }

  body.service-cloud-page .sc-monitor-screen{
    grid-template-columns:48px minmax(0,1fr);
    min-height:290px;
  }

  body.service-cloud-page .sc-mini-sidebar{
    padding-left:5px;
    padding-right:5px;
  }

  body.service-cloud-page .sc-mini-brand>div{
    display:none;
  }

  body.service-cloud-page .sc-mini-kpis{
    grid-template-columns:repeat(2,1fr);
  }

  body.service-cloud-page .sc-mini-panels{
    display:none;
  }

  body.service-cloud-page .sc-monitor-showcase .sc-float-card,
  body.service-cloud-page .sc-monitor-caption{
    display:none!important;
  }
}

@media(max-width:500px){
  body.service-cloud-page .sc-monitor-screen{
    min-height:250px;
  }

  body.service-cloud-page .sc-mini-quick,
  body.service-cloud-page .sc-mini-focus{
    display:none;
  }

  body.service-cloud-page .sc-mini-dashboard{
    padding:7px;
  }

  body.service-cloud-page .sc-monitor-stand{
    display:none;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — EXACT DASHBOARD MONITOR V3
   Uses the real supplied Client Platform dashboard 1:1.
   ========================================================= */

body.service-cloud-page .sc-monitor-exact{
  max-width:900px!important;
  padding:10px 4px 28px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-shell{
  width:100%!important;
  transform:perspective(1800px) rotateY(-1.2deg) rotateX(.35deg)!important;
}

body.service-cloud-page .sc-monitor-exact:hover .sc-monitor-shell{
  transform:perspective(1800px) rotateY(-.35deg) rotateX(.1deg) translateY(-3px)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  border-radius:16px!important;
  box-shadow:
    0 46px 105px rgba(0,0,0,.52),
    0 0 0 5px rgba(11,30,48,.9),
    0 0 0 6px rgba(67,113,145,.28)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browserbar{
  min-height:36px!important;
  padding:0 13px!important;
}

body.service-cloud-page .sc-monitor-screen-image{
  display:block!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  background:#050d18!important;
}

body.service-cloud-page .sc-monitor-screen-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  image-rendering:auto;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand{
  height:31px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption{
  margin-top:5px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-one{
  top:2px!important;
  right:-20px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-two{
  left:-18px!important;
  bottom:45px!important;
}

@media(max-width:1450px) and (min-width:1001px){
  body.service-cloud-page .sc-monitor-exact{
    max-width:790px!important;
  }

  body.service-cloud-page .sc-monitor-exact .sc-float-card{
    transform:scale(.86);
  }
}

@media(max-width:1000px){
  body.service-cloud-page .sc-monitor-exact{
    max-width:900px!important;
    margin:12px auto 0!important;
  }
}

@media(max-width:700px){
  body.service-cloud-page .sc-monitor-exact .sc-browser-address{
    min-width:0!important;
  }

  body.service-cloud-page .sc-monitor-exact .sc-float-card,
  body.service-cloud-page .sc-monitor-exact .sc-monitor-caption,
  body.service-cloud-page .sc-monitor-exact .sc-monitor-stand{
    display:none!important;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — FULL DASHBOARD MONITOR V4
   Makes the entire supplied Client Platform dashboard visible
   and readable inside the hero monitor.
   ========================================================= */

body.service-cloud-page .sc-hero{
  grid-template-columns:minmax(500px,.88fr) minmax(760px,1.32fr)!important;
  gap:clamp(38px,4vw,72px)!important;
  max-width:1760px!important;
  padding-left:clamp(42px,5vw,92px)!important;
  padding-right:clamp(42px,4vw,72px)!important;
}

body.service-cloud-page .sc-hero-copy{
  max-width:660px!important;
}

body.service-cloud-page .sc-hero h1{
  max-width:650px!important;
  font-size:clamp(52px,4.15vw,76px)!important;
}

body.service-cloud-page .sc-monitor-exact{
  width:100%!important;
  max-width:980px!important;
  margin-left:auto!important;
  padding:8px 2px 26px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-shell{
  width:100%!important;
  transform:perspective(1900px) rotateY(-.55deg) rotateX(.18deg)!important;
}

body.service-cloud-page .sc-monitor-exact:hover .sc-monitor-shell{
  transform:perspective(1900px) rotateY(0deg) rotateX(0deg) translateY(-3px)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  overflow:hidden!important;
  border-radius:15px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browserbar{
  min-height:34px!important;
}

body.service-cloud-page .sc-monitor-screen-image{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  aspect-ratio:1790/854!important;
  overflow:hidden!important;
  background:#040c16!important;
}

body.service-cloud-page .sc-monitor-screen-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  filter:saturate(1.04) contrast(1.02)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand{
  width:34%!important;
  height:29px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption{
  margin-top:3px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption small{
  max-width:420px;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}

body.service-cloud-page .sc-monitor-exact .sc-float-one{
  top:-4px!important;
  right:-10px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-two{
  bottom:42px!important;
  left:-12px!important;
}

/* Keep the entire dashboard visible on standard laptop widths. */
@media(max-width:1550px) and (min-width:1101px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:minmax(430px,.82fr) minmax(680px,1.18fr)!important;
    gap:30px!important;
    padding-left:42px!important;
    padding-right:34px!important;
  }

  body.service-cloud-page .sc-hero h1{
    font-size:clamp(47px,4vw,64px)!important;
  }

  body.service-cloud-page .sc-monitor-exact{
    max-width:900px!important;
  }
}

@media(max-width:1100px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "preview"!important;
  }

  body.service-cloud-page .sc-hero-copy{
    max-width:760px!important;
  }

  body.service-cloud-page .sc-monitor-exact{
    max-width:1050px!important;
    margin:18px auto 0!important;
  }
}

@media(max-width:700px){
  body.service-cloud-page .sc-monitor-screen-image{
    aspect-ratio:1790/854!important;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — PREMIUM PHYSICAL MONITOR FINAL
   Final hero composition with a clearer, larger real dashboard.
   ========================================================= */

body.service-cloud-page .sc-hero{
  grid-template-columns:minmax(480px,.78fr) minmax(790px,1.22fr)!important;
  gap:clamp(40px,4vw,76px)!important;
  max-width:1780px!important;
  padding-left:clamp(48px,5vw,96px)!important;
  padding-right:clamp(34px,3.8vw,72px)!important;
}

body.service-cloud-page .sc-hero-copy{
  max-width:650px!important;
}

body.service-cloud-page .sc-hero h1{
  max-width:635px!important;
  font-size:clamp(52px,4vw,74px)!important;
  line-height:.99!important;
}

body.service-cloud-page .sc-monitor-exact{
  width:100%!important;
  max-width:1060px!important;
  margin-left:auto!important;
  padding:4px 0 26px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-glow{
  inset:-5% -7% 2% 1%!important;
  background:
    radial-gradient(circle at 55% 45%,rgba(45,136,245,.24),rgba(45,136,245,.07) 42%,transparent 72%)!important;
  filter:blur(38px)!important;
}

/* Service blueprints and clearer account journey */
.sc-audience-pill{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:9px 13px;border:1px solid rgba(43,139,255,.28);border-radius:999px;background:rgba(20,111,220,.08);color:#9fc9f7;font-size:10px;font-weight:800;letter-spacing:1.35px}.sc-audience-pill i{width:7px;height:7px;border-radius:50%;background:#36db9b;box-shadow:0 0 0 5px rgba(54,219,155,.08)}
body.service-cloud-page .sc-hero h1 em{display:block;font-style:normal;background:linear-gradient(90deg,#4ca7ff,#8a70ff 62%,#58d5c4);-webkit-background-clip:text;background-clip:text;color:transparent}body.service-cloud-page .sc-hero-copy>p{max-width:690px}
.sc-experience-band{max-width:1480px;margin:0 auto;padding:76px clamp(34px,5vw,76px);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;border-bottom:1px solid #173049;background:radial-gradient(circle at 85% 40%,rgba(74,126,255,.09),transparent 34%)}.sc-experience-band h2{margin:11px 0 14px;font-size:clamp(30px,3vw,46px);line-height:1.08}.sc-experience-band p{max-width:760px;margin:0;color:#98adc3;font-size:16px;line-height:1.75}.sc-experience-tags{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sc-experience-tags span{position:relative;padding:17px 16px 17px 42px;border:1px solid #203f5d;border-radius:12px;background:linear-gradient(145deg,#0b1b30,#071425);color:#d7e6f5;font-weight:700}.sc-experience-tags span:before{content:'✓';position:absolute;left:16px;color:#43d99a}
.sc-service-fit{max-width:1320px;margin:0 auto;padding:80px 34px;display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:center;border-top:1px solid #162c43}
.sc-service-fit h2{font-size:clamp(30px,3vw,46px);margin:12px 0;line-height:1.08}.sc-fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sc-fit-grid article{min-height:145px;padding:24px;border:1px solid #24425f;border-radius:16px;background:linear-gradient(145deg,#0b1c31,#071425);display:flex;flex-direction:column;justify-content:space-between}.sc-fit-grid span{color:#50a3ff;font-size:12px;letter-spacing:2px}.sc-fit-grid b{font-size:18px;line-height:1.35}
.sc-deliverable-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 28px}.sc-deliverable-strip div{display:flex;gap:12px;align-items:center;padding:18px;border-left:2px solid #268bff;background:#08182a;border-radius:0 10px 10px 0}.sc-deliverable-strip span{color:#42a1ff}.sc-deliverable-strip b{font-size:14px;line-height:1.4}
.sc-platform-journey{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding:18px;border:1px solid #203d59;border-radius:14px;background:#061426}.sc-platform-journey>div{display:flex;flex-direction:column;margin-right:14px}.sc-platform-journey small{color:#47a2ff;letter-spacing:1.4px}.sc-platform-journey span{padding:8px 11px;background:#10253d;border-radius:8px;color:#c5d5e6}.sc-platform-journey i{font-style:normal;color:#3d88d3}
.sc-selected-service{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:18px 0;padding:15px;border:1px solid rgba(246,189,60,.32);border-radius:12px;background:rgba(246,189,60,.08)}.sc-selected-service>span{font-size:9px;letter-spacing:1.4px;color:#f6bd3c;writing-mode:vertical-rl}.sc-selected-service div{display:flex;flex-direction:column;gap:4px}.sc-selected-service small{color:#93a8be;line-height:1.35}.sc-selected-service a{color:#65adff;text-decoration:none;font-weight:700;font-size:13px}
.sc-login-roadmap{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:18px 0 4px;padding:12px 14px;border:1px solid #1f3c59;border-radius:11px;background:#071629;color:#9fb4ca;font-size:12px}.sc-login-roadmap span{display:flex;align-items:center;gap:6px}.sc-login-roadmap b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1677ff;color:#fff;font-size:10px}.sc-login-roadmap i{font-style:normal;color:#326d9e}
@media(max-width:900px){.sc-service-fit{grid-template-columns:1fr}.sc-fit-grid,.sc-deliverable-strip{grid-template-columns:1fr}.sc-fit-grid article{min-height:100px}.sc-platform-journey>div{width:100%;margin:0 0 6px}.sc-platform-journey i{display:none}}
@media(max-width:900px){.sc-experience-band{grid-template-columns:1fr;gap:32px}}
@media(max-width:620px){.sc-service-fit{padding:55px 18px}.sc-selected-service{grid-template-columns:auto 1fr}.sc-selected-service a{grid-column:2}.sc-login-roadmap i{display:none}.sc-audience-pill{line-height:1.4}.sc-experience-band{padding:54px 18px}.sc-experience-tags{grid-template-columns:1fr}}

/* Public home composition polish */
body.service-cloud-page>.sc-header{min-height:82px!important;padding:0 clamp(28px,5vw,96px)!important;background:linear-gradient(90deg,rgba(5,17,31,.96),rgba(6,20,36,.92),rgba(5,17,31,.96))!important;box-shadow:0 10px 35px rgba(0,0,0,.16)}
body.service-cloud-page>.sc-header:after{content:'';position:absolute;inset:auto 5% -1px;height:1px;background:linear-gradient(90deg,transparent,#2c8cf0 35%,#7a67e8 65%,transparent);opacity:.35}.sc-header .sc-brand>span{box-shadow:0 10px 28px rgba(38,132,245,.24)}.sc-header .sc-brand small{white-space:nowrap}.sc-nav{padding:5px;border:1px solid rgba(40,75,105,.38);border-radius:12px;background:rgba(7,22,38,.45)}.sc-nav a{position:relative;padding:9px 13px!important;border-radius:8px}.sc-nav a:hover,.sc-nav a.active{color:#fff;background:#102944}.sc-nav a small{display:inline;margin-left:5px;padding:2px 5px;border-radius:999px;background:#173b5d;color:#72b6f8;font-size:8px}.sc-header-actions .sc-btn{min-height:46px;padding:0 19px}
.sc-platform-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;max-width:none;margin-bottom:30px}.sc-platform-heading>div{max-width:850px}.sc-section-login{display:flex!important;flex-direction:column;flex:0 0 245px;min-width:245px;padding:16px 18px;border:1px solid #284a67;border-radius:12px;background:#0a1c2e;box-shadow:0 16px 35px rgba(0,0,0,.14)}.sc-section-login span{display:block;color:#7890a5;font-size:11px}.sc-section-login b{display:block;margin-top:5px;color:#62adff;font-size:13px}
body.service-cloud-page .sc-capability-grid{gap:14px}.sc-capability-grid>a{min-height:255px!important;padding:24px!important;border-color:#203e59!important;background:linear-gradient(145deg,#0b1f34,#081827)!important}.sc-capability-grid>a:hover{transform:translateY(-5px);border-color:#4684b4!important;box-shadow:0 24px 55px rgba(0,0,0,.28)}.sc-cap-top{display:flex;align-items:center;justify-content:space-between}.sc-capability-grid .sc-cap-top small{position:static;color:#5d7891;font-size:9px;letter-spacing:1.25px}.sc-capability-grid h3{margin:22px 0 10px}.sc-capability-grid p{min-height:70px;margin-bottom:22px}.sc-capability-grid strong{display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid #1b3852;color:#63adfa;font-size:11px;letter-spacing:.2px}.sc-capability-grid strong i{font-style:normal;font-size:16px;transition:.2s}.sc-capability-grid>a:hover strong i{transform:translateX(4px)}
.sc-closing-suite{padding:70px clamp(30px,7vw,125px) 82px;background:radial-gradient(circle at 15% 25%,rgba(42,126,224,.10),transparent 32%),#050e19}.sc-closing-suite .sc-testimonial-section{max-width:1650px;margin:0 auto!important;padding:0 0 34px!important;background:transparent!important}.sc-closing-suite .sc-testimonial-section h2{font-size:clamp(38px,3.7vw,58px)}.sc-partnership-points article{padding:20px 22px}.sc-partnership-points article>div{display:flex;flex-direction:column;gap:6px}.sc-partnership-points strong{color:#e4eef8;font-size:15px}.sc-partnership-points span{color:#8199ae!important;font-size:12px;line-height:1.45}.sc-closing-suite .sc-final-cta{max-width:1650px;margin:0 auto!important;padding:38px 42px!important;border-color:#2e5c7d!important;background:linear-gradient(110deg,#0c2941,#0b2034 62%,#172a3a)!important;box-shadow:0 24px 70px rgba(0,0,0,.2)}
body.service-cloud-page>.sc-footer .sc-footer-main{padding-top:44px;padding-bottom:40px}.sc-footer-brand p{margin-bottom:12px}
@media(max-width:900px){.sc-nav a small{display:none}.sc-platform-heading{align-items:flex-start;flex-direction:column;gap:22px}.sc-section-login{min-width:0;width:100%}.sc-closing-suite{padding:60px 20px}.sc-closing-suite .sc-testimonial-section{gap:35px}.sc-closing-suite .sc-final-cta{padding:28px!important}}
@media(max-width:620px){body.service-cloud-page>.sc-header{min-height:74px!important;padding:0 16px!important}.sc-header .sc-brand small{display:none}.sc-nav{padding:12px}.sc-closing-suite{padding:48px 18px}.sc-partnership-points article{align-items:flex-start}.sc-closing-suite .sc-final-cta{padding:24px!important}}

body.service-cloud-page .sc-monitor-exact .sc-monitor-shell{
  width:100%!important;
  transform:perspective(2000px) rotateY(-.35deg) rotateX(.12deg)!important;
}

body.service-cloud-page .sc-monitor-exact:hover .sc-monitor-shell{
  transform:perspective(2000px) rotateY(0deg) rotateX(0deg) translateY(-4px)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  position:relative!important;
  overflow:hidden!important;
  border:1px solid #456984!important;
  border-radius:20px!important;
  background:#030a12!important;
  box-shadow:
    0 46px 110px rgba(0,0,0,.56),
    0 0 0 7px #0a1824,
    0 0 0 8px rgba(75,117,148,.45),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:inherit;
  background:
    linear-gradient(118deg,rgba(255,255,255,.055),transparent 14%,transparent 68%,rgba(255,255,255,.018));
  pointer-events:none;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browserbar{
  min-height:38px!important;
  padding:0 15px!important;
  border-bottom:1px solid #28465c!important;
  background:linear-gradient(180deg,#142b3f,#0b1a28)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-browser-address{
  min-width:320px!important;
  border-color:#31516a!important;
  background:#071421!important;
}

body.service-cloud-page .sc-monitor-screen-image{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  width:100%!important;
  aspect-ratio:1605/820!important;
  overflow:hidden!important;
  background:#040b14!important;
}

body.service-cloud-page .sc-monitor-screen-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center top!important;
  filter:saturate(1.05) contrast(1.035) brightness(1.025)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand{
  width:38%!important;
  height:48px!important;
  margin-top:0!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand:before{
  top:-1px!important;
  width:72px!important;
  height:39px!important;
  clip-path:polygon(28% 0,72% 0,92% 100%,8% 100%)!important;
  background:
    linear-gradient(90deg,#0b1925,#29475d 48%,#102230)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand span{
  height:10px!important;
  border-color:#38586e!important;
  background:
    radial-gradient(ellipse at center,#20384a,#09151f 72%)!important;
  box-shadow:0 16px 32px rgba(0,0,0,.48)!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption{
  margin-top:8px!important;
  opacity:.9;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption span{
  font-size:8px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-caption small{
  max-width:520px!important;
  font-size:7px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-card{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}

body.service-cloud-page .sc-monitor-exact .sc-float-one{
  top:-8px!important;
  right:-8px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-two{
  left:-14px!important;
  bottom:58px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-card b{
  font-size:11px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-card small{
  font-size:8px!important;
}

/* Improve balance between copy and monitor on common desktop widths. */
@media(max-width:1600px) and (min-width:1181px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:minmax(430px,.76fr) minmax(720px,1.24fr)!important;
    gap:30px!important;
    padding-left:44px!important;
    padding-right:28px!important;
  }

  body.service-cloud-page .sc-hero h1{
    font-size:clamp(47px,3.9vw,64px)!important;
  }

  body.service-cloud-page .sc-monitor-exact{
    max-width:960px!important;
  }
}

@media(max-width:1180px){
  body.service-cloud-page .sc-hero{
    grid-template-columns:1fr!important;
    grid-template-areas:
      "copy"
      "preview"!important;
  }

  body.service-cloud-page .sc-hero-copy{
    max-width:780px!important;
  }

  body.service-cloud-page .sc-monitor-exact{
    max-width:1080px!important;
    margin:22px auto 0!important;
  }
}

@media(max-width:760px){
  body.service-cloud-page .sc-monitor-exact .sc-browser-address{
    min-width:0!important;
  }

  body.service-cloud-page .sc-monitor-exact .sc-monitor-stand,
  body.service-cloud-page .sc-monitor-exact .sc-monitor-caption,
  body.service-cloud-page .sc-monitor-exact .sc-float-card{
    display:none!important;
  }

  body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
    border-radius:12px!important;
    box-shadow:
      0 26px 58px rgba(0,0,0,.44),
      0 0 0 4px #0a1824!important;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — MONITOR EMPTY-SPACE FIX FINAL
   Removes the unused center gap from the real dashboard image.
   Final dashboard asset ratio: 1308/798
   ========================================================= */

body.service-cloud-page .sc-monitor-screen-image{
  aspect-ratio:1308/798!important;
}

body.service-cloud-page .sc-monitor-screen-image img{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
}

body.service-cloud-page .sc-monitor-exact{
  max-width:1030px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  background:#040c16!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-one{
  right:-5px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-two{
  left:-8px!important;
}

@media(max-width:1600px) and (min-width:1181px){
  body.service-cloud-page .sc-monitor-exact{
    max-width:950px!important;
  }
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — FINAL MONITOR CORNER + FRAME FIX
   Removes the blue protruding element and simplifies the frame.
   ========================================================= */

body.service-cloud-page .sc-monitor-screen-image{
  aspect-ratio:1290/798!important;
  border-radius:0 0 12px 12px!important;
}

body.service-cloud-page .sc-monitor-screen-image img{
  width:100%!important;
  height:100%!important;
  object-fit:fill!important;
  object-position:center!important;
}

/* Cleaner, thinner monitor housing. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  border:1px solid #31516a!important;
  border-radius:16px!important;
  box-shadow:
    0 34px 78px rgba(0,0,0,.44),
    0 0 0 3px #0a1824,
    0 0 0 4px rgba(75,117,148,.24)!important;
}

/* Remove the extra glass overlay that made the frame look doubled. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-browser:before,
body.service-cloud-page .sc-monitor-exact .sc-monitor-browser:after{
  display:none!important;
}

/* Reduce the oversized surrounding glow. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-glow{
  inset:5% 2% 7% 3%!important;
  opacity:.58!important;
  filter:blur(30px)!important;
}

/* Make the browser top line and monitor edges feel integrated. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-browserbar{
  min-height:36px!important;
  border-bottom:1px solid #203d53!important;
  background:linear-gradient(180deg,#102538,#0a1927)!important;
}

/* Slimmer physical stand. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-stand{
  width:34%!important;
  height:42px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand:before{
  width:62px!important;
  height:34px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-stand span{
  height:8px!important;
}

/* Pull notifications slightly inward so they visually belong to the monitor. */
body.service-cloud-page .sc-monitor-exact .sc-float-one{
  top:4px!important;
  right:2px!important;
}

body.service-cloud-page .sc-monitor-exact .sc-float-two{
  left:2px!important;
  bottom:55px!important;
}


/* =========================================================
   ZLAJAOS SERVICE CLOUD — CLEAN MONITOR FINAL
   Removes external notifications and locks dashboard inside screen.
   ========================================================= */

/* No elements may escape from the monitor presentation. */
body.service-cloud-page .sc-monitor-exact{
  overflow:visible!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-shell{
  position:relative!important;
  overflow:visible!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-browser{
  position:relative!important;
  overflow:hidden!important;
  contain:paint;
}

/* Dashboard is fully locked into the actual screen area. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-screen-image{
  position:relative!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  border-radius:0 0 12px 12px!important;
  background:#040c16!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-screen-image img{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:fill!important;
  object-position:center!important;
  transform:none!important;
}

/* Remove every legacy notification style around this monitor. */
body.service-cloud-page .sc-monitor-exact .sc-float-card,
body.service-cloud-page .sc-monitor-exact .sc-float-one,
body.service-cloud-page .sc-monitor-exact .sc-float-two{
  display:none!important;
}

/* Center the monitor now that floating cards no longer affect composition. */
body.service-cloud-page .sc-monitor-exact{
  padding-left:0!important;
  padding-right:0!important;
}

body.service-cloud-page .sc-monitor-exact .sc-monitor-shell{
  margin:0 auto!important;
}

/* Slightly calmer glow for a clean standalone product view. */
body.service-cloud-page .sc-monitor-exact .sc-monitor-glow{
  inset:7% 5% 9% 5%!important;
  opacity:.42!important;
  filter:blur(28px)!important;
}

/* Modern Platform navigation product item */
.sc-nav .sc-nav-platform{display:grid;grid-template-columns:28px auto 13px;align-items:center;gap:9px;min-width:188px;padding:7px 10px!important;border:1px solid rgba(50,102,145,.35);background:linear-gradient(145deg,rgba(16,45,72,.82),rgba(9,29,49,.76));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.sc-nav .sc-nav-platform:hover{border-color:#3977aa;background:linear-gradient(145deg,#153b60,#0c2945)}
.sc-module-mark{display:grid;grid-template-columns:repeat(2,5px);grid-auto-rows:5px;place-content:center;gap:3px;width:28px;height:28px;border-radius:8px;background:linear-gradient(145deg,#268aff,#646de9);box-shadow:0 8px 18px rgba(39,128,234,.22)}
.sc-module-mark span{display:block;margin:0!important;padding:0!important;border-radius:2px!important;background:#fff!important;opacity:.92}
.sc-nav-platform-copy{display:flex;flex-direction:column;gap:1px}
.sc-nav .sc-nav-platform-copy b{color:#eef6ff;font-size:12px;line-height:1.1}
.sc-nav .sc-nav-platform-copy small{display:block;margin:0;padding:0;background:none;color:#79a4c8;font-size:8px;line-height:1.2;letter-spacing:.35px}
.sc-nav-platform em{color:#6688a4;font-size:12px;font-style:normal;transition:.2s}
.sc-nav-platform:hover em{color:#9acfff;transform:translateY(2px)}
@media(max-width:900px){.sc-nav .sc-nav-platform{min-width:0}}

/* Service catalog details — modern unified system */
.service-detail-page{--service-accent:#42a5ff;background:radial-gradient(circle at 72% 7%,color-mix(in srgb,var(--service-accent) 12%,transparent),transparent 25%),#050f1b}
.service-detail-page .sc-service-hero{position:relative;min-height:610px;padding-top:92px;padding-bottom:82px;border-bottom:1px solid #1c3851}.service-detail-page .sc-service-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(83,134,177,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(83,134,177,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.service-detail-page .sc-service-hero>div,.service-detail-page .sc-service-price-card{position:relative;z-index:1}
.sc-service-identity{display:inline-grid;grid-template-columns:42px auto auto;align-items:center;gap:12px;margin:26px 0 22px;padding:8px 11px 8px 8px;border:1px solid color-mix(in srgb,var(--service-accent) 34%,#203a52);border-radius:12px;background:rgba(8,24,40,.72);box-shadow:0 16px 40px rgba(0,0,0,.18)}.sc-service-identity>span{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:linear-gradient(145deg,var(--service-accent),color-mix(in srgb,var(--service-accent) 62%,#34316d));color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 24px color-mix(in srgb,var(--service-accent) 22%,transparent)}.sc-service-identity>div{display:flex;flex-direction:column}.sc-service-identity small{color:#67839b;font-size:8px;letter-spacing:1.2px}.sc-service-identity b{margin-top:2px;color:#dceafb;font-size:11px;letter-spacing:.6px}.sc-service-identity>i{margin-left:12px;padding:5px 7px;border-radius:999px;background:rgba(47,213,146,.10);color:#42d89a;font-size:8px;font-style:normal;font-weight:800;letter-spacing:.8px}
.service-detail-page .sc-service-hero h1{font-size:clamp(52px,5.4vw,84px);line-height:.98;letter-spacing:-.045em}.service-detail-page .sc-service-hero>div>p{max-width:850px;font-size:18px;line-height:1.75}.service-detail-page .sc-service-hero-actions{margin-top:28px}
.service-detail-page .sc-service-price-card{overflow:hidden;padding:30px;border-color:color-mix(in srgb,var(--service-accent) 52%,#263c50);background:linear-gradient(145deg,color-mix(in srgb,var(--service-accent) 8%,#0b2034),#081827);box-shadow:0 35px 90px rgba(0,0,0,.28)}.service-detail-page .sc-service-price-card:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--service-accent),transparent)}.sc-price-head{display:flex;align-items:center;justify-content:space-between}.sc-price-head>span{padding:5px 8px;border:1px solid #28445b;border-radius:999px;color:#7895ad!important;font-size:8px}.service-detail-page .sc-service-price-card>b{color:var(--service-accent)}.service-detail-page .sc-service-price-card dl div{align-items:center}.service-detail-page .sc-service-price-card dd{max-width:58%;text-align:right}.sc-live-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#3cda9c;box-shadow:0 0 0 5px rgba(60,218,156,.08)}.sc-price-note{display:block!important;margin-top:18px!important;color:#698299!important;line-height:1.45!important}
.service-detail-page .sc-service-tabs{top:82px;padding:8px;background:rgba(4,14,24,.9);backdrop-filter:blur(18px)}.service-detail-page .sc-service-tabs a{padding:11px 16px;border-radius:8px}.service-detail-page .sc-service-tabs a:hover{background:#102a43;color:#fff}
.service-detail-page .sc-service-overview,.service-detail-page .sc-service-fit,.service-detail-page .sc-service-included,.service-detail-page .sc-detail-process,.service-detail-page .sc-faq-section{padding-top:78px;padding-bottom:78px}.service-detail-page .sc-service-overview{gap:70px;background:linear-gradient(180deg,#071522,#06111d)}.service-detail-page .sc-service-overview article h2{font-size:clamp(36px,3.5vw,55px)}.service-detail-page .sc-service-overview aside{gap:12px}.service-detail-page .sc-service-overview aside>div{min-height:118px;padding:22px;border-color:#24455e;background:linear-gradient(145deg,#0a1d30,#081725)}.service-detail-page .sc-service-overview aside>div span{color:var(--service-accent)}.service-detail-page .sc-service-overview aside section{display:flex;flex-direction:column;gap:7px}.service-detail-page .sc-service-overview aside section small{max-width:360px;color:#748da3;line-height:1.45}
.service-detail-page .sc-fit-grid article{position:relative;overflow:hidden}.service-detail-page .sc-fit-grid article:after{content:'';position:absolute;inset:auto -20px -35px auto;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--service-accent) 13%,transparent),transparent 70%)}.service-detail-page .sc-fit-grid span{color:var(--service-accent)}
.service-detail-page .sc-service-included{background:#071522}.service-detail-page .sc-deliverable-strip div{border-left-color:var(--service-accent)}.service-detail-page .sc-included-grid article{transition:.2s}.service-detail-page .sc-included-grid article:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--service-accent) 48%,#25455e)}.service-detail-page .sc-included-grid article>span{background:color-mix(in srgb,var(--service-accent) 82%,#29cf99);box-shadow:0 8px 18px color-mix(in srgb,var(--service-accent) 16%,transparent)}
.service-detail-page .sc-detail-process{background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--service-accent) 7%,transparent),transparent 30%),#06111d}.service-detail-page .sc-process-flow article>span{border-color:var(--service-accent);color:var(--service-accent)}.service-detail-page .sc-platform-journey{border-color:#284861;background:linear-gradient(90deg,#081827,#0b2034,#081827)}
.service-detail-page .sc-faq-section{background:#050f1b}.service-detail-page .sc-faq-list details{transition:.2s}.service-detail-page .sc-faq-list details:hover{border-color:color-mix(in srgb,var(--service-accent) 45%,#26465f)}.service-detail-page .sc-final-cta{border-color:color-mix(in srgb,var(--service-accent) 42%,#33475b);background:radial-gradient(circle at 85% 50%,color-mix(in srgb,var(--service-accent) 13%,transparent),transparent 30%),#0b2034}
@media(max-width:900px){.service-detail-page .sc-service-hero{min-height:0;padding-top:65px}.service-detail-page .sc-service-overview{gap:35px}.service-detail-page .sc-service-tabs{top:74px}.sc-service-identity{grid-template-columns:42px auto}.sc-service-identity>i{display:none}}
@media(max-width:620px){.service-detail-page .sc-service-hero h1{font-size:46px}.service-detail-page .sc-service-hero>div>p{font-size:16px}.service-detail-page .sc-service-overview,.service-detail-page .sc-service-fit,.service-detail-page .sc-service-included,.service-detail-page .sc-detail-process,.service-detail-page .sc-faq-section{padding-top:58px;padding-bottom:58px}.sc-price-head{align-items:flex-start;flex-direction:column;gap:10px}}

/* Service hero alignment corrections */
body.service-cloud-page>.sc-header .sc-nav a.active:after{display:none!important}
.service-detail-page .sc-service-hero{min-height:560px;padding-top:64px;padding-bottom:64px;align-items:center}
.service-detail-page .sc-service-hero .sc-back-link{display:flex;width:max-content;margin:0 0 20px}
.service-detail-page .sc-service-identity{display:grid;width:max-content;margin:0 0 22px}
.service-detail-page .sc-service-hero .sc-kicker{margin-top:0}
.service-detail-page .sc-price-note{letter-spacing:.75px!important;font-size:9px!important}
.service-detail-page .sc-service-price-card{align-self:center}
@media(max-width:900px){.service-detail-page .sc-service-hero{padding-top:48px;padding-bottom:54px}.service-detail-page .sc-service-price-card{align-self:stretch}}

/* Balanced catalog cards */
.service-catalog-page .sc-catalog-grid{align-items:stretch;gap:18px}.service-catalog-page .sc-catalog-card{min-width:0;min-height:600px;margin:0;padding:26px;background:linear-gradient(155deg,#0b2034,#081827);box-shadow:0 18px 48px rgba(0,0,0,.12)}.service-catalog-page .sc-catalog-card.featured{margin:0;padding:26px;border-color:rgba(241,187,66,.55);box-shadow:0 18px 52px rgba(0,0,0,.16),inset 0 1px rgba(241,187,66,.12)}
.sc-catalog-card-top{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;min-height:54px;padding-bottom:19px;border-bottom:1px solid #203e56}.service-catalog-page .sc-catalog-card-icon{width:48px;height:48px;margin:0;border-radius:12px;background:linear-gradient(145deg,#1b64a5,#163e68);color:#9bceff;font-size:13px;font-weight:900}.sc-catalog-card-top>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.sc-catalog-card-top small{color:#63819a;font-size:8px;font-weight:800;letter-spacing:1.4px}.sc-catalog-card-top span{color:#65adff;font-size:10px;font-weight:800}.sc-catalog-card-top>i{padding:6px 9px;border-radius:999px;background:#f1bb42;color:#06111a;font-size:8px;font-style:normal;font-weight:900}
.service-catalog-page .sc-catalog-card h2{min-height:62px;margin:24px 0 8px;font-size:24px;line-height:1.25}.service-catalog-page .sc-catalog-card>p{min-height:76px;margin:0;color:#8ba2b5;line-height:1.65}.service-catalog-page .sc-catalog-card ul{align-content:start;min-height:206px;margin:17px 0 20px;gap:7px}.service-catalog-page .sc-catalog-card li{display:flex;align-items:flex-start;line-height:1.35}.service-catalog-page .sc-catalog-card li span{flex:0 0 auto}.service-catalog-page .sc-catalog-price{margin-top:auto}.service-catalog-page .sc-catalog-card>footer{margin-top:16px}.service-catalog-page .sc-catalog-card>footer .sc-btn{min-width:0}
@media(min-width:1201px){.service-catalog-page .sc-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center}.service-catalog-page .sc-catalog-grid[data-remainder="1"] .sc-catalog-card.is-last-visible{grid-column:2}.service-catalog-page .sc-catalog-grid[data-visible-count="1"]{grid-template-columns:minmax(0,620px)}.service-catalog-page .sc-catalog-grid[data-visible-count="1"] .sc-catalog-card.is-last-visible{grid-column:1}.service-catalog-page .sc-catalog-grid[data-visible-count="2"]{grid-template-columns:repeat(2,minmax(0,620px))}}
@media(min-width:901px) and (max-width:1200px){.service-catalog-page .sc-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center}.service-catalog-page .sc-catalog-grid[data-parity="odd"] .sc-catalog-card.is-last-visible{grid-column:1/-1;width:min(100%,540px);justify-self:center}}
@media(max-width:1200px){.service-catalog-page .sc-catalog-card{min-height:570px}.service-catalog-page .sc-catalog-card h2,.service-catalog-page .sc-catalog-card>p,.service-catalog-page .sc-catalog-card ul{min-height:0}}
@media(max-width:620px){.service-catalog-page .sc-catalog-card{min-height:0;padding:22px}.sc-catalog-card-top{grid-template-columns:44px 1fr auto}.service-catalog-page .sc-catalog-card h2,.service-catalog-page .sc-catalog-card>p,.service-catalog-page .sc-catalog-card ul{min-height:0}.sc-catalog-card-top>i{padding:5px 7px;font-size:7px}}

/* Public documentation and status */
.sc-nav-live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#42d89a;box-shadow:0 0 0 4px rgba(66,216,154,.08)}
.sc-resource-page main{background:radial-gradient(circle at 75% 2%,rgba(38,138,255,.11),transparent 27%),#050f1b}.sc-resource-hero{max-width:1660px;margin:auto;padding:105px 7% 70px;border-bottom:1px solid #17344c}.sc-resource-hero h1{max-width:1000px;margin:20px 0;font-size:clamp(52px,6vw,88px);line-height:.98;letter-spacing:-.05em}.sc-resource-hero h1 span{color:#42a5ff}.sc-resource-hero>p{max-width:780px;color:#86a0b5;font-size:18px;line-height:1.7}.sc-docs-grid,.sc-status-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1660px;margin:auto;padding:65px 7%}.sc-docs-grid>a,.sc-docs-grid>article{position:relative;min-height:245px;padding:27px;border:1px solid #24455e;border-radius:16px;background:linear-gradient(145deg,#0b2034,#081827);transition:.2s}.sc-docs-grid>a:hover{transform:translateY(-3px);border-color:#3185c9}.sc-docs-grid span{color:#48a7ff;font-size:10px;letter-spacing:1px}.sc-docs-grid i{position:absolute;right:25px;color:#4b789d;font-style:normal}.sc-docs-grid h2{margin:42px 0 12px;color:#edf6ff;font-size:24px}.sc-docs-grid p{color:#85a0b6;line-height:1.65}.sc-docs-grid small{position:absolute;bottom:24px;color:#55758f;font-size:8px;letter-spacing:1.2px}.sc-resource-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1430px;margin:15px auto 75px;padding:35px 42px;border:1px solid #294b65;border-radius:17px;background:linear-gradient(120deg,#0b2034,#102a3b)}.sc-resource-cta small{color:#48a7ff;font-size:9px;letter-spacing:1.3px}.sc-resource-cta h2{max-width:800px;margin:9px 0 0;font-size:25px}.sc-status-summary{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:30px;padding:14px 18px;border:1px solid rgba(61,215,153,.25);border-radius:12px;background:rgba(38,151,111,.08)}.sc-status-summary i,.sc-status-board span>i{width:9px;height:9px;border-radius:50%;background:#3dd799;box-shadow:0 0 0 6px rgba(61,215,153,.08)}.sc-status-summary b{font-size:13px}.sc-status-summary small{color:#6f8da5}.sc-status-board{grid-template-columns:1fr;padding-top:55px;padding-bottom:55px}.sc-status-board>div{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border:1px solid #24455e;border-radius:13px;background:#091c2d}.sc-status-board span{display:grid;grid-template-columns:25px auto;align-items:center}.sc-status-board span>i{grid-row:1/3}.sc-status-board b{color:#eaf5ff;font-size:15px}.sc-status-board small{margin-top:4px;color:#69869d}.sc-status-board em{padding:7px 10px;border-radius:999px;background:rgba(61,215,153,.1);color:#48dca1;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.7px}
@media(max-width:900px){.sc-resource-hero{padding-top:70px}.sc-docs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-resource-cta{margin-left:5%;margin-right:5%}}
@media(max-width:620px){.sc-resource-hero{padding:58px 6% 45px}.sc-resource-hero h1{font-size:46px}.sc-docs-grid{grid-template-columns:1fr;padding:40px 6%}.sc-resource-cta{align-items:flex-start;flex-direction:column;padding:28px}.sc-status-summary{align-items:flex-start;flex-wrap:wrap}.sc-status-board{padding:40px 6%}.sc-status-board>div{align-items:flex-start;gap:15px}.sc-status-board em{white-space:nowrap}}

/* Refined Client Platform login */
.sc-login-page-modern{grid-template-columns:minmax(0,1.05fr) minmax(520px,.95fr)}.sc-login-page-modern .sc-auth-showcase{padding:40px clamp(40px,5vw,92px);background:radial-gradient(circle at 20% 44%,rgba(39,139,255,.16),transparent 36%),linear-gradient(145deg,#0b2945,#071725)}.sc-login-page-modern .sc-auth-visual{max-width:720px}.sc-login-page-modern .sc-auth-visual h1{max-width:680px;font-size:clamp(52px,4.6vw,76px)}.sc-login-page-modern .sc-auth-visual h1 span{color:#4ba8ff}.sc-login-page-modern .sc-auth-visual>p{max-width:650px;font-size:17px}.sc-login-page-modern .sc-auth-benefits{gap:12px}.sc-login-page-modern .sc-auth-benefits article{min-height:145px;padding:18px;background:linear-gradient(145deg,rgba(10,35,57,.88),rgba(7,25,42,.72))}.sc-login-page-modern .sc-auth-benefits article>span{width:34px;height:34px;margin-bottom:21px;color:#71b8ff;font-size:9px;font-weight:900;letter-spacing:.7px}.sc-login-page-modern .sc-auth-benefits b{font-size:13px;line-height:1.35}.sc-login-page-modern .sc-auth-form-side{padding:55px;background:radial-gradient(circle at 50% 50%,rgba(28,75,117,.10),transparent 45%),#040d17}.sc-login-page-modern .sc-auth-card{width:min(100%,540px);padding:38px;border-radius:20px;background:linear-gradient(145deg,#0a2034,#071725);box-shadow:0 40px 100px rgba(0,0,0,.32)}.sc-auth-card-head{display:flex;align-items:center;gap:15px;margin-top:27px}.sc-auth-lock{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(58,216,155,.3);border-radius:14px;background:rgba(44,187,133,.1);color:#45dba1;font-weight:900}.sc-auth-card-head h2{margin:5px 0 0!important;font-size:34px!important}.sc-auth-card-head .sc-kicker{font-size:9px}.sc-login-page-modern .sc-auth-card>p{margin:19px 0 0}.sc-login-page-modern .sc-auth-form{margin-top:28px}.sc-login-page-modern .sc-input-wrap{min-height:55px;border-radius:11px}.sc-login-page-modern .sc-input-wrap input{height:53px;font-size:14px}.sc-login-page-modern .sc-auth-options{align-items:center;color:#617f97;font-size:9px}.sc-login-page-modern .sc-btn-submit{min-height:53px;margin-top:3px}.sc-login-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.sc-login-trust span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px 5px;border:1px solid #203f58;border-radius:9px;color:#7893a8;font-size:9px}.sc-login-trust i{width:5px;height:5px;border-radius:50%;background:#3bd795}.sc-login-page-modern .sc-auth-switch{display:flex;align-items:center;justify-content:space-between;gap:14px}.sc-login-page-modern .sc-auth-switch>a{white-space:nowrap}.sc-login-page-modern .sc-auth-powered{letter-spacing:.5px}
@media(max-width:1100px){.sc-login-page-modern{grid-template-columns:1fr 500px}.sc-login-page-modern .sc-auth-showcase{padding:35px}.sc-login-page-modern .sc-auth-benefits{grid-template-columns:1fr}.sc-login-page-modern .sc-auth-benefits article{min-height:0;display:flex;align-items:center;gap:13px}.sc-login-page-modern .sc-auth-benefits article>span{margin:0}}
@media(max-width:900px){.sc-login-page-modern{grid-template-columns:1fr}.sc-login-page-modern .sc-auth-showcase{min-height:auto;padding:28px 30px}.sc-login-page-modern .sc-auth-visual{margin:65px 0 30px}.sc-login-page-modern .sc-auth-benefits{grid-template-columns:repeat(3,1fr)}.sc-login-page-modern .sc-auth-benefits article{display:block;min-height:130px}.sc-login-page-modern .sc-auth-benefits article>span{margin-bottom:16px}.sc-login-page-modern .sc-auth-form-side{padding:45px 20px}}
@media(max-width:620px){.sc-login-page-modern .sc-auth-showcase{min-height:230px}.sc-login-page-modern .sc-auth-visual{margin:45px 0 10px}.sc-login-page-modern .sc-auth-visual h1{font-size:41px}.sc-login-page-modern .sc-auth-visual>p,.sc-login-page-modern .sc-auth-benefits{display:none}.sc-login-page-modern .sc-auth-form-side{padding:20px 12px 35px}.sc-login-page-modern .sc-auth-card{padding:25px 20px}.sc-auth-card-head{margin-top:22px}.sc-auth-card-head h2{font-size:29px!important}.sc-login-trust{grid-template-columns:1fr}.sc-login-page-modern .sc-auth-switch{align-items:flex-start;flex-direction:column}.sc-login-page-modern .sc-auth-powered{margin-top:28px}}

/* Refined two-step registration */
.sc-register-page-modern{grid-template-columns:minmax(0,1fr) minmax(650px,1fr)}.sc-register-page-modern .sc-auth-showcase{padding:40px clamp(40px,5vw,92px);background:radial-gradient(circle at 20% 44%,rgba(39,139,255,.16),transparent 36%),linear-gradient(145deg,#0b2945,#071725)}.sc-register-page-modern .sc-auth-visual{max-width:760px}.sc-register-page-modern .sc-auth-visual h1{font-size:clamp(50px,4.6vw,74px)}.sc-register-page-modern .sc-auth-visual h1 span{color:#4ba8ff}.sc-register-page-modern .sc-auth-visual>p{max-width:680px;font-size:16px}.sc-register-page-modern .sc-onboarding-preview{gap:11px}.sc-register-page-modern .sc-onboarding-preview>div{min-height:88px;padding:17px;background:linear-gradient(145deg,rgba(10,35,57,.88),rgba(7,25,42,.72))}.sc-register-page-modern .sc-onboarding-preview section{display:flex;flex-direction:column;gap:5px}.sc-register-page-modern .sc-onboarding-preview small{color:#6e899f;font-size:10px}.sc-register-page-modern .sc-auth-form-side{padding:45px;background:radial-gradient(circle at 50% 50%,rgba(28,75,117,.1),transparent 45%),#040d17}.sc-register-page-modern .sc-register-card{width:min(100%,680px);padding:35px 38px;border-radius:20px;background:linear-gradient(145deg,#0a2034,#071725);box-shadow:0 40px 100px rgba(0,0,0,.32)}.sc-register-page-modern .sc-auth-card-head{margin-top:25px}.sc-register-page-modern .sc-auth-lock{color:#86c3ff;border-color:rgba(57,145,234,.32);background:rgba(41,126,214,.1);font-size:10px}.sc-register-page-modern .sc-auth-card>p{margin:16px 0 0}.sc-register-page-modern .sc-step-indicator{margin:25px 0 20px}.sc-register-page-modern .sc-step-indicator>button{padding:0}.sc-register-page-modern .sc-step-indicator>button.active>span{box-shadow:0 0 0 6px rgba(58,146,242,.08)}.sc-register-page-modern .sc-auth-form{margin-top:0}.sc-register-page-modern .sc-input-wrap{min-height:54px;border-radius:11px}.sc-register-page-modern .sc-input-wrap input,.sc-register-page-modern .sc-input-wrap select{height:52px}.sc-register-page-modern .sc-btn-submit{min-height:53px;margin-top:15px}.sc-password-hint{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:10px 12px;border:1px solid #1f405a;border-radius:9px;background:rgba(6,23,37,.7);color:#718da3;font-size:9px;line-height:1.45}.sc-password-hint i{color:#42d99e;font-style:normal}.sc-register-ready{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:17px;border:1px solid rgba(61,215,153,.24);border-radius:11px;background:rgba(39,151,111,.07)}.sc-register-ready>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(61,215,153,.12);color:#42d99e;font-style:normal}.sc-register-ready>div{display:flex;flex-direction:column;gap:4px}.sc-register-ready small{color:#6f8b9f}.sc-register-page-modern .sc-terms{align-items:flex-start;margin:17px 0}.sc-register-page-modern .sc-step-actions .sc-btn{min-height:50px;border:0}.sc-register-page-modern .sc-auth-switch{display:flex;align-items:center;justify-content:space-between;gap:12px}.sc-register-page-modern .sc-auth-switch>a{white-space:nowrap}
@media(max-width:1180px){.sc-register-page-modern{grid-template-columns:minmax(0,1fr) 620px}.sc-register-page-modern .sc-auth-showcase{padding:35px}.sc-register-page-modern .sc-onboarding-preview{grid-template-columns:1fr}}
@media(max-width:900px){.sc-register-page-modern{grid-template-columns:1fr}.sc-register-page-modern .sc-auth-showcase{min-height:auto;padding:28px 30px}.sc-register-page-modern .sc-auth-visual{margin:65px 0 30px}.sc-register-page-modern .sc-onboarding-preview{grid-template-columns:repeat(2,1fr)}.sc-register-page-modern .sc-auth-form-side{padding:40px 20px}}
@media(max-width:620px){.sc-register-page-modern .sc-auth-showcase{min-height:230px}.sc-register-page-modern .sc-auth-visual{margin:45px 0 10px}.sc-register-page-modern .sc-auth-visual h1{font-size:39px}.sc-register-page-modern .sc-auth-visual>p,.sc-register-page-modern .sc-onboarding-preview{display:none}.sc-register-page-modern .sc-auth-form-side{padding:20px 12px 35px}.sc-register-page-modern .sc-register-card{padding:25px 20px}.sc-register-page-modern .sc-form-grid{grid-template-columns:1fr}.sc-register-page-modern .sc-register-ready{grid-column:auto}.sc-register-page-modern .sc-auth-switch{align-items:flex-start;flex-direction:column}.sc-register-page-modern .sc-step-actions{flex-direction:column}.sc-register-page-modern .sc-auth-powered{margin-top:28px}}

.service-detail-page .sc-faq-section{align-items:start}.sc-faq-intro{max-width:470px;margin:18px 0 20px;color:#7f98ad;line-height:1.7}.sc-faq-count{display:inline-flex;padding:8px 11px;border:1px solid color-mix(in srgb,var(--service-accent) 35%,#29445a);border-radius:999px;background:color-mix(in srgb,var(--service-accent) 7%,transparent);color:var(--service-accent);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.service-detail-page .sc-faq-list{display:grid;gap:10px}.service-detail-page .sc-faq-list details{border-radius:13px;background:linear-gradient(145deg,#0a1d30,#081725)}.service-detail-page .sc-faq-list summary{display:flex;align-items:center;gap:13px}.service-detail-page .sc-faq-list summary span{color:var(--service-accent);font-size:9px;letter-spacing:1px}.service-detail-page .sc-faq-list details[open]{border-color:color-mix(in srgb,var(--service-accent) 52%,#29455c);box-shadow:0 15px 40px rgba(0,0,0,.12)}.service-detail-page .sc-faq-list details p{margin-left:32px}
.mx-thread{max-height:none!important;overflow:visible!important}
.cpv2-offer-decision{margin-top:28px;padding:24px;border:1px solid rgba(56,189,248,.28);border-radius:18px;background:linear-gradient(135deg,rgba(14,165,233,.1),rgba(30,41,59,.35));display:flex;align-items:center;justify-content:space-between;gap:24px}.cpv2-offer-decision small{color:#60a5fa;font-weight:800;letter-spacing:.14em}.cpv2-offer-decision h3{margin:7px 0}.cpv2-offer-decision p{margin:0;color:#8faac0}.cpv2-offer-decision form{display:flex;gap:10px;flex-shrink:0}.cpv2-offer-decision button{border:0;border-radius:11px;padding:14px 18px;background:#2f8df4;color:#fff;font-weight:800;cursor:pointer}.cpv2-offer-decision button.secondary{background:transparent;border:1px solid #31536c;color:#b9cede}@media(max-width:760px){.cpv2-offer-decision{align-items:stretch;flex-direction:column}.cpv2-offer-decision form{display:grid;grid-template-columns:1fr}.cpv2-offer-decision button{width:100%}}
/* Domain Center */
.domain-hero{background:radial-gradient(circle at 88% 12%,rgba(50,145,255,.18),transparent 32%),linear-gradient(135deg,#0d233a,#091827)}.domain-hero h2{max-width:850px}.domain-hero p{max-width:780px}.domain-search-card{padding:26px}.domain-search-card form{display:grid;gap:10px}.domain-search-card label{color:#89a2b8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.domain-search-card form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.domain-search-card input{min-height:56px;padding:0 18px;border:1px solid #2a4d69;border-radius:11px;background:#061625;color:#eef7ff;font:700 16px inherit}.domain-search-card button,.domain-result button{min-height:56px;padding:0 22px;border:0;border-radius:11px;background:linear-gradient(135deg,#2792ff,#416cff);color:#fff;font-weight:900}.domain-search-card small{color:#66859e}.domain-result{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;border-color:#285274}.domain-result>div{display:flex;align-items:center;gap:18px}.domain-result>div>span{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border-radius:14px;background:#10385a;color:#74baff;font-size:26px;font-weight:900}.domain-result.available{border-color:rgba(55,215,153,.42);background:linear-gradient(135deg,rgba(25,105,78,.17),#091b2b)}.domain-result.available>div>span{background:rgba(47,207,144,.14);color:#42dda0}.domain-result.unavailable>div>span{background:rgba(238,91,109,.12);color:#ff7a89}.domain-result small{color:#6689a5;font-size:9px;letter-spacing:.13em}.domain-result h3{margin:5px 0;font-size:25px}.domain-result p{margin:0;color:#86a1b7}.domain-result em{display:inline-block;margin-top:9px;color:#f3bf55;font-size:11px}.domain-policy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;overflow:hidden}.domain-policy>div{padding:24px;border-right:1px solid #203d55}.domain-policy>div:last-child{border-right:0}.domain-policy b,.domain-policy span{display:block}.domain-policy b{margin-bottom:9px;color:#eef7ff}.domain-policy span{color:#7f9aaf;line-height:1.6}.domain-request-list{padding:0;overflow:hidden}.domain-request-list .cp-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #203d55}.domain-request-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 24px;border-bottom:1px solid #17344a}.domain-request-list article:last-child{border-bottom:0}.domain-request-list article b,.domain-request-list article small{display:block}.domain-request-list article small{margin-top:5px;color:#69869d}.domain-request-list article>span{padding:7px 10px;border-radius:999px;background:#102e49;color:#7dbbff;font-size:10px;font-weight:800}
@media(max-width:760px){.domain-search-card form>div{grid-template-columns:1fr}.domain-result{align-items:stretch;flex-direction:column}.domain-result button{width:100%}.domain-policy{grid-template-columns:1fr}.domain-policy>div{border-right:0;border-bottom:1px solid #203d55}.domain-policy>div:last-child{border-bottom:0}.domain-request-list article{align-items:flex-start;flex-direction:column}}
.domain-live-prices{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.domain-live-prices b,.domain-live-prices span{margin:0;color:#dcecff;font-size:11px}.domain-live-prices span{color:#86a6bf}
.domain-catalog-card{border-color:rgba(70,170,255,.48)!important;background:radial-gradient(circle at 90% 8%,rgba(48,143,255,.16),transparent 31%),linear-gradient(155deg,#0b2238,#081827)!important}.domain-catalog-card .sc-catalog-card-icon{background:linear-gradient(145deg,#237dc5,#375ae0)!important;color:#fff!important}.domain-catalog-card .domain-dynamic-price b{font-size:24px;color:#5eb3ff}.domain-catalog-card .domain-dynamic-price span{margin-top:5px;color:#7895ad}.domain-catalog-card>footer .sc-btn-primary{background:linear-gradient(135deg,#278fff,#4a6cff)}
.service-catalog-page .sc-catalog-card[hidden]{display:none!important}