/* ============================================================
   RUTSS Intelligence Suite V10
   Refined visual system for all Intelligence module pages.
   Goals:
   - premium SaaS layout
   - lighter typography / no heavy-black body text
   - stronger empty states and forms
   - consistent spacing and cards
   - preserve existing PHP/backend behavior
   Scope: .suite-page and Intelligence-specific components only
   ============================================================ */

.suite-page{
  --rt-ink:#12263d;
  --rt-title:#10243a;
  --rt-copy:#647a91;
  --rt-copy-strong:#465e76;
  --rt-border:#d7e3ed;
  --rt-border-soft:#e9eff4;
  --rt-panel:#fff;
  --rt-page:#f4f8fc;
  --rt-lime:#69f20f;
  --rt-lime-soft:#efffe6;
  --rt-blue:#4f86ee;
  --rt-navy:#0f2136;
  --rt-green:#159b60;
  --rt-amber:#d89a16;
  --rt-red:#d94c5e;
  --rt-shadow:0 16px 40px rgba(20,42,70,.065);

  width:100%!important;
  max-width:none!important;
  min-height:72vh!important;
  padding:48px 0 70px!important;
  background:
    radial-gradient(circle at 5% 0%,rgba(105,242,15,.045),transparent 25%),
    radial-gradient(circle at 95% 12%,rgba(79,134,238,.045),transparent 28%),
    var(--rt-page)!important;
  color:var(--rt-ink)!important;
  font-size:14px!important;
  line-height:1.65!important;
  zoom:1!important;
  transform:none!important;
}

.suite-page *{
  box-sizing:border-box!important;
  letter-spacing:normal;
}

.suite-page .container{
  width:min(1180px,calc(100% - 44px))!important;
  max-width:1180px!important;
  margin:0 auto!important;
  padding:0!important;
  zoom:1!important;
  transform:none!important;
}

/* ---------- Typography ---------- */
.suite-page h1,
.suite-page h2,
.suite-page h3,
.suite-page h4,
.suite-page strong,
.suite-page b{
  color:var(--rt-title)!important;
}

.suite-page h1{
  margin:0!important;
  font-size:38px!important;
  line-height:1.08!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}

.suite-page h2{
  margin:0!important;
  font-size:23px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

.suite-page h3{
  margin:0!important;
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:650!important;
}

.suite-page h4{
  margin:0!important;
  font-size:13px!important;
  line-height:1.4!important;
  font-weight:650!important;
}

.suite-page p,
.suite-page li,
.suite-page label,
.suite-page small,
.suite-page span{
  font-weight:400!important;
}

.suite-page p{
  color:var(--rt-copy)!important;
  font-size:13.5px!important;
  line-height:1.7!important;
}

.suite-page strong,
.suite-page b{
  font-weight:650!important;
}

.suite-page a{
  font-weight:500!important;
}

.suite-eyebrow,
.suite-page .eyebrow,
.suite-page [class*="eyebrow"]{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:0 0 12px!important;
  color:#58728b!important;
  font-size:10px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.11em!important;
  font-weight:700!important;
}

.suite-eyebrow:before{
  content:"";
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:var(--rt-lime)!important;
  box-shadow:0 0 0 4px rgba(105,242,15,.11)!important;
}

/* ---------- Page hero ---------- */
.suite-title,
.suite-workspace-hero,
.suite-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(270px,320px)!important;
  align-items:center!important;
  gap:28px!important;
  margin:0 0 22px!important;
  padding:31px 34px!important;
  min-height:160px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 91% 15%,rgba(105,242,15,.11),transparent 26%),
    linear-gradient(135deg,#fff 0%,#fff 72%,#f3ffed 100%)!important;
  box-shadow:var(--rt-shadow)!important;
}

.suite-title:after,
.suite-workspace-hero:after,
.suite-hero:after{
  content:"";
  position:absolute!important;
  right:-48px!important;
  top:-72px!important;
  width:155px!important;
  height:155px!important;
  border:1px solid rgba(105,242,15,.24)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}

.suite-title>div:first-child,
.suite-workspace-hero>div:first-child,
.suite-hero>div:first-child{
  min-width:0!important;
}

.suite-title p,
.suite-workspace-hero p,
.suite-hero p{
  max-width:760px!important;
  margin:12px 0 0!important;
}

