/* BARBEARIA GUARARAPES — V48 | Atendimentos e comissões por plano */

.plan-owner-payment-v48,
.plan-commission-panel-v48 {
  border: 1px solid rgba(221, 179, 72, 0.42) !important;
  background:
    radial-gradient(circle at 94% 0%, rgba(226, 184, 72, 0.12), transparent 34%),
    linear-gradient(145deg, rgba(10, 25, 34, 0.98), rgba(8, 18, 27, 0.98)) !important;
  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.24), inset 0 1px rgba(255, 237, 176, 0.08) !important;
}

.plan-owner-payment-v48 {
  margin-top: 18px;
}

.plan-commission-panel-v48 {
  grid-column: 1 / -1;
}

.plan-owner-payment-v48 .finance-section-head small,
.plan-commission-panel-v48 .finance-section-head small {
  color: #edc868 !important;
  letter-spacing: 0.13em;
}

.plan-commission-table-v48 .plan-commission-row-v48 > span:nth-child(2) {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.plan-commission-table-v48 .plan-commission-row-v48 > span:nth-child(2) small {
  color: #d5bb73;
  font-size: 8px;
}

.order-payment-method select:has(option[value="subscription"]:checked) {
  border-color: #e1b94f;
  box-shadow: 0 0 0 3px rgba(225, 185, 79, 0.12);
}

@media (max-width: 900px) {
  .plan-owner-payment-v48 .commission-table {
    overflow-x: auto;
  }

  .plan-owner-payment-v48 .commission-row {
    min-width: 920px;
  }
}

/* V49 — contraste real no cartão branco do histórico de mensalidades */
.subscription-manage-modal .subscription-charge-history {
  color: #18232d !important;
  background: #fffdf8 !important;
  border: 1px solid #d8d2c5 !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.22) !important;
}

.subscription-manage-modal .subscription-charge-history .membership-section-head,
.subscription-manage-modal .subscription-charge-history > div:not(.membership-section-head) {
  border-color: #ded8cb !important;
}

.subscription-manage-modal .subscription-charge-history h3,
.subscription-manage-modal .subscription-charge-history strong,
.subscription-manage-modal .subscription-charge-history b {
  color: #17212b !important;
  text-shadow: none !important;
}

.subscription-manage-modal .subscription-charge-history small,
.subscription-manage-modal .subscription-charge-history .membership-section-head > span {
  color: #59636d !important;
  opacity: 1 !important;
}

.subscription-manage-modal .subscription-charge-history .membership-section-head small {
  color: #806300 !important;
  font-weight: 900 !important;
}

.subscription-manage-modal .subscription-charge-history .status--green {
  color: #08734b !important;
  background: #eaf8f1 !important;
}

.subscription-manage-modal .subscription-charge-history .status--gold {
  color: #765a00 !important;
  background: #fff5ce !important;
}

.subscription-manage-modal .subscription-charge-history .status--red {
  color: #a92934 !important;
  background: #fff0f1 !important;
}

/* V49 — escolha explícita do atendimento comum ou pelo plano */
.checkout-service-origin-v49 {
  margin: 0;
  padding: 20px 22px;
  border-top: 1px solid rgba(77, 203, 235, 0.18);
  border-bottom: 1px solid rgba(77, 203, 235, 0.18);
  background: linear-gradient(135deg, rgba(7, 23, 34, 0.96), rgba(8, 17, 27, 0.98));
}

.checkout-service-origin-v49__head {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-bottom: 13px;
  color: #f5f9fd;
}

.checkout-service-origin-v49__head > svg {
  width: 22px;
  color: #edc868;
}

.checkout-service-origin-v49__head span {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.checkout-service-origin-v49__head strong {
  font-size: 12px;
}

.checkout-service-origin-v49__head small {
  color: #afbecb;
  font-size: 9px;
  line-height: 1.45;
}

.checkout-service-origin-v49__options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.checkout-origin-option-v49 {
  min-height: 78px;
  padding: 14px 16px;
  text-align: left;
  border: 1px solid rgba(145, 169, 188, 0.28);
  border-radius: 15px;
  color: #e8f0f6;
  background: #0a1723;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
}

.checkout-origin-option-v49 b {
  font-size: 12px;
}

.checkout-origin-option-v49 small {
  color: #9fadb9;
  font-size: 9px;
  line-height: 1.45;
}

.checkout-origin-option-v49.selected {
  border-color: #4fdcf4;
  background: linear-gradient(135deg, rgba(20, 75, 91, 0.88), rgba(11, 29, 43, 0.98));
  box-shadow: 0 0 0 3px rgba(79, 220, 244, 0.1);
}

.checkout-origin-option-v49--plan.selected {
  border-color: #edc868;
  background: linear-gradient(135deg, rgba(91, 67, 18, 0.92), rgba(20, 31, 39, 0.98));
  box-shadow: 0 0 0 3px rgba(237, 200, 104, 0.1);
}

.checkout-origin-option-v49:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}

.checkout-plan-confirmation-v49,
.checkout-plan-payment-v49 {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #f5e3a9;
  background: rgba(117, 83, 13, 0.24);
  border: 1px solid rgba(237, 200, 104, 0.42);
  border-radius: 13px;
}

.checkout-plan-confirmation-v49 {
  margin-top: 12px;
  padding: 12px 14px;
}

.checkout-plan-confirmation-v49 span,
.checkout-plan-payment-v49 span {
  display: flex;
  flex-direction: column;
  gap: 3px;
  font-size: 9px;
  line-height: 1.45;
}

.checkout-plan-confirmation-v49 strong,
.checkout-plan-payment-v49 strong {
  color: #fff3c6;
  font-size: 11px;
}

.checkout-plan-confirmation-v49 svg,
.checkout-plan-payment-v49 svg {
  flex: 0 0 auto;
  color: #edc868;
}

.checkout-plan-payment-v49 {
  min-height: 54px;
  padding: 10px 14px;
}

@media (max-width: 700px) {
  .checkout-service-origin-v49 {
    padding: 17px 15px;
  }

  .checkout-service-origin-v49__options {
    grid-template-columns: 1fr;
  }
}

/* V50 — relatórios de comissões por período e profissional */
.report-commission-heading-v50 {
  margin-top: 22px;
}

.report-commission-split-v50 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  margin-bottom: 20px;
}

