:root {
        --dark-blue: #5063AE; /* Odstín blízký obrázku */
        --light-bg: #f0f3f5;
        --white: #ffffff;
        --text-gray: #cdcdcd;
        --accent-blue: #fff;
      }

      input {
        background: #e5e5e5;
        color: #3A383A;
      }

      input::placeholder {
        color: #3A383A;
      }

      .flatpickr-day {
            line-height: 42px;
      }

      .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
        background: #000;
        border-color: #000;
      }

/* Hlavní sjednocující kontejner */
      .main-calc-card {
        display: grid;
        grid-template-columns: 10fr 11fr; /* Vlevo širší pro vstupy */
        background-color: var(--white);
        max-width: 940px;
        width: 100%;
        overflow: hidden;
        margin: 0 auto 2rem auto;
      }

      /* LEVÁ STRANA: Vstupy a detaily */
      .calc-left {
        padding: 30px;
        background-color: #D9D9D9;
        color: #3A383A;
      }

      .input-group {
        margin-bottom: 10px;
      }
      .input-group.fullw {
        grid-column: 1 / -1;
      }
      .input-group label {
        display: block;
        font-size: 14px;
        color: #3A383A;
        margin-bottom: 3px;
      }

      .input-control {
        display: flex;
        align-items: center;
        background: #e5e5e5;
        border: none;
        padding: 5px 15px;
      }

      .main-calc-card input {
        border: none;
        padding: 9px 0 6px 0;
        width: 100%;
        font-size: 1.1rem;
        font-weight: 600;
        outline: none;
      }

      .unit {
        color: #3A383A;
        font-weight: bold;
        margin-top: 3px;
      }

      .emission-details {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #aeadae;
      }

      .detail-item {
        display: flex;
        justify-content: space-between;
        font-size: 0.85rem;
        margin-bottom: 8px;
        color: #3A383A;
        align-items: flex-end;
        gap: 15px;
      }
      .detail-item strong {
        color: #3A383A;
        text-align: right;
        white-space: nowrap;
      }

      /* PRAVÁ STRANA: Výsledky (Tmavě modrá) */
      .calc-right {
        position: relative;
        background-color: #D9D9D9;
        color: #3A383A;
        padding: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
      }

      .calc-right::before {
        position: absolute;
        content: "";
        top: -7px;
        left: 20px;
        right: 20px;
        border-bottom: 1px solid #aeadae;
      }

      .result-label {
        color: #3A383A;
        font-size: 0.9rem;
        margin-bottom: 5px;
      }
      .result-main-value {
        font-size: 2.3rem;
        font-weight: bold;
        margin-bottom: 20px;
        color: #fff;
      }

      .result-sub-box {
        background: #e5e5e5;
        padding: 15px;
        margin-bottom: 15px;
      }

      .profit-split {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
      }

      .highlight-text {
        color: #3A383A;
        font-weight: bold;
      }

      .chck-group {
        display: flex;
        gap: 10px;
        align-items: center;
        margin-top: 10px;
      }

      .chck-group input {
        appearance: none;
        box-shadow: none;
        width: 20px;
        height: 20px;
        background: #fff;
        position: relative;
        padding: 0;
        margin: 0;
      }

      .chck-group label {
        padding-top: 4px;
        font-size: 16px;
      }

      .chck-group input::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 12px;
        height: 12px;
        background: url("/images/check3.svg") center center no-repeat;
        background-size: 12px 12px;
        filter: invert(1);
        opacity: 0;
      }

      .chck-group input:checked::after {
        opacity: 1;
      }

      /* Mobilní verze */
      @media (max-width: 850px) {
        .main-calc-card {
          grid-template-columns: 1fr;
        }
        .calc-right {
          padding: 20px;
        }
        .calc-left {
            padding: 20px;
        }
      }

      @media (min-width: 850px) {
        .calc-right::before {
          left: 0;
          right: auto;
          top: 30px;
          bottom: 30px;
          border: none;
          border-right: 1px solid #aeadae;
        }

        .profit-split .result-sub-box {
          margin-bottom: 0;
        }
      }

      @media (min-width: 550px) and (max-width: 849px), (min-width: 1260px) {
        .inpts_grp {
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 1rem 10px;
          align-items: end;
        }
      }

      @media (max-width: 1259px) {
        .input-group {
          margin-bottom: 16px;
        }
      }

      @media (max-width: 849px) {
        .result-main-value {
          font-size: 2rem;
          margin-bottom: 10px;
        }

        .result-sub-box {
          padding: 12px;
          margin-bottom: 15px;
        }
      }