.elementor-4452 .elementor-element.elementor-element-9feed15{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4452 .elementor-element.elementor-element-9feed15:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;background-image:url("https://ecoffices.pl/wp-content/uploads/2026/02/rzut-pietra-uklad-funkcjonalny-1.webp");background-position:0px 245px;background-repeat:no-repeat;background-size:contain;}.elementor-4452 .elementor-element.elementor-element-9feed15::before, .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-background-video-container::before, .elementor-4452 .elementor-element.elementor-element-9feed15 > .e-con-inner > .elementor-background-video-container::before, .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-background-slideshow::before, .elementor-4452 .elementor-element.elementor-element-9feed15 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#000000;}.elementor-4452 .elementor-element.elementor-element-62e7ed7{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4452 .elementor-element.elementor-element-3872842{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:34px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4452 .elementor-element.elementor-element-c0b0316{--display:flex;--min-height:0px;}.elementor-4452 .elementor-element.elementor-element-9a9488e > .elementor-widget-container{margin:12px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-4ff3073{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-9fa7ad9{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-9fa7ad9:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-9fa7ad9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4452 .elementor-element.elementor-element-9062a4a{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-9062a4a:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-9062a4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4452 .elementor-element.elementor-element-04b21e6{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-04b21e6:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-04b21e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-4452 .elementor-element.elementor-element-bbcba22{--display:flex;}@media(max-width:1024px){.elementor-4452 .elementor-element.elementor-element-9feed15{--min-height:100vh;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-9feed15:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-4452 .elementor-element.elementor-element-9fa7ad9{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-9062a4a{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-04b21e6{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}}@media(max-width:767px){.elementor-4452 .elementor-element.elementor-element-9feed15:not(.elementor-motion-effects-element-type-background), .elementor-4452 .elementor-element.elementor-element-9feed15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecoffices.pl/wp-content/uploads/2026/03/biuro-na-warszawskiej-woli-oddane-inwestorowi-po-modernizacji-2.webp");background-position:0px 0px;}.elementor-4452 .elementor-element.elementor-element-9feed15{--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-336f111 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-3872842{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4452 .elementor-element.elementor-element-9a9488e > .elementor-widget-container{margin:6px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4452 .elementor-element.elementor-element-4ff3073{--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4452 .elementor-element.elementor-element-9fa7ad9{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-9062a4a{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}.elementor-4452 .elementor-element.elementor-element-04b21e6{--padding-top:60px;--padding-bottom:60px;--padding-left:24px;--padding-right:24px;}}@media(min-width:768px){.elementor-4452 .elementor-element.elementor-element-c0b0316{--width:35%;}.elementor-4452 .elementor-element.elementor-element-4ff3073{--width:35%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4452 .elementor-element.elementor-element-4ff3073{--width:351.156px;}}/* Start custom CSS for html, class: .elementor-element-336f111 */.elementor-4452 .elementor-element.elementor-element-336f111{
  --eco-oliwka:#A3CE43;
  --eco-green:#62D06B;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .fitout-title-wrapper{
  --h1-size-desktop:clamp(77px,5.8vw,249px);
  --svg-width-desktop:min(100%,1120px);
  --h1-size-mobile:clamp(24px,7vw,38px);
  --fallback-size-mobile:clamp(16px,4.4vw,22px);
  display:inline-flex;
  flex-direction:column;
  width:max-content;
  max-width:100%;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .fitout-h1{
  font-family:"Exo",system-ui,-apple-system,sans-serif;
  font-size:var(--h1-size-desktop);
  font-weight:900;
  letter-spacing:2px;
  color:#fff;
  line-height:1.08;
  margin:0;
  text-transform:uppercase;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .fitout-h1 .normal{
  color:#fff;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .eco-cnc-container{
  width:var(--svg-width-desktop);
  margin-top:14px;
  position:relative;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .cnc-svg{
  width:100%;
  height:auto;
  overflow:visible;
  display:block;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .cnc-text{
  font-family:"Exo",system-ui,-apple-system,sans-serif;
  font-weight:600;
  font-size:65px;
}

.elementor-4452 .elementor-element.elementor-element-336f111 .cnc-text tspan{
  fill:transparent;
  stroke:transparent;
  stroke-width:2px;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:400;
  stroke-dashoffset:400;
  animation:cncWeldProcess 0.2s linear forwards;
  animation-delay:calc(0.5s + (var(--idx) * 0.2s));
}

.elementor-4452 .elementor-element.elementor-element-336f111 .mobile-fallback-text{
  display:none;
}

@keyframes cncWeldProcess{
  0%{
    stroke-dashoffset:400;
    stroke:#ffffff;
    fill:transparent;
    text-shadow:0 0 10px #ffffff,0 0 20px var(--eco-oliwka);
  }
  50%{
    stroke:#e0f7ff;
    text-shadow:0 0 15px #ffffff,0 0 25px var(--eco-oliwka);
  }
  99%{
    stroke-dashoffset:0;
    stroke:#ffffff;
    fill:transparent;
    text-shadow:0 0 5px #ffffff;
  }
  100%{
    stroke-dashoffset:0;
    stroke:var(--eco-oliwka);
    fill:transparent;
    stroke-width:1px;
    stroke-linejoin:bevel;
    text-shadow:none;
  }
}

@media (max-width:980px){
  .elementor-4452 .elementor-element.elementor-element-336f111 .fitout-title-wrapper{
    width:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    margin-top:60px;
  }

  .elementor-4452 .elementor-element.elementor-element-336f111 .fitout-h1{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    font-size:var(--h1-size-mobile);
    line-height:1.15;
    white-space:normal;
    overflow-wrap:break-word;
  }

  .elementor-4452 .elementor-element.elementor-element-336f111 .fitout-h1 .normal{
    white-space:nowrap;
  }

  .elementor-4452 .elementor-element.elementor-element-336f111 .cnc-svg{
    display:none!important;
  }

  .elementor-4452 .elementor-element.elementor-element-336f111 .mobile-fallback-text{
    display:block;
    font-family:"Exo",system-ui,-apple-system,sans-serif;
    font-size:var(--fallback-size-mobile);
    font-weight:600;
    color:transparent;
    -webkit-text-stroke:1px var(--eco-oliwka);
    margin-top:6px;
    letter-spacing:1px;
    white-space:nowrap;
    line-height:1.2;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9a9488e */.elementor-4452 .elementor-element.elementor-element-9a9488e {
     --offset-y: -20px; 
    --line-color: rgba(255,255,255,0.3);
    --glow-color: rgba(255,255,255,1);
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .premium-wide-decor {
    width: 100%;
    margin-top: var(--offset-y);
    padding: 10px 0;
    overflow: visible; 
    display: flex;
    justify-content: flex-start;
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .motion-line {
    height: 1px;
    width: 100%;
    max-width: 600px; 
    background: linear-gradient(90deg, 
        var(--line-color) 0%, 
        transparent 100%);
    position: relative;
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .motion-line::after {
    content: "";
    position: absolute;
    top: -1px; 
    left: -100%;
    width: 150px;
    height: 3px; 
    background: radial-gradient(circle, var(--glow-color) 0%, transparent 80%);
    filter: blur(1px);
    animation: wide-scan 6s infinite ease-in-out;
}

@keyframes wide-scan {
    0% { left: -150px; opacity: 0; }
    10% { opacity: 1; }
    40% { left: 100%; opacity: 0; }
    100% { left: 100%; opacity: 0; }
}
.elementor-4452 .elementor-element.elementor-element-9a9488e{
    --offset-y:-20px;
    --line-color:rgba(255,255,255,0.3);
    --glow-color:rgba(255,255,255,1);
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .premium-wide-decor{
    width:100%;
    margin-top:var(--offset-y);
    padding:10px 0;
    overflow:visible;
    display:flex;
    justify-content:flex-start;
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .motion-line{
    height:1px;
    width:100%;
    max-width:600px;
    background:linear-gradient(90deg,var(--line-color) 0%,transparent 100%);
    position:relative;
}

.elementor-4452 .elementor-element.elementor-element-9a9488e .motion-line::after{
    content:"";
    position:absolute;
    top:-1px;
    left:-100%;
    width:150px;
    height:3px;
    background:radial-gradient(circle,var(--glow-color) 0%,transparent 80%);
    filter:blur(1px);
    animation:wide-scan 6s infinite ease-in-out;
}

@keyframes wide-scan{
    0%{left:-150px;opacity:0;}
    10%{opacity:1;}
    40%{left:100%;opacity:0;}
    100%{left:100%;opacity:0;}
}

/* MOBILE – wyłączenie efektu */
@media (max-width:767px){
    .elementor-4452 .elementor-element.elementor-element-9a9488e .motion-line::after{
        display:none;
        animation:none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ff3073 */.elementor-4452 .elementor-element.elementor-element-4ff3073{
  --eco-box-x-desktop: 0px;
  --eco-box-y-desktop: 0px;

  --eco-box-x-tablet: 30px;
  --eco-box-y-tablet: 60px;

  --eco-box-x-mobile: 0px;
  --eco-box-y-mobile: 0px;

  --eco-box-width-desktop: 680px;
  --eco-box-width-tablet: 420px;
  --eco-box-width-mobile: 100%;

  --eco-box-radius-desktop: 26px;
  --eco-box-pad-y-desktop: 22px;
  --eco-box-pad-x-desktop: 22px;
  --eco-box-font-desktop: 16px;
  --eco-box-line-desktop: 1.65;
  --eco-box-blur-desktop: 10px;
  --eco-box-blur-webkit-desktop: 14px;

  --eco-box-radius-tablet: 22px;
  --eco-box-pad-y-tablet: 18px;
  --eco-box-pad-x-tablet: 18px;
  --eco-box-font-tablet: 14px;
  --eco-box-line-tablet: 1.58;
  --eco-box-blur-tablet: 9px;
  --eco-box-blur-webkit-tablet: 12px;

  --eco-box-radius-mobile: 18px;
  --eco-box-pad-y-mobile: 14px;
  --eco-box-pad-x-mobile: 16px;
  --eco-box-font-mobile: 13px;
  --eco-box-line-mobile: 1.55;
  --eco-box-blur-mobile: 8px;
  --eco-box-blur-webkit-mobile: 10px;

  width:var(--eco-box-width-desktop);
  max-width:100%;
  box-sizing:border-box;

  transform:translate(var(--eco-box-x-desktop), var(--eco-box-y-desktop));
  backdrop-filter:blur(var(--eco-box-blur-desktop));
  -webkit-backdrop-filter:blur(var(--eco-box-blur-webkit-desktop));

  background:linear-gradient(
    180deg,
    rgba(255,255,255,0.25),
    rgba(255,255,255,0.08)
  );

  border-radius:var(--eco-box-radius-desktop);
  border:1px solid rgba(255,255,255,0.35);
  padding:var(--eco-box-pad-y-desktop) var(--eco-box-pad-x-desktop);

  box-shadow:
    0 12px 30px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.25);
}

.elementor-4452 .elementor-element.elementor-element-4ff3073 *{
  box-sizing:border-box;
}

.elementor-4452 .elementor-element.elementor-element-4ff3073 .eco-glass-box__content{
  font-family:"Montserrat", system-ui, -apple-system, sans-serif;
  font-size:var(--eco-box-font-desktop);
  line-height:var(--eco-box-line-desktop);
  color:#ffffff;
}

.elementor-4452 .elementor-element.elementor-element-4ff3073 strong{
  font-weight:700;
}

@media (min-width:768px) and (max-width:1024px){
  .elementor-4452 .elementor-element.elementor-element-4ff3073{
    width:var(--eco-box-width-tablet);
    max-width:100%;

    transform:translate(var(--eco-box-x-tablet), var(--eco-box-y-tablet));
    backdrop-filter:blur(var(--eco-box-blur-tablet));
    -webkit-backdrop-filter:blur(var(--eco-box-blur-webkit-tablet));

    border-radius:var(--eco-box-radius-tablet);
    padding:var(--eco-box-pad-y-tablet) var(--eco-box-pad-x-tablet);
  }

  .elementor-4452 .elementor-element.elementor-element-4ff3073 .eco-glass-box__content{
    font-size:var(--eco-box-font-tablet);
    line-height:var(--eco-box-line-tablet);
  }
}

@media (max-width:767px){
  .elementor-4452 .elementor-element.elementor-element-4ff3073{
    width:var(--eco-box-width-mobile);
    max-width:100%;

    transform:translate(var(--eco-box-x-mobile), var(--eco-box-y-mobile));
    backdrop-filter:blur(var(--eco-box-blur-mobile));
    -webkit-backdrop-filter:blur(var(--eco-box-blur-webkit-mobile));

    border-radius:var(--eco-box-radius-mobile);
    padding:var(--eco-box-pad-y-mobile) var(--eco-box-pad-x-mobile);
  }

  .elementor-4452 .elementor-element.elementor-element-4ff3073 .eco-glass-box__content{
    font-size:var(--eco-box-font-mobile);
    line-height:var(--eco-box-line-mobile);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7b8df93 */.eco-print-area,
.eco-print-area *{
  box-sizing:border-box;
}

.eco-print-area{
  --eco-bg:#05070a;
  --eco-bg-2:#0b0f15;
  --eco-panel:#10151d;
  --eco-panel-2:#131a23;
  --eco-panel-3:#18212c;
  --eco-line:rgba(255,255,255,.08);
  --eco-line-2:rgba(255,255,255,.12);
  --eco-line-strong:rgba(143,225,154,.30);
  --eco-text:rgba(255,255,255,.96);
  --eco-text-2:rgba(255,255,255,.74);
  --eco-text-3:rgba(255,255,255,.50);
  --eco-green-top:#8FE19A;
  --eco-green-mid:#62D06B;
  --eco-green-bot:#3FAE55;
  --eco-olive:#A3CE43;
  --c-build:#5B7CFA;
  --c-finish:#64D77B;
  --c-inst:#F5C84C;
  --c-extra:#F16B6B;
  --c-total:#EDEFF3;
  --good:#62D06B;
  --warn:#F5C84C;
  --bad:#FF8A65;
  --critical:#FF5D73;
  --shadow-xl:0 30px 90px rgba(0,0,0,.42);
  --shadow-lg:0 18px 42px rgba(0,0,0,.34);
  --shadow-md:0 10px 24px rgba(0,0,0,.22);
  --radius-xxl:26px;
  --radius-xl:22px;
  --radius-lg:18px;
  --radius-md:14px;
  --radius-sm:12px;
  --font-heading:"Exo",system-ui,-apple-system,sans-serif;
  --font-body:"Montserrat",system-ui,-apple-system,sans-serif;
  position:relative;
  width:100%;
  color:var(--eco-text);
  font-family:var(--font-body);
  background:
    radial-gradient(circle at 12% 0%, rgba(143,225,154,.08), transparent 30%),
    radial-gradient(circle at 100% 10%, rgba(98,208,107,.05), transparent 26%),
    linear-gradient(180deg,#06080c 0%, #0a0e13 100%);
  border:1px solid rgba(255,255,255,.06);
  border-radius:28px;
  box-shadow:var(--shadow-xl);
  padding:0px;
  overflow:visible !important;
  isolation:isolate;
}

.eco-print-area::before{
  border-radius:inherit;
  overflow:hidden;
}

.eco-print-area h1,
.eco-print-area h2,
.eco-print-area h3,
.eco-print-area h4{
  margin:0;
  color:#fff;
  font-family:var(--font-heading);
  letter-spacing:.01em;
}

.eco-print-area p{
  margin:0;
}

.eco-print-area b,
.eco-print-area strong{
  color:#fff;
  font-weight:600;
}

.eco-print-area a{
  color:inherit;
  text-decoration:none;
}

.eco-print-area input,
.eco-print-area select,
.eco-print-area button,
.eco-print-area textarea{
  font:inherit;
  font-family:var(--font-body);
}

.eco-print-area input:focus-visible,
.eco-print-area select:focus-visible,
.eco-print-area button:focus-visible,
.eco-print-area summary:focus-visible{
  outline:2px solid var(--eco-green-top);
  outline-offset:3px;
}

.eco-print-area .app-wrapper{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,6.5fr) minmax(0,3.5fr);
  gap:18px;
  align-items:start;
}

.eco-print-area .config-panel,
.eco-print-area .dashboard-wrapper{
  min-width:0;
  display:block;
}

.eco-print-area .card,
.eco-print-area .result{
  position:relative;
  border:1px solid var(--eco-line);
  border-radius:24px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),
    linear-gradient(180deg, #0f141b 0%, #0b1016 100%);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}

.eco-print-area .result{
  padding:12px;
}

.eco-print-area .card::before,
.eco-print-area .result::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(143,225,154,.03), transparent 20%),
    radial-gradient(circle at top right, rgba(91,124,250,.05), transparent 34%);
}

.eco-print-area .head,
.eco-print-area .dashTop{
  position:relative;
  z-index:1;
  border-bottom:1px solid var(--eco-line);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

.eco-print-area .head{
  padding:12px 20px 16px;
}

.eco-print-area .dashTop{
  padding:14px;
  margin-bottom:10px;
}

.eco-print-area .body{
  position:relative;
  z-index:1;
  padding:0px;
}

.eco-print-area #result{
  position:relative;
  z-index:1;
  padding-bottom:18px;
}

.eco-print-area .head h2{
  font:600 28px/1.05 var(--font-heading);
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

.eco-print-area .dashTitle{
  font:600 16px/1.05 var(--font-heading);
}

.eco-print-area .sub{
  margin-top:8px;
  color:var(--eco-text-2);
  font-size:13px;
  line-height:1.55;
  max-width:70ch;
}

.eco-print-area .dashSub{
  margin-top:4px;
  color:var(--eco-text-2);
  font-size:10px;
  line-height:1.3;
  max-width:70ch;
}

.eco-print-area .badge,
.eco-print-area #buildTag{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid rgba(143,225,154,.20);
  background:linear-gradient(180deg, rgba(143,225,154,.16), rgba(63,174,85,.10));
  color:#e2f7e5;
  font:600 11px/1 var(--font-heading);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eco-print-area .row{
  display:grid;
  gap:12px;
}

.eco-print-area .section{
  border:1px solid var(--eco-line);
  border-radius:16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    linear-gradient(180deg, #0f141b, #0c1117);
  padding:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.eco-print-area .sectionTitle{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  font:900 14px/1.2 var(--font-heading);
  color:#fff;
}

.eco-print-area .nr,
.eco-print-area .sectionTitle .nr{
  width:20px;
  height:20px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,var(--eco-green-top),var(--eco-green-mid));
  color:#081009;
  font:900 10px/1 var(--font-heading);
  box-shadow:0 0 0 3px rgba(98,208,107,.12);
}

.eco-print-area .hint,
.eco-print-area .small,
.eco-print-area .kpiNote,
.eco-print-area .foot{
  color:var(--eco-text-2);
  font-size:12px;
  line-height:1.55;
}

.eco-print-area .hint,
.eco-print-area .small{
  font-size:10px;
  line-height:1.4;
}

.eco-print-area .kpiNote{
  font-size:9px;
  margin-top:2px;
}

.eco-print-area .dim{
  opacity:.55;
}

.eco-print-area .hr{
  height:1px;
  margin:14px 0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
}

.eco-print-area .briefGrid,
.eco-print-area .paramsCols{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}

.eco-print-area .grid2{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
}

.eco-print-area .grid3{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}

.eco-print-area .twoColCharts{
  display:grid;
  grid-template-columns:130px minmax(0,1fr);
  gap:12px;
  align-items:center;
}

.eco-print-area .block,
.eco-print-area .paramPoint,
.eco-print-area .panel,
.eco-print-area .chartBox,
.eco-print-area .kpiCard,
.eco-print-area .miniBox{
  border:1px solid var(--eco-line);
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    linear-gradient(180deg, #101720, #0c1117);
  padding:12px;
  box-shadow:var(--shadow-md);
}

.eco-print-area .blockHead{
  margin-bottom:10px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.eco-print-area .ttl,
.eco-print-area .miniHead{
  display:block;
  font:600 10px/1.25 var(--font-heading);
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--eco-text-3);
}

.eco-print-area .panel h3,
.eco-print-area .chartHead h3{
  font:600 12px/1.2 var(--font-heading);
  color:#fff;
}

.eco-print-area .chartHead h3{
  font-size:11px;
}

.eco-print-area .chartBox{
  padding:10px;
  border-radius:16px;
}

.eco-print-area .chartHead{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.eco-print-area .sumTxt{
  color:var(--eco-text-3);
  font:600 11px/1.2 var(--font-heading);
  text-align:right;
}

.eco-print-area label{
  display:block;
  margin:8px 0 4px;
  color:var(--eco-text-2);
  font-size:10px;
  line-height:1.4;
}

.eco-print-area input[type="text"],
.eco-print-area input[type="number"],
.eco-print-area input[type="date"],
.eco-print-area select{
  width:100%;
  height:32px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.10);
  background:#0a0f15;
  color:#fff;
  padding:0 10px;
  outline:none;
  font-size:11px;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.eco-print-area input[type="number"]{
  font-family:var(--font-heading);
  font-weight:400;
  font-size:13px !important;
}

.eco-print-area input[type="text"]::placeholder,
.eco-print-area input[type="number"]::placeholder,
.eco-print-area input[type="date"]::placeholder{
  color:rgba(255,255,255,.32);
}

.eco-print-area input[type="text"]:hover,
.eco-print-area input[type="number"]:hover,
.eco-print-area input[type="date"]:hover,
.eco-print-area select:hover{
  border-color:rgba(255,255,255,.16);
}

.eco-print-area input[type="text"]:focus,
.eco-print-area input[type="number"]:focus,
.eco-print-area input[type="date"]:focus,
.eco-print-area select:focus{
  border-color:rgba(143,225,154,.42);
  box-shadow:0 0 0 4px rgba(98,208,107,.10);
  background:#0d1219;
}

.eco-print-area .sliderRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 74px;
  gap:10px;
  align-items:center;
}

.eco-print-area .numBox input{
  text-align:center;
  font-weight:800;
  padding:0 8px;
}

.eco-print-area input[type="range"]{
  -webkit-appearance:none;
  appearance:none;
  width:100%;
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(143,225,154,.44), rgba(98,208,107,.44));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
}

.eco-print-area input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  appearance:none;
  width:16px;
  height:16px;
  border-radius:50%;
  background:linear-gradient(180deg,var(--eco-green-top),var(--eco-green-mid));
  border:2px solid #081009;
  box-shadow:0 0 0 4px rgba(98,208,107,.14);
  cursor:pointer;
}

.eco-print-area input[type="range"]::-moz-range-thumb{
  width:16px;
  height:16px;
  border:none;
  border-radius:50%;
  background:linear-gradient(180deg,var(--eco-green-top),var(--eco-green-mid));
  box-shadow:0 0 0 4px rgba(98,208,107,.14);
  cursor:pointer;
}

.eco-print-area .switch{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:10px;
}

.eco-print-area .switch input[type="checkbox"]{
  width:16px;
  height:16px;
  accent-color:var(--eco-green-mid);
}

.eco-print-area .switch label{
  margin:0;
  color:var(--eco-text-2);
  font-size:11px;
  min-height:20px;
  padding-left:34px;
}

.eco-print-area .switch label::before{
  width:26px;
  height:14px;
}

.eco-print-area .switch label::after{
  width:10px;
  height:10px;
  left:2px;
}

.eco-print-area .switch input:checked + label::after{
  left:14px;
}

.eco-print-area .dateRow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 44px;
  gap:8px;
  align-items:center;
}

.eco-print-area .dateBtn{
  height:42px;
  border:none;
  border-radius:12px;
  background:#10161e;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
  cursor:pointer;
}

.eco-print-area .chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.eco-print-area .chip{
  min-height:26px;
  padding:0 10px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.10);
  background:#0e141b;
  color:var(--eco-text-2);
  font:700 10px/1 var(--font-heading);
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
  user-select:none;
}

.eco-print-area .chip:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
  color:#fff;
}

.eco-print-area .chip.active{
  color:#061008;
  border-color:rgba(143,225,154,.42);
  background:linear-gradient(180deg,var(--eco-green-top),var(--eco-green-mid));
  box-shadow:0 10px 20px rgba(98,208,107,.16);
}

.eco-print-area .optDetails,
.eco-print-area .co2Details{
  margin-top:14px;
  border:1px solid var(--eco-line);
  border-radius:18px;
  background:linear-gradient(180deg,#10161e,#0c1117);
  overflow:hidden;
}

.eco-print-area .optDetails summary,
.eco-print-area .co2Details summary{
  list-style:none;
  cursor:pointer;
  padding:12px 14px;
  position:relative;
  color:#fff;
  font:700 12px/1.3 var(--font-heading);
}

.eco-print-area .optDetails summary::-webkit-details-marker,
.eco-print-area .co2Details summary::-webkit-details-marker{
  display:none;
}

.eco-print-area .optDetails summary::after,
.eco-print-area .co2Details summary::after{
  content:"▾";
  position:absolute;
  right:14px;
  top:50%;
  transform:translateY(-50%);
  color:var(--eco-text-2);
  transition:transform .2s ease;
}

.eco-print-area .optDetails[open] summary::after,
.eco-print-area .co2Details[open] summary::after{
  transform:translateY(-50%) rotate(180deg);
}

.eco-print-area .details-content,
.eco-print-area .co2Details > div{
  padding:0 14px 14px;
  border-top:1px solid var(--eco-line);
}

.eco-print-area .btnRow{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.eco-print-area .btn{
  min-height:34px;
  border:none;
  border-radius:10px;
  padding:0 16px;
  cursor:pointer;
  font:800 11px/1 var(--font-heading);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.eco-print-area .btn:hover{
  transform:translateY(-1px);
}

.eco-print-area .btn.ghost{
  background:#0f141b;
  color:#fff;
  border:1px solid rgba(255,255,255,.10);
}

.eco-print-area .btn.mini{
  min-height:40px;
  font-size:11px;
}

.eco-print-area #leadSend,
.eco-print-area .btn:not(.ghost){
  background:linear-gradient(180deg,var(--eco-green-top),var(--eco-green-mid));
  color:#071008;
  box-shadow:0 14px 28px rgba(98,208,107,.18);
}

.eco-print-area .ok,
.eco-print-area .err{
  display:none;
  margin-top:10px;
  padding:11px 13px;
  border-radius:12px;
  font-size:12px;
  line-height:1.45;
}

.eco-print-area .ok{
  background:rgba(98,208,107,.10);
  border:1px solid rgba(98,208,107,.22);
  color:#dff8e3;
}

.eco-print-area .err{
  background:rgba(255,93,115,.10);
  border:1px solid rgba(255,93,115,.22);
  color:#ffd7de;
}

.eco-print-area .vatToggle{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:40px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#10161e;
  color:var(--eco-text-2);
  white-space:nowrap;
}

.eco-print-area .vatToggle input{
  accent-color:var(--eco-green-mid);
}

.eco-print-area .kpiGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  padding:10px 14px 0;
}

.eco-print-area .kpiCard{
  min-height:auto;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:10px;
}

.eco-print-area .kpiLabel{
  color:var(--eco-text-3);
  font:700 8px/1.35 var(--font-heading);
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:2px;
}

.eco-print-area .kpiValue{
  margin-top:0;
  color:#fff;
  font:800 18px/1.04 var(--font-heading);
}

.eco-print-area .kpiValue.small{
  font-size:15px;
  line-height:1.12;
}

.eco-print-area #kubPanel,
.eco-print-area .chartBox,
.eco-print-area #abCompareBox{
  margin:10px 14px 0;
  padding:10px;
}

.eco-print-area #breakdown{
  list-style:none;
  margin:12px 0 0;
  padding:0;
}

.eco-print-area #breakdown li{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:var(--eco-text-2);
  font-size:12px;
}

.eco-print-area #breakdown li:last-child{
  border-bottom:none;
  padding-bottom:0;
}

.eco-print-area #breakdown strong{
  white-space:nowrap;
  color:#fff;
  font:700 12px/1 var(--font-heading);
}

.eco-print-area .chart,
.eco-print-area canvas.chart{
  width:100%;
  display:block;
  border-radius:12px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.006)),
    #0c1117;
  border:1px solid rgba(255,255,255,.06);
}

.eco-print-area #donutChart{
  max-height:120px;
  min-height:120px;
  aspect-ratio:auto;
}

.eco-print-area #wfChart{
  max-height:100px;
  min-height:100px;
  aspect-ratio:auto;
}

.eco-print-area #co2Chart{
  max-height:80px;
  min-height:80px;
  aspect-ratio:auto;
}

.eco-print-area .legend{
  display:grid;
  gap:6px;
}

.eco-print-area .legendItem{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#0f151d;
  font-size:9px;
}

.eco-print-area .legendLeft{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.eco-print-area .dot{
  width:7px;
  height:7px;
  border-radius:50%;
  flex:0 0 auto;
}

.eco-print-area .legendName{
  min-width:0;
  color:var(--eco-text-2);
  font-size:10px;
  line-height:1.2;
  font-weight:500;
}

.eco-print-area .legendVal{
  white-space:nowrap;
  color:#fff;
  font:600 9px/1 var(--font-heading);
}

.eco-print-area .eco-fittest-panel{
  margin:12px 18px 0;
  border:1px solid var(--eco-line);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    linear-gradient(180deg, #10161e, #0c1117);
  overflow:hidden;
  box-shadow:var(--shadow-md);
}

.eco-print-area .eco-fittest-head{
  padding:12px 14px;
  border-bottom:1px solid var(--eco-line);
}

.eco-print-area .eco-fittest-head h3{
  font:800 13px/1.2 var(--font-heading);
}

.eco-print-area .eco-fittest-body{
  padding:12px;
}

.eco-print-area .eco-fittest-top{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-bottom:10px;
}

.eco-print-area .eco-fittest-status,
.eco-print-area .eco-fittest-score{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px 11px;
  background:#0f151d;
}

.eco-print-area .eco-fittest-status .lbl,
.eco-print-area .eco-fittest-score .lbl,
.eco-print-area .eco-mini-kpi .lbl,
.eco-print-area .eco-pbox .lbl{
  color:var(--eco-text-3);
  font:700 9px/1.3 var(--font-heading);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eco-print-area .eco-fittest-status .val,
.eco-print-area .eco-fittest-score .val{
  margin-top:7px;
  font:800 20px/1.02 var(--font-heading);
}

.eco-print-area .eco-status-good{color:var(--good);}
.eco-print-area .eco-status-warn{color:var(--warn);}
.eco-print-area .eco-status-bad{color:var(--bad);}
.eco-print-area .eco-status-critical{color:var(--critical);}

.eco-print-area .eco-fittest-summary{
  margin-bottom:10px;
  color:var(--eco-text-2);
  font-size:12px;
  line-height:1.5;
}

.eco-print-area .eco-fittest-gauge{
  position:relative;
  margin-bottom:12px;
  padding-top:8px;
}

.eco-print-area .eco-fittest-gaugeTrack{
  height:10px;
  border-radius:999px;
  background:
    linear-gradient(90deg,
      rgba(98,208,107,.95) 0%,
      rgba(163,206,67,.92) 36%,
      rgba(245,200,76,.92) 62%,
      rgba(255,93,115,.92) 100%);
}

.eco-print-area .eco-fittest-gaugeFill{
  position:absolute;
  top:8px;
  left:0;
  height:10px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(255,255,255,.08), rgba(255,255,255,.22));
}

.eco-print-area .eco-fittest-gaugeMarker{
  position:absolute;
  top:2px;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#fff;
  border:3px solid #0b1117;
  box-shadow:0 6px 16px rgba(0,0,0,.26);
  transform:translateX(-50%);
}

.eco-print-area .eco-fittest-scale{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-top:7px;
  color:var(--eco-text-3);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.eco-print-area .eco-fittest-kpis{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}

.eco-print-area .eco-mini-kpi{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px;
  background:#0f151d;
}

.eco-print-area .eco-mini-kpi .val{
  margin-top:6px;
  font:800 18px/1.05 var(--font-heading);
}

.eco-print-area .eco-mini-kpi .sub{
  margin-top:5px;
  color:var(--eco-text-2);
  font-size:10px;
  line-height:1.4;
}

.eco-print-area .eco-fittest-bottom{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:10px;
}

.eco-print-area .eco-program-bars,
.eco-print-area .eco-fittest-risks,
.eco-print-area .eco-fittest-rec{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:10px;
  background:#0f151d;
}

.eco-print-area .eco-program-bars .title,
.eco-print-area .eco-fittest-risks .title,
.eco-print-area .eco-fittest-rec .title{
  margin-bottom:8px;
  font:700 11px/1.2 var(--font-heading);
}

.eco-print-area .eco-pbar{
  margin-bottom:8px;
}

.eco-print-area .eco-pbar:last-child{
  margin-bottom:0;
}

.eco-print-area .eco-pbarTop{
  display:flex;
  justify-content:space-between;
  gap:10px;
  margin-bottom:5px;
  color:var(--eco-text-2);
  font-size:10px;
}

.eco-print-area .eco-pbarTrack{
  height:8px;
  border-radius:999px;
  background:#0a1016;
  border:1px solid rgba(255,255,255,.06);
  overflow:hidden;
}

.eco-print-area .eco-pbarFill{
  height:100%;
  border-radius:inherit;
}

.eco-print-area .eco-pbarFill--desk{background:var(--c-build);}
.eco-print-area .eco-pbarFill--meet{background:var(--c-finish);}
.eco-print-area .eco-pbarFill--social{background:var(--c-inst);}
.eco-print-area .eco-pbarFill--buffer{background:var(--c-extra);}

.eco-print-area .eco-riskchips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.eco-print-area .eco-riskchip{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  padding:6px 9px;
  border-radius:999px;
  font-size:10px;
  line-height:1.25;
  border:1px solid rgba(255,255,255,.08);
  background:#121925;
  color:#fff;
}

.eco-print-area .eco-riskchip--good{
  background:rgba(98,208,107,.10);
  border-color:rgba(98,208,107,.22);
  color:#dff8e3;
}

.eco-print-area .eco-riskchip--warn{
  background:rgba(245,200,76,.10);
  border-color:rgba(245,200,76,.24);
  color:#fff1c3;
}

.eco-print-area .eco-riskchip--bad{
  background:rgba(255,138,101,.10);
  border-color:rgba(255,138,101,.24);
  color:#ffdcd0;
}

.eco-print-area .eco-riskchip--critical{
  background:rgba(255,93,115,.10);
  border-color:rgba(255,93,115,.24);
  color:#ffd7de;
}

.eco-print-area .eco-fittest-rec{
  margin-top:10px;
}

.eco-print-area .eco-fittest-rec .text{
  color:var(--eco-text-2);
  font-size:12px;
  line-height:1.5;
}

.eco-print-area .config-panel .eco-layermap-panel,
.eco-print-area #leadWide + .eco-layermap-panel,
.eco-print-area #ecoLayerMapBottomSlot > .eco-layermap-panel{
  margin:14px 0 0 !important;
  width:100% !important;
  border:1px solid var(--eco-line) !important;
  border-radius:20px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.008)),
    linear-gradient(180deg, #10161e, #0c1117) !important;
  overflow:hidden;
  box-shadow:var(--shadow-md);
}

.eco-print-area .dashboard-wrapper .eco-layermap-panel{
  margin-top:12px;
}

.eco-print-area .eco-layermap-head{
  padding:12px 14px;
  border-bottom:1px solid var(--eco-line);
}

.eco-print-area .eco-layermap-head h3{
  font:800 15px/1.15 var(--font-heading);
}

.eco-print-area .eco-layermap-body{
  padding:12px;
}

.eco-print-area .eco-layermap-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
}

.eco-print-area .eco-layer-nav{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.eco-print-area .eco-layer-btn{
  width:auto;
  max-width:100%;
  min-height:auto;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#0f151d;
  color:#fff;
  cursor:pointer;
  transition:transform .18s ease, border-color .18s ease, background .18s ease;
  text-align:left;
}

.eco-print-area .eco-layer-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,255,255,.16);
}

.eco-print-area .eco-layer-btn.is-active{
  border-color:rgba(91,124,250,.40);
  background:
    linear-gradient(180deg, rgba(91,124,250,.16), rgba(91,124,250,.08)),
    #101824;
}

.eco-print-area .eco-layer-btn .n,
.eco-print-area .eco-layer-btn .m{
  display:none;
}

.eco-print-area .eco-layer-btn .t{
  display:block;
  font:700 11px/1.2 var(--font-heading);
  white-space:nowrap;
}

.eco-print-area .eco-layer-content{
  display:grid;
  gap:10px;
}

.eco-print-area .eco-layer-hero,
.eco-print-area .eco-layer-items,
.eco-print-area .eco-item-box,
.eco-print-area .eco-layer-note{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#0f151d;
  padding:11px;
}

.eco-print-area .eco-layer-heroTop{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:start;
}

.eco-print-area .eco-layer-hero .lbl,
.eco-print-area .eco-layer-budget .lbl,
.eco-print-area .eco-layer-metric .lbl,
.eco-print-area .eco-item-box .lbl{
  color:var(--eco-text-3);
  font:700 9px/1.3 var(--font-heading);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eco-print-area .eco-layer-hero .title{
  margin-top:5px;
  font:800 18px/1.05 var(--font-heading);
}

.eco-print-area .eco-layer-hero .lead{
  margin-top:7px;
  color:var(--eco-text-2);
  font-size:12px;
  line-height:1.5;
}

.eco-print-area .eco-layer-budget{
  min-width:115px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:#101722;
}

.eco-print-area .eco-layer-budget .val{
  margin-top:5px;
  font:700 15px/1.05 var(--font-heading);
}

.eco-print-area .eco-layer-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:10px;
}

.eco-print-area .eco-layer-metric{
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  padding:8px 10px;
  background:#101722;
}

.eco-print-area .eco-layer-metric .v{
  margin-top:5px;
  font:700 14px/1 var(--font-heading);
}

.eco-print-area .eco-layer-itemlist{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.eco-print-area .eco-layer-item{
  width:auto;
  max-width:100%;
  flex:0 1 auto;
  min-height:auto;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:#111924;
  color:#fff;
  cursor:pointer;
  text-align:left;
}

.eco-print-area .eco-layer-item.is-active{
  border-color:rgba(98,208,107,.34);
  background:
    linear-gradient(180deg, rgba(98,208,107,.12), rgba(98,208,107,.05)),
    #111924;
}

.eco-print-area .eco-layer-item .top{
  display:block;
}

.eco-print-area .eco-layer-item .name{
  display:block;
  font:700 11px/1.2 var(--font-heading);
  white-space:normal;
}

.eco-print-area .eco-layer-item .meta{
  display:none;
}

.eco-print-area .eco-item-boxGrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.eco-print-area .eco-item-box .text{
  margin-top:5px;
  color:var(--eco-text-2);
  font-size:11px;
  line-height:1.45;
}

.eco-print-area .eco-layer-note .text{
  margin-top:5px;
  color:var(--eco-text-2);
  font-size:12px;
  line-height:1.5;
}

.eco-print-area .foot{
  position:relative;
  z-index:1;
  margin-top:22px;
  padding:18px 6px 4px;
  color:var(--eco-text-3);
  font-size:12px;
  line-height:1.6;
}

.eco-print-area .foot b{
  color:#fff;
}

.chartTooltip{
  position:fixed;
  z-index:99999;
  min-width:160px;
  max-width:240px;
  pointer-events:none;
  display:none;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,14,20,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 18px 44px rgba(0,0,0,.38);
  color:#fff;
}

.chartTooltip .tTitle{
  font:700 11px/1.2 var(--font-heading,"Exo",sans-serif);
  color:rgba(255,255,255,.68);
  text-transform:uppercase;
  letter-spacing:.08em;
}

.chartTooltip .tVal{
  margin-top:6px;
  font:700 15px/1.1 var(--font-heading,"Exo",sans-serif);
}

.chartTooltip .tSub{
  margin-top:5px;
  font-size:11px;
  line-height:1.4;
  color:rgba(255,255,255,.64);
}

.stxDecision{
  padding:12px;
  margin:10px 14px;
}

.stxDecisionAnswer{
  font-size:20px;
}

.stxDecisionSub{
  font-size:10px;
  line-height:1.3;
  margin-top:4px;
}

.stxScorePill{
  min-width:60px;
  padding:6px 10px;
}

.stxScorePill b{
  font-size:18px;
}

.stxScorePill span{
  font-size:9px;
}

.stxGauge{
  height:8px;
  margin-top:10px;
}

.stxGaugeDot{
  width:12px;
  height:12px;
}

.stxBarTop{
  font-size:11px;
  margin-bottom:4px;
}

.stxTrack{
  height:8px;
}

@media (max-width:1180px){
  .eco-print-area .app-wrapper{
    grid-template-columns:1fr;
  }

  .eco-print-area .dashboard-wrapper{
    order:-1;
  }

  .eco-print-area .kpiGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .eco-print-area .eco-fittest-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .eco-print-area .eco-fittest-bottom{
    grid-template-columns:1fr;
  }
}

@media (max-width:860px){
  .eco-print-area{
    padding:12px;
  }

  .eco-print-area .briefGrid,
  .eco-print-area .paramsCols,
  .eco-print-area .grid2,
  .eco-print-area .grid3,
  .eco-print-area .kpiGrid,
  .eco-print-area .eco-fittest-top,
  .eco-print-area .eco-fittest-kpis,
  .eco-print-area .eco-layer-metrics,
  .eco-print-area .eco-item-boxGrid{
    grid-template-columns:1fr;
  }

  .eco-print-area .twoColCharts{
    grid-template-columns:1fr;
  }

  .eco-print-area .head,
  .eco-print-area .dashTop{
    padding:15px;
  }

  .eco-print-area .body{
    padding:14px;
  }

  .eco-print-area #kubPanel,
  .eco-print-area .chartBox,
  .eco-print-area #abCompareBox,
  .eco-print-area .eco-fittest-panel{
    margin-left:14px;
    margin-right:14px;
  }

  .eco-print-area .head h2{
    font-size:23px;
  }

  .eco-print-area .dashTitle{
    font-size:21px;
  }

  .eco-print-area .eco-layer-heroTop{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  .eco-print-area{
    padding:10px;
    border-radius:20px;
  }

  .eco-print-area .card,
  .eco-print-area .result{
    border-radius:18px;
  }

  .eco-print-area .section,
  .eco-print-area .block,
  .eco-print-area .paramPoint,
  .eco-print-area .panel,
  .eco-print-area .chartBox,
  .eco-print-area .kpiCard,
  .eco-print-area .miniBox{
    border-radius:14px;
    padding:12px;
  }

  .eco-print-area .btnRow{
    grid-template-columns:1fr;
  }

  .eco-print-area .sliderRow{
    grid-template-columns:minmax(0,1fr) 68px;
  }

  .eco-print-area .kpiValue{
    font-size:24px;
  }

  .eco-print-area #donutChart{
    max-height:130px;
    min-height:130px;
  }

  .eco-print-area #wfChart{
    max-height:110px;
    min-height:110px;
  }

  .eco-print-area #co2Chart{
    max-height:84px;
    min-height:84px;
  }
}