.report-commission-panel-v50 {
  padding: 0 !important;
  overflow: hidden;
  border: 1px solid rgba(77, 203, 235, 0.2) !important;
  background: linear-gradient(145deg, rgba(9, 24, 35, 0.98), rgba(6, 14, 23, 0.99)) !important;
}

.report-commission-panel-v50--plan {
  border-color: rgba(237, 200, 104, 0.36) !important;
  background:
    radial-gradient(circle at 96% 0%, rgba(237, 200, 104, 0.1), transparent 30%),
    linear-gradient(145deg, rgba(20, 26, 30, 0.99), rgba(8, 15, 22, 0.99)) !important;
}

.report-commission-panel-v50__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(93, 166, 193, 0.18);
}

.report-commission-panel-v50__head > div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.report-commission-panel-v50__head > div > small {
  color: #62ddef;
  letter-spacing: 0.13em;
  font-size: 8px;
  font-weight: 900;
}

.report-commission-panel-v50--plan .report-commission-panel-v50__head > div > small {
  color: #edc868;
}

.report-commission-panel-v50__head h3 {
  margin: 0;
  color: #f3f8fc;
  font: 500 23px/1.2 Georgia, serif;
}

.report-commission-panel-v50__head > div > span {
  color: #96a8b5;
  font-size: 9px;
}

.report-commission-panel-v50__head > strong {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  color: #69e0c0;
  font-size: 20px;
}

.report-commission-panel-v50--plan .report-commission-panel-v50__head > strong {
  color: #f1d27d;
}

.report-commission-panel-v50__head > strong small {
  color: #8799a7;
  font-size: 8px;
  font-weight: 700;
}

.report-commission-table-v50 {
  overflow-x: auto;
}