.suite-source-card{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:112px!important;
  padding:18px 20px!important;
  border:1px solid #cfe0eb!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.88)!important;
  box-shadow:0 10px 25px rgba(20,42,70,.04)!important;
}

.suite-source-card span{
  color:#6a8198!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.09em!important;
  font-weight:700!important;
}

.suite-source-card b{
  display:block!important;
  margin:7px 0 4px!important;
  font-size:15px!important;
  line-height:1.35!important;
}

.suite-source-card small{
  color:#70859a!important;
  font-size:10.5px!important;
  line-height:1.55!important;
}

/* ---------- Forms / action areas ---------- */
.suite-form,
.suite-command-bar,
.suite-actionbar,
.suite-live-form,
.suite-page form.suite-panel{
  display:flex!important;
  align-items:end!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin:16px 0 22px!important;
  padding:18px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(20,42,70,.035)!important;
}

.suite-command-three,
.suite-form-inline{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto!important;
  gap:12px!important;
}

.suite-form label,
.suite-command-bar label,
.suite-live-form label{
  flex:1 1 230px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:7px!important;
  min-width:0!important;
  color:#526b82!important;
  font-size:11px!important;
}

.suite-form label>span,
.suite-command-bar label>span,
.suite-live-form label>span{
  color:#587087!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:700!important;
}

.suite-page input,
.suite-page select,
.suite-page textarea{
  width:100%!important;
  min-height:44px!important;
  padding:10px 13px!important;
  border:1px solid #cbd9e5!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  color:#183049!important;
  font:inherit!important;
  font-size:12.5px!important;
  font-weight:400!important;
  box-shadow:none!important;
}

.suite-page textarea{
  min-height:118px!important;
  resize:vertical!important;
}

.suite-page input:focus,
.suite-page select:focus,
.suite-page textarea:focus{
  outline:none!important;
  border-color:#76bd4c!important;
  background:#fff!important;
  box-shadow:0 0 0 3px rgba(105,242,15,.12)!important;
}

.suite-page button,
.suite-page .btn,
.suite-page .suite-btn{
  min-height:43px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0 16px!important;
  border:1px solid #c3d3df!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#183049!important;
  font-size:11.5px!important;
  font-weight:600!important;
  text-decoration:none!important;
  cursor:pointer!important;
}

.suite-page button:hover,
.suite-page .btn:hover,
.suite-page .suite-btn:hover{
  border-color:#9fb4c5!important;
  background:#f8fafc!important;
}

.suite-page button.lime,
.suite-page .btn.lime,
.suite-page .suite-btn.lime{
  border-color:#61df0c!important;
  background:var(--rt-lime)!important;
  color:#10243a!important;
  font-weight:650!important;
}

.suite-page button.lime:hover,
.suite-page .btn.lime:hover,
.suite-page .suite-btn.lime:hover{
  background:#77ff23!important;
}

/* ---------- Shared panels ---------- */
.suite-panel,
.suite-card,
.seo-core-card,
.integration-card{
  position:relative!important;
  margin:16px 0!important;
  padding:21px 22px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(20,42,70,.035)!important;
}

.suite-panel-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:15px!important;
}

.suite-panel-head p{
  margin:5px 0 0!important;
}

.suite-panel-number{
  position:absolute!important;
  right:18px!important;
  top:18px!important;
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#f1f5f8!important;
  color:#75889a!important;
  font-size:9px!important;
  font-weight:650!important;
}

/* ---------- 01 / 02 / 03 service explainer ---------- */
.suite-feature-strip{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  margin:18px 0!important;
}

.suite-feature-strip article{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  min-height:125px!important;
  padding:17px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(20,42,70,.03)!important;
}

.suite-feature-strip article>span{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--rt-lime-soft)!important;
  color:#318314!important;
  font-size:10px!important;
  font-weight:650!important;
}

.suite-feature-strip h3{
  margin:1px 0 5px!important;
  font-size:13.5px!important;
  font-weight:650!important;
}

.suite-feature-strip p{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.55!important;
}

/* ---------- Empty states / no data ---------- */
.suite-empty,
.suite-empty-pro,
.suite-project-empty,
.alert-list:empty,
.suite-feed:empty{
  min-height:150px!important;
}

.suite-empty,
.suite-empty-pro,
.suite-project-empty{
  display:grid!important;
  grid-template-columns:58px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:center!important;
  padding:22px!important;
  margin:16px 0!important;
  border:1px solid var(--rt-border)!important;
  border-radius:15px!important;
  background:#fff!important;
}