@media print{
  body,html{
    background:#fff !important;
  }

  .chartTooltip{
    display:none !important;
  }

  .eco-print-area{
    background:#fff !important;
    color:#111 !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
    border-radius:0 !important;
  }

  .eco-print-area::before{
    display:none !important;
  }

  .eco-print-area .app-wrapper{
    grid-template-columns:1fr 1fr !important;
    gap:14px !important;
  }

  .eco-print-area .card,
  .eco-print-area .result,
  .eco-print-area .section,
  .eco-print-area .block,
  .eco-print-area .paramPoint,
  .eco-print-area .panel,
  .eco-print-area .chartBox,
  .eco-print-area .kpiCard,
  .eco-print-area .miniBox,
  .eco-print-area .eco-fittest-panel,
  .eco-print-area .eco-layermap-panel,
  .eco-print-area .eco-fittest-status,
  .eco-print-area .eco-fittest-score,
  .eco-print-area .eco-mini-kpi,
  .eco-print-area .eco-program-bars,
  .eco-print-area .eco-fittest-risks,
  .eco-print-area .eco-fittest-rec,
  .eco-print-area .eco-layer-hero,
  .eco-print-area .eco-layer-items,
  .eco-print-area .eco-item-box,
  .eco-print-area .eco-layer-note,
  .eco-print-area .legendItem,
  .eco-print-area .eco-layer-btn,
  .eco-print-area .eco-layer-item,
  .eco-print-area .eco-layer-budget,
  .eco-print-area .eco-layer-metric{
    background:#fff !important;
    color:#111 !important;
    border-color:rgba(0,0,0,.12) !important;
    box-shadow:none !important;
  }

  .eco-print-area .sub,
  .eco-print-area .dashSub,
  .eco-print-area .small,
  .eco-print-area .hint,
  .eco-print-area .kpiNote,
  .eco-print-area .foot,
  .eco-print-area .legendName,
  .eco-print-area .eco-fittest-summary,
  .eco-print-area .eco-mini-kpi .sub,
  .eco-print-area .eco-item-box .text,
  .eco-print-area .eco-layer-note .text,
  .eco-print-area .eco-layer-hero .lead,
  .eco-print-area label,
  .eco-print-area #breakdown li{
    color:#444 !important;
  }

  .eco-print-area input,
  .eco-print-area select,
  .eco-print-area button{
    background:#fff !important;
    color:#111 !important;
    border-color:rgba(0,0,0,.14) !important;
    box-shadow:none !important;
  }

  .eco-print-area .btn,
  .eco-print-area .btn.ghost,
  .eco-print-area #leadSend{
    background:#fff !important;
    color:#111 !important;
    border:1px solid rgba(0,0,0,.18) !important;
    box-shadow:none !important;
  }

  .eco-print-area .chip.active{
    background:#e9f7eb !important;
    color:#111 !important;
    border-color:rgba(0,0,0,.22) !important;
  }

  .eco-print-area .chart{
    background:#fff !important;
    border-color:rgba(0,0,0,.10) !important;
  }
}
.eco-print-area .briefGrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}

