/* Servise Basla sayfasina ozel renk katmani. */
.service-start-light {
  background: linear-gradient(180deg, #e7f3f0 0, #f6faf9 330px, #f6faf9 100%);
}

.service-start-light .wrap > .card {
  background: #fbfdfc;
}

.service-start-light .top-homebar {
  background: #fbfdfcf2;
}

.service-start-light .home-link {
  border-color: #075e4d;
  background: linear-gradient(135deg, #0b7b64, #075b4b);
  color: #fff;
  box-shadow: 0 6px 16px #0a493d27;
}

.service-start-light .home-link:hover {
  border-color: #064c40;
  background: #064c40;
}

.service-start-light .top-action-link {
  border-color: #2d6da8;
  background: linear-gradient(135deg, #4388c7, #285f99);
  color: #fff;
  box-shadow: 0 6px 16px #285f9924;
}

.service-start-light .service-start-summary {
  gap: 9px;
}

.service-start-light .service-info-block {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 7px 17px #173d3312;
}

.service-start-light .service-info-block::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -35px;
  top: -45px;
  width: 115px;
  height: 115px;
  border: 20px solid #ffffff4a;
  border-radius: 50%;
}

.service-start-light .service-info-block.customer {
  border-color: #4a9e86;
  background: linear-gradient(135deg, #d9f4ec, #c2e9de);
}

.service-start-light .service-info-block.customer > span,
.service-start-light .service-info-block.customer small {
  color: #28685a;
}

.service-start-light .service-info-block.customer strong {
  color: #104c40;
}

.service-start-light .service-info-block.device {
  border-color: #6798ca;
  background: linear-gradient(135deg, #e4f0ff, #cbdff6);
}

.service-start-light .service-info-block.device > span {
  color: #3c6f9f;
}

.service-start-light .service-info-block.device strong {
  color: #184f82;
}

.service-start-light .service-info-block.complaint {
  border-color: #d29a36;
  background: linear-gradient(135deg, #fff4d7, #f8e1aa);
}

.service-start-light .service-info-block.complaint > span {
  color: #8a5a08;
}

.service-start-light .service-info-block.complaint p {
  color: #674406;
  font-weight: 700;
}

.service-start-light .customer-history {
  border-color: #a28ac8;
  background: linear-gradient(135deg, #f7f2ff, #eee5fa);
  box-shadow: 0 7px 17px #5e3f8d12;
}

.service-start-light .customer-history-heading h2 {
  color: #50347a;
}

.service-start-light .customer-history-heading > span {
  border: 1px solid #c6b5df;
  background: #e3d8f4;
  color: #5d3b87;
}

.service-start-light .history-empty {
  border-color: #b9a6d2;
  background: #ffffffb8;
  color: #664e82;
}

.service-start-light .history-record {
  border-color: #b69ccc;
  box-shadow: 0 3px 9px #5e3f8d0d;
}

.service-start-light .history-record summary {
  background: #fbf8ff;
  color: #3f3153;
}

.service-start-light .history-record summary:hover {
  background: #f0e9fa;
}

.service-start-light .history-arrow {
  background: #7652a4;
}

.service-start-light .history-record summary em {
  background: #eee4fa;
  color: #65408f;
}

.service-start-light .history-record-body {
  border-top-color: #ddcfec;
  background: #fff;
}

.service-start-light .work-form-section {
  box-shadow: 0 7px 17px #173d330e;
}

.service-start-light .service-work-form > .work-form-section:first-of-type {
  border-color: #55a3aa;
  background: linear-gradient(135deg, #e6f8f8, #d5eff0);
}

.service-start-light .service-work-form > .work-form-section:first-of-type label > span {
  color: #286c72;
}

.service-start-light .service-work-form > .work-form-section:first-of-type select {
  border-color: #69aeb3;
  background: #ffffffdb;
}

.service-start-light .reference-pricing {
  border-color: #65aa91;
  background: linear-gradient(135deg, #e8f7f1, #d6eee5);
}

.service-start-light .payment-summary-main {
  border-color: #08715d;
  background: linear-gradient(135deg, #0b8b76, #287daf);
  box-shadow: 0 9px 22px #0b776a2d;
}

.service-start-light .payment-summary-mini {
  border-color: #83b5a6;
  background: #ffffffde;
}

.service-start-light .pricing-quick-actions .quick-material {
  border-color: #16874e;
  background: #edfaf3;
  color: #0b713f;
}

.service-start-light .pricing-quick-actions .quick-labor {
  border-color: #2f78b4;
  background: #eef6fd;
  color: #205f91;
}

.service-start-light .charge-items-empty {
  border-color: #88b7aa;
  background: #ffffffb8;
  color: #4f7168;
}

.service-start-light .service-result-fields {
  border-color: #cb7887;
  background: linear-gradient(135deg, #fff0f3, #f8dce2);
}

.service-start-light .service-result-fields label > span {
  color: #7f3443;
}

.service-start-light .service-result-fields textarea,
.service-start-light .service-result-fields select {
  border-color: #d79aa6;
  background: #fffdfd;
}

.service-start-light .customer-problem-button {
  border-color: #b85f72;
  background: #fff8fa;
  color: #873749;
}

.service-start-light .customer-problem-button:hover {
  border-color: #963e50;
  background: #ffe9ee;
}

.service-start-light .customer-problem-button.has-note {
  border-color: #b92e28;
  background: #fff0ef;
  color: #a01e19;
}

.service-start-light .service-code-picker {
  border-color: #d49a35;
  background: linear-gradient(135deg, #fff7e5, #f9e8c5);
}

.service-start-light .service-code-picker .operation-code-grid label > span {
  color: #7a4d05;
}

.service-start-light .service-code-picker select {
  border-color: #d5a65c;
  background: #fffdf8;
}

.service-start-light .complete-service-button {
  border-color: #075d4c;
  background: linear-gradient(135deg, #0ca083, #086554);
  box-shadow: 0 10px 24px #08715f3b;
}

.service-start-light .complete-service-button:hover {
  border-color: #064b3f;
  background: linear-gradient(135deg, #08715f, #064b3f);
}

@media (max-width: 650px) {
  .service-start-light .service-info-block {
    box-shadow: 0 4px 11px #173d330f;
  }

  .service-start-light .service-info-block::after {
    right: -45px;
    top: -55px;
    width: 105px;
    height: 105px;
    border-width: 17px;
  }

  .service-start-light .customer-history,
  .service-start-light .work-form-section {
    box-shadow: 0 4px 11px #173d330c;
  }

  .service-start-light .service-start-summary {
    gap: 6px;
  }
}

/* Bilgi ve islem alanlarini kullanicinin istedigi sekilde gruplandir. */
.service-start-light .service-start-summary {
  position: relative;
  isolation: isolate;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border: 2px solid #4a9e86;
  border-radius: 16px;
  background: linear-gradient(135deg, #d9f4ec, #c2e9de);
  overflow: hidden;
  box-shadow: 0 7px 17px #173d3312;
}

.service-start-light .service-start-summary::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -42px;
  top: -55px;
  width: 145px;
  height: 145px;
  border: 24px solid #ffffff42;
  border-radius: 50%;
}

.service-start-light .service-start-summary .service-info-block {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.service-start-light .service-start-summary .service-info-block::after {
  display: none;
}

.service-start-light .service-start-summary .service-info-block.customer {
  border-right: 1.5px solid #73b5a3;
}

.service-start-light .service-start-summary .service-info-block.complaint {
  border-top: 1.5px solid #73b5a3;
}

.service-start-light .service-start-summary .service-info-block > span,
.service-start-light .service-start-summary .service-info-block.customer small {
  color: #28685a;
}

.service-start-light .service-start-summary .service-info-block strong,
.service-start-light .service-start-summary .service-info-block.complaint p {
  color: #104c40;
}

.service-start-light .customer-problem-section {
  padding: 10px;
  border-color: #c84c58;
  background: linear-gradient(135deg, #fff0f2, #f8d8de);
}

.service-start-light .customer-problem-section .customer-problem-button {
  min-height: 56px;
  margin: 0;
  border-color: #c43846;
  background: #fff8f9;
  color: #a3202d;
}

.service-start-light .customer-problem-section .customer-problem-button:hover,
.service-start-light .customer-problem-section .customer-problem-button.has-note {
  border-color: #a91f2c;
  background: #ffe5e9;
  color: #941723;
}

.service-start-light .customer-problem-section .customer-problem-button span,
.service-start-light .customer-problem-section .customer-problem-button.has-note span {
  color: #9a4650;
}

.service-start-light .service-action-section {
  border-color: #6192c5;
  background: linear-gradient(135deg, #eaf3ff, #d6e6f8);
}

.service-start-light .service-action-section label > span {
  color: #285f94;
}

.service-start-light .service-action-section textarea,
.service-start-light .service-action-section select {
  border-color: #82a8ce;
  background: #ffffffeb;
}

@media (max-width: 650px) {
  .service-start-light .service-start-summary {
    grid-template-columns: 1fr;
    border-width: 1.5px;
    border-radius: 12px;
  }

  .service-start-light .service-start-summary .service-info-block.customer,
  .service-start-light .service-start-summary .service-info-block.device {
    border-right: 0;
    border-bottom: 1px solid #73b5a3;
  }

  .service-start-light .service-start-summary .service-info-block.complaint {
    border-top: 0;
  }

  .service-start-light .customer-problem-section {
    padding: 7px;
  }
}