.report-commission-row-v50 {
  display: grid;
  grid-template-columns: minmax(190px, 1.45fr) 74px 74px repeat(5, minmax(104px, 0.8fr));
  align-items: center;
  gap: 10px;
  min-width: 1030px;
  padding: 13px 20px;
  color: #dbe7ef;
  border-bottom: 1px solid rgba(93, 166, 193, 0.12);
  font-size: 10px;
}

.report-commission-row-v50:last-child {
  border-bottom: 0;
}

.report-commission-row-v50--head {
  color: #91a6b5;
  background: rgba(3, 10, 16, 0.55);
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 8px;
  font-weight: 900;
}

.report-commission-professional-v50 {
  display: flex;
  align-items: center;
  gap: 9px;
}

.report-commission-professional-v50 svg {
  width: 17px;
  color: #62ddef;
}

.report-commission-panel-v50--plan .report-commission-professional-v50 svg {
  color: #edc868;
}

.report-commission-total-v50 {
  color: #6ce1c2;
  font-weight: 900;
}

.report-commission-panel-v50--plan .report-commission-total-v50 {
  color: #f2d681;
}

.report-commission-empty-v50 {
  min-height: 112px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #93a4b1;
}

.report-commission-empty-v50 svg {
  width: 20px;
}

@media (max-width: 720px) {
  .report-commission-panel-v50__head {
    align-items: flex-start;
    flex-direction: column;
    padding: 17px 15px;
  }

  .report-commission-panel-v50__head > strong {
    align-items: flex-start;
  }

  .report-commission-row-v50 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media print {
  .report-commission-panel-v50 {
    break-inside: avoid;
  }
}

/* V51 — plano visível no prontuário e uso identificado no histórico */
.client-profile-plan-v51 {
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(360px, 1.4fr);
  gap: 20px;
  align-items: center;
  margin: 0 0 18px;
  padding: 18px 20px;
  border: 1px solid rgba(237, 200, 104, 0.38);
  border-radius: 18px;
  background:
    radial-gradient(circle at 96% 0%, rgba(237, 200, 104, 0.13), transparent 34%),
    linear-gradient(145deg, rgba(10, 25, 34, 0.98), rgba(6, 16, 24, 0.98));
  color: #e8f1f6;
}

.client-profile-plan-v51.is-overdue {
  border-color: rgba(239, 112, 95, 0.6);
  background:
    radial-gradient(circle at 96% 0%, rgba(239, 112, 95, 0.14), transparent 34%),
    linear-gradient(145deg, rgba(25, 17, 20, 0.98), rgba(8, 16, 23, 0.98));
}

.client-profile-plan-v51__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
}

.client-profile-plan-v51__title small {
  flex-basis: 100%;
  color: #edc868;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.14em;
}

.client-profile-plan-v51__title strong {
  color: #fff5d2;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
}

.client-profile-plan-v51__title span {
  padding: 5px 9px;
  border-radius: 999px;
  background: rgba(108, 225, 194, 0.13);
  color: #77e5c6;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.client-profile-plan-v51.is-overdue .client-profile-plan-v51__title span {
  background: rgba(239, 112, 95, 0.14);
  color: #ff9b8d;
}

.client-profile-plan-v51 dl {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
}

.client-profile-plan-v51 dl div {
  padding: 10px;
  border: 1px solid rgba(143, 180, 198, 0.13);
  border-radius: 11px;
  background: rgba(2, 10, 16, 0.4);
}

.client-profile-plan-v51 dt {
  margin-bottom: 5px;
  color: #8fa5b3;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}

.client-profile-plan-v51 dd {
  margin: 0;
  color: #edf5f8;
  font-size: 12px;
  font-weight: 800;
}

.client-history-plan-use-v51 {
  display: inline-flex;
  width: fit-content;
  margin: 8px 0 5px;
  padding: 6px 9px;
  border: 1px solid rgba(237, 200, 104, 0.35);
  border-radius: 999px;
  background: rgba(237, 200, 104, 0.1);
  color: #f2d681;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.05em;
}

@media (max-width: 800px) {
  .client-profile-plan-v51 {
    grid-template-columns: 1fr;
  }

  .client-profile-plan-v51 dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .client-profile-plan-v51 dl {
    grid-template-columns: 1fr;
  }
}