/* Main Container */
.future-plans-container-outer {
  margin: 16px 24px;
}

.header-text {
  margin-bottom: 8px;
  /* space below heading */
}

/* Place + Record button below heading and align right */
.plans-add-row {
  display: flex;
  justify-content: flex-end;
  /* keep button on right */
  margin-bottom: 16px;
  /* spacing below heading */
}

/* +Record Button styles (only for +Record, keep Save button intact) */
.header-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px 14px;
  border: 1.5px dashed #3b82f6;
  border-radius: 6px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #3b82f6;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}

.header-add-btn img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.header-add-btn:hover {
  background-color: #ebf3ff;
  border-color: #2e6bd6;
}

.add-btn-text {
  margin-top: 1px;
}

/* Table Styles */
.futureplans-table {
  width: 100%;
  text-align: center;
  border-collapse: separate;
  border-spacing: 0 8px;
  padding-bottom: 8px;
  table-layout: fixed;
}

.feature-title {
  width: 263px;
  text-align: left;
  font-weight: 500;
}

.future-plans-table-row-first {
  width: 263px;
  text-align: left;
  font-weight: 500;
}

.feature-table-body td {
  width: 200px;
}

.future-plans-table-row-first .tooltip-inner {
  line-height: 15.6px !important;
}

.future-plans-table-header {
  color: #4f4f4f;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.16px;
}

.enabled-delete {
  background-color: #FFE6E3;
  cursor: pointer;
}

.disabled-delete {
  pointer-events: none;
  opacity: 0.4;
  cursor: not-allowed;
}

.future-plans-table-header td {
  width: 200px;
}

.future-plans-table-header tr td {
  padding: 8px 0 6px;
}

.future-plans-table-body tr td {
  padding: 10px 0;
  border-bottom: 1px solid #d6d6d8;
}

/* Improve alignment of first body row with header baselines */
.future-plans-table-body tr:first-child td {
  padding-top: 12px;
}

/* Add Plan Box */
.add-plan-box {
  display: flex;
  margin: 0 auto;
  width: 175px;
  flex-direction: column;
  border: 2px dashed #ccc;
  border-radius: 6px;
  height: 20vh;
  align-items: center;
  justify-content: center;
  color: #666;
  cursor: pointer;
  transition: all 0.2s;
}

.add-plan-box:hover {
  border-color: #3b82f6;
  color: #3b82f6;
}

.plans-last-div-table-row {
  width: 160px;
}

.future-feature-name {
  color: #4f4f4f;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.16px;
}

.future-feature-name tr td {
  text-align: left;
  padding: 16px 0;
}

.future-check-box-green {
  border-radius: 2px;
  border: 1.6px solid var(--Success-Primary, #5cbb3a);
  padding: 4px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.future-check-box-red {
  border-radius: 2px;
  border: 1.6px solid var(--Success-Primary, #dc3e33);
  padding: 4px;
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.future-plans-add-feature-form {
  display: flex;
  gap: 40px;
  padding: 0 16px;
}

.future-plans-first-add-new-feature {
  width: 315px;
}

.future-plans-padding-0 {
  padding: 0;
}

.future-plans-colum-value {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 150px;
}

.future-plans-form-check-head {
  color: #4f4f4f;
  text-align: center;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 0.28px;
}

.account-details-feature-container-outer {
  border-radius: 0px 0px 4px 4px;
  border: 1px solid #ececed;
}

.future-plan-add-feature-plan {
  padding: 16px 0;
  display: flex;
  gap: 8px;
  align-items: center;
  color: #2188d9;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  cursor: pointer;
}

.center-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.future-plans-feature-update {
  visibility: hidden;
  display: flex;
  gap: 8px;
}

.future-plans-feature-update .edit-icon {
  cursor: pointer;
  vertical-align: middle;
  opacity: 0.6;
}

.future-plans-feature-update .edit-icon:hover {
  opacity: 1;
}

.future-plans-feature-update div {
  width: 30px;
  height: 30px;
  background-color: #F2F2F2;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
}

.future-plans-feature-visible {
  visibility: visible !important;
}

.future-plans-name-update {
  visibility: hidden;
}

.future-plan-crm-product-display:hover .future-plans-name-update {
  visibility: visible !important;
}

.feature-table-body tr:hover .future-plans-feature-update {
  visibility: visible !important;
}

.future-plan-crm-product-display {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0px !important;
}

.tracker-type-info-icon-gap {
  margin-left: 10px;
}

.tracker-type-feature-screenshot .tracker-type-block-content {
  padding-left: 0px !important;
}

/* Header Add Plan Button (legacy add-plan-box-header) */
.add-plan-box-header {
  display: flex;
  margin: 0 auto;
  width: 120px;
  flex-direction: column;
  border: 2px dashed #ccc;
  border-radius: 6px;
  height: 60px;
  align-items: center;
  justify-content: center;
  color: #666;
  cursor: pointer;
  transition: all 0.2s;
}

.add-plan-box-header:hover {
  border-color: #3b82f6;
  color: #3b82f6;
}

.plans-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

/* SKU & Price columns alignment */
.future-plans-table-header tr td:nth-child(4),
.future-plans-table-body tr td:nth-child(4),
.future-plans-table-header tr td:nth-child(5),
.future-plans-table-body tr td:nth-child(5) {
  text-align: left;
  padding-left: 0 !important;
}

/* Default checkbox alignment */
.future-plans-table-header tr td:nth-child(6),
.future-plans-table-body tr td:nth-child(6) {
  text-align: center;
  padding: 0 !important;
}

/* CRM Product ID width */
.future-plans-table-body td:first-child {
  width: 100%;
}

/* Checkbox scaling */
.smartwitness-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.smartwitness-checkbox .material-input {
  transform: scale(1.1);
  vertical-align: middle;
  margin: 0;
}

.smartwitness-checkbox label {
  cursor: pointer;
  margin-left: 6px;
}

.smartwitness-checkboxs  input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before{
display: block !important;
}