.suite-empty-visual{
  width:54px!important;
  height:54px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#efffe6,#eef6ff)!important;
  border:1px solid #d4e7d7!important;
  color:#2b7c45!important;
  font-size:18px!important;
  font-weight:650!important;
}

/* turn plain empty rows into polished states */
.suite-page .empty-state,
.suite-page .no-data,
.suite-page .empty,
.suite-page [class*="empty-state"]{
  min-height:132px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  padding:22px!important;
  border:1px dashed #c9d8e4!important;
  border-radius:14px!important;
  background:#fbfdff!important;
  color:#667c91!important;
}

/* ---------- KPI ---------- */
.suite-kpis,
.suite-kpis-five,
.suite-quick-grid,
.suite-check-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:14px 0!important;
}

.suite-kpis-five{grid-template-columns:repeat(5,minmax(0,1fr))!important}

.suite-kpis>*,
.suite-quick,
.suite-check-grid article{
  min-height:88px!important;
  padding:14px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:13px!important;
  background:#fff!important;
}

.suite-kpis strong,
.suite-kpi strong{
  display:block!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:650!important;
}

.suite-kpis small,
.suite-kpi small,
.suite-quick small{
  display:block!important;
  margin-bottom:7px!important;
  color:#788b9d!important;
  font-size:8.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:650!important;
}

/* ---------- Grids ---------- */
.suite-two,
.suite-brief-grid,
.suite-client-grid,
.suite-competitor-grid,
.seo-core-grid,
.seo-gsc-grid,
.seo-report-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}

.suite-module-grid,
.suite-project-grid,
.suite-opportunity-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}

/* ---------- Project cards ---------- */
.suite-project-card{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  min-height:220px!important;
  padding:19px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(20,42,70,.035)!important;
}

.suite-project-top{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:12px!important;
}

.suite-project-top h2{
  margin:4px 0!important;
  font-size:20px!important;
  font-weight:650!important;
}

.suite-project-top small{
  color:#788b9d!important;
  font-size:9px!important;
  text-transform:uppercase!important;
  letter-spacing:.07em!important;
  font-weight:600!important;
}

.suite-project-meta{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  padding:11px!important;
  border-radius:11px!important;
  background:#f6f9fc!important;
}

.suite-project-meta span{
  color:#637a8f!important;
  font-size:10.5px!important;
}

.suite-project-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-top:auto!important;
}

/* ---------- Tables ---------- */
.suite-table-wrap{
  width:100%!important;
  overflow:auto!important;
  border-radius:14px!important;
}

.suite-table,
.suite-table-rich,
.seo-page-table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0!important;
  border:1px solid var(--rt-border)!important;
  border-radius:14px!important;
  background:#fff!important;
  overflow:hidden!important;
}

.suite-table th,
.suite-table td,
.suite-table-rich th,
.suite-table-rich td,
.seo-page-table th,
.seo-page-table td{
  padding:11px 12px!important;
  text-align:left!important;
  border-bottom:1px solid var(--rt-border-soft)!important;
  font-size:11.5px!important;
  font-weight:400!important;
}

.suite-table th,
.suite-table-rich th,
.seo-page-table th{
  background:#f6f9fc!important;
  color:#61788e!important;
  font-size:8.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:650!important;
}

/* ---------- Question Map ---------- */
.question-map{
  margin:18px 0!important;
  padding:22px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(20,42,70,.035)!important;
}

.question-root{
  width:max-content!important;
  max-width:100%!important;
  margin:0 auto 28px!important;
  padding:12px 18px!important;
  border:1px solid #afd5a5!important;
  border-radius:999px!important;
  background:var(--rt-lime-soft)!important;
  color:#2c6c3b!important;
  font-size:14px!important;
  font-weight:650!important;
}

.question-branches{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
}

.question-branches section{
  padding:16px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:13px!important;
  background:#f9fbfd!important;
}

.question-branches h2{
  margin-bottom:9px!important;
  font-size:13.5px!important;
}

.question-node{
  margin:7px 0!important;
  padding:9px 10px!important;
  border:1px solid #e1e9f0!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#526a80!important;
  font-size:10.5px!important;
}