.eco-print-area .briefGrid .block{
  height:100%;
  display:flex;
  flex-direction:column;
}
.eco-print-area .briefTip{
  margin-top:auto;
}
.eco-print-area .briefDeskStats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}

.eco-print-area .briefDeskStat{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:#0f151d;
  padding:10px 11px;
}

.eco-print-area .briefDeskLbl{
  color:var(--eco-text-3);
  font:700 9px/1.3 var(--font-heading);
  letter-spacing:.08em;
  text-transform:uppercase;
}

.eco-print-area .briefDeskVal{
  margin-top:6px;
  color:#fff;
  font:800 18px/1.05 var(--font-heading);
}

.eco-print-area .briefDeskSub{
  margin-top:5px;
  color:var(--eco-text-2);
  font-size:10px;
  line-height:1.35;
}

@media (max-width:760px){
  .eco-print-area .briefDeskStats{
    grid-template-columns:1fr;
  }
}
/* blok gabinetów jako kolumna */
.eco-print-area #brief .block{
  display:flex;
  flex-direction:column;
}

/* sekcja szklenia na dół */
.eco-print-area #brief .block .miniBox{
  margin-top:auto;
}
/* sekcja Wyposażenie i IT */
.eco-print-area #equip .paramsCols{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,fr));
  gap:14px;
}

