/*
 * SIDIK Talent Pro — SaaS Product UI v2.1
 * Presentation-only layer for pro.sidiktalent.com DEMO.
 * Preserve business logic, authorization, Core, REST and database behavior.
 */
:root{
  --stp2-blue:#0870B8;
  --stp2-blue-700:#075F9C;
  --stp2-blue-100:#EAF5FC;
  --stp2-blue-050:#F4FAFE;
  --stp2-orange:#F09018;
  --stp2-orange-100:#FFF2DF;
  --stp2-navy:#0B2942;
  --stp2-canvas:#F5F8FB;
  --stp2-surface:#FFFFFF;
  --stp2-border:#E4EAF0;
  --stp2-border-strong:#CFDAE4;
  --stp2-text:#152330;
  --stp2-muted:#667085;
  --stp2-soft:#F8FAFC;
  --stp2-green:#167A55;
  --stp2-red:#B42318;
  --stp2-radius-sm:10px;
  --stp2-radius:14px;
  --stp2-radius-lg:18px;
  --stp2-shadow:0 8px 28px rgba(21,35,48,.055);
  --stp2-shadow-lg:0 22px 70px rgba(21,35,48,.10);
}

html{scroll-behavior:smooth}
body.stp-saas-v22{
  margin:0!important;
  background:var(--stp2-canvas)!important;
  color:var(--stp2-text)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.stp-saas-v22 *{box-sizing:border-box}
body.stp-saas-v22 h1,body.stp-saas-v22 h2,body.stp-saas-v22 h3{
  font-family:"Open Sans",Inter,"Segoe UI",Arial,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
}
body.stp-saas-v22 button,body.stp-saas-v22 input,body.stp-saas-v22 select,body.stp-saas-v22 textarea{font-family:Inter,"Segoe UI",Arial,sans-serif!important}
body.stp-saas-v22 a{transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}
body.stp-saas-v22 :focus-visible{outline:3px solid rgba(240,144,24,.7)!important;outline-offset:3px!important}

/* Official identity */
.stp-saas-logo{display:block;max-width:100%;height:auto;object-fit:contain}
.stp-saas-logo-header{width:214px;max-height:50px}
.stp-saas-logo-sidebar{width:196px;max-height:52px}
.stp-saas-logo-login{width:min(360px,88vw);max-height:132px}
.stp-saas-logo-admin{width:210px;max-height:54px}

/* ========================================================================== */
/* PUBLIC PRODUCT ENTRY                                                        */
/* ========================================================================== */
body.stp-saas-public-home{background:#fff!important}
.stp-saas-public-home .stp-landing{background:#fff!important;min-height:100vh}
.stp-saas-public-home .stp-site-header{
  max-width:1320px!important;
  min-height:78px!important;
  margin:0 auto!important;
  padding:16px 28px!important;
  display:grid!important;
  grid-template-columns:250px 1fr auto!important;
  align-items:center!important;
  gap:28px!important;
  border-bottom:1px solid var(--stp2-border)!important;
  background:rgba(255,255,255,.96)!important;
  position:sticky!important;
  top:0!important;
  z-index:50!important;
  backdrop-filter:blur(12px);
}
.stp-saas-public-home .stp-logo{display:flex!important;align-items:center!important;min-width:0!important;text-decoration:none!important}
.stp-saas-public-home .stp-logo-mark,.stp-saas-public-home .stp-logo-type{display:none!important}
.stp-saas-public-home .stp-top-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:30px!important}
.stp-saas-public-home .stp-top-nav a{
  color:#34495B!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  padding:10px 2px!important;
}
.stp-saas-public-home .stp-top-nav a:hover{color:var(--stp2-blue)!important}
.stp-saas-public-home .stp-header-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:42px!important;
  padding:10px 15px!important;
  border:1px solid #BDD7E7!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--stp2-blue-700)!important;
  font-size:13px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.stp-saas-public-home .stp-header-action svg{width:15px;height:15px}
.stp-saas-public-home .stp-header-action:hover{background:var(--stp2-blue-050)!important;border-color:#8EBEDB!important}

.stp-saas-public-home .stp-hero{
  max-width:1320px!important;
  min-height:610px!important;
  margin:0 auto!important;
  padding:72px 28px 76px!important;
  display:grid!important;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;
  align-items:center!important;
  gap:64px!important;
  background:#fff!important;
}
.stp-saas-public-home .stp-hero-copy{max-width:650px!important}
.stp-saas-public-home .stp-hero h1{
  margin:0 0 22px!important;
  font-size:clamp(48px,5.1vw,72px)!important;
  line-height:1.02!important;
  color:var(--stp2-navy)!important;
  max-width:660px!important;
}
.stp-saas-public-home .stp-hero h1 span{color:var(--stp2-blue)!important}
.stp-saas-public-home .stp-hero-lead{
  margin:0!important;
  max-width:620px!important;
  color:#52677B!important;
  font-size:17px!important;
  line-height:1.75!important;
}
.stp-saas-product-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.stp-saas-product-chips span{
  display:inline-flex;
  min-height:32px;
  align-items:center;
  padding:6px 10px;
  border:1px solid #D8E7F1;
  background:#F7FBFE;
  color:#31566E;
  border-radius:8px;
  font-size:12px;
  font-weight:700;
}
.stp-saas-public-home .stp-hero-actions{display:flex!important;align-items:center!important;gap:13px!important;flex-wrap:wrap!important;margin-top:30px!important}
.stp-saas-public-home .stp-button{
  min-height:46px!important;
  border-radius:10px!important;
  padding:11px 17px!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.stp-saas-public-home .stp-button-primary{background:var(--stp2-blue)!important;color:#fff!important;border:1px solid var(--stp2-blue)!important;box-shadow:0 7px 18px rgba(8,112,184,.15)!important}
.stp-saas-public-home .stp-button-primary:hover{background:var(--stp2-blue-700)!important;transform:translateY(-1px)!important}
.stp-saas-public-home .stp-button-text{color:#31566E!important;background:transparent!important;border:1px solid transparent!important}
.stp-saas-public-home .stp-access-note{margin-top:20px!important;color:var(--stp2-muted)!important;font-size:13px!important}
.stp-saas-public-home .stp-access-indicator{background:var(--stp2-orange)!important;width:8px!important;height:8px!important}

/* Real software-like product preview, intentionally marked illustrative. */
.stp-saas-public-home .stp-hero-visual{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;max-width:none!important}
.stp-saas-preview-shell{
  display:grid;
  grid-template-columns:64px 1fr;
  min-height:465px;
  border:1px solid #D9E5EE;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  box-shadow:var(--stp2-shadow-lg);
}
.stp-saas-preview-rail{background:#F7FAFC;border-right:1px solid var(--stp2-border);padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:10px}
.stp-saas-preview-rail>img{width:38px;height:38px;object-fit:contain;margin-bottom:14px}
.stp-saas-preview-rail>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;color:#708395}
.stp-saas-preview-rail>span svg{width:19px;height:19px}
.stp-saas-preview-rail>span.is-active{background:var(--stp2-blue-100);color:var(--stp2-blue)}
.stp-saas-preview-main{padding:22px 24px;background:#FBFDFE}
.stp-saas-preview-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--stp2-border)}
.stp-saas-preview-top small{display:block;color:#7A8B9B;font-size:11px;font-weight:700;margin-bottom:3px}
.stp-saas-preview-top strong{font-size:17px;color:var(--stp2-navy)}
.stp-saas-preview-user{display:inline-flex;align-items:center;gap:7px;color:#50677B;font-size:11px;font-weight:700;padding:7px 9px;border:1px solid #DCE6ED;border-radius:9px;background:#fff}
.stp-saas-preview-user svg{width:15px;height:15px;color:var(--stp2-blue)}
.stp-saas-preview-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:18px 0}
.stp-saas-preview-kpis article{padding:15px;border:1px solid var(--stp2-border);border-radius:12px;background:#fff;min-width:0}
.stp-saas-preview-kpis span{display:block;color:#728496;font-size:10px;font-weight:700}
.stp-saas-preview-kpis strong{display:block;font-size:28px;line-height:1;margin:8px 0 6px;color:var(--stp2-navy);font-family:"Open Sans",Inter,sans-serif;font-weight:800}
.stp-saas-preview-kpis small{font-size:9px;color:#91A0AE}
.stp-saas-preview-board{border:1px solid var(--stp2-border);border-radius:13px;background:#fff;overflow:hidden}
.stp-saas-preview-board-head{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stp2-border)}
.stp-saas-preview-board-head strong{font-size:12px;color:#34495B}.stp-saas-preview-board-head span{font-size:9px;color:#8796A5}
.stp-saas-preview-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid #EFF3F6}
.stp-saas-preview-row:last-child{border-bottom:0}.stp-saas-preview-row .dot{width:8px;height:8px;border-radius:999px}.stp-saas-preview-row .dot.blue{background:var(--stp2-blue)}.stp-saas-preview-row .dot.orange{background:var(--stp2-orange)}.stp-saas-preview-row .dot.green{background:var(--stp2-green)}
.stp-saas-preview-row strong{display:block;font-size:11px;color:#2D4356}.stp-saas-preview-row small{display:block;font-size:9px;color:#8997A4;margin-top:2px}.stp-saas-preview-row b{font-size:9px;font-weight:700;color:#52697C;padding:5px 7px;background:#F4F7F9;border-radius:7px}
.stp-saas-preview-note{margin:10px 4px 0!important;color:#8594A2!important;font-size:10px!important;line-height:1.5!important}

.stp-saas-public-home .stp-section{max-width:1320px!important;margin:0 auto!important;padding:78px 28px!important}
.stp-saas-public-home .stp-steps{border-top:1px solid #EEF2F5!important;background:#FBFDFE!important}
.stp-saas-public-home .stp-section-head{max-width:760px!important;margin-bottom:34px!important}
.stp-saas-public-home .stp-section-head h2{font-size:clamp(32px,3vw,44px)!important;line-height:1.08!important;color:var(--stp2-navy)!important;margin-bottom:13px!important}
.stp-saas-public-home .stp-section-head p{font-size:16px!important;line-height:1.65!important;color:var(--stp2-muted)!important}
.stp-saas-public-home .stp-step-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--stp2-border)!important;border-radius:16px!important;overflow:hidden!important;background:#fff!important}
.stp-saas-public-home .stp-step{padding:25px 24px!important;border-right:1px solid var(--stp2-border)!important;background:#fff!important;min-height:210px!important}
.stp-saas-public-home .stp-step:last-child{border-right:0!important}
.stp-saas-public-home .stp-step-number{display:block!important;font-family:"Open Sans",Inter,sans-serif!important;font-weight:800!important;font-size:36px!important;line-height:1!important;color:var(--stp2-blue)!important;margin-bottom:25px!important}
.stp-saas-public-home .stp-step h3{font-size:18px!important;color:var(--stp2-navy)!important;margin:0 0 9px!important}.stp-saas-public-home .stp-step p{font-size:14px!important;line-height:1.6!important;color:var(--stp2-muted)!important}
.stp-saas-public-home .stp-capabilities{background:#fff!important}
.stp-saas-public-home .stp-capability-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.stp-saas-public-home .stp-capability{border:1px solid var(--stp2-border)!important;border-radius:15px!important;background:#fff!important;padding:24px!important;box-shadow:none!important}
.stp-saas-public-home .stp-capability-symbol{width:58px!important;height:58px!important;border-radius:14px!important;background:var(--stp2-blue-100)!important;color:var(--stp2-blue)!important;display:grid!important;place-items:center!important;font-size:28px!important;margin-bottom:24px!important}
.stp-saas-public-home .stp-capability:nth-child(2) .stp-capability-symbol{background:var(--stp2-orange-100)!important;color:#A8610B!important}.stp-saas-public-home .stp-capability h3{font-size:20px!important;color:var(--stp2-navy)!important;margin:0 0 8px!important}.stp-saas-public-home .stp-capability p{font-size:14px!important;line-height:1.6!important;color:var(--stp2-muted)!important;margin:0!important}
.stp-saas-public-home .stp-bottom-panel{max-width:1264px!important;margin:0 auto 28px!important;padding:40px!important;background:linear-gradient(135deg,#F5FAFE,#FBFDFE)!important;border:1px solid #D9E8F1!important;border-radius:18px!important;color:var(--stp2-text)!important;box-shadow:none!important}.stp-saas-public-home .stp-bottom-panel h2{font-size:30px!important;color:var(--stp2-navy)!important}.stp-saas-public-home .stp-bottom-panel p{color:var(--stp2-muted)!important}.stp-saas-public-home .stp-bottom-link{background:#fff!important;border:1px solid #BFD9E9!important;color:var(--stp2-blue-700)!important;border-radius:10px!important}
.stp-saas-footer{max-width:1320px!important;margin:0 auto!important;padding:30px 28px 38px!important;border-top:1px solid var(--stp2-border)!important;display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:28px!important;color:var(--stp2-muted)!important}
.stp-saas-footer-brand img{width:176px;height:auto;display:block;margin-bottom:11px}.stp-saas-footer-brand p{margin:0;font-size:12px}.stp-saas-footer-contact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.stp-saas-footer-contact a{color:var(--stp2-blue-700)!important;text-decoration:none;font-weight:700}

/* ========================================================================== */
/* APPLICATION SHELL                                                           */
/* ========================================================================== */
body.stp-saas-workspace-page{overflow-x:hidden!important;background:var(--stp2-canvas)!important}
.stp-saas-workspace-page .stp-shell{
  display:grid!important;
  grid-template-columns:266px minmax(0,1fr)!important;
  min-height:100vh!important;
  background:var(--stp2-canvas)!important;
}
.stp-saas-workspace-page .stp-sidebar{
  position:sticky!important;
  top:0!important;
  height:100vh!important;
  overflow-y:auto!important;
  background:#fff!important;
  color:var(--stp2-text)!important;
  border-right:1px solid var(--stp2-border)!important;
  padding:20px 16px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  z-index:45!important;
  box-shadow:none!important;
}
.stp-saas-workspace-page .stp-brand{padding:3px 8px 19px!important;border-bottom:1px solid var(--stp2-border)!important;font-size:0!important}
.stp-saas-workspace-page .stp-brand span{display:block!important;margin:9px 0 0!important;color:#80909E!important;font-size:11px!important;font-weight:600!important;letter-spacing:.01em!important;text-transform:none!important}
.stp-saas-workspace-page .stp-sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important}
.stp-saas-workspace-page .stp-sidebar nav+nav{padding-top:15px!important;border-top:1px solid #EEF2F5!important}
.stp-saas-workspace-page .stp-sidebar nav a,.stp-saas-workspace-page .stp-workspace-nav-button,.stp-saas-workspace-page .stp-sidebar-foot a{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  width:100%!important;
  min-height:44px!important;
  padding:10px 11px!important;
  border:1px solid transparent!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#445A6E!important;
  text-decoration:none!important;
  text-align:left!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.25!important;
  box-shadow:none!important;
}
.stp-saas-nav-icon{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;flex:0 0 auto;color:#74889A}
.stp-saas-nav-icon svg{width:17px;height:17px}
.stp-saas-workspace-page .stp-sidebar nav a:hover,.stp-saas-workspace-page .stp-workspace-nav-button:hover{background:#F4F8FB!important;color:var(--stp2-navy)!important}
.stp-saas-workspace-page .stp-sidebar nav a:hover .stp-saas-nav-icon,.stp-saas-workspace-page .stp-workspace-nav-button:hover .stp-saas-nav-icon{color:var(--stp2-blue)!important}
.stp-saas-workspace-page .stp-sidebar nav .stp-nav-active,.stp-saas-workspace-page .stp-workspace-nav-button[aria-current=page]{background:var(--stp2-blue-100)!important;border-color:#D2E8F5!important;color:var(--stp2-blue-700)!important;box-shadow:none!important}
.stp-saas-workspace-page .stp-sidebar nav .stp-nav-active .stp-saas-nav-icon,.stp-saas-workspace-page .stp-workspace-nav-button[aria-current=page] .stp-saas-nav-icon{color:var(--stp2-blue)!important}
.stp-saas-workspace-page .stp-sidebar-foot{margin-top:auto!important;padding:16px 6px 2px!important;border-top:1px solid var(--stp2-border)!important;color:#8B99A6!important;font-size:11px!important;line-height:1.5!important}
.stp-saas-workspace-page .stp-sidebar-foot a{margin-top:8px!important;color:#65788B!important;padding-left:5px!important}

.stp-saas-workspace-page .stp-main{min-width:0!important;background:var(--stp2-canvas)!important}
.stp-saas-workspace-page .stp-top{
  position:sticky!important;
  top:0!important;
  z-index:35!important;
  min-height:72px!important;
  padding:13px 30px!important;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(12px)!important;
  border-bottom:1px solid var(--stp2-border)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  box-shadow:none!important;
}
.stp-saas-workspace-page .stp-top>div:first-of-type strong{display:block!important;font-size:15px!important;line-height:1.2!important;color:var(--stp2-navy)!important;font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-weight:800!important;letter-spacing:-.01em!important}
.stp-saas-workspace-page .stp-top>div:first-of-type span{display:block!important;margin-top:3px!important;font-size:11px!important;color:#8594A2!important}
.stp-saas-workspace-page .stp-internal-identity{align-items:flex-end!important;margin-left:auto!important;margin-right:4px!important;gap:2px!important}
.stp-saas-workspace-page .stp-internal-identity strong{font-size:12px!important;color:#334B5F!important}.stp-saas-workspace-page .stp-internal-identity small{font-size:10px!important;color:#82909C!important}
.stp-saas-workspace-page .stp-top-pill{display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:5px 9px!important;border:1px solid #F1D1A3!important;border-radius:999px!important;background:var(--stp2-orange-100)!important;color:#8A520E!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}
.stp-saas-mobile-menu{display:none;width:40px;height:40px;border:1px solid var(--stp2-border);border-radius:10px;background:#fff;color:var(--stp2-navy);place-items:center;padding:0}
.stp-saas-mobile-menu svg{width:20px;height:20px}

.stp-saas-workspace-page .stp-content{max-width:1500px!important;margin:0 auto!important;padding:31px 34px 64px!important}
.stp-saas-workspace-page .stp-content>h1{
  margin:0 0 8px!important;
  font-size:clamp(31px,3vw,42px)!important;
  line-height:1.06!important;
  color:var(--stp2-navy)!important;
  max-width:900px!important;
}
.stp-saas-workspace-page .stp-content>.stp-lead{margin:0 0 23px!important;max-width:960px!important;color:var(--stp2-muted)!important;font-size:15px!important;line-height:1.65!important}
.stp-saas-workspace-page .stp-announcement{margin:0 0 17px!important;min-height:42px!important;padding:11px 13px!important;border:1px solid #D4E7F2!important;border-radius:10px!important;background:#F2F9FD!important;color:#345C73!important;font-size:12px!important;font-weight:650!important;box-shadow:none!important}

/* Scope/tenant context is a control bar, not a hero card. */
.stp-saas-workspace-page .stp-scope-card{
  display:flex!important;
  align-items:end!important;
  gap:18px!important;
  margin:0 0 17px!important;
  padding:15px 16px!important;
  border:1px solid var(--stp2-border)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.stp-saas-workspace-page .stp-scope-card .stp-field{min-width:min(360px,100%)!important}
.stp-saas-workspace-page .stp-scope-card strong{font-size:13px!important;color:#31485B!important}.stp-saas-workspace-page .stp-scope-card p{font-size:11px!important;color:#83919D!important;margin:3px 0 0!important}

/* Honest role-aware overview generated from loaded UI records. */
.stp-saas-overview{margin:0 0 26px}
.stp-saas-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stp-saas-metric-card{
  min-width:0;
  min-height:112px;
  padding:18px;
  border:1px solid var(--stp2-border);
  border-radius:14px;
  background:#fff;
  display:flex;
  align-items:flex-start;
  gap:13px;
  box-shadow:0 2px 8px rgba(21,35,48,.025);
}
.stp-saas-metric-icon{width:42px;height:42px;border-radius:11px;background:var(--stp2-blue-100);color:var(--stp2-blue);display:grid;place-items:center;flex:0 0 auto}
.stp-saas-metric-icon svg{width:20px;height:20px}.stp-saas-metric-card:nth-child(4n+2) .stp-saas-metric-icon{background:var(--stp2-orange-100);color:#A45E08}
.stp-saas-metric-card>div{min-width:0}.stp-saas-metric-card span:not(.stp-saas-metric-icon){display:block;color:#758695;font-size:11px;font-weight:700;margin:1px 0 9px}.stp-saas-metric-card strong{display:block;font-family:"Open Sans",Inter,sans-serif;font-size:30px;line-height:1.05;font-weight:800;color:var(--stp2-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.stp-saas-action-strip{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:12px;padding:15px 16px;border:1px solid var(--stp2-border);border-radius:13px;background:#FBFDFE}
.stp-saas-action-icon{width:42px;height:42px;border-radius:11px;background:#EEF7FC;color:var(--stp2-blue);display:grid;place-items:center}.stp-saas-action-icon svg{width:21px;height:21px}.stp-saas-action-strip strong{display:block;font-size:13px;color:#2F485C}.stp-saas-action-strip p{margin:3px 0 0;font-size:11px;line-height:1.45;color:#82909C}.stp-saas-scroll-action{display:inline-flex;align-items:center;gap:6px;min-height:36px;border:1px solid #C5DBE9;border-radius:9px;background:#fff;color:var(--stp2-blue-700);padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}.stp-saas-scroll-action svg{width:14px;height:14px}

/* Functional module hierarchy */
.stp-saas-workspace-page .stp-workspace-module{scroll-margin-top:96px!important;animation:none!important}
.stp-saas-workspace-page .stp-workspace-section-head{margin:30px 0 16px!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:5px!important}
.stp-saas-workspace-page .stp-workspace-section-head h2{margin:0!important;font-size:25px!important;line-height:1.15!important;color:var(--stp2-navy)!important}
.stp-saas-workspace-page .stp-workspace-section-head p{margin:0!important;max-width:930px!important;font-size:13px!important;line-height:1.55!important;color:var(--stp2-muted)!important}
.stp-saas-workspace-page .stp-workspace-columns{gap:14px!important}
.stp-saas-workspace-page .stp-card,.stp-saas-workspace-page .stp-no-access{
  margin-bottom:14px!important;
  padding:19px!important;
  border:1px solid var(--stp2-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 2px 9px rgba(21,35,48,.025)!important;
}
.stp-saas-workspace-page .stp-card h2,.stp-saas-workspace-page .stp-card h3,.stp-saas-workspace-page .stp-no-access h2{margin:0 0 13px!important;color:var(--stp2-navy)!important;font-size:17px!important;letter-spacing:-.02em!important}
.stp-saas-workspace-page .stp-workspace-hint,.stp-saas-workspace-page .stp-client-helper{font-size:12px!important;line-height:1.55!important;color:var(--stp2-muted)!important}
.stp-saas-workspace-page .stp-stack-form{gap:13px!important}.stp-saas-workspace-page .stp-workspace-inline-form{gap:11px!important;margin:14px 0!important}
.stp-saas-workspace-page .stp-field{gap:6px!important}.stp-saas-workspace-page .stp-field label{font-size:12px!important;color:#3B5266!important;font-weight:700!important}.stp-saas-workspace-page .stp-field small{font-size:10px!important;color:#8A98A5!important}
.stp-saas-workspace-page .stp-field input,.stp-saas-workspace-page .stp-field select,.stp-saas-workspace-page .stp-field textarea{
  min-height:44px!important;
  padding:9px 11px!important;
  border:1px solid #C8D4DE!important;
  border-radius:9px!important;
  background:#fff!important;
  color:var(--stp2-text)!important;
  font-size:13px!important;
  box-shadow:none!important;
}
.stp-saas-workspace-page .stp-field textarea{min-height:92px!important;line-height:1.55!important}.stp-saas-workspace-page .stp-field input:focus,.stp-saas-workspace-page .stp-field select:focus,.stp-saas-workspace-page .stp-field textarea:focus{border-color:#7DB7D9!important;box-shadow:0 0 0 3px rgba(8,112,184,.09)!important;outline:none!important}
.stp-saas-workspace-page .stp-button{
  min-height:42px!important;
  padding:9px 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.stp-saas-workspace-page .stp-primary{background:var(--stp2-blue)!important;border-color:var(--stp2-blue)!important;color:#fff!important}.stp-saas-workspace-page .stp-primary:hover{background:var(--stp2-blue-700)!important;border-color:var(--stp2-blue-700)!important}.stp-saas-workspace-page .stp-outline{background:#fff!important;border-color:#C4D0DA!important;color:#365065!important}.stp-saas-workspace-page .stp-outline:hover{background:#F8FBFD!important;border-color:#9EBFD3!important;color:var(--stp2-blue-700)!important}

.stp-saas-workspace-page .stp-workspace-list{gap:8px!important;margin:9px 0!important}.stp-saas-workspace-page .stp-workspace-item{padding:12px 13px!important;border:1px solid #E2EAF0!important;border-radius:10px!important;background:#FCFDFE!important;gap:11px!important}.stp-saas-workspace-page .stp-workspace-item strong{font-size:13px!important;line-height:1.35!important;color:#31485C!important}.stp-saas-workspace-page .stp-workspace-item p{margin-top:4px!important;font-size:11px!important;line-height:1.45!important;color:#7C8B98!important}.stp-saas-workspace-page .stp-workspace-item .stp-button{min-height:34px!important;padding:7px 10px!important;font-size:10px!important}.stp-saas-workspace-page .stp-workspace-empty{padding:17px!important;border:1px dashed #CEDAE3!important;border-radius:10px!important;background:#FAFCFD!important;color:#80909D!important;font-size:12px!important}
.stp-saas-workspace-page .stp-status{display:inline-flex!important;align-items:center!important;min-height:25px!important;padding:4px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:800!important;white-space:nowrap!important}.stp-saas-workspace-page .stp-status[data-state="VERIFIED"],.stp-saas-workspace-page .stp-status[data-state="FINANCE_EXPORTED"]{background:#EAF7F1!important;color:#126044!important}.stp-saas-workspace-page .stp-status[data-state="RETURNED_FOR_CORRECTION"]{background:#FFF0ED!important;color:#9B2E25!important}.stp-saas-workspace-page .stp-status[data-state="SUBMITTED"],.stp-saas-workspace-page .stp-status[data-state="CLIENT_APPROVED"]{background:#EDF3FF!important;color:#4056A1!important}

/* Tables read as data product surfaces, not WordPress tables. */
.stp-saas-workspace-page .stp-table-wrap{border:1px solid var(--stp2-border)!important;border-radius:12px!important;overflow:auto!important;background:#fff!important}.stp-saas-workspace-page .stp-table{margin:0!important;min-width:650px!important;background:#fff!important}.stp-saas-workspace-page .stp-table th{padding:11px 12px!important;background:#F7FAFC!important;border-bottom:1px solid var(--stp2-border)!important;color:#617486!important;font-size:10px!important;text-transform:none!important;letter-spacing:0!important}.stp-saas-workspace-page .stp-table td{padding:12px!important;border-bottom:1px solid #EEF2F5!important;color:#31485C!important;font-size:12px!important}.stp-saas-workspace-page .stp-table tr:last-child td{border-bottom:0!important}.stp-saas-workspace-page .stp-pagination{margin-top:13px!important;font-size:11px!important;color:#718394!important}

/* Reports / Client Master use the same product language. */
.stp-saas-v2 .stp-client-grid{gap:14px!important}.stp-saas-v2 .stp-client-list{gap:8px!important}.stp-saas-v2 .stp-client-summary{background:#F8FBFD!important;border:1px solid var(--stp2-border)!important;border-radius:11px!important;padding:13px!important}.stp-saas-v2 .stp-client-dialog{border:1px solid var(--stp2-border)!important;border-radius:16px!important;box-shadow:var(--stp2-shadow-lg)!important}

/* ========================================================================== */
/* LOGIN & ADMIN                                                               */
/* ========================================================================== */
.stp-saas-login-page .stpi-login{min-height:100vh!important;background:var(--stp2-canvas)!important;padding:46px 28px!important;display:grid!important;align-items:center!important}.stp-saas-login-page .stpi-login-layout{max-width:1180px!important;grid-template-columns:minmax(0,1fr) minmax(360px,440px)!important;gap:70px!important;align-items:center!important}.stp-saas-login-page .stpi-intro{padding-right:12px!important}.stp-saas-login-page .stpi-intro h1{font-size:clamp(38px,4vw,56px)!important;line-height:1.05!important;color:var(--stp2-navy)!important;margin:25px 0 16px!important}.stp-saas-login-page .stpi-intro>p{max-width:630px!important;font-size:15px!important;line-height:1.7!important;color:var(--stp2-muted)!important}.stp-saas-login-page .stpi-milestones{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}.stp-saas-login-page .stpi-milestones span{min-height:70px!important;padding:13px!important;border:1px solid var(--stp2-border)!important;border-radius:12px!important;background:#fff!important;color:#4E6376!important;font-size:11px!important;box-shadow:none!important}.stp-saas-login-page .stpi-login-card{padding:31px!important;border:1px solid var(--stp2-border)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 18px 55px rgba(21,35,48,.08)!important}.stp-saas-login-page .stpi-login-card h2{font-size:24px!important;color:var(--stp2-navy)!important;margin:17px 0 7px!important}.stp-saas-login-page .stpi-login-card>p{font-size:12px!important;line-height:1.55!important;color:#7A8997!important}.stp-saas-login-page .stpi-login-card input[type=text],.stp-saas-login-page .stpi-login-card input[type=password]{min-height:46px!important;border:1px solid #C8D4DE!important;border-radius:9px!important;font-size:13px!important}.stp-saas-login-page .stpi-login-card #wp-submit{min-height:45px!important;border:0!important;border-radius:9px!important;background:var(--stp2-blue)!important;font-size:13px!important;font-weight:800!important}.stp-saas-login-page .stpi-pill{background:var(--stp2-orange-100)!important;border-color:#F0D2A7!important;color:#8B530F!important;font-size:10px!important}

.stp-saas-admin-page .stpi-admin{background:var(--stp2-canvas)!important;min-height:100vh!important}.stp-saas-admin-page .stpi-admin-header{min-height:72px!important;padding:13px max(25px,calc((100vw - 1400px)/2))!important;border-bottom:1px solid var(--stp2-border)!important;background:#fff!important}.stp-saas-admin-page .stpi-admin-main{max-width:1400px!important;padding-top:30px!important}.stp-saas-admin-page .stpi-admin h1{font-size:38px!important;line-height:1.08!important;color:var(--stp2-navy)!important}.stp-saas-admin-page .stpi-stat-grid{gap:12px!important}.stp-saas-admin-page .stpi-stat{padding:20px!important;border:1px solid var(--stp2-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 8px rgba(21,35,48,.025)!important}.stp-saas-admin-page .stpi-stat strong{font-size:44px!important;line-height:1!important;color:var(--stp2-blue)!important}.stp-saas-admin-page .stpi-panel{border:1px solid var(--stp2-border)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 2px 9px rgba(21,35,48,.025)!important}.stp-saas-admin-page .stpi-table th{background:#F7FAFC!important;color:#617486!important}.stp-saas-admin-page .stpi-table td{font-size:12px!important}

/* ========================================================================== */
/* RESPONSIVE                                                                  */
/* ========================================================================== */
@media(max-width:1120px){
  .stp-saas-public-home .stp-hero{grid-template-columns:1fr 1fr!important;gap:38px!important}.stp-saas-public-home .stp-hero h1{font-size:52px!important}.stp-saas-preview-shell{grid-template-columns:54px 1fr}.stp-saas-preview-main{padding:18px}.stp-saas-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .stp-saas-public-home .stp-site-header{grid-template-columns:1fr auto!important}.stp-saas-public-home .stp-top-nav{grid-column:1/-1!important;order:3!important;justify-content:flex-start!important;gap:20px!important;overflow:auto!important}.stp-saas-public-home .stp-hero{grid-template-columns:1fr!important;padding-top:52px!important}.stp-saas-public-home .stp-hero-copy{max-width:720px!important}.stp-saas-public-home .stp-hero-visual{max-width:720px!important}.stp-saas-public-home .stp-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stp-saas-public-home .stp-step:nth-child(2){border-right:0!important}.stp-saas-public-home .stp-step:nth-child(-n+2){border-bottom:1px solid var(--stp2-border)!important}.stp-saas-public-home .stp-capability-grid{grid-template-columns:1fr!important}

  .stp-saas-workspace-page .stp-shell{grid-template-columns:1fr!important}.stp-saas-workspace-page .stp-sidebar{position:fixed!important;left:0!important;top:0!important;width:286px!important;max-width:88vw!important;transform:translateX(-105%)!important;transition:transform .2s ease!important;box-shadow:0 20px 55px rgba(21,35,48,.18)!important}.stp-saas-workspace-page .stp-shell.stp-saas-nav-open .stp-sidebar{transform:translateX(0)!important}.stp-saas-workspace-page .stp-main{width:100%!important}.stp-saas-mobile-menu{display:grid!important}.stp-saas-workspace-page .stp-top{padding:12px 18px!important}.stp-saas-workspace-page .stp-content{padding:26px 20px 56px!important}.stp-saas-workspace-page .stp-internal-identity{margin-left:auto!important}.stp-saas-workspace-page .stp-workspace-columns{grid-template-columns:1fr!important}.stp-saas-workspace-page .stp-workspace-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .stp-saas-logo-header{width:174px}.stp-saas-logo-sidebar{width:184px}.stp-saas-logo-admin{width:178px}.stp-saas-public-home .stp-site-header{padding:13px 18px!important;gap:14px!important}.stp-saas-public-home .stp-top-nav{gap:14px!important}.stp-saas-public-home .stp-top-nav a{font-size:12px!important}.stp-saas-public-home .stp-header-action{min-height:38px!important;padding:8px 11px!important;font-size:11px!important}.stp-saas-public-home .stp-hero{padding:42px 18px 55px!important;min-height:auto!important}.stp-saas-public-home .stp-hero h1{font-size:clamp(39px,12vw,50px)!important}.stp-saas-public-home .stp-hero-lead{font-size:15px!important}.stp-saas-product-chips{gap:6px}.stp-saas-product-chips span{font-size:10px}.stp-saas-preview-shell{grid-template-columns:1fr!important;min-height:auto!important}.stp-saas-preview-rail{display:none!important}.stp-saas-preview-main{padding:14px!important}.stp-saas-preview-kpis{gap:7px!important}.stp-saas-preview-kpis article{padding:11px!important}.stp-saas-preview-kpis strong{font-size:22px!important}.stp-saas-preview-user{display:none!important}.stp-saas-public-home .stp-section{padding:55px 18px!important}.stp-saas-public-home .stp-step-grid{grid-template-columns:1fr!important}.stp-saas-public-home .stp-step{border-right:0!important;border-bottom:1px solid var(--stp2-border)!important;min-height:0!important}.stp-saas-public-home .stp-step:last-child{border-bottom:0!important}.stp-saas-public-home .stp-bottom-panel{margin:0 18px 18px!important;padding:26px!important}.stp-saas-footer{padding:26px 18px!important;align-items:flex-start!important;flex-direction:column!important}.stp-saas-footer-contact{justify-content:flex-start!important}

  .stp-saas-workspace-page .stp-top>div:first-of-type span{display:none!important}.stp-saas-workspace-page .stp-internal-identity{display:none!important}.stp-saas-workspace-page .stp-content{padding:22px 14px 48px!important}.stp-saas-workspace-page .stp-content>h1{font-size:31px!important}.stp-saas-workspace-page .stp-content>.stp-lead{font-size:14px!important}.stp-saas-metric-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stp-saas-metric-card{min-height:96px!important;padding:13px!important;gap:9px!important}.stp-saas-metric-icon{width:36px;height:36px!important}.stp-saas-metric-card strong{font-size:24px!important}.stp-saas-metric-card span:not(.stp-saas-metric-icon){font-size:9px!important;margin-bottom:6px!important}.stp-saas-action-strip{grid-template-columns:40px 1fr!important}.stp-saas-action-strip .stp-saas-scroll-action{grid-column:1/-1!important;width:100%!important;justify-content:center!important}.stp-saas-workspace-page .stp-scope-card{flex-direction:column!important;align-items:stretch!important}.stp-saas-workspace-page .stp-workspace-inline-form{grid-template-columns:1fr!important}.stp-saas-workspace-page .stp-workspace-item{align-items:stretch!important;flex-direction:column!important}.stp-saas-workspace-page .stp-workspace-item .stp-button{width:100%!important}.stp-saas-workspace-page .stp-workspace-actions{flex-direction:column!important;align-items:stretch!important}.stp-saas-workspace-page .stp-workspace-actions>.stp-button{width:100%!important}

  .stp-saas-login-page .stpi-login{padding:24px 16px!important}.stp-saas-login-page .stpi-login-layout{grid-template-columns:1fr!important;gap:22px!important}.stp-saas-login-page .stpi-intro h1{font-size:34px!important}.stp-saas-login-page .stpi-milestones{grid-template-columns:1fr!important}.stp-saas-login-page .stpi-login-card{padding:24px 20px!important}.stp-saas-admin-page .stpi-admin h1{font-size:31px!important}.stp-saas-admin-page .stpi-stat strong{font-size:36px!important}
}
@media(max-width:380px){
  .stp-saas-metric-grid{grid-template-columns:1fr!important}.stp-saas-public-home .stp-header-action{display:none!important}.stp-saas-public-home .stp-site-header{grid-template-columns:1fr!important}.stp-saas-public-home .stp-top-nav{grid-column:1!important}.stp-saas-preview-kpis{grid-template-columns:1fr!important}.stp-saas-preview-kpis article{display:grid;grid-template-columns:1fr auto;align-items:center}.stp-saas-preview-kpis small{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.stp-saas-workspace-page .stp-sidebar{transition:none!important}}

/* ========================================================================== */
/* v2.1 APPLICATION EXPERIENCE CORRECTION                                    */
/* ========================================================================== */
body.stp-saas-v22{min-height:100vh}

/* Public page is an entry surface, not a long company-profile page. */
.stp-saas-public-home .stp-hero{min-height:560px!important;padding-top:60px!important;padding-bottom:62px!important;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr)!important;gap:54px!important}
.stp-saas-public-home .stp-hero-copy{max-width:720px!important}
.stp-saas-public-home .stp-hero h1{font-size:clamp(46px,4.4vw,64px)!important;max-width:760px!important;line-height:1.025!important}
.stp-saas-public-home .stp-hero-lead{font-size:16px!important;max-width:660px!important}
.stp-saas-public-home .stp-section{padding-top:64px!important;padding-bottom:64px!important}
.stp-saas-public-home .stp-section-head{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(300px,.55fr)!important;align-items:end!important;gap:48px!important;max-width:none!important}
.stp-saas-public-home .stp-section-head h2{margin:0!important;max-width:620px!important}
.stp-saas-public-home .stp-section-head p{margin:0!important;max-width:500px!important}
.stp-saas-preview-note{font-size:11px!important}
.stp-saas-preview-kpis strong{font-size:24px!important;color:#8192A0!important}
.stp-saas-preview-kpis small{font-size:10px!important}

/* One shell language for Workspace, Reports and Client Master. */
body.stp-saas-app-page .stp-shell,
body.stp-saas-workspace-page .stp-shell{display:grid!important;grid-template-columns:272px minmax(0,1fr)!important;min-height:100vh!important;background:var(--stp2-canvas)!important}
body.stp-saas-app-page .stp-sidebar,
body.stp-saas-workspace-page .stp-sidebar{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;background:#fff!important;color:var(--stp2-text)!important;border-right:1px solid var(--stp2-border)!important;padding:20px 16px!important;display:flex!important;flex-direction:column!important;gap:18px!important;z-index:45!important;box-shadow:none!important}
body.stp-saas-app-page .stp-main,
body.stp-saas-workspace-page .stp-main{min-width:0!important;background:var(--stp2-canvas)!important}
body.stp-saas-app-page .stp-top,
body.stp-saas-workspace-page .stp-top{position:sticky!important;top:0!important;z-index:35!important;min-height:72px!important;padding:12px 28px!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;border-bottom:1px solid var(--stp2-border)!important;display:flex!important;align-items:center!important;gap:16px!important;box-shadow:none!important}
body.stp-saas-app-page .stp-content{max-width:1500px!important;margin:0 auto!important;padding:31px 34px 64px!important}
body.stp-saas-app-page .stp-brand{padding:3px 8px 19px!important;border-bottom:1px solid var(--stp2-border)!important;font-size:0!important}
body.stp-saas-app-page .stp-brand span{display:block!important;margin:9px 0 0!important;color:#80909E!important;font-size:11px!important;font-weight:600!important;text-transform:none!important}
body.stp-saas-app-page .stp-sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important}
body.stp-saas-app-page .stp-sidebar nav a,
body.stp-saas-app-page .stp-workspace-nav-button{display:flex!important;align-items:center!important;gap:11px!important;min-height:44px!important;padding:10px 11px!important;border:1px solid transparent!important;border-radius:10px!important;color:#445A6E!important;text-decoration:none!important;font-size:13px!important;font-weight:700!important;background:transparent!important}
body.stp-saas-app-page .stp-sidebar nav a:hover{background:#F4F8FB!important;color:var(--stp2-navy)!important}
body.stp-saas-app-page .stp-sidebar nav .stp-nav-active{background:var(--stp2-blue-100)!important;border-color:#D2E8F5!important;color:var(--stp2-blue-700)!important}
body.stp-saas-app-page .stp-sidebar-foot{margin-top:auto!important;padding:16px 6px 2px!important;border-top:1px solid var(--stp2-border)!important;color:#8B99A6!important;font-size:11px!important;line-height:1.5!important}

/* Native user controls replace WordPress Profile. */
.stp-v21-user-controls{margin-left:auto;display:flex;align-items:center;gap:8px}
.stp-v21-user-summary{display:flex;flex-direction:column;align-items:flex-end;min-width:0;margin-right:3px}
.stp-v21-user-summary strong{font-size:12px!important;color:#30485C!important;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stp-v21-user-summary span{font-size:10px!important;color:#83919D!important;margin-top:2px}
.stp-v21-user-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 10px;border:1px solid var(--stp2-border);border-radius:9px;background:#fff;color:#466075!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important}
.stp-v21-user-link:hover{background:#F5F9FC!important;color:var(--stp2-blue-700)!important}
.stp-v21-user-link.is-logout{color:#8B4B43!important}

/* Role-aware primary action: decision surface, not decoration. */
.stp-v21-primary-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 18px;padding:18px 20px;border:1px solid #D7E7F1;border-radius:14px;background:linear-gradient(135deg,#F8FCFF,#F1F8FC);box-shadow:0 2px 10px rgba(21,35,48,.025)}
.stp-v21-primary-action span{display:block;font-size:11px;font-weight:750;color:#718494;margin-bottom:5px}
.stp-v21-primary-action strong{display:block;font-size:17px;color:var(--stp2-navy);letter-spacing:-.01em}
.stp-v21-primary-action p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#718494}
.stp-v21-primary-action button{min-height:40px;padding:9px 13px;border:0;border-radius:9px;background:var(--stp2-blue);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.stp-v21-primary-action button:hover{background:var(--stp2-blue-700)}

/* Increase minimum readable product text; remove microcopy feel. */
.stp-saas-workspace-page .stp-content>.stp-lead{font-size:16px!important}
.stp-saas-workspace-page .stp-announcement{font-size:13px!important}
.stp-saas-workspace-page .stp-workspace-section-head p{font-size:14px!important}
.stp-saas-workspace-page .stp-card h2,.stp-saas-workspace-page .stp-card h3{font-size:18px!important}
.stp-saas-workspace-page .stp-workspace-item strong{font-size:15px!important}
.stp-saas-workspace-page .stp-workspace-item p{font-size:13px!important}
.stp-saas-metric-card span:not(.stp-saas-metric-icon){font-size:12px!important}

/* Native account page. */
.stp-saas-account-page{background:var(--stp2-canvas)!important}
.stp-v21-account{min-height:100vh;background:var(--stp2-canvas);padding:0 24px 60px}
.stp-v21-account-shell{max-width:1180px;margin:0 auto}
.stp-v21-account-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--stp2-border)}
.stp-v21-account-brand img{width:210px;height:auto;display:block}
.stp-v21-account-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.stp-v21-account-actions a{display:inline-flex;align-items:center;min-height:38px;padding:8px 11px;border:1px solid var(--stp2-border);border-radius:9px;background:#fff;color:#466075;text-decoration:none;font-size:12px;font-weight:750}
.stp-v21-demo-pill{display:inline-flex;align-items:center;min-height:28px;padding:5px 9px;border:1px solid #F1D1A3;border-radius:999px;background:var(--stp2-orange-100);color:#8A520E;font-size:10px;font-weight:800}
.stp-v21-account-body{padding:48px 0}
.stp-v21-account-title h1{margin:0;font-size:40px;line-height:1.05;color:var(--stp2-navy)}
.stp-v21-account-title p{margin:9px 0 0;color:var(--stp2-muted);font-size:15px}
.stp-v21-profile-card{margin-top:27px;display:grid;grid-template-columns:72px minmax(180px,1.3fr) repeat(3,minmax(150px,1fr));gap:18px;align-items:center;padding:22px;border:1px solid var(--stp2-border);border-radius:16px;background:#fff;box-shadow:var(--stp2-shadow)}
.stp-v21-avatar{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:var(--stp2-blue-100);color:var(--stp2-blue);font:800 24px "Open Sans",Inter,sans-serif}
.stp-v21-profile-card span{display:block;color:#7A8B99;font-size:11px;font-weight:700;margin-bottom:5px}
.stp-v21-profile-card strong{display:block;color:#2E4558;font-size:14px;overflow-wrap:anywhere}
.stp-v21-account-note{margin-top:16px;padding:20px 22px;border:1px solid var(--stp2-border);border-radius:14px;background:#fff}
.stp-v21-account-note h2{font-size:18px!important;margin:0 0 7px!important;color:var(--stp2-navy)!important}.stp-v21-account-note p{margin:0;color:var(--stp2-muted);font-size:13px;line-height:1.6}

/* Branded login error/help states. */
.stp-v21-login-message{margin:0 0 15px;padding:12px 13px;border-radius:10px;border:1px solid #F0D0C8;background:#FFF4F1;color:#8D443B;font-size:12px;line-height:1.5}
.stp-v21-login-message.is-help{border-color:#CFE2EF;background:#F3FAFE;color:#3C647A}

/* Mobile: compose for the device instead of stacking an entire desktop page. */
@media(max-width:900px){
  body.stp-saas-app-page .stp-shell,body.stp-saas-workspace-page .stp-shell{grid-template-columns:1fr!important}
  body.stp-saas-app-page .stp-sidebar,body.stp-saas-workspace-page .stp-sidebar{position:fixed!important;left:0!important;top:0!important;width:286px!important;max-width:88vw!important;transform:translateX(-105%)!important;transition:transform .2s ease!important;box-shadow:0 20px 55px rgba(21,35,48,.18)!important}
  body.stp-saas-app-page .stp-shell.stp-saas-nav-open .stp-sidebar,body.stp-saas-workspace-page .stp-shell.stp-saas-nav-open .stp-sidebar{transform:translateX(0)!important}
  body.stp-saas-app-page .stp-content{padding:26px 20px 56px!important}
  .stp-v21-profile-card{grid-template-columns:72px 1fr 1fr}.stp-v21-profile-cell:last-child{grid-column:2/-1}
}
@media(max-width:640px){
  .stp-saas-public-home .stp-site-header{position:static!important;grid-template-columns:minmax(0,1fr) auto!important;padding:12px 16px!important}
  .stp-saas-logo-header{width:150px!important}
  .stp-saas-public-home .stp-top-nav{display:none!important}
  .stp-saas-public-home .stp-header-action{display:inline-flex!important;font-size:11px!important}
  .stp-saas-public-home .stp-hero{padding:34px 16px 38px!important;gap:31px!important;grid-template-columns:1fr!important}
  .stp-saas-public-home .stp-hero h1{font-size:clamp(38px,11vw,48px)!important;line-height:1.01!important;margin-bottom:16px!important}
  .stp-saas-public-home .stp-hero-lead{font-size:15px!important;line-height:1.62!important}
  .stp-saas-product-chips{margin-top:17px!important}
  .stp-saas-product-chips span{font-size:11px!important;min-height:30px!important}
  .stp-saas-public-home .stp-hero-actions{margin-top:22px!important}
  .stp-saas-public-home .stp-button{min-height:44px!important;font-size:13px!important}
  .stp-saas-preview-main{padding:12px!important}.stp-saas-preview-top{padding-bottom:13px!important}.stp-saas-preview-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}.stp-saas-preview-kpis article{display:block!important;padding:10px!important}.stp-saas-preview-kpis strong{font-size:20px!important}.stp-saas-preview-row{padding:11px!important}.stp-saas-preview-row small{display:none!important}
  .stp-saas-public-home .stp-section{padding:42px 16px!important}
  .stp-saas-public-home .stp-section-head{display:block!important;margin-bottom:22px!important}.stp-saas-public-home .stp-section-head h2{font-size:31px!important}.stp-saas-public-home .stp-section-head p{font-size:14px!important;margin-top:10px!important}
  .stp-saas-public-home .stp-step-grid,.stp-saas-public-home .stp-capability-grid{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;padding-bottom:7px!important;scrollbar-width:none}.stp-saas-public-home .stp-step-grid::-webkit-scrollbar,.stp-saas-public-home .stp-capability-grid::-webkit-scrollbar{display:none}.stp-saas-public-home .stp-step,.stp-saas-public-home .stp-capability{flex:0 0 82%!important;scroll-snap-align:start!important;border:1px solid var(--stp2-border)!important;border-radius:14px!important;min-height:210px!important}.stp-saas-public-home .stp-step-number{font-size:31px!important;margin-bottom:18px!important}
  .stp-saas-public-home .stp-bottom-panel{margin:0 16px 16px!important;padding:22px!important}.stp-saas-public-home .stp-bottom-panel h2{font-size:24px!important}
  .stp-saas-footer-brand img{width:150px!important}.stp-saas-footer-contact{font-size:13px!important;line-height:1.6!important}
  .stp-v21-user-summary{display:none}.stp-v21-user-link{min-height:38px;padding:8px 9px}.stp-v21-user-link.is-logout{display:none}
  .stp-v21-primary-action{grid-template-columns:1fr!important;gap:13px!important}.stp-v21-primary-action button{width:100%!important}
  .stp-saas-workspace-page .stp-scope-card p{font-size:12px!important}.stp-saas-workspace-page .stp-scope-card strong{font-size:14px!important}
  .stp-saas-metric-card span:not(.stp-saas-metric-icon){font-size:11px!important}.stp-saas-metric-card strong{font-size:25px!important}
  .stp-v21-account{padding:0 16px 40px}.stp-v21-account-header{align-items:flex-start;padding:16px 0;flex-direction:column}.stp-v21-account-brand img{width:170px}.stp-v21-account-body{padding:30px 0}.stp-v21-account-title h1{font-size:32px}.stp-v21-profile-card{grid-template-columns:58px 1fr;gap:15px;padding:18px}.stp-v21-profile-cell{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--stp2-border)}.stp-v21-profile-cell:last-child{grid-column:1/-1}
}

.stp-v22-login-message{margin:14px 0;padding:11px 13px;border-radius:9px;font-size:13px;line-height:1.5}.stp-v22-login-message.is-help{background:#F4F8FB;border:1px solid #DDE7EF;color:#486276}.stp-v22-login-message.is-error{background:#FFF6F4;border:1px solid #F1CEC6;color:#8C382A}.stp-saas-login-page #stpi-login-form p{margin:0 0 14px}.stp-saas-login-page #stpi-login-form label{display:block;margin:0 0 7px;font-size:12px;font-weight:700;color:#294157}.stp-saas-login-page #stpi-login-form .login-remember label{display:flex;gap:8px;align-items:center;font-weight:500}.stp-saas-login-page #stpi-login-form #wp-submit{width:100%}