:root {
  --ce-color-ink: #102a43;
  --ce-color-text: #253f52;
  --ce-color-muted: #667085;
  --ce-color-primary: #078fa3;
  --ce-color-primary-dark: #067486;
  --ce-color-primary-soft: #e8f7f6;
  --ce-color-surface: #ffffff;
  --ce-color-surface-soft: #f5fbfb;
  --ce-color-border: #b9e1df;
  --ce-color-focus: rgba(7, 143, 163, .2);
  --ce-shadow-card: 0 12px 34px rgba(15, 76, 84, .09);
  --ce-radius-card: 18px;
  --ce-radius-control: 10px;
  --ce-content-width: 1100px;
  --ce-font: "Tilda Sans", Arial, sans-serif;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
}

:is(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) {
  box-sizing: border-box;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--ce-color-ink);
  font-family: var(--ce-font);
  font-size: 16px;
  line-height: 1.5;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) :where(form, section, article, fieldset, label, dl, div) {
  min-width: 0;
  max-width: 100%;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) :where(img, video, canvas) {
  max-width: 100%;
}

:where(.ce-employees__table-wrap, .ce-review__table-wrap, .ce-crm-admin__list) {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) *,
:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) *::before,
:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder, .ce-push, .ce-app-home) *::after {
  box-sizing: border-box;
}

:where([data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin) {
  width: min(100%, var(--ce-content-width));
  margin: 32px auto;
  padding-right: 20px;
  padding-left: 20px;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) :where(h1, h2, h3, h4) {
  color: var(--ce-color-ink);
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

:where([data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin) > h2,
:where(.ce-client-crm__title, .ce-crm-admin__title, .ce-admin-home__title) {
  margin: 0 0 10px;
  font-size: clamp(26px, 4vw, 34px);
  letter-spacing: -.02em;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) p {
  line-height: 1.5;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) :where(input, select, textarea) {
  min-height: 46px;
  border: 1px solid #98a2b3;
  border-radius: var(--ce-radius-control);
  background: #fff;
  color: var(--ce-color-ink);
  font: inherit;
  transition: border-color .16s ease, box-shadow .16s ease;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) :where(input, select, textarea):focus {
  border-color: var(--ce-color-primary);
  box-shadow: 0 0 0 4px var(--ce-color-focus);
  outline: none;
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) button {
  min-height: 46px;
  border-radius: var(--ce-radius-control);
  font: 700 16px/1.25 var(--ce-font);
  transition: transform .14s ease, box-shadow .14s ease, background-color .14s ease;
}

@media (hover: hover) {
  :where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
    .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
    .ce-point-binder) button:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 18px rgba(7, 143, 163, .2);
  }
}

:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) button:focus-visible,
:where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
  .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin,
  .ce-point-binder) a:focus-visible {
  outline: 3px solid rgba(7, 143, 163, .35);
  outline-offset: 3px;
}

.ce-auth,
.ce-module-card,
.ce-cleaner form,
.ce-review__card,
.ce-client-crm__identity,
.ce-client-crm__history,
.ce-crm-admin__card,
.ce-crm-admin__settings,
.ce-employees__detail,
.ce-catalog__payment-settings,
.ce-catalog__import,
.ce-point-admin__card,
.ce-point-binder {
  border-color: var(--ce-color-border);
  border-radius: var(--ce-radius-card);
  background: var(--ce-color-surface);
  box-shadow: var(--ce-shadow-card);
}

.ce-auth {
  width: min(100% - 28px, 560px);
  margin: 28px auto;
  padding: 28px;
}

.ce-module-card {
  gap: 11px;
  margin: 16px 0;
  padding: 22px;
}

:where(.ce-auth__status, .ce-order__status, .ce-client-crm__status,
  .ce-crm-admin__status, .ce-crm-admin__muted, .ce-crm-admin__empty,
  .ce-catalog__status, .ce-admin-home__status) {
  color: var(--ce-color-muted);
}