/* ---------- Content Brief ---------- */
.suite-brief-hero{
  margin:17px 0!important;
  padding:23px 25px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#10243a,#183e62)!important;
  box-shadow:0 14px 32px rgba(15,33,54,.14)!important;
}

.suite-brief-hero h2{
  margin:7px 0 12px!important;
  color:#fff!important;
  font-size:26px!important;
  font-weight:650!important;
}

.suite-brief-hero small{
  color:#abc0d3!important;
  font-size:8.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
  font-weight:600!important;
}

.suite-brief-hero span{
  color:#d9e7f2!important;
}

.suite-outline li{
  padding:6px 0!important;
  color:#526a80!important;
  font-size:11.5px!important;
}

.suite-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin-top:13px!important;
}

.suite-tags span{
  padding:6px 9px!important;
  border:1px solid #cfe4c7!important;
  border-radius:999px!important;
  background:#f1ffec!important;
  color:#3c7042!important;
  font-size:9.5px!important;
  font-weight:500!important;
}

/* ---------- Keyword Intelligence ---------- */
.suite-result-toolbar{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  margin:16px 0 12px!important;
  padding:13px 15px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:13px!important;
  background:#fff!important;
}

.suite-keyword-cloud{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:13px 0 18px!important;
  padding:18px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:14px!important;
  background:#fff!important;
}

.suite-keyword-cloud>span{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  padding:7px 10px!important;
  border:1px solid #d8e7d6!important;
  border-radius:999px!important;
  background:#f5fff1!important;
  color:#2c653b!important;
  font-size:11px!important;
  font-weight:500!important;
}

/* ---------- Opportunity feed / Alerts ---------- */
.suite-opportunity-list,
.suite-feed,
.alert-list,
.suite-change-list,
.suite-history,
.suite-similar-list{
  display:grid!important;
  gap:10px!important;
  margin:15px 0!important;
}

.suite-opportunity-card,
.suite-feed>article,
.alert-list article,
.suite-change-list>div,
.suite-history>div,
.suite-similar-list>article{
  padding:14px 15px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(20,42,70,.025)!important;
}

.suite-opportunity-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  gap:12px!important;
  align-items:start!important;
}

.suite-opportunity-index,
.suite-feed-icon{
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:10px!important;
  background:var(--rt-lime-soft)!important;
  color:#2a8246!important;
  font-size:10px!important;
  font-weight:650!important;
}

/* better plain "no alerts yet" state */
.alert-list:has(> :only-child){
  padding:0!important;
}
.alert-list>div,
.alert-list>.suite-empty{
  min-height:125px!important;
}

/* ---------- Competitor discovery / content gap ---------- */
.suite-bars{
  display:grid!important;
  gap:8px!important;
  margin:13px 0!important;
}

.suite-bars>div{
  display:grid!important;
  grid-template-columns:160px minmax(0,1fr) 44px!important;
  gap:10px!important;
  align-items:center!important;
  color:#61788d!important;
  font-size:10px!important;
}

.suite-bars i{
  height:7px!important;
  border-radius:999px!important;
  background:#e9eff4!important;
  overflow:hidden!important;
}

.suite-bars i:before{
  content:"";
  display:block!important;
  height:100%!important;
  width:var(--p,0%)!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,var(--rt-lime),#6694ef)!important;
}

.suite-score,
.suite-sim-score,
.seo-report-score{
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:16px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:14px!important;
  background:#fff!important;
}

.suite-score strong,
.suite-sim-score strong,
.seo-report-score strong{
  font-size:43px!important;
  line-height:.9!important;
  font-weight:650!important;
}

/* ---------- Planner ---------- */
.planner-board{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
  margin:16px 0!important;
}

.planner-board>section{
  min-height:280px!important;
  padding:14px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:14px!important;
  background:#f8fafc!important;
}

.planner-board h2{
  margin-bottom:10px!important;
  font-size:13.5px!important;
}

.planner-board article{
  margin:8px 0!important;
  padding:11px!important;
  border:1px solid #dde7ef!important;
  border-radius:10px!important;
  background:#fff!important;
}

.planner-board article b{
  display:block!important;
  font-size:10.5px!important;
  font-weight:600!important;
}

/* ---------- Integrations ---------- */
.integration-card{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  min-height:190px!important;
}

.integration-card h2,
.integration-card h3{
  font-size:16px!important;
  font-weight:650!important;
}

.integration-card p{
  margin:0!important;
  font-size:11.5px!important;
}