/* każdy panel ma wypełniać kolumnę */
.eco-print-area #equip .paramPoint{
  height:100%;
}

/* usunięcie pełnej szerokości dla trzeciego */
.eco-print-area #equip .paramPoint:last-child{
  grid-column:auto;
}
.eco-print-area,
.eco-print-area *{
  --e-global-color-accent: initial !important;
}

.eco-print-area a,
.eco-print-area a:link,
.eco-print-area a:visited,
.eco-print-area a:hover,
.eco-print-area a:focus,
.eco-print-area a:active,
.eco-print-area button,
.eco-print-area button:hover,
.eco-print-area button:focus,
.eco-print-area button:active,
.eco-print-area .stxLayerBtn,
.eco-print-area .stxLayerBtn:hover,
.eco-print-area .stxLayerBtn:focus,
.eco-print-area .stxLayerBtn:active,
.eco-print-area .stxLayerItem,
.eco-print-area .stxLayerItem:hover,
.eco-print-area .stxLayerItem:focus,
.eco-print-area .stxLayerItem:active,
.eco-print-area .stxLayerItem *,
.eco-print-area .stxLayerItem:hover *,
.eco-print-area .stxLayerItem:focus *,
.eco-print-area .stxLayerItem:active *,
.eco-print-area .stxLayerBtn *,
.eco-print-area .stxLayerBtn:hover *,
.eco-print-area .stxLayerBtn:focus *,
.eco-print-area .stxLayerBtn:active *{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  text-decoration:none !important;
}

