.ttn-navbar {
      background-color: #f1f1f1 !important;
  }

  .ttn-brand {
      display: flex;
      align-items: center;
  }

  .ttn-brand__logo {
      height: 55px;
      width: auto;
      margin-right: 15px;
  }

  .ttn-brand__text {
      font-weight: 700;
      font-size: 1.2rem;
      color: #212A31;
      letter-spacing: 0.5px;
  }

  .ttn-main {
      padding: 40px 0;
      min-height: calc(100vh - 200px);
      /* background-color: #f8f9fa; */
  }

  .ttn-content {
      background: white;
      border-radius: 15px;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
      padding: 30px;
  }

  .ttn-tabs {
      border: none;
      margin-bottom: 30px;
  }

  .ttn-tabs__link {
      border: none;
      border-radius: 50px;
      padding: 10px 20px;
      margin-right: 10px;
      color: #212A31;
      display: flex;
      align-items: center;
      gap: 6px;
  }

  .ttn-tabs__link.active {
      background-color: #124E66;
      color: white;
  }

  .ttn-section__title {
      color: #124E66;
      font-size: 1.2rem;
      font-weight: 600;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #124E66;
  }

  .ttn-form__label {
      font-weight: 700;
      color: #2E3944;
  }

  .ttn-form__control:focus,
  .ttn-form__select:focus {
      border-color: #124E66;
      box-shadow: 0 0 0 0.25rem rgba(18, 78, 102, 0.25);
  }

  .ttn-recommendation {
      padding: 20px;
      border-radius: 10px;
      background-color: #f8f9fa;
  }

  /* .ttn-radio-group {
      margin-bottom: 20px;
  } */

  .ttn-radio__item {
      margin-bottom: 10px;
  }

  .ttn-textarea {
      min-height: 120px;
  }

  .ttn-file-upload {
      position: relative;
      display: inline-block;
      width: 100%;
  }

  .ttn-file-upload__label {
      display: block;
      padding: 15px;
      background: #fff;
      border: 2px dashed #ddd;
      border-radius: 8px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s;
  }

  .ttn-file-upload__label:hover {
      background: #f8f9fa;
  }

  .ttn-file-upload__input {
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0;
      width: 100%;
      height: 100%;
      cursor: pointer;
  }

  .ttn-status {
      padding: 6px 12px;
      border-radius: 20px;
      font-size: 0.9rem;
      font-weight: 500;
  }

  .ttn-status--pending {
      background-color: #ffeeba;
      color: #856404;
  }

  .ttn-status--approved {
      background-color: #d4edda;
      color: #155724;
  }

  .ttn-status--rejected {
      background-color: #f8d7da;
      color: #721c24;
  }

  .ttn-btn {
      background-color: #124E66;
      color: white;
      padding: 10px 25px;
      border-radius: 25px;
      border: none;
  }

  .ttn-btn:hover {
      background-color: #2E3944;
      color: white;
  }

  .section-title {
      color: #124E66;
      font-size: 17px;
      font-weight: 600;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 2px solid #124E66;
  }


  /* Machinery Details Styles */
  .machine-section {
      background: white;
      border-radius: 12px;
      margin-bottom: 25px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
      border: 1px solid #e0e0e0;
  }

  .machine-section-header {
      background: #124E66;
      color: white;
      padding: 15px 20px;
      border-radius: 12px 12px 0 0;
      font-size: 1.1rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .machine-item {
      border: 1px solid #e0e0e0;
      margin: 15px 0px;
      border-radius: 8px;
      background: #f8f9fa;
  }

  .machine-item-header {
      padding: 15px;
      background: white;
      border-bottom: 1px solid #e0e0e0;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      border-radius: 8px;
  }

  .machine-item-header h5 {
      margin: 0;
      color: #212A31;
      font-size: 1rem;
      font-weight: 500;
      display: flex;
      align-items: center;
      gap: 8px;
  }

  .machine-content {
      padding: 20px;
  }

  .machine-details-grid {
      display: flex;
      /* grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); */
      gap: 0px;
      flex-wrap: wrap;
      /* margin-bottom: 15px; */
  }

  .detail-item {
      /* background: white;  */
      padding: 12px;
      /* border-radius: 8px; */
      /* border: 1px solid #e0e0e0; */
  }

  .detail-label {
      font-size: 0.85rem;
      color: #748D92;
      margin-bottom: 0px;
  }

  .detail-value {
      font-size: 1rem;
      color: #124E66 !important;
      font-weight: 600;
  }

  /* Cost Particulars Styles */
  .cost-card {
      /* background: white; */
      /* padding: 20px; */
      /* border-radius: 8px; */
      /* border: 1px solid #e0e0e0; */
      margin-bottom: 15px;
  }

  .cost-header {
      color: #124E66;
      font-size: 0.9rem;
      margin-bottom: 8px;
  }

  .cost-value {
      font-size: 1.2rem;
      font-weight: 600;
      color: #212A31;
  }

  .badge-vintage {
      background-color: #124E66;
      color: white;
      font-size: 0.8rem;
      padding: 4px 8px;
      border-radius: 4px;
      margin-left: 8px;
  }

  .collapse-icon {
      color: #124E66;
      transition: transform 0.3s ease;
  }

  .collapsed .collapse-icon {
      transform: rotate(-90deg);
  }

  /* Form Elements (from existing design) */
  .form-label {
      font-weight: 500;
      color: var(--medium-dark);
  }

  .form-control:focus {
      border-color: #124E66;
      box-shadow: 0 0 0 0.25rem rgba(18, 78, 102, 0.25);
  }

  .file-upload {
      position: relative;
      width: 100%;
  }

  .file-upload-label {
      display: block;
      padding: 15px;
      background: white;
      border: 2px dashed #ddd;
      border-radius: 8px;
      text-align: center;
      cursor: pointer;
      transition: all 0.3s ease;
  }


  .text-g {
      color: #808080 !important;
  }

  .w-30 {
      width: 30% !important;
  }