.integration-card .suite-btn{
  margin-top:auto!important;
  align-self:flex-start!important;
}

/* ---------- Search submission / connection card ---------- */
.suite-page .connection-card,
.suite-page .provider-card,
.suite-page [class*="connection-card"]{
  padding:20px!important;
  border:1px solid var(--rt-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(20,42,70,.035)!important;
}

.suite-page code{
  font-weight:400!important;
}

/* ---------- Improve blank module pages ---------- */
.suite-page > .container > .suite-panel:empty,
.suite-page > .container > .suite-card:empty{
  min-height:120px!important;
  border-style:dashed!important;
  background:#fbfdff!important;
}

/* ---------- Badges ---------- */
.suite-badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:26px!important;
  padding:4px 8px!important;
  border:1px solid #d7e3ec!important;
  border-radius:999px!important;
  background:#f6f9fc!important;
  color:#587087!important;
  font-size:8px!important;
  text-transform:uppercase!important;
  letter-spacing:.05em!important;
  font-weight:600!important;
}
.suite-badge.ok{border-color:#bfe3ca!important;background:#f2fff5!important;color:#18814b!important}
.suite-badge.warn{border-color:#ecd39d!important;background:#fff9ed!important;color:#9d6a09!important}
.suite-badge.info{border-color:#c9daf0!important;background:#f3f7ff!important;color:#406e9f!important}

/* ---------- Notices ---------- */
.suite-error,
.suite-note,
.suite-callout,
.suite-result{
  margin:13px 0!important;
  padding:13px 15px!important;
  border-radius:12px!important;
  font-size:11px!important;
  line-height:1.6!important;
  font-weight:400!important;
}

.suite-note,
.suite-callout{
  border:1px solid #d8e4ee!important;
  background:#f8fafc!important;
  color:#526a80!important;
}

.suite-error{
  border:1px solid #efbdc5!important;
  background:#fff5f6!important;
  color:#a73547!important;
}

/* ---------- Reduce accidental heavy text everywhere ---------- */
.suite-page .suite-panel *,
.suite-page .suite-card *,
.suite-page .suite-form *,
.suite-page .suite-command-bar *,
.suite-page .suite-feature-strip *,
.suite-page .suite-project-card *,
.suite-page .suite-source-card *{
  text-shadow:none!important;
}

.suite-page .suite-panel b,
.suite-page .suite-card b,
.suite-page .suite-form b,
.suite-page .suite-command-bar b,
.suite-page .suite-feature-strip b,
.suite-page .suite-project-card b{
  font-weight:600!important;
}

/* ---------- Mobile ---------- */
@media(max-width:1050px){
  .suite-title,.suite-workspace-hero,.suite-hero{
    grid-template-columns:1fr!important;
  }
  .suite-module-grid,.suite-project-grid,.suite-opportunity-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .suite-kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .question-branches{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:780px){
  .suite-page{padding:30px 0 52px!important}
  .suite-page .container{width:min(100% - 24px,1180px)!important}
  .suite-page h1{font-size:30px!important}
  .suite-title,.suite-workspace-hero,.suite-hero{
    padding:22px!important;
    border-radius:16px!important;
  }
  .suite-feature-strip,
  .suite-two,.suite-brief-grid,.suite-client-grid,.suite-competitor-grid,
  .seo-core-grid,.seo-gsc-grid,.seo-report-grid{
    grid-template-columns:1fr!important;
  }
  .suite-module-grid,.suite-project-grid,.suite-opportunity-grid{
    grid-template-columns:1fr!important;
  }
  .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .suite-command-three,.suite-form-inline{
    grid-template-columns:1fr!important;
  }
  .suite-form,.suite-command-bar,.suite-actionbar,.suite-live-form{
    align-items:stretch!important;
  }
  .suite-page button,.suite-page .btn,.suite-page .suite-btn{
    width:100%!important;
  }
  .question-branches,.planner-board{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:520px){
  .suite-kpis,.suite-kpis-five,.suite-quick-grid,.suite-check-grid{
    grid-template-columns:1fr!important;
  }
  .suite-empty,.suite-empty-pro,.suite-project-empty{
    grid-template-columns:1fr!important;
  }
  .suite-project-meta{
    grid-template-columns:1fr!important;
  }
  .suite-page h1{
    font-size:27px!important;
  }
}