.eco-print-area .stxLayerItem{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.eco-print-area .stxLayerItem:hover,
.eco-print-area .stxLayerItem:focus-visible{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.eco-print-area .stxLayerItem.active,
.eco-print-area .stxLayerItem.active:hover,
.eco-print-area .stxLayerItem.active:focus-visible{
  background:linear-gradient(180deg,rgba(98,208,107,.18),rgba(63,174,85,.08)) !important;
  border-color:rgba(98,208,107,.42) !important;
  color:#eaffee !important;
  -webkit-text-fill-color:#eaffee !important;
}

.eco-print-area .stxLayerBtn{
  background:rgba(255,255,255,.03) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}

.eco-print-area .stxLayerBtn:hover,
.eco-print-area .stxLayerBtn:focus-visible{
  background:rgba(255,255,255,.05) !important;
  border-color:rgba(255,255,255,.16) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.eco-print-area .stxLayerBtn.active,
.eco-print-area .stxLayerBtn.active:hover,
.eco-print-area .stxLayerBtn.active:focus-visible{
  background:rgba(91,124,250,.18) !important;
  border-color:rgba(91,124,250,.45) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a613ee9 */.elementor-4452 .elementor-element.elementor-element-a613ee9 {
    /* --- USTAWIENIA DESKTOP --- */
    --d-left: 67px;
    --d-bottom: 170px;
    --d-scale: 0.9;

    /* --- USTAWIENIA TABLET --- */
    --t-left: 0px;
    --t-bottom: 170px;
    --t-scale: 0.8;

    /* --- USTAWIENIA MOBILE --- */
    --m-left: 0px;
    --m-bottom: 130px;
    --m-scale: 0.7;

    /* Wygląd */
    --eco-oliwka: #A3CE43;
    --scroll-white: rgba(255, 255, 255, 0.7);
    --gap-between: 15px;
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-master-wrapper {
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: none;
    left: var(--d-left);
    bottom: var(--d-bottom);
    transform: scale(var(--d-scale));
    transition: all 0.3s ease;
}

/* Pionowy napis - baza */
.elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-text-vertical {
    font-family: "Exo", sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3em;
    color: var(--scroll-white);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    line-height: 1;
    margin-bottom: var(--gap-between);
    text-transform: uppercase;
}

/* TEKST DLA DESKTOP */
.elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-text-vertical:after {
    content: "PRZEWIŃ";
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .mouse-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .device-desktop { display: flex; justify-content: center; }
.elementor-4452 .elementor-element.elementor-element-a613ee9 .device-mobile { display: none; justify-content: center; }

.elementor-4452 .elementor-element.elementor-element-a613ee9 .mouse-shape {
    width: 20px;
    height: 34px;
    border: 2px solid var(--scroll-white);
    border-radius: 10px;
    position: relative;
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .mouse-scroll-wheel {
    width: 2px;
    height: 6px;
    background: var(--eco-oliwka);
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    animation: scroll-wheel-anim 2s infinite ease-in-out;
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .touch-icon {
    width: 32px;
    height: 32px;
    stroke: var(--scroll-white);
    animation: swipe-down-anim 2s infinite ease-in-out;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.3));
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .mouse-arrows span {
    display: block;
    width: 6px;
    height: 6px;
    border-bottom: 1.5px solid var(--scroll-white);
    border-right: 1.5px solid var(--scroll-white);
    transform: rotate(45deg);
    margin: -2px 0;
    animation: scroll-arrows-anim 2s infinite;
}

.elementor-4452 .elementor-element.elementor-element-a613ee9 .mouse-arrows span:nth-child(2) { animation-delay: 0.2s; }

/* --- RESPONSYWNOŚĆ --- */

@media (max-width: 1024px) { 
    .elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-master-wrapper {
        left: var(--t-left);
        bottom: var(--t-bottom);
        transform: scale(var(--t-scale));
    }
    
    .elementor-4452 .elementor-element.elementor-element-a613ee9 .device-desktop { display: none; }
    .elementor-4452 .elementor-element.elementor-element-a613ee9 .device-mobile { display: flex; }

    /* ZMIANA TEKSTU NA TABLET/MOBILE */
    .elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-text-vertical:after {
        content: "PRZESUŃ";
    }
}

@media (max-width: 767px) {
    .elementor-4452 .elementor-element.elementor-element-a613ee9 .scroll-master-wrapper {
        left: var(--m-left);
        bottom: var(--m-bottom);
        transform: scale(var(--m-scale));
    }
}

/* --- ANIMACJE --- */
@keyframes scroll-wheel-anim {
    0% { top: 6px; opacity: 0; }
    30% { opacity: 1; }
    100% { top: 18px; opacity: 0; }
}

@keyframes swipe-down-anim {
    0% { transform: translateY(-8px); opacity: 0; }
    15% { opacity: 1; }
    60% { opacity: 1; }
    100% { transform: translateY(8px); opacity: 0; }
}

@keyframes scroll-arrows-anim {
    0% { opacity: 0; transform: rotate(45deg) translate(-4px, -4px); }
    50% { opacity: 1; }
    100% { opacity: 0; transform: rotate(45deg) translate(4px, 4px); }
}/* End custom CSS */