:where(.ce-employees__table-wrap, .ce-crm-admin__table-wrap) {
  border-color: var(--ce-color-border);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(15, 76, 84, .06);
}

:where(.ce-employees__table, .ce-crm-admin__table) th {
  background: #edf9f8;
  color: #155e68;
  font-weight: 750;
}

:where(.ce-client-crm__balance, .ce-order__price) {
  background: var(--ce-color-primary-soft);
}

@media (max-width: 720px) {
  :where([data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
    .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin) {
    margin: 22px auto;
    padding-right: 14px;
    padding-left: 14px;
  }

  .ce-auth {
    width: min(100% - 20px, 560px);
    margin: 18px auto;
    padding: 20px 16px;
    border-radius: 16px;
  }

  .ce-module-card,
  .ce-cleaner form,
  .ce-review__card,
  .ce-client-crm__identity,
  .ce-client-crm__history,
  .ce-crm-admin__card,
  .ce-crm-admin__settings,
  .ce-employees__detail,
  .ce-catalog__payment-settings,
  .ce-catalog__import,
  .ce-point-admin__card,
  .ce-point-binder {
    padding: 16px;
    border-radius: 14px;
  }

  :where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review,
    .ce-client-crm, .ce-crm-admin, .ce-employees, .ce-catalog,
    .ce-point-admin, .ce-point-binder) :where(input, select, textarea) {
    width: 100%;
    min-width: 0;
    max-width: none;
    font-size: 16px;
  }

  :where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review,
    .ce-client-crm, .ce-crm-admin, .ce-employees, .ce-catalog,
    .ce-point-admin, .ce-point-binder) :where(input[type="checkbox"], input[type="radio"]) {
    width: 20px;
    min-width: 20px;
  }

  :where(.ce-auth, [data-ce-module], .ce-order, .ce-cleaner, .ce-review,
    .ce-client-crm, .ce-crm-admin, .ce-employees, .ce-catalog,
    .ce-point-admin, .ce-point-binder) button {
    min-height: 48px;
  }
}

@media (max-width: 420px) {
  :where([data-ce-module], .ce-order, .ce-cleaner, .ce-review, .ce-client-crm,
    .ce-crm-admin, .ce-employees, .ce-admin-home, .ce-catalog, .ce-point-admin) {
    padding-right: 10px;
    padding-left: 10px;
  }

  :where([data-ce-module], .ce-client-crm, .ce-crm-admin, .ce-employees,
    .ce-catalog, .ce-point-admin) > h2,
  :where(.ce-client-crm__title, .ce-crm-admin__title, .ce-admin-home__title) {
    font-size: 26px;
  }
}

.ce-order-timeline {
  margin-top: 8px;
  border: 1px solid var(--ce-color-border);
  border-radius: 14px;
  background: #f8fdfd;
}

.ce-order-timeline > summary {
  padding: 14px 16px;
  color: var(--ce-color-primary);
  font-weight: 750;
  cursor: pointer;
}

.ce-order-timeline__content {
  padding: 0 16px 16px;
}

.ce-order-timeline__list {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.ce-order-timeline__list > li {
  position: relative;
  margin-left: 8px;
  padding: 2px 0 18px 24px;
  border-left: 2px solid #9bded7;
}

.ce-order-timeline__list > li::before {
  position: absolute;
  top: 4px;
  left: -7px;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--ce-color-primary);
  box-shadow: 0 0 0 1px var(--ce-color-primary);
  content: "";
}

.ce-order-timeline__list > li:last-child {
  padding-bottom: 2px;
  border-left-color: transparent;
}

.ce-order-timeline__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 16px;
}

.ce-order-timeline__head time,
.ce-order-timeline__list p {
  color: var(--ce-color-muted);
  font-size: 14px;
}

.ce-order-timeline__list p {
  margin: 5px 0 0;
}