/* Dashboard canvas for the isolated connected-area laboratory.
   It is deliberately scoped to the clone and uses no exported UI selectors. */
@media (min-width:1024px){
  body.deesco-connected-lab #deesco-connected-lab-app > div > div > div > main[aria-label="Tableau de bord"] {
    margin: 0 !important;
    padding: 24px clamp(16px, 2.5vw, 32px) 36px !important;
  }
  body.deesco-connected-lab main.deesco-connected-lab__main.deesco-connected-lab__dashboard{
    min-height:100vh;
    margin-block:0;
    padding:20px clamp(16px,3vw,40px) 36px;
    background:#fbfdfb;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard{
    width:min(100%,1280px)!important;
    margin:0 auto;
    color:#1e2d25;
    font-family:Arial,sans-serif;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__landing{
    gap:22px;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview{
    align-items:stretch;
    gap:28px;
    padding:24px 28px;
    border:0;
    border-radius:20px;
    background:linear-gradient(118deg,#f1f8f3 0%,#fff 62%);
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy{
    justify-content:center;
    max-width:39rem;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metrics{
    align-self:center;
    width:min(100%,29rem);
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric{
    min-height:74px;
    padding:7px 13px;
    border-radius:10px;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric:hover,
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric:focus-visible{
    background:#e8f4eb;
    color:#176d3d;
    opacity:1;
    outline:0;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric + .deesco-dashboard__metric{
    border-left:1px solid #d5e3d9;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-guided-access,
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-economic-section,
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel,
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-latest-simulations{
    border-color:#dbe7de;
    border-radius:18px;
    box-shadow:0 8px 28px rgba(25,62,40,.045);
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.exact-dashboard-guided-access-card,.exact-dashboard-latest-simulation){
    border-color:#dbe7de;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.exact-dashboard-guided-access-card,.exact-dashboard-latest-simulation):hover{
    border-color:#86c59a;
    box-shadow:0 12px 26px rgba(22,86,48,.11);
  }
}

/* Energy scales: retain the visual proportions of the reference dashboard
   without relying on the former utility stylesheet. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-savings-overview-content a {
  text-decoration: none;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__vehicle-icon {
  width: 1.75rem;
  height: 1.75rem;
  flex: 0 0 auto;
  color: var(--p-primary-600);
}

/* Savings cards need a little breathing room around their generated content. */
body.deesco-connected-lab .deesco-connected-lab__dashboard :is([data-exact-dashboard-potential-edpe="true"],[data-exact-dashboard-smart-energy-focus="vehicle"]) > .p-card-body,
body.deesco-connected-lab .deesco-connected-lab__dashboard :is([data-exact-dashboard-potential-edpe="true"],[data-exact-dashboard-smart-energy-focus="vehicle"]) > .p-card-body > .p-card-content {
  padding: 1.1rem !important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] {
  height: 2rem !important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] > span {
  padding-left: .7rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] + div {
  display: flex;
  min-width: 3.1rem;
  align-items: center;
  justify-content: center;
  text-align: center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] + div > div {
  width: 100%;
  text-align: center;
}

@media (min-width:768px) {
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] {
    height: 2.2rem !important;
  }

  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-edpe-panel-histogram div[style*="clip-path"] > span {
    padding-left: .9rem;
  }

}

@media (max-width:1023px){
  body.deesco-connected-lab .deesco-connected-lab__dashboard{
    margin:0;
    padding:16px 12px 28px;
  }
}

@media (max-width:720px){
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview{
    align-items:stretch;
  }
}

/* The dashboard summary is independent of the exported application. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__landing {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0 0 .25rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  min-width: 0;
  max-width: 34rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"] {
  display: flex;
  min-height: 4.45rem;
  margin: 0;
  padding: .8rem 1rem .8rem 1.1rem;
  border: 0;
  background: transparent;
  box-shadow: none;
  flex-direction: column;
  justify-content: center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"] [data-exact-page-recommendation-topline="true"] { margin: 0; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"] [data-exact-page-recommendation-title="true"] { margin: 0; color: var(--p-primary-600, #247d47); font-size: 1.1rem; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"] [data-exact-page-recommendation-body="true"] { margin-top: .22rem; color: var(--p-text-color, #232323); font-size: .94rem; line-height: 1.55; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"] [data-exact-page-recommendation-body="true"] p { margin: 0; }

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(6.3rem, 1fr));
  width: min(100%, 27rem);
  flex: 0 1 27rem;
  margin-left: auto;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric {
  display: flex;
  flex-direction: column;
  gap: .18rem;
  min-width: 0;
  min-height: 4.45rem;
  padding: .08rem .72rem;
  color: var(--p-text-color);
  text-decoration: none;
  transition: opacity .18s ease;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric + .deesco-dashboard__metric {
  border-left: 1px solid var(--p-surface-200);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric:hover { opacity: .72; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-label { color: var(--p-text-muted-color); font-size: .68rem; font-weight: 600; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-value { overflow: hidden; display: flex; align-items: center; gap: .5rem; color: inherit; font-size: 1.08rem; font-weight: 720; letter-spacing: -.03em; text-overflow: ellipsis; white-space: nowrap; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-value small { font-size: .72em; font-weight: 600; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-detail { color: var(--p-text-muted-color); font-size: .65rem; line-height: 1.3; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__grade { display: inline-flex; align-items: center; justify-content: center; padding: .125rem .5rem; border-radius: .25rem; }

@media (max-width: 920px) {
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview { flex-direction: column; align-items: stretch; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview-copy { max-width: none; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metrics { width: min(100%, 32rem); flex: none; margin-left: 0; }
}

@media (max-width: 560px) {
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__landing { gap: 1rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__overview { gap: .75rem; padding-bottom: 0; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metrics { width: 100%; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric { min-height: 0; padding: .06rem .42rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-value { font-size: .9rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__metric-detail { display: none; }
}

/* Local primitives used by dashboard components generated at runtime. These
   scoped rules replace the small utility layer formerly obtained from Nuxt. */
body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.flex,.inline-flex){align-items:initial}
body.deesco-connected-lab .deesco-connected-lab__dashboard .flex{display:flex}
body.deesco-connected-lab .deesco-connected-lab__dashboard .inline-flex{display:inline-flex}

/* Dashboard polish — a quiet, tactile surface shared by every dashboard state.
   These rules deliberately only change presentation: the DOM and its content
   remain owned by portal-runtime. */
body.deesco-connected-lab main.deesco-connected-lab__main.deesco-connected-lab__dashboard{
  background:
    radial-gradient(circle at 89% -8%, rgba(173, 211, 130, .18), transparent 29rem),
    radial-gradient(circle at 12% 8%, rgba(41, 126, 75, .065), transparent 25rem),
    #f7faf8;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard{
  color:#1d3026;
  font-family:Arial, sans-serif;
}

/* Keep the title size independent of the former snapshot wrapper markup. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-hero-static-title{
  font-size:clamp(1.35rem, 1.65vw, 1.62rem)!important;
  line-height:1.16!important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__landing,
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-landing{
  gap:1.5rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .deesco-dashboard__overview,
  .exact-dashboard-hero
){
  position:relative;
  overflow:hidden;
  padding:clamp(1.35rem, 2.4vw, 2rem);
  border:1px solid rgba(151, 187, 159, .42);
  border-radius:1.5rem;
  background:linear-gradient(118deg, #edf7ef 0%, #fbfdfb 57%, #f3f8e9 100%);
  box-shadow:0 14px 36px rgba(30, 72, 47, .075), inset 0 1px 0 rgba(255,255,255,.88);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .deesco-dashboard__overview,
  .exact-dashboard-hero
)::after{
  position:absolute;
  right:-3.5rem;
  bottom:-5.5rem;
  width:15rem;
  height:15rem;
  border:1px solid rgba(61, 131, 79, .11);
  border-radius:50%;
  box-shadow:0 0 0 2.5rem rgba(61, 131, 79, .035), 0 0 0 5rem rgba(61, 131, 79, .025);
  content:"";
  pointer-events:none;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .deesco-dashboard__overview-copy,
  .exact-dashboard-hero-copy
){
  position:relative;
  z-index:1;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .deesco-dashboard__overview-copy > [data-exact-page-recommendation="true"],
  .exact-dashboard-hero-copy > [data-exact-page-recommendation="true"]
){
  padding:0;
  background:transparent;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard [data-exact-page-recommendation-title="true"]{
  color:#1a6b3d!important;
  font-size:clamp(1.2rem, 1.8vw, 1.55rem)!important;
  font-weight:800!important;
  letter-spacing:-.035em!important;
  line-height:1.12!important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard [data-exact-page-recommendation-body="true"]{
  max-width:40rem;
  color:#425d4a!important;
  font-size:.98rem!important;
  line-height:1.55!important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metrics,.exact-dashboard-hero-metrics){
  position:relative;
  z-index:1;
  overflow:hidden;
  border:1px solid rgba(138, 178, 147, .42);
  border-radius:1rem;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 22px rgba(31, 78, 49, .055);
  backdrop-filter:blur(8px);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metric,.exact-dashboard-hero-metric){
  min-height:5.15rem;
  padding:.7rem .85rem;
  transition:background-color .18s ease, color .18s ease, transform .18s ease;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metric,.exact-dashboard-hero-metric):hover{
  background:#eff8f1;
  opacity:1;
  transform:translateY(-1px);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metric-label,.exact-dashboard-hero-metric-label){
  color:#6a7e70;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metric-value,.exact-dashboard-hero-metric-value){
  color:#173f29;
  font-size:1.18rem;
  font-weight:800;
  letter-spacing:-.045em;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-panel,
  .exact-dashboard-guided-access,
  .exact-dashboard-economic-section,
  .exact-dashboard-edpe-panel,
  .exact-dashboard-latest-simulations,
  .exact-dashboard-discoverer-section,
  .exact-dashboard-intermediate-universe,
  .exact-dashboard-expert-section
){
  border-color:rgba(203, 221, 207, .9);
  border-radius:1.25rem;
  background-color:rgba(255,255,255,.94);
  box-shadow:0 9px 28px rgba(29, 70, 46, .055), inset 0 1px 0 rgba(255,255,255,.9);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-guided-access-card,
  .exact-dashboard-latest-simulation,
  .exact-dashboard-discoverer-card,
  .exact-dashboard-intermediate-card,
  .exact-dashboard-expert-card,
  .exact-dashboard-priority-action
){
  border-color:#dceadf;
  border-radius:1rem;
  box-shadow:0 2px 8px rgba(28,72,45,.025);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-guided-access-card,
  .exact-dashboard-latest-simulation,
  .exact-dashboard-discoverer-card,
  .exact-dashboard-intermediate-card,
  .exact-dashboard-expert-card,
  .exact-dashboard-priority-action
):hover{
  border-color:#93cba3;
  box-shadow:0 12px 26px rgba(26, 84, 49, .10);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  a.exact-dashboard-action--primary,
  .exact-dashboard-intermediate-secondary-action.exact-dashboard-action--primary,
  .p-button.p-button-primary,
  button[data-active="true"]
){
  border:1px solid #197442!important;
  border-radius:.75rem!important;
  background:linear-gradient(135deg, #27864e, #176d3d)!important;
  color:#fff!important;
  box-shadow:0 7px 15px rgba(22, 103, 58, .18)!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  transition:transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  a.exact-dashboard-action--primary,
  .exact-dashboard-intermediate-secondary-action.exact-dashboard-action--primary,
  .p-button.p-button-primary,
  button[data-active="true"]
):hover{
  box-shadow:0 10px 19px rgba(22, 103, 58, .24)!important;
  filter:brightness(1.035);
  transform:translateY(-1px);
}

/* Dark calls to action retain their contrast while gaining the same depth and
   motion as the green primary actions. */
body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
){
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #17281f!important;
  border-radius:.78rem!important;
  background:linear-gradient(135deg, #263c30 0%, #14251c 48%, #0b1710 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 16px rgba(15, 35, 24, .19), inset 0 1px 0 rgba(255,255,255,.16)!important;
  font-weight:800!important;
  letter-spacing:-.01em;
  transition:transform .17s ease, box-shadow .17s ease, border-color .17s ease!important;
}

/* A call to action should follow its label, rather than spanning the whole
   card. The extra vertical space keeps the touch target generous. */
body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action.exact-dashboard-action--primary,
  .exact-dashboard-intermediate-secondary-action.exact-dashboard-action--primary
){
  align-self:center!important;
  margin-right:auto!important;
  margin-left:auto!important;
  width:max-content!important;
  min-height:2.85rem!important;
  padding:.7rem 1rem!important;
}

/* The two companion cards in the consumption space read as focused actions.
   Centre their complete composition without affecting the data overview card. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--centered {
  align-items:center;
  text-align:center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--centered .exact-dashboard-intermediate-card-visual {
  justify-content:center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card-visual img[src*="add-energy-simple"] {
  width:7.1rem;
  height:7.1rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-grid--two .exact-dashboard-intermediate-card--centered {
  border-color:color-mix(in srgb, var(--p-primary-500) 18%, var(--p-surface-200));
  background:linear-gradient(145deg, color-mix(in srgb, var(--p-primary-500) 6%, var(--p-surface-0)), var(--p-surface-0) 72%);
  box-shadow:0 .8rem 1.8rem -1.55rem rgba(15,48,38,.45);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--centered > p {
  max-width:21rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-grid--two .exact-dashboard-intermediate-card--centered > p {
  max-width:none;
  font-size:clamp(.72rem,.82vw,.88rem);
  white-space:nowrap;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--centered .exact-dashboard-card-metric {
  align-items:center;
  text-align:center;
}

/* The housing cards carry denser information: preserve a conventional left
   reading line, while keeping their primary action consistently on the right. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--housing {
  align-items:stretch;
  text-align:left;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--housing .exact-dashboard-discoverer-action.exact-dashboard-action--primary {
  align-self:flex-end!important;
  margin-right:0!important;
  margin-left:auto!important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-intermediate-card--future .exact-dashboard-discoverer-action.exact-dashboard-action--primary {
  align-self:flex-end!important;
  margin-right:0!important;
  margin-left:auto!important;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-action-icon {
  display:inline-flex;
  width:1.08rem;
  height:1.08rem;
  flex:0 0 auto;
  align-items:center;
  justify-content:center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-action-icon svg {
  width:100%;
  height:100%;
}

/* Give the score its own balanced visual area in the header card instead of
   pinning the gauge to the left edge of its content column. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-hero .exact-dashboard-deesco-index--compact {
  grid-template-columns:minmax(8rem, .65fr) minmax(0, 1.35fr);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-hero .exact-dashboard-deesco-index--compact > .exact-dashboard-deesco-index-gauge {
  justify-self:center;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
)::before{
  position:absolute;
  z-index:-1;
  top:-130%;
  left:-35%;
  width:55%;
  height:320%;
  background:linear-gradient(90deg, transparent, rgba(185,221,139,.22), transparent);
  content:"";
  transform:rotate(24deg) translateX(-190%);
  transition:transform .42s ease;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
):hover,
body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
):focus-visible{
  border-color:#8ebd83!important;
  box-shadow:0 12px 23px rgba(15, 35, 24, .28), 0 0 0 3px rgba(167,207,129,.15), inset 0 1px 0 rgba(255,255,255,.2)!important;
  color:#fff!important;
  outline:0;
  transform:translateY(-2px);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
):hover::before,
body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-discoverer-action.exact-dashboard-action--primary,
  .exact-dashboard-expert-card-action,
  .exact-dashboard-intermediate-secondary-action:not(.exact-dashboard-action--primary)
):focus-visible::before{
  transform:rotate(24deg) translateX(430%);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard :is(
  .exact-dashboard-utility-action,
  .exact-dashboard-energy-action,
  .exact-dashboard-latest-simulations-head a
){
  color:#176d3d!important;
  font-weight:800!important;
}

/* "Mes énergies": make the distribution the visual centre of its card,
   while retaining the same legend and values. */
body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview{
  justify-content:center;
  padding:1.3rem;
  background:linear-gradient(145deg, #ffffff 0%, #f6faf5 100%);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview > h3{
  width:100%;
  color:#214a31;
  font-size:1.08rem;
  letter-spacing:-.025em;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut-layout{
  display:flex;
  width:100%;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:1.15rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut{
  position:relative;
  width:11.25rem;
  height:11.25rem;
  box-shadow:0 0 0 .42rem #fff, 0 12px 28px rgba(30,93,51,.16);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut::after{
  position:absolute;
  inset:-.62rem;
  z-index:-1;
  border:1px solid rgba(56,133,77,.13);
  border-radius:50%;
  background:radial-gradient(circle, rgba(203,227,194,.28), transparent 67%);
  content:"";
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut > span{
  width:6.85rem;
  height:6.85rem;
  border:1px solid rgba(214,229,217,.9);
  background:rgba(255,255,255,.97);
  box-shadow:inset 0 1px 2px rgba(25,80,45,.06);
  color:#173f29;
  font-size:1.2rem;
  font-weight:800;
  letter-spacing:-.04em;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut small{
  margin-top:.1rem;
  color:#718276;
  max-width:5.8rem;
  font-size:.6rem;
  font-weight:600;
  line-height:1.2;
  letter-spacing:0;
  text-transform:none;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-legend{
  display:grid;
  width:min(100%, 24rem);
  min-width:0;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.45rem .65rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-legend > div{
  grid-template-columns:auto minmax(0,1fr) auto;
  min-width:0;
  padding:.42rem .5rem;
  border:1px solid rgba(220,234,223,.95);
  border-radius:.7rem;
  background:rgba(255,255,255,.76);
  color:#617365;
  font-size:.72rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-legend i{
  width:.62rem;
  height:.62rem;
  box-shadow:0 0 0 .18rem rgba(255,255,255,.95);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-legend span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-legend strong{
  color:#285d3b;
  font-size:.73rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-add-amount{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.35rem;
  align-self:center;
  margin-top:.9rem;
  color:#285d3b;
  font-size:.78rem;
  font-weight:700;
  text-align:center;
  text-decoration:underline;
  text-underline-offset:.2rem;
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-add-amount:focus-visible{
  outline:2px solid #285d3b;
  outline-offset:3px;
}

@media (max-width:720px){
  body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__overview,.exact-dashboard-hero){
    padding:1.2rem;
    border-radius:1.15rem;
  }
  body.deesco-connected-lab .deesco-connected-lab__dashboard :is(.deesco-dashboard__metric,.exact-dashboard-hero-metric){min-height:4.6rem;padding:.58rem .52rem}
  body.deesco-connected-lab .deesco-connected-lab__dashboard [data-exact-page-recommendation-body="true"]{font-size:.91rem!important}
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut{width:9.8rem;height:9.8rem}
  body.deesco-connected-lab .deesco-connected-lab__dashboard .exact-dashboard-consumption-overview.exact-conso-overview .exact-conso-all-donut > span{width:5.85rem;height:5.85rem;font-size:1.04rem}
}
body.deesco-connected-lab .deesco-connected-lab__dashboard .grid{display:grid}
body.deesco-connected-lab .deesco-connected-lab__dashboard .block{display:block}
body.deesco-connected-lab .deesco-connected-lab__dashboard .flex-col{flex-direction:column}
body.deesco-connected-lab .deesco-connected-lab__dashboard .flex-row{flex-direction:row}
body.deesco-connected-lab .deesco-connected-lab__dashboard .flex-1{flex:1 1 0%}
body.deesco-connected-lab .deesco-connected-lab__dashboard .shrink-0{flex-shrink:0}
body.deesco-connected-lab .deesco-connected-lab__dashboard .min-w-0{min-width:0}
body.deesco-connected-lab .deesco-connected-lab__dashboard .min-h-full{min-height:100%}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-full{width:100%}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-auto{width:auto}
body.deesco-connected-lab .deesco-connected-lab__dashboard .h-full{height:100%}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-5{width:1.25rem}.deesco-connected-lab__dashboard .h-5{height:1.25rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-6{width:1.5rem}.deesco-connected-lab__dashboard .h-6{height:1.5rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-7{width:1.75rem}.deesco-connected-lab__dashboard .h-7{height:1.75rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-8{width:2rem}.deesco-connected-lab__dashboard .h-8{height:2rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-10{width:2.5rem}.deesco-connected-lab__dashboard .h-10{height:2.5rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-20{width:5rem}.deesco-connected-lab__dashboard .h-20{height:5rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-\[72px\]{width:72px}.deesco-connected-lab__dashboard .h-\[72px\]{height:72px}
body.deesco-connected-lab .deesco-connected-lab__dashboard .w-\[80px\]{width:80px}.deesco-connected-lab__dashboard .h-\[80px\]{height:80px}
body.deesco-connected-lab .deesco-connected-lab__dashboard .items-center{align-items:center}.deesco-connected-lab__dashboard .items-start{align-items:flex-start}.deesco-connected-lab__dashboard .items-end{align-items:flex-end}.deesco-connected-lab__dashboard .items-stretch{align-items:stretch}.deesco-connected-lab__dashboard .items-baseline{align-items:baseline}
body.deesco-connected-lab .deesco-connected-lab__dashboard .justify-center{justify-content:center}.deesco-connected-lab__dashboard .justify-between{justify-content:space-between}.deesco-connected-lab__dashboard .justify-end{justify-content:flex-end}
body.deesco-connected-lab .deesco-connected-lab__dashboard .grid-cols-1{grid-template-columns:minmax(0,1fr)}
body.deesco-connected-lab .deesco-connected-lab__dashboard .gap-1{gap:.25rem}.deesco-connected-lab__dashboard .gap-2{gap:.5rem}.deesco-connected-lab__dashboard .gap-3{gap:.75rem}.deesco-connected-lab__dashboard .gap-4{gap:1rem}.deesco-connected-lab__dashboard .gap-6{gap:1.5rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .p-0{padding:0}.deesco-connected-lab__dashboard .p-1{padding:.25rem}.deesco-connected-lab__dashboard .p-2{padding:.5rem}.deesco-connected-lab__dashboard .p-3{padding:.75rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .px-1{padding-inline:.25rem}.deesco-connected-lab__dashboard .px-2{padding-inline:.5rem}.deesco-connected-lab__dashboard .px-4{padding-inline:1rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .py-1{padding-block:.25rem}.deesco-connected-lab__dashboard .py-3{padding-block:.75rem}.deesco-connected-lab__dashboard .py-6{padding-block:1.5rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .m-0{margin:0}.deesco-connected-lab__dashboard .m-2{margin:.5rem}.deesco-connected-lab__dashboard .mx-auto{margin-inline:auto}.deesco-connected-lab__dashboard .mt-auto{margin-top:auto}.deesco-connected-lab__dashboard .mt-0\.5{margin-top:.125rem}.deesco-connected-lab__dashboard .mt-1{margin-top:.25rem}.deesco-connected-lab__dashboard .mt-2{margin-top:.5rem}.deesco-connected-lab__dashboard .mt-3{margin-top:.75rem}.deesco-connected-lab__dashboard .mt-4{margin-top:1rem}.deesco-connected-lab__dashboard .mr-2{margin-right:.5rem}.deesco-connected-lab__dashboard .mb-0{margin-bottom:0}.deesco-connected-lab__dashboard .mb-2{margin-bottom:.5rem}.deesco-connected-lab__dashboard .mb-4{margin-bottom:1rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .relative{position:relative}.deesco-connected-lab__dashboard .absolute{position:absolute}.deesco-connected-lab__dashboard .inset-0{inset:0}.deesco-connected-lab__dashboard .z-10{z-index:10}
body.deesco-connected-lab .deesco-connected-lab__dashboard .overflow-hidden{overflow:hidden}.deesco-connected-lab__dashboard .object-contain{object-fit:contain}
body.deesco-connected-lab .deesco-connected-lab__dashboard .rounded{border-radius:.25rem}.deesco-connected-lab__dashboard .rounded-lg{border-radius:.5rem}.deesco-connected-lab__dashboard .rounded-xl{border-radius:.75rem}.deesco-connected-lab__dashboard .rounded-full{border-radius:9999px}
body.deesco-connected-lab .deesco-connected-lab__dashboard .text-left{text-align:left}.deesco-connected-lab__dashboard .text-center{text-align:center}.deesco-connected-lab__dashboard .text-xs{font-size:.75rem}.deesco-connected-lab__dashboard .text-sm{font-size:.875rem}.deesco-connected-lab__dashboard .text-base{font-size:1rem}.deesco-connected-lab__dashboard .text-lg{font-size:1.125rem}.deesco-connected-lab__dashboard .text-xl{font-size:1.25rem}.deesco-connected-lab__dashboard .text-2xl{font-size:1.5rem}.deesco-connected-lab__dashboard .text-3xl{font-size:1.875rem}.deesco-connected-lab__dashboard .text-2xs{font-size:.6875rem}.deesco-connected-lab__dashboard .text-3xs{font-size:.625rem}
body.deesco-connected-lab .deesco-connected-lab__dashboard .font-medium{font-weight:500}.deesco-connected-lab__dashboard .font-semibold{font-weight:600}.deesco-connected-lab__dashboard .font-bold{font-weight:700}.deesco-connected-lab__dashboard .font-extrabold{font-weight:800}.deesco-connected-lab__dashboard .leading-none{line-height:1}.deesco-connected-lab__dashboard .leading-tight{line-height:1.25}.deesco-connected-lab__dashboard .leading-snug{line-height:1.375}.deesco-connected-lab__dashboard .leading-relaxed{line-height:1.625}.deesco-connected-lab__dashboard .tracking-tight{letter-spacing:-.025em}.deesco-connected-lab__dashboard .tracking-wide{letter-spacing:.025em}.deesco-connected-lab__dashboard .uppercase{text-transform:uppercase}.deesco-connected-lab__dashboard .tabular-nums{font-variant-numeric:tabular-nums}.deesco-connected-lab__dashboard .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.deesco-connected-lab .deesco-connected-lab__dashboard .cursor-pointer{cursor:pointer}.deesco-connected-lab__dashboard .list-none{list-style:none}.deesco-connected-lab__dashboard .transition-colors{transition:color .2s,background-color .2s,border-color .2s}.deesco-connected-lab__dashboard .transition-all{transition:all .2s}
body.deesco-connected-lab .deesco-connected-lab__dashboard .text-surface-600{color:var(--p-surface-600,var(--p-slate-600))}.deesco-connected-lab__dashboard .hover\:bg-surface-50:hover{background:var(--p-surface-50)}.deesco-connected-lab__dashboard .hover\:-translate-y-0\.5:hover{transform:translateY(-.125rem)}.deesco-connected-lab__dashboard .hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}
@media (min-width:640px){body.deesco-connected-lab .deesco-connected-lab__dashboard .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.deesco-connected-lab__dashboard .sm\:text-xs{font-size:.75rem}.deesco-connected-lab__dashboard .sm\:text-sm{font-size:.875rem}.deesco-connected-lab__dashboard .sm\:text-lg{font-size:1.125rem}.deesco-connected-lab__dashboard .sm\:w-24{width:6rem}.deesco-connected-lab__dashboard .sm\:h-24{height:6rem}}
@media (min-width:768px){body.deesco-connected-lab .deesco-connected-lab__dashboard .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.deesco-connected-lab__dashboard .md\:px-6{padding-inline:1.5rem}.deesco-connected-lab__dashboard .md\:text-sm{font-size:.875rem}.deesco-connected-lab__dashboard .md\:text-md{font-size:1rem}.deesco-connected-lab__dashboard .md\:text-lg{font-size:1.125rem}.deesco-connected-lab__dashboard .md\:text-2xl{font-size:1.5rem}.deesco-connected-lab__dashboard .md\:text-3xl{font-size:1.875rem}.deesco-connected-lab__dashboard .md\:text-2xs{font-size:.6875rem}}
@media (min-width:1024px){body.deesco-connected-lab .deesco-connected-lab__dashboard .lg\:px-8{padding-inline:2rem}}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.35rem;
  border: 1px solid var(--p-surface-200);
  border-radius: 1.25rem;
  background: linear-gradient(135deg, color-mix(in srgb, var(--p-primary-500) 5%, var(--p-surface-0)), var(--p-surface-0) 56%);
  box-shadow: 0 4px 14px rgba(71,85,105,.035);
}

body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-heading h2 { margin: 0; color: var(--p-text-color); font-size: 1.2rem; font-weight: 800; letter-spacing: -.02em; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-heading p { max-width: 44rem; margin: .28rem 0 0; color: var(--p-text-muted-color); font-size: .84rem; line-height: 1.45; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card { display: grid; grid-template-columns: 4.25rem minmax(0, 1fr); align-items: center; gap: .9rem; min-width: 0; min-height: 6.9rem; padding: .9rem 1rem; border: 1px solid var(--p-surface-200); border-radius: 1rem; background: var(--p-surface-0); color: var(--p-text-color); text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card:hover, body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card:focus-visible { border-color: var(--p-primary-300); background: color-mix(in srgb, var(--p-primary-500) 5%, var(--p-surface-0)); box-shadow: 0 12px 25px -19px rgba(15,48,38,.58); outline: 0; transform: translateY(-2px); }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card img { width: 4.25rem; height: 4.25rem; object-fit: contain; }
body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card span { color: var(--p-text-color); font-size: 1rem; font-weight: 750; line-height: 1.3; }

@media (max-width: 560px) {
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start { padding: 1rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-grid { grid-template-columns: 1fr; gap: .7rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card { grid-template-columns: 3.55rem minmax(0, 1fr); min-height: 5.7rem; padding: .8rem .85rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card img { width: 3.55rem; height: 3.55rem; }
  body.deesco-connected-lab .deesco-connected-lab__dashboard .deesco-dashboard__quick-start-card span { font-size: .92rem; }
}