/* JIS Business Cloud : slogan commercial valide R7.1 */
.dashboard-hero.jisbc-slogan-ready {
  display: grid;
  grid-template-columns: minmax(215px, .82fr) minmax(320px, 1.18fr) auto;
  gap: 23px;
  align-items: center;
  min-height: 155px;
}
.dashboard-hero.jisbc-slogan-ready > div:first-child { min-width: 0; }
.dashboard-hero.jisbc-slogan-ready > div:first-child p { max-width: 390px; }
.dashboard-hero.jisbc-slogan-ready .jisbc-slogan {
  min-width: 0;
  padding: 3px 0 3px 21px;
  border-left: 2px solid #98baff;
}
.jisbc-slogan-eyebrow {
  display: block;
  margin-bottom: 5px;
  color: #246bd2;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .14em;
}
.jisbc-slogan-headline {
  display: block;
  color: #112c50;
  font-family: Manrope, system-ui, sans-serif;
  font-weight: 900;
  font-size: clamp(16px, 1.43vw, 24px);
  line-height: 1.15;
  letter-spacing: -.045em;
}
.jisbc-slogan-headline > span { display: block; margin-top: 3px; }
.jisbc-slogan-headline em { color: #2876e2; font-style: normal; }
.jisbc-slogan-note {
  display: block;
  margin-top: 8px;
  color: #435a7d;
  font-size: 12px;
  font-style: italic;
  line-height: 1.35;
}
.dashboard-hero.jisbc-slogan-ready .dashboard-hero-actions { justify-self: end; }
@media(max-width: 1350px) {
  .dashboard-hero.jisbc-slogan-ready { grid-template-columns: minmax(195px, .78fr) minmax(260px, 1.22fr); gap: 15px 22px; }
  .dashboard-hero.jisbc-slogan-ready > div:first-child { grid-row: 1 / 3; }
  .dashboard-hero.jisbc-slogan-ready .jisbc-slogan { grid-column: 2; grid-row: 1; }
  .dashboard-hero.jisbc-slogan-ready .dashboard-hero-actions { grid-column: 2; grid-row: 2; }
  .jisbc-slogan-headline { font-size: clamp(16px, 1.5vw, 20px); }
}
@media(max-width: 900px) {
  .dashboard-hero.jisbc-slogan-ready { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .dashboard-hero.jisbc-slogan-ready > div:first-child,
  .dashboard-hero.jisbc-slogan-ready .jisbc-slogan,
  .dashboard-hero.jisbc-slogan-ready .dashboard-hero-actions { grid-column: 1; grid-row: auto; }
  .dashboard-hero.jisbc-slogan-ready .dashboard-hero-actions { justify-self: stretch; }
  .jisbc-slogan-headline { font-size: clamp(18px, 4vw, 23px); }
}