/* [project]/src/components/documents/document-preview-provider.module.css [app-client] (css) */
.document-preview-provider-module__qYC_Ha__overlay {
  z-index: 2147483000;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #101215b8;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.document-preview-provider-module__qYC_Ha__panel {
  background: #f4f6f8;
  border: 1px solid #dce2e9;
  border-radius: 8px;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1500px, 100%);
  height: min(960px, 100dvh - 36px);
  min-height: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000052;
}

.document-preview-provider-module__qYC_Ha__header {
  background: #fff;
  border-bottom: 1px solid #dce2e9;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 0;
  padding: 14px 16px;
  display: flex;
}

.document-preview-provider-module__qYC_Ha__documentIdentity, .document-preview-provider-module__qYC_Ha__headerActions {
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.document-preview-provider-module__qYC_Ha__fileIcon {
  color: #fff;
  background: #111315;
  border-radius: 6px;
  flex: 0 0 42px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.document-preview-provider-module__qYC_Ha__fileIcon svg, .document-preview-provider-module__qYC_Ha__downloadButton svg, .document-preview-provider-module__qYC_Ha__closeButton svg {
  width: 20px;
  height: 20px;
}

.document-preview-provider-module__qYC_Ha__titleBlock {
  min-width: 0;
}

.document-preview-provider-module__qYC_Ha__typeLabel {
  color: #6b7482;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  display: block;
}

.document-preview-provider-module__qYC_Ha__titleBlock h2 {
  color: #181a1e;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(70vw, 900px);
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  overflow: hidden;
}

.document-preview-provider-module__qYC_Ha__downloadButton, .document-preview-provider-module__qYC_Ha__closeButton {
  color: #1c2026;
  height: 42px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d7dde5;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: border-color .16s, background-color .16s, transform .16s;
  display: inline-flex;
}

.document-preview-provider-module__qYC_Ha__downloadButton {
  padding: 0 14px;
}

.document-preview-provider-module__qYC_Ha__closeButton {
  width: 42px;
  padding: 0;
}

.document-preview-provider-module__qYC_Ha__downloadButton:hover, .document-preview-provider-module__qYC_Ha__closeButton:hover {
  background: #f2f4f7;
  border-color: #aeb7c3;
}

.document-preview-provider-module__qYC_Ha__viewer {
  overscroll-behavior: contain;
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: auto;
}

.document-preview-provider-module__qYC_Ha__pdfFrame {
  background: #fff;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.document-preview-provider-module__qYC_Ha__loading, .document-preview-provider-module__qYC_Ha__error, .document-preview-provider-module__qYC_Ha__empty {
  color: #626c79;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 100%;
  padding: 32px;
  display: flex;
}

.document-preview-provider-module__qYC_Ha__loading strong, .document-preview-provider-module__qYC_Ha__error strong {
  color: #20242a;
  font-size: 18px;
}

.document-preview-provider-module__qYC_Ha__loading span, .document-preview-provider-module__qYC_Ha__error span {
  max-width: 560px;
  line-height: 1.55;
}

.document-preview-provider-module__qYC_Ha__spinner {
  color: #ed002b;
  width: 34px;
  height: 34px;
  animation: .8s linear infinite document-preview-provider-module__qYC_Ha__document-preview-spin;
}

.document-preview-provider-module__qYC_Ha__error > svg {
  color: #ed002b;
  width: 40px;
  height: 40px;
}

.document-preview-provider-module__qYC_Ha__docxPage {
  overflow-wrap: anywhere;
  color: #1d2025;
  background: #fff;
  width: min(820px, 100% - 32px);
  min-height: calc(100% - 40px);
  margin: 20px auto;
  padding: clamp(28px, 6vw, 72px);
  font-family: Arial, sans-serif;
  font-size: 16px;
  line-height: 1.65;
  box-shadow: 0 6px 24px #1a1f261a;
}

.document-preview-provider-module__qYC_Ha__docxPage img {
  max-width: 100%;
  height: auto;
}

.document-preview-provider-module__qYC_Ha__docxPage table {
  border-collapse: collapse;
  width: 100%;
}

.document-preview-provider-module__qYC_Ha__docxPage td, .document-preview-provider-module__qYC_Ha__docxPage th {
  vertical-align: top;
  border: 1px solid #bcc4ce;
  padding: 8px 10px;
}

.document-preview-provider-module__qYC_Ha__docxPage a {
  color: #b90022;
}

.document-preview-provider-module__qYC_Ha__spreadsheet {
  background: #fff;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 100%;
  display: grid;
}

.document-preview-provider-module__qYC_Ha__sheetTabs {
  background: #f4f6f8;
  border-bottom: 1px solid #dce2e9;
  gap: 6px;
  padding: 10px 12px;
  display: flex;
  overflow-x: auto;
}

.document-preview-provider-module__qYC_Ha__sheetTab, .document-preview-provider-module__qYC_Ha__activeSheetTab {
  color: #4e5865;
  min-height: 36px;
  font: inherit;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d5dbe3;
  border-radius: 6px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

.document-preview-provider-module__qYC_Ha__activeSheetTab {
  color: #fff;
  background: #111315;
  border-color: #111315;
}

.document-preview-provider-module__qYC_Ha__tableViewport {
  overscroll-behavior: contain;
  min-width: 0;
  min-height: 0;
  overflow: auto;
}

.document-preview-provider-module__qYC_Ha__sheetTable {
  border-spacing: 0;
  color: #1f242a;
  background: #fff;
  min-width: 100%;
  font-size: 13px;
}

.document-preview-provider-module__qYC_Ha__sheetTable th, .document-preview-provider-module__qYC_Ha__sheetTable td {
  overflow-wrap: anywhere;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #dfe4ea;
  border-right: 1px solid #dfe4ea;
  min-width: 120px;
  max-width: 420px;
  padding: 8px 10px;
}

.document-preview-provider-module__qYC_Ha__sheetTable .document-preview-provider-module__qYC_Ha__rowNumber {
  z-index: 1;
  color: #6b7480;
  text-align: right;
  background: #f3f5f7;
  width: 48px;
  min-width: 48px;
  position: sticky;
  left: 0;
}

.document-preview-provider-module__qYC_Ha__truncatedNotice {
  color: #7b182a;
  background: #fff2f4;
  border: 1px solid #f0c6ce;
  border-radius: 6px;
  width: min(720px, 100vw - 64px);
  margin: 16px;
  padding: 12px 14px;
  line-height: 1.45;
  position: sticky;
  left: 0;
}

@keyframes document-preview-provider-module__qYC_Ha__document-preview-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 700px) {
  .document-preview-provider-module__qYC_Ha__overlay {
    padding: 0;
  }

  .document-preview-provider-module__qYC_Ha__panel {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100dvh;
  }

  .document-preview-provider-module__qYC_Ha__header {
    padding: max(10px, env(safe-area-inset-top)) 12px 10px;
    gap: 10px;
  }

  .document-preview-provider-module__qYC_Ha__fileIcon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .document-preview-provider-module__qYC_Ha__titleBlock h2 {
    max-width: calc(100vw - 190px);
    font-size: 15px;
  }

  .document-preview-provider-module__qYC_Ha__downloadButton, .document-preview-provider-module__qYC_Ha__closeButton {
    height: 38px;
  }

  .document-preview-provider-module__qYC_Ha__closeButton {
    width: 38px;
  }

  .document-preview-provider-module__qYC_Ha__downloadButton {
    width: 38px;
    padding: 0;
  }

  .document-preview-provider-module__qYC_Ha__downloadButton span {
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .document-preview-provider-module__qYC_Ha__docxPage {
    width: 100%;
    min-height: 100%;
    padding: 24px 18px calc(32px + env(safe-area-inset-bottom));
    box-shadow: none;
    margin: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .document-preview-provider-module__qYC_Ha__spinner {
    animation-duration: 1.6s;
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
:root {
  --background: #f4f6f8;
  --foreground: #17202a;
  --muted: #667085;
  --surface: #fff;
  --surface-strong: #edf2f7;
  --border: #d8dee8;
  --accent: #1f7a63;
  --accent-strong: #145c49;
  --accent-soft: #e4f3ee;
  --warning-soft: #fff3df;
  --success-soft: #e8f7ed;
  --shadow: 0 18px 45px #14233714;
}

html {
  height: 100%;
}

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

body {
  min-height: 100%;
  color: var(--foreground);
  background: var(--background);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* [project]/src/app/shared.css [app-client] (css) */
.wait-action-modal {
  z-index: 10000;
  overscroll-behavior: contain;
  height: 100dvh;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #1114187a;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.wait-action-modal__panel {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #d2d8e2eb;
  border-radius: 22px;
  width: min(440px, 100%);
  max-height: calc(100dvh - 36px);
  padding: 28px;
  overflow-y: auto;
  box-shadow: 0 28px 80px #11182733;
}

:is(html:has([aria-modal="true"]), body:has([aria-modal="true"])) {
  overscroll-behavior: none;
  overflow: hidden;
}

@media (max-width: 767px) {
  [aria-modal="true"] {
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    max-height: 100dvh;
    overflow-y: auto;
  }
}

.wait-action-modal__icon {
  color: #1f242d;
  background: #f1f4f8;
  border-radius: 18px;
  place-items: center;
  width: 58px;
  height: 58px;
  margin-bottom: 18px;
  display: grid;
}

.wait-action-modal__panel p {
  color: #8a94a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 850;
}

.wait-action-modal__panel h2 {
  color: #1f242d;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(26px, 4vw, 34px);
  line-height: 1.08;
}

.wait-action-modal__panel span {
  color: #667085;
  margin-top: 14px;
  font-size: 17px;
  line-height: 1.46;
  display: block;
}

.wait-action-modal__panel button {
  color: #fff;
  cursor: pointer;
  width: 100%;
  font: inherit;
  background: #101113;
  border: 0;
  border-radius: 14px;
  margin-top: 24px;
  padding: 16px 18px;
  font-size: 17px;
  font-weight: 800;
  transition: transform .16s, background .16s;
}

.wait-action-modal__panel button:hover {
  background: #242529;
}

.wait-action-modal__panel button:active {
  transform: translateY(1px)scale(.99);
}

@media (max-width: 520px) {
  .wait-action-modal {
    padding: 12px;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    align-items: end;
  }

  .wait-action-modal__panel {
    max-height: calc(100vh - 12px - env(safe-area-inset-bottom));
    max-height: calc(100dvh - 12px - env(safe-area-inset-bottom));
    border-radius: 24px 24px 18px 18px;
    padding: 24px;
  }
}

.service-instruction-article {
  color: #20242b;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 18px;
  gap: 22px;
  width: 100%;
  padding: clamp(22px, 4vw, 42px);
  display: grid;
  box-shadow: 0 18px 48px #0f172a0f;
}

.cabinet-help-stack {
  gap: 20px;
  min-width: 0;
  display: grid;
}

.service-instruction-article__head {
  gap: 8px;
  display: grid;
}

.service-instruction-article__head span {
  color: #8a93a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
}

.service-instruction-article__head h1 {
  color: #20242b;
  margin: 0;
  font-size: clamp(34px, 5vw, 58px);
  line-height: 1.02;
}

.service-instruction-article__content {
  color: #2d323a;
  width: min(780px, 100%);
  font-size: 18px;
  line-height: 1.7;
}

.service-instruction-article__content > :first-child {
  margin-top: 0;
}

.service-instruction-article__content > :last-child {
  margin-bottom: 0;
}

.service-instruction-article__content h1, .service-instruction-article__content h2, .service-instruction-article__content h3, .service-instruction-article__content h4 {
  color: #20242b;
  margin: 1.2em 0 .45em;
  line-height: 1.12;
}

.service-instruction-article__content h1 {
  font-size: 40px;
}

.service-instruction-article__content h2 {
  font-size: 32px;
}

.service-instruction-article__content h3 {
  font-size: 24px;
}

.service-instruction-article__content p, .service-instruction-article__content ul, .service-instruction-article__content ol, .service-instruction-article__content blockquote, .service-instruction-article__content pre, .service-instruction-article__content table {
  margin: 0 0 1em;
}

.service-instruction-article__content a {
  color: #20242b;
  text-underline-offset: 4px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.service-instruction-article__content blockquote {
  color: #4a5260;
  border-left: 4px solid #ef0044;
  padding-left: 18px;
}

.service-instruction-article__content img, .service-instruction-article__content video {
  border-radius: 14px;
  max-width: 100%;
  height: auto;
}

.service-instruction-article__content table {
  border-collapse: collapse;
  border-radius: 12px;
  width: 100%;
  overflow: hidden;
}

.service-instruction-article__content th, .service-instruction-article__content td {
  text-align: left;
  border: 1px solid #dfe3ea;
  padding: 10px 12px;
}

.service-instruction-article__empty {
  background: #f4f6fa;
  border-radius: 14px;
  gap: 8px;
  padding: 18px;
  display: grid;
}

.service-instruction-article__empty strong, .service-instruction-article__empty p {
  margin: 0;
}

.service-instruction-article__empty p {
  color: #697283;
}

@media (max-width: 720px) {
  .service-instruction-article {
    border-radius: 16px;
    padding: 22px;
  }

  .service-instruction-article__content {
    font-size: 16px;
    line-height: 1.62;
  }
}

.cabinet-reset-page {
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.cabinet-reset-panel {
  border: 1px solid var(--border);
  background: var(--surface);
  border-radius: 8px;
  width: min(520px, 100%);
  padding: 28px;
}

.cabinet-reset-panel p {
  color: var(--accent);
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
}

.cabinet-reset-panel h1 {
  color: var(--foreground);
  margin-top: 12px;
  font-size: 30px;
  line-height: 1.15;
}

.cabinet-reset-panel span {
  color: var(--muted);
  margin-top: 12px;
  font-size: 15px;
  line-height: 1.5;
  display: block;
}

.lead-link-page {
  color: #17181b;
  background: #f2f3f5;
  min-height: 100vh;
  padding: 24px;
}

.lead-link-shell {
  grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
  gap: 18px;
  width: min(1180px, 100%);
  margin: 0 auto;
  display: grid;
}

.lead-link-context, .lead-link-form-card, .lead-link-state {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  box-shadow: 0 18px 48px #0f172a14;
}

.lead-link-context {
  align-self: start;
  gap: 18px;
  padding: 24px;
  display: grid;
  position: sticky;
  top: 24px;
}

.lead-link-brand {
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  display: flex;
}

.lead-link-brand span, .lead-link-state span {
  background: #f10f2b;
  width: 28px;
  height: 28px;
  display: inline-block;
}

.lead-link-context h1, .lead-link-state h1 {
  color: #17181b;
  margin: 0;
  font-size: 34px;
  line-height: 1.05;
}

.lead-link-context p, .lead-link-state p {
  color: #596273;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.lead-link-city {
  color: #3d4654;
  background: #f1f3f6;
  border-radius: 999px;
  width: fit-content;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 800;
}

.lead-link-form-card {
  min-width: 0;
  padding: 22px;
}

.lead-link-signin-card {
  gap: 14px;
  max-width: 560px;
  display: grid;
}

.lead-link-signin-card--loading {
  text-align: center;
  justify-content: center;
  align-items: center;
  min-height: 190px;
}

.lead-link-signin-card > p {
  color: #758094;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.lead-link-signin-card h2 {
  color: #17181b;
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.08;
}

.lead-link-signin-card > span {
  color: #596273;
  font-size: 16px;
  line-height: 1.55;
}

.lead-link-signin-card__cta, .prepared-order-link-card__login {
  color: #fff;
  background: #17181b;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-height: 52px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 850;
  text-decoration: none;
  transition: transform .16s, background-color .16s;
  display: inline-flex;
}

.lead-link-signin-card__cta:hover, .prepared-order-link-card__login:hover {
  background: #33363c;
  transform: translateY(-1px);
}

.lead-link-state {
  gap: 16px;
  width: min(560px, 100%);
  margin: 12vh auto 0;
  padding: 28px;
  display: grid;
}

.lead-link-state__actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.lead-link-state__actions a {
  color: #17181b;
  border: 1px solid #d7dce5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 46px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  transition: background-color .16s, border-color .16s, transform .16s;
  display: inline-flex;
}

.lead-link-state__actions a:hover {
  background: #f2f3f5;
  border-color: #bbc2cf;
  transform: translateY(-1px);
}

.lead-link-state__actions a.is-primary {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
}

.lead-link-state__actions a.is-primary:hover {
  background: #2b2d31;
  border-color: #2b2d31;
}

@media (max-width: 780px) {
  .lead-link-page {
    padding: 14px;
  }

  .lead-link-shell {
    grid-template-columns: 1fr;
  }

  .lead-link-context {
    padding: 18px;
    position: static;
  }

  .lead-link-context h1, .lead-link-state h1 {
    font-size: 28px;
  }

  .lead-link-form-card {
    padding: 14px;
  }

  .lead-link-signin-card__cta, .prepared-order-link-card__login {
    width: 100%;
  }

  .lead-link-state__actions {
    display: grid;
  }
}

.notification-media-viewer {
  z-index: 2000;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.notification-media-viewer__backdrop {
  background: #101216b8;
  border: 0;
  position: absolute;
  inset: 0;
}

.notification-media-viewer__panel {
  z-index: 1;
  background: #fff;
  border-radius: 12px;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(860px, 100%);
  max-height: min(820px, 100vh - 48px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000057;
}

.notification-media-viewer__panel header {
  border-bottom: 1px solid #edf0f4;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.notification-media-viewer__panel strong {
  color: #171717;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 850;
  overflow: hidden;
}

.notification-media-viewer__panel header button {
  color: #30343b;
  background: #f1f3f6;
  border: 0;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.notification-media-viewer__panel > img {
  object-fit: contain;
  justify-self: center;
  max-width: 100%;
  max-height: calc(100vh - 116px);
  display: block;
}

nextjs-portal {
  display: none !important;
}

.location-inline-warning {
  color: #d92d20;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.location-inline-warning span {
  font-weight: 700;
}

.chip-selector {
  gap: 13px;
  display: grid;
}

.chip-selector small {
  color: #d92d20;
  margin-top: -6px;
  font-size: 12px;
  line-height: 1.25;
}

.selected-chip-list, .suggested-chip-list {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.selected-chip-list button, .suggested-chip-list button {
  border: 0;
  border-radius: 5px;
  min-height: 31px;
  padding: 0 7px;
  font-size: 16px;
  line-height: 1;
}

.selected-chip-list button {
  color: #fff;
  background: #151515;
}

.suggested-chip-list button {
  color: #3d3d3d;
  background: #f0f1f6;
}

.suggested-chip-list button.is-selected {
  color: #fff;
  background: #151515;
}

.chip-search-field {
  display: block;
  position: relative;
}

.chip-search-field input {
  color: #3d3d3d;
  background: #f0f1f6;
  border: 1px solid #0000;
  border-radius: 9px;
  width: 100%;
  min-height: 55px;
  padding: 0 17px;
  font-size: 18px;
}

.chip-search-field button {
  color: #fff;
  background: #151515;
  border: 0;
  border-radius: 7px;
  min-height: 37px;
  padding: 0 12px;
  font-size: 14px;
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

.chip-search-field.has-add-button input {
  padding-right: 108px;
}

.chip-suggestion-skeleton {
  background: linear-gradient(90deg, #eef0f5 0%, #f7f8fb 45%, #eef0f5 100%) 0 0 / 200% 100%;
  border-radius: 5px;
  width: 118px;
  height: 31px;
  animation: 1.2s ease-in-out infinite skeleton-shimmer;
}

.chip-suggestion-skeleton.short {
  width: 82px;
}

.chip-selector.is-error .chip-search-field input {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201f;
}

@keyframes media-spin {
  to {
    transform: rotate(360deg);
  }
}

.location-topbar {
  z-index: 1;
  background: #fff;
  justify-content: flex-end;
  align-items: center;
  height: 47px;
  padding: 0 17px;
  display: flex;
  box-shadow: 0 0 13px #0000001c;
}

.location-topbar button {
  color: #444;
  background: #f3f2fa;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 73px;
  height: 30px;
  font-size: 16px;
  display: inline-flex;
}

.location-autodetect-button {
  color: #4b4b4b;
  text-align: left;
  background: #f3f2fa;
  border: 0;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  width: fit-content;
  max-width: 100%;
  min-height: 34px;
  margin: 4px 0 8px;
  padding: 0 11px;
  font-size: 14px;
  display: inline-flex;
}

.location-autodetect-button svg {
  color: #ed001f;
}

.location-autodetect-button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.address-suggest-list {
  gap: 6px;
  margin-top: 8px;
  display: grid;
}

.address-suggest-skeleton {
  background: linear-gradient(90deg, #f0f1f6 0%, #e7e9ef 50%, #f0f1f6 100%) 0 0 / 220% 100%;
  border-radius: 8px;
  width: 100%;
  height: 45px;
  animation: 1.1s ease-in-out infinite skeleton-shimmer;
}

.address-suggest-skeleton.short {
  width: 76%;
}

.address-suggest-list button {
  color: #3d3d3d;
  text-align: left;
  background: #f0f1f6;
  border: 0;
  border-radius: 8px;
  width: 100%;
  min-height: 45px;
  padding: 10px 14px;
  font-size: 15px;
  line-height: 1.25;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .12s cubic-bezier(.22, 1, .36, 1);
}

.address-suggest-list button:hover {
  background: #e7e9ef;
}

.address-suggest-list button:active {
  transform: scale(.99);
}

@keyframes skeleton-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: -100% 0;
  }
}

/* [project]/src/components/cabinet/cabinet-location-picker.css [app-client] (css) */
.cabinet-location, .cabinet-location-anchor {
  position: relative;
}

.cabinet-location-button, .cabinet-location-menu__detect, .cabinet-location-menu__save {
  cursor: pointer;
  font: inherit;
  border-radius: 8px;
}

.cabinet-location-button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 750;
  display: inline-flex;
}

.cabinet-location-button span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
}

.cabinet-location-menu {
  z-index: 50;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 12px;
  width: min(520px, 100vw - 32px);
  padding: 14px;
  font-size: 14px;
  line-height: 1.35;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  box-shadow: 0 18px 44px #0f172a24;
}

.cabinet-location-menu--panel {
  width: 100%;
  box-shadow: none;
  border: 0;
  padding: 0;
  position: static;
}

.cabinet-location-panel, .cabinet-location-panel .cabinet-location-menu {
  width: 100%;
}

.cabinet-location-menu__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.cabinet-location-menu__head strong {
  color: #202124;
  font-size: 16px;
  line-height: 1.25;
}

.cabinet-location-menu__head button {
  color: #4f5662;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.cabinet-location-menu__field {
  gap: 7px;
  display: grid;
}

.cabinet-location-menu__field span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.cabinet-location-menu__field input {
  color: #1f2227;
  width: 100%;
  min-width: 0;
  font: 500 16px/1.3 var(--font-sans, inherit);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f5f6f9;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 13px 14px;
  overflow: hidden;
}

.cabinet-location-menu__field input:focus {
  border-color: #aeb6c3;
  outline: 0;
}

.cabinet-location-menu__selected {
  color: #4f5662;
  background: #fafbfc;
  border: 1px solid #e1e5ec;
  border-radius: 8px;
  margin: -4px 0 0;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.35;
}

.cabinet-location-menu__detect {
  color: #23262c;
  width: fit-content;
  min-height: 34px;
  font: 750 13px/1.25 var(--font-sans, inherit);
  background: #fff;
  border: 1px solid #d9dee6;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  display: inline-flex;
}

.cabinet-location-menu__detect:disabled, .cabinet-location-menu__save:disabled, .cabinet-location-menu__suggestions button:disabled {
  cursor: default;
  opacity: .55;
}

.cabinet-location-menu__error {
  color: #df2b22;
  margin: 0;
  font-size: 13px;
  font-weight: 650;
}

.cabinet-location-menu__skeleton, .cabinet-location-menu__suggestions {
  gap: 6px;
  display: grid;
}

.cabinet-location-menu__skeleton span {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 220% 100%;
  border-radius: 8px;
  height: 38px;
  animation: 1.2s linear infinite cabinet-location-skeleton;
}

.cabinet-location-menu__suggestions button {
  color: #202124;
  cursor: pointer;
  font: 500 14px/1.3 var(--font-sans, inherit);
  text-align: left;
  background: #f7f8fa;
  border: 0;
  border-radius: 8px;
  gap: 3px;
  padding: 10px;
  display: grid;
}

.cabinet-location-menu__suggestions button:not(:disabled):hover {
  background: #eef1f5;
}

.cabinet-location-menu__suggestions strong {
  font-size: 14px;
}

.cabinet-location-menu__suggestions span {
  color: #69707d;
  font-size: 12px;
  line-height: 1.3;
}

.cabinet-location-menu__save {
  color: #fff;
  min-height: 42px;
  font: 800 16px/1.25 var(--font-sans, inherit);
  background: #111214;
  border: 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.cabinet-location-spinner {
  flex: none;
  animation: .8s linear infinite cabinet-location-spin;
}

@media (max-width: 859px) {
  .cabinet-location-menu {
    width: auto;
    left: 12px;
    right: 12px;
  }
}

@keyframes cabinet-location-skeleton {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -220% 0;
  }
}

@keyframes cabinet-location-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .cabinet-location-spinner {
    animation-duration: 1.8s;
  }
}

/* [project]/src/components/media/media.css [app-client] (css) */
.media-processing-indicator {
  color: #555;
  justify-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  display: inline-grid;
}

.media-processing-spinner {
  border: 3px solid #ddd;
  border-top-color: #3d3d3d;
  border-radius: 999px;
  width: 34px;
  height: 34px;
  animation: .85s linear infinite media-spin;
}

.media-upload-tile-progress {
  color: #3d3d3d;
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  padding: 8px;
  display: grid;
}

.media-upload-tile-progress .media-processing-spinner {
  width: 28px;
  height: 28px;
}

.media-upload-tile-progress strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.media-upload-tile-progress small {
  color: #666;
  font-size: 11px;
  line-height: 1;
}

.media-upload-tile-track {
  background: #fff;
  border-radius: 999px;
  width: 100%;
  height: 5px;
  overflow: hidden;
}

.media-upload-tile-track span {
  border-radius: inherit;
  background: #3d3d3d;
  height: 100%;
  transition: width .16s;
  display: block;
}

.master-project-photo-add .media-processing-indicator {
  transform: scale(.72);
}

.media-upload-progress {
  background: #f0f1f6;
  border-radius: 8px;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.media-upload-progress-label {
  color: #444;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  display: flex;
}

.media-upload-progress-track {
  background: #fff;
  border-radius: 999px;
  height: 26px;
  position: relative;
  overflow: hidden;
}

.media-upload-progress-track div {
  border-radius: inherit;
  background: #3d3d3d;
  height: 100%;
  transition: width .18s;
}

.media-upload-progress-track strong {
  color: #222;
  place-items: center;
  font-size: 13px;
  font-weight: 600;
  display: grid;
  position: absolute;
  inset: 0;
}

.media-upload-progress p {
  color: #666;
  margin: 0;
  font-size: 13px;
}

.order-address-control {
  position: relative;
}

.order-address-control__input {
  background: #fff;
  border: 1px solid #d7dee8;
  border-radius: 16px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 0 16px;
  transition: border-color .18s, box-shadow .18s, background .18s;
  display: flex;
}

.order-address-control__input:focus-within {
  border-color: #111;
  box-shadow: 0 12px 34px #11111114;
}

.order-address-control__input svg {
  color: #6f7785;
  flex: none;
}

.order-address-control__input input {
  color: #20232a;
  width: 100%;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
}

.order-address-control__input input.is-invalid {
  color: #c82121;
}

.order-address-control__input:has(input.is-invalid) {
  background: #fff8f7;
  border-color: #ffb4ad;
}

.order-address-suggestions {
  z-index: 30;
  background: #fff;
  border: 1px solid #d9e0ea;
  border-radius: 18px;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow: hidden;
  box-shadow: 0 24px 60px #141c282e;
}

.order-address-suggestions button {
  color: #20232a;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eef1f5;
  padding: 14px 16px;
  transition: background .16s;
  display: block;
}

.order-address-suggestions button:last-child {
  border-bottom: 0;
}

.order-address-suggestions button:hover {
  background: #f3f5f8;
}

.order-address-suggestions__loading {
  gap: 10px;
  padding: 14px 16px;
  display: grid;
}

.order-address-suggestions__loading span {
  background: linear-gradient(90deg, #eef1f5, #fff, #eef1f5) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 14px;
  animation: 1.2s ease-in-out infinite order-skeleton;
}

.order-address-suggestions__error {
  color: #b91c1c;
  gap: 10px;
  padding: 14px 16px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
  display: grid;
}

.order-address-suggestions__error button {
  color: #991b1b;
  width: fit-content;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #ef4444;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 800;
}

.order-work-type-selector {
  gap: 10px;
  display: grid;
}

.order-work-type-selector__selected, .order-work-type-selector__suggestions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.order-work-type-selector__selected button, .order-work-type-selector__suggestions button {
  color: #202124;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.order-work-type-selector__selected button {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.order-work-type-selector__selected button:hover, .order-work-type-selector__suggestions button:hover {
  transform: translateY(-1px);
}

.order-work-type-selector__suggestions button.is-selected {
  background: #f1f3f6;
  border-color: #202124;
}

.order-work-type-selector__search {
  gap: 7px;
  display: grid;
}

.order-work-type-selector__search span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.order-work-type-selector__search input {
  color: #202124;
  width: 100%;
  min-height: 50px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  outline: none;
  padding: 13px 15px;
  font-size: 17px;
  font-weight: 750;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.order-work-type-selector__search input:focus {
  border-color: #111;
  box-shadow: 0 0 0 4px #11111114;
}

.order-work-type-selector.is-error .order-work-type-selector__search input {
  background: #fff7f7;
  border-color: #ef4444;
}

.order-work-type-selector__error {
  color: #dc2626;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.order-work-type-selector__empty {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.order-work-type-selector__load-error {
  color: #b91c1c;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-size: 13px;
  font-weight: 750;
  display: flex;
}

.order-work-type-selector__load-error button {
  color: #991b1b;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #ef4444;
  border-radius: 8px;
  flex: none;
  padding: 0 12px;
  font-weight: 800;
}

@media (max-width: 560px) {
  .order-work-type-selector__load-error {
    flex-direction: column;
    align-items: stretch;
  }

  .order-work-type-selector__load-error button {
    width: 100%;
  }
}

.order-work-type-selector__skeleton {
  background: linear-gradient(90deg, #eef1f5, #fff, #eef1f5) 0 0 / 220% 100%;
  border-radius: 999px;
  width: 148px;
  height: 36px;
  animation: 1.2s ease-in-out infinite order-skeleton;
}

.order-work-type-selector__skeleton.is-short {
  width: 104px;
}

.order-file-manager {
  gap: 16px;
  display: grid;
}

.order-file-manager__toolbar {
  background: #f8fafc;
  border: 1px solid #dbe2ec;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.order-file-manager__toolbar > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.order-file-manager__toolbar strong {
  color: #20232a;
  font-size: 18px;
}

.order-file-manager__toolbar span {
  color: #6f7785;
  font-size: 14px;
  line-height: 1.35;
}

.order-file-upload-button {
  color: #20232a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cfd7e3;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 16px;
  font-weight: 700;
  transition: transform .16s, box-shadow .16s, border-color .16s;
  display: inline-flex;
}

.order-file-upload-button:hover {
  border-color: #111;
  transform: translateY(-1px);
  box-shadow: 0 12px 30px #11111114;
}

.order-file-manager__input {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  block-size: 1px;
  inline-size: 1px;
  position: absolute;
  overflow: hidden;
}

.order-file-manager__error {
  color: #d92828;
  background: #fff8f7;
  border: 1px solid #ffb4ad;
  border-radius: 14px;
  margin: 0;
  padding: 12px 14px;
  font-weight: 700;
}

.order-file-upload-list, .order-file-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 12px;
  display: grid;
}

.order-file-upload-card, .order-file-card {
  background: #fff;
  border: 1px solid #dbe2ec;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  display: flex;
  position: relative;
}

.order-file-card.is-voice {
  grid-column: 1 / -1;
}

.order-file-card.is-voice > :first-child {
  flex: auto;
  min-width: 0;
}

.order-file-upload-card img, .order-file-upload-card__icon, .order-file-card a > span, .order-file-card__preview > span {
  color: #6f7785;
  background: #eef1f5;
  border-radius: 14px;
  flex: 0 0 58px;
  place-items: center;
  width: 58px;
  height: 58px;
  display: grid;
  overflow: hidden;
}

.order-file-upload-card img {
  object-fit: cover;
}

.order-file-upload-card > div, .order-file-card a > div, .order-file-card__preview > div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.order-file-upload-card strong, .order-file-card strong {
  color: #20232a;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  overflow: hidden;
}

.order-file-upload-card small, .order-file-card small, .order-file-card em {
  color: #6f7785;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-style: normal;
  overflow: hidden;
}

.order-file-upload-card small.is-error {
  color: #d92828;
}

.order-file-upload-card > button, .order-file-delete-button {
  color: #6f7785;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dbe2ec;
  border-radius: 12px;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.order-file-delete-button:hover {
  color: #d92828;
  border-color: #ffb4ad;
}

.order-file-card a, .order-file-card__preview {
  min-width: 0;
  color: inherit;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  display: flex;
}

.order-file-card__preview {
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  flex: auto;
  padding: 0;
}

.order-file-card__preview:focus-visible {
  outline-offset: 3px;
  border-radius: 14px;
  outline: 2px solid #111;
}

.order-file-progress {
  background: #edf0f5;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.order-file-progress span {
  border-radius: inherit;
  background: #111;
  height: 100%;
  transition: width .18s;
  display: block;
}

.order-file-empty {
  color: #6f7785;
  background: #fafbfc;
  border: 1px dashed #dbe2ec;
  border-radius: 18px;
  padding: 18px;
  font-weight: 700;
}

.order-file-confirm-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #171d2794;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.order-file-confirm {
  background: #fff;
  border: 1px solid #dbe2ec;
  border-radius: 24px;
  width: min(560px, 100%);
  padding: 28px;
  position: relative;
  box-shadow: 0 28px 90px #1113;
}

.order-file-confirm h2, .order-file-confirm p {
  margin: 0;
}

.order-file-confirm h2 {
  color: #20232a;
  font-size: 28px;
}

.order-file-confirm p {
  color: #6f7785;
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.45;
}

.order-file-confirm__close {
  color: #333;
  cursor: pointer;
  background: #f0f2f5;
  border: 0;
  border-radius: 14px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
  position: absolute;
  top: 18px;
  right: 18px;
}

.order-file-confirm__actions {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 24px;
  display: flex;
}

.order-file-confirm__actions button {
  color: #20232a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dbe2ec;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 18px;
  font-weight: 800;
  display: inline-flex;
}

.order-file-confirm__danger {
  color: #fff !important;
  background: #111 !important;
  border-color: #111 !important;
}

.order-file-button-spinner {
  border: 2px solid #ffffff59;
  border-top-color: #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  animation: .75s linear infinite order-spin;
}

@keyframes order-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes order-skeleton {
  to {
    background-position: -220% 0;
  }
}

.customer-mobile-order-media-strip > span, .customer-pro-order-media-strip > span, .master-media-strip > span, .admin-order-detail__media-strip > span, .admin-order-card__media-strip > span, .superadmin-order-card__media-strip > span {
  cursor: zoom-in;
}

.customer-mobile-order-media-strip > span:focus-visible, .customer-pro-order-media-strip > span:focus-visible, .master-media-strip > span:focus-visible, .admin-order-detail__media-strip > span:focus-visible, .admin-order-card__media-strip > span:focus-visible, .superadmin-order-card__media-strip > span:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #ee002857;
}

.order-media-preview-strip__more {
  color: #fff;
  background: #11121494;
  place-items: center;
  font-size: 18px;
  font-weight: 900;
  display: grid;
  position: absolute;
  inset: 0;
}

.order-media-preview-viewer {
  z-index: 5000;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.order-media-preview-viewer__backdrop {
  cursor: zoom-out;
  background: #101216c7;
  border: 0;
  position: absolute;
  inset: 0;
}

.order-media-preview-viewer__panel {
  z-index: 1;
  background: #111214;
  border: 1px solid #ffffff29;
  border-radius: 16px;
  grid-template-rows: auto minmax(0, 1fr);
  width: min(1040px, 100%);
  height: min(780px, 100dvh - 48px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 26px 90px #0000006b;
}

.order-media-preview-viewer__panel header {
  color: #fff;
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.order-media-preview-viewer__panel header > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.order-media-preview-viewer__panel strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 850;
  overflow: hidden;
}

.order-media-preview-viewer__panel header span {
  color: #ffffffa8;
  font-size: 13px;
  font-weight: 700;
}

.order-media-preview-viewer__panel header button, .order-media-preview-viewer__arrow {
  color: #fff;
  cursor: pointer;
  background: #ffffff1f;
  border: 0;
  border-radius: 14px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.order-media-preview-viewer__stage {
  place-items: center;
  min-width: 0;
  min-height: 0;
  padding: 18px 64px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.order-media-preview-viewer__stage img, .order-media-preview-viewer__stage video {
  object-fit: contain;
  border-radius: 12px;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: block;
}

.order-media-preview-viewer__stage video {
  background: #050608;
}

.order-media-preview-viewer__arrow {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.order-media-preview-viewer__arrow.is-left {
  left: 16px;
}

.order-media-preview-viewer__arrow.is-right {
  right: 16px;
}

.admin-order-detail__media-strip, .admin-order-card__media-strip, .superadmin-order-card__media-strip {
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.admin-order-detail__media-strip {
  gap: 10px;
  margin: 0 0 14px;
}

.admin-order-detail__media-strip > span, .admin-order-card__media-strip > span, .superadmin-order-card__media-strip > span {
  background-color: #eef0f3;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  flex: none;
  width: 58px;
  height: 44px;
  position: relative;
  overflow: hidden;
}

.admin-order-detail__media-strip > span {
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  width: min(180px, 31%);
  height: 112px;
}

.admin-order-detail__media-strip video, .admin-order-card__media-strip video, .superadmin-order-card__media-strip video, .customer-mobile-order-media-strip video, .customer-pro-order-media-strip video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.admin-order-detail__media-strip i, .admin-order-card__media-strip i, .superadmin-order-card__media-strip i, .customer-mobile-order-media-strip i, .customer-pro-order-media-strip i {
  color: #fff;
  background: #0003;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

@media (max-width: 640px) {
  .order-file-manager__toolbar, .order-file-confirm__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .order-file-upload-button, .order-file-confirm__actions button {
    width: 100%;
  }

  .order-file-upload-list, .order-file-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .order-file-confirm-overlay {
    align-items: end;
    padding: 12px;
  }

  .order-media-preview-viewer {
    align-items: stretch;
    padding: 0;
  }

  .order-media-preview-viewer__panel {
    border-radius: 0;
    width: 100%;
    height: 100dvh;
  }

  .order-media-preview-viewer__stage {
    padding: 12px 0;
  }

  .order-media-preview-viewer__arrow {
    border-radius: 12px;
    width: 38px;
    height: 48px;
  }

  .order-media-preview-viewer__arrow.is-left {
    left: 10px;
  }

  .order-media-preview-viewer__arrow.is-right {
    right: 10px;
  }
}

/* [project]/src/features/passport/passport.css [app-client] (css) */
.passport-modal-backdrop {
  z-index: 10000;
  overscroll-behavior: contain;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #11131875;
  place-items: center;
  height: 100dvh;
  padding: 24px;
  animation: .22s cubic-bezier(.22, 1, .36, 1) passport-overlay-in;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.passport-onboarding-page {
  place-items: stretch center;
  width: 100%;
  display: grid;
}

.passport-modal {
  color: #181a20;
  background: #fff;
  border: 1px solid #dde2e9eb;
  border-radius: 20px;
  flex-direction: column;
  width: min(760px, 100%);
  min-height: 0;
  max-height: min(820px, 100dvh - 48px);
  animation: .26s cubic-bezier(.22, 1, .36, 1) passport-modal-in;
  display: flex;
  overflow: hidden;
  box-shadow: 0 28px 90px #11182742;
}

.passport-modal--page {
  width: min(860px, 100%);
  min-height: min(760px, 100dvh - 180px);
  max-height: none;
  box-shadow: none;
  border-radius: 18px;
}

.passport-modal__head {
  border-bottom: 1px solid #edf0f3;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 24px 28px 18px;
  display: flex;
}

.passport-modal__head p {
  color: #6b7280;
  letter-spacing: .02em;
  text-transform: uppercase;
  margin: 0 0 4px;
  font-size: 13px;
  font-weight: 700;
}

.passport-modal__head h2 {
  color: #181a20;
  margin: 0;
  font-size: 30px;
  font-weight: 760;
  line-height: 1.08;
}

.passport-modal__head button {
  color: #4b5563;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: #f2f4f7;
  border: 0;
  border-radius: 14px;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.passport-modal__head button:hover {
  background: #e9edf2;
  transform: translateY(-1px);
}

.passport-modal__intro {
  flex: none;
  padding: 16px 28px 0;
}

.passport-modal__intro p {
  color: #4b5563;
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
}

.passport-stepper {
  flex: none;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 18px 28px 4px;
  display: grid;
}

.passport-stepper span {
  color: #8a93a1;
  align-items: center;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.passport-stepper span:after {
  content: "";
  background: #e2e7ee;
  border-radius: 999px;
  flex: 1;
  height: 2px;
  transition: background-color .32s cubic-bezier(.22, 1, .36, 1);
}

.passport-stepper span:last-child:after {
  display: none;
}

.passport-stepper span > svg {
  --passport-step-color: #d5dce5;
}

.passport-stepper span:not(:has(svg)) {
  --passport-step-color: #d5dce5;
}

.passport-stepper span:before {
  content: "";
  width: 0;
}

.passport-stepper span em {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-style: normal;
  overflow: hidden;
}

.passport-stepper span {
  position: relative;
}

.passport-stepper span > svg, .passport-stepper span {
  transition: color .24s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
}

.passport-stepper span.is-active, .passport-stepper span.is-complete {
  color: #181a20;
}

.passport-stepper span.is-complete:after {
  background: #181a20;
}

.passport-stepper span.is-active {
  transform: translateY(-1px);
}

.passport-modal__body {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  flex: auto;
  min-height: 0;
  padding: 18px 28px 24px;
  overflow-y: auto;
}

.passport-modal--page .passport-modal__body {
  flex: none;
  min-height: 330px;
  overflow: visible;
}

.passport-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.passport-field {
  gap: 8px;
  display: grid;
}

.passport-field.is-wide {
  grid-column: 1 / -1;
}

.passport-address-field {
  grid-column: 1 / -1;
  position: relative;
}

.passport-address-field.has-suggestions {
  margin-bottom: 178px;
}

.passport-field span {
  color: #4b5563;
  font-size: 14px;
  font-weight: 700;
}

.passport-field input {
  color: #181a20;
  background: #fff;
  border: 1px solid #d9dee7;
  border-radius: 12px;
  outline: none;
  width: 100%;
  min-height: 48px;
  padding: 0 14px;
  font-size: 16px;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
}

.passport-field button {
  color: #181a20;
  width: 100%;
  min-height: 48px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9dee7;
  border-radius: 12px;
  padding: 0 14px;
}

.passport-field input:focus {
  border-color: #1f2937;
  box-shadow: 0 0 0 4px #1f293714;
}

.passport-address-suggestions {
  z-index: 4;
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #d9dee7;
  border-radius: 14px;
  gap: 4px;
  max-height: 170px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  overflow-y: auto;
  box-shadow: 0 18px 44px #11182724;
}

.passport-address-suggestions button {
  color: #20242b;
  min-height: 42px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  flex: none;
  padding: 8px 10px;
}

.passport-address-suggestions button:hover {
  background: #f2f4f7;
}

.passport-address-skeleton {
  background: linear-gradient(90deg, #eef1f6, #f8fafc, #eef1f6) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 16px;
  animation: 1.1s ease-in-out infinite passport-skeleton;
}

.passport-address-skeleton.short {
  width: 72%;
}

.passport-field input[aria-invalid="true"], .passport-field button[data-error="true"] {
  border-color: #dc2626;
}

.passport-field small, .passport-form-error {
  color: #b42318;
  margin: 0;
  font-size: 13px;
  font-weight: 700;
}

.passport-rejection-notice {
  color: #991b1b;
  background: #fff7f7;
  border: 1px solid #ef4444;
  border-radius: 8px;
  grid-column: 1 / -1;
  margin-bottom: 16px;
  padding: 16px;
}

.passport-rejection-notice strong {
  color: #7f1d1d;
  margin-bottom: 6px;
  display: block;
}

.passport-rejection-notice p {
  margin: 0;
  line-height: 1.5;
}

.passport-review-state--error > svg {
  color: #dc2626;
}

.passport-review-state--error button {
  color: #fff;
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 8px;
  margin-top: 8px;
  padding: 0 18px;
  font-weight: 700;
}

.passport-upload-step {
  text-align: center;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 16px;
  align-content: center;
  justify-items: center;
  gap: 12px;
  min-height: 420px;
  padding: 30px;
  display: grid;
}

.passport-upload-step h3, .passport-review-state h3 {
  color: #181a20;
  margin: 0;
  font-size: 24px;
  font-weight: 760;
}

.passport-upload-step p, .passport-review-state p {
  color: #667085;
  max-width: 440px;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

.passport-upload-button {
  color: #fff;
  cursor: pointer;
  background: #181a20;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 20px;
  font-size: 15px;
  font-weight: 760;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.passport-upload-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 26px #1118272e;
}

.passport-upload-button input {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.passport-upload-progress {
  gap: 8px;
  width: min(360px, 100%);
  display: grid;
}

.passport-upload-progress:before {
  content: "";
  display: none;
}

.passport-upload-progress {
  background: #e9edf3;
  border-radius: 999px;
  height: 28px;
  position: relative;
  overflow: hidden;
}

.passport-upload-progress span {
  border-radius: inherit;
  background: linear-gradient(90deg, #181a20, #3b414c);
  transition: width .2s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  inset: 0 auto 0 0;
}

.passport-upload-progress strong {
  z-index: 1;
  color: #fff;
  align-self: center;
  font-size: 12px;
  font-weight: 800;
  position: relative;
}

.passport-upload-preview {
  background: #f6f7fa;
  border: 1px solid #e2e7ee;
  border-radius: 18px;
  width: min(520px, 100%);
  overflow: hidden;
  box-shadow: 0 18px 46px #1118271f;
}

.passport-upload-preview img {
  object-fit: contain;
  width: 100%;
  max-height: 360px;
  display: block;
}

.passport-upload-illustration {
  background: linear-gradient(#fff, #f8fafc);
  border-radius: 22px;
  place-items: center;
  width: min(560px, 100%);
  padding: 18px;
  display: grid;
}

.passport-upload-illustration img {
  object-fit: contain;
  width: 100%;
  max-height: 230px;
  display: block;
}

.passport-modal__actions {
  z-index: 2;
  background: #fff;
  border-top: 1px solid #edf0f3;
  flex: none;
  justify-content: flex-end;
  gap: 12px;
  padding: 18px 28px 24px;
  display: flex;
  position: relative;
}

.passport-modal__actions button {
  color: #fff;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: #181a20;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 150px;
  min-height: 48px;
  font-size: 15px;
  font-weight: 760;
  display: inline-flex;
}

.passport-modal__actions button.is-secondary {
  color: #2f3540;
  background: #f0f2f5;
}

.passport-modal__actions button:disabled {
  cursor: not-allowed;
  opacity: .45;
}

.passport-modal__actions button svg {
  animation: .8s linear infinite passport-spin;
}

.passport-review-state {
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 12px;
  min-height: 300px;
  display: grid;
}

.passport-review-state > svg {
  color: #067647;
  background: #e8f7ed;
  border-radius: 18px;
  width: 56px;
  height: 56px;
  padding: 14px;
}

@keyframes passport-overlay-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes passport-modal-in {
  from {
    opacity: 0;
    transform: translateY(16px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes passport-spin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes passport-skeleton {
  to {
    background-position: -220% 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .passport-modal-backdrop, .passport-modal, .passport-modal__head button, .passport-field input, .passport-upload-progress span {
    transition: none;
    animation: none;
  }
}

@media (max-width: 700px) {
  .passport-modal-backdrop {
    align-items: stretch;
    height: 100dvh;
    min-height: 0;
    padding: 0;
  }

  .passport-modal-backdrop .passport-modal {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100dvh;
    min-height: 0;
    max-height: 100dvh;
  }

  .passport-modal--page {
    width: 100%;
    min-height: min(760px, 100dvh - 180px);
    max-height: none;
  }

  .passport-modal__head {
    padding: calc(env(safe-area-inset-top) + 18px) 18px 14px;
  }

  .passport-modal__head h2 {
    font-size: 25px;
  }

  .passport-modal__intro, .passport-stepper, .passport-modal__body, .passport-modal__actions {
    padding-left: 18px;
    padding-right: 18px;
  }

  .passport-stepper {
    scrollbar-width: none;
    display: flex;
    overflow-x: auto;
  }

  .passport-stepper::-webkit-scrollbar {
    display: none;
  }

  .passport-stepper span {
    flex: none;
  }

  .passport-stepper span:after {
    flex: 0 0 28px;
    width: 28px;
  }

  .passport-form-grid {
    grid-template-columns: 1fr;
  }

  .passport-upload-step {
    min-height: 360px;
    padding: 22px;
  }

  .passport-modal__actions {
    padding-bottom: calc(max(18px, env(safe-area-inset-bottom)) + 8px);
    flex-direction: column-reverse;
  }

  .passport-modal__actions button {
    width: 100%;
  }
}

/* [project]/src/features/auth/auth.css [app-client] (css) */
.mobile-smeta-logo {
  color: #222;
  letter-spacing: 0;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  display: flex;
}

.smeta-m2-link-page {
  min-height: 100svh;
  padding: max(24px, env(safe-area-inset-top)) 18px max(24px, env(safe-area-inset-bottom));
  background: #f1f3f6;
  place-items: center;
  display: grid;
}

.smeta-m2-link-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 20px;
  gap: 24px;
  width: min(100%, 560px);
  padding: clamp(22px, 5vw, 36px);
  display: grid;
  box-shadow: 0 24px 80px #0f172a1a;
}

.smeta-m2-link-brand {
  align-items: center;
  gap: 14px;
  display: flex;
}

.smeta-m2-link-logo {
  background: #f0042f;
  flex: none;
  width: 42px;
  height: 42px;
}

.smeta-m2-link-brand span:not(.smeta-m2-link-logo) {
  color: #8a93a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
}

.smeta-m2-link-brand h1 {
  color: #202124;
  margin: 2px 0 0;
  font-size: clamp(30px, 7vw, 44px);
  line-height: 1;
}

.smeta-m2-link-form {
  gap: 14px;
  display: grid;
}

.smeta-m2-link-form p {
  color: #69707d;
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.smeta-m2-link-form label {
  gap: 7px;
  display: grid;
}

.smeta-m2-link-optional {
  background: #fbfcfd;
  border: 1px solid #e7ebf1;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.smeta-m2-link-form .smeta-m2-link-note {
  color: #7a8493;
  font-size: 14px;
  line-height: 1.35;
}

.smeta-m2-link-form label span {
  color: #69707d;
  font-size: 13px;
  font-weight: 850;
}

.smeta-m2-link-form input {
  color: #202124;
  width: 100%;
  min-height: 58px;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  padding: 0 16px;
  font-size: 20px;
  font-weight: 800;
}

.smeta-m2-link-form input[aria-invalid="true"] {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.smeta-m2-link-checkbox {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 10px;
}

.smeta-m2-link-checkbox input {
  accent-color: #111214;
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
}

.smeta-m2-link-checkbox span {
  color: #202124;
  font-size: 15px;
  line-height: 1.35;
}

.smeta-m2-link-form small, .smeta-m2-link-error {
  color: #d92d20;
  margin: 0;
  font-size: 14px;
  font-weight: 750;
}

.smeta-m2-link-form button {
  color: #fff;
  min-height: 58px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 900;
}

.smeta-m2-link-form button:disabled {
  opacity: .65;
}

.smeta-m2-link-spinner {
  animation: .8s linear infinite login-inline-spin;
}

.smeta-m2-link-success {
  color: #1f7a3d;
  background: #f0faf4;
  border: 1px solid #ccebd6;
  border-radius: 16px;
  gap: 4px;
  padding: 16px;
  display: grid;
}

.smeta-m2-link-success strong {
  font-size: 20px;
}

.smeta-m2-link-skeleton {
  gap: 12px;
  display: grid;
}

.smeta-m2-link-skeleton span {
  background: linear-gradient(90deg, #eef1f5 0%, #f8fafc 50%, #eef1f5 100%) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 18px;
  animation: 1.2s ease-in-out infinite login-skeleton-shimmer;
}

.smeta-m2-link-skeleton span:nth-child(2) {
  width: 78%;
}

.smeta-m2-link-skeleton span:nth-child(3) {
  width: 46%;
}

@keyframes login-skeleton-shimmer {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -120% 0;
  }
}

.mobile-smeta-logo span {
  background: #ed001f;
  width: 18px;
  height: 18px;
}

.auth-form, .onboarding-list {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.onboarding-form {
  gap: 12px;
}

.auth-note, .onboarding-item {
  background: var(--surface-strong);
  color: var(--muted);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  font-size: 14px;
  display: flex;
}

.login-entry {
  background: #eee;
  grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);
  min-height: 100vh;
  display: grid;
}

.login-visual {
  background: #f2f3f5;
  place-items: center;
  min-height: 100vh;
  padding: 48px;
  display: grid;
}

.login-visual-card {
  background: linear-gradient(135deg, #fffffff5, #f5f6f8e6), #f6f7f9;
  border-radius: 8px;
  width: min(620px, 100%);
  min-height: 640px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 80px #18202c24;
}

.visual-logo {
  color: #2b2b2b;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  display: flex;
  position: absolute;
  top: 34px;
  left: 34px;
}

.visual-logo span {
  background: #ed001f;
  width: 30px;
  height: 30px;
}

.visual-phone {
  background: #fff;
  border-radius: 30px;
  width: 260px;
  height: 520px;
  padding: 28px 22px;
  position: absolute;
  bottom: 54px;
  right: 54px;
  box-shadow: 0 28px 70px #1a202c2e;
}

.visual-phone-header {
  background: #d9dce3;
  border-radius: 999px;
  width: 84px;
  height: 8px;
  margin: 0 auto 46px;
}

.visual-phone-line, .visual-phone-field, .visual-phone-button {
  background: #eef0f5;
  border-radius: 10px;
}

.visual-phone-line {
  width: 68%;
  height: 22px;
  margin-bottom: 12px;
}

.visual-phone-line.wide {
  width: 100%;
}

.visual-phone-field {
  height: 54px;
  margin-top: 34px;
}

.visual-phone-button {
  background: #444;
  height: 48px;
  margin-top: 42px;
}

.visual-caption {
  width: 290px;
  position: absolute;
  bottom: 42px;
  left: 36px;
}

.visual-title {
  color: #20242b;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.06;
}

.visual-caption p {
  color: #667085;
  margin-top: 16px;
  font-size: 17px;
  line-height: 1.5;
}

.login-panel {
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding: 56px 6vw;
  display: flex;
  position: relative;
}

.login-card {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  width: min(430px, 100%);
  min-height: 640px;
  margin: 0;
  display: flex;
}

.login-topbar {
  background: none;
  justify-content: space-between;
  align-items: center;
  min-height: 34px;
  margin: 0;
  padding: 0;
  display: flex;
  position: absolute;
  top: 56px;
  left: 6vw;
  right: 6vw;
}

.login-topbar button {
  color: #3f3f3f;
  background: none;
  border: 0;
  font-size: 16px;
  text-decoration: underline;
}

.login-brand {
  color: #2b2b2b;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  display: flex;
}

.login-brand-mark {
  background: #ed001f;
  width: 30px;
  height: 30px;
}

.login-form {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.login-step-stack {
  flex-direction: column;
  display: flex;
}

.login-mock-card {
  background: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.login-mock-card h1 {
  color: #2f2f2f;
  text-align: left;
  max-width: 360px;
  margin: 0 0 32px;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.14;
}

.login-form input {
  color: #3d3d3d;
  background: #f0f1f6;
  border: 1px solid #0000;
  border-radius: 9px;
  width: 100%;
  height: 58px;
  padding: 0 18px;
  font-size: 18px;
}

.login-form input:focus {
  outline: 0;
  box-shadow: 0 0 0 2px #44444424;
}

.login-form input.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201f;
}

.login-field-error {
  color: #d92d20;
  margin: -6px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

.login-field-error span {
  font-weight: 700;
}

.login-submit {
  background: #444;
  border-color: #444;
  width: 100%;
  height: 54px;
  margin-top: 2px;
  font-size: 17px;
}

.login-submit:disabled, .max-login:disabled {
  cursor: not-allowed;
  opacity: .7;
}

.max-login {
  gap: 9px;
  width: 100%;
  height: 48px;
  margin-top: 14px;
}

.max-login-icon {
  border-radius: 6px;
  flex: none;
  width: 24px;
  height: 24px;
}

.login-max-overlay {
  z-index: 120;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #14182075;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.login-max-dialog {
  background: #fff;
  border: 1px solid #e1e5ec;
  border-radius: 16px;
  width: min(430px, 100%);
  padding: 28px;
  position: relative;
  box-shadow: 0 30px 80px #10182838;
}

.login-max-close {
  color: #343a46;
  background: #f0f1f6;
  border: 0;
  border-radius: 12px;
  width: 42px;
  height: 42px;
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: 16px;
  right: 16px;
}

.login-max-logo {
  border-radius: 16px;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  display: block;
}

.login-max-dialog h2 {
  color: #20242b;
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
}

.login-max-dialog p:not(.login-max-kicker) {
  color: #667085;
  margin: 16px 0 0;
  font-size: 17px;
  line-height: 1.45;
}

.login-max-actions {
  gap: 10px;
  margin-top: 24px;
  display: grid;
}

.login-max-open {
  text-decoration: none;
}

.text-button {
  color: #4b4b4b;
  background: none;
  border: 0;
  align-self: center;
  font-size: 14px;
  text-decoration: underline;
}

.login-consents {
  border: 1px solid #0000;
  border-radius: 9px;
  gap: 13px;
  margin-top: 16px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.login-consents.has-error {
  background: snow;
  border-color: #d92d2059;
  margin-inline: -8px;
  padding: 8px;
}

.login-consents label {
  color: #4f4f4f;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 26px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  display: grid;
}

.login-consents input {
  appearance: none;
  background: #fff;
  border: 1.5px solid #8d8d8d;
  border-radius: 5px;
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.login-consents input:checked {
  background: #fff;
  border-color: #444;
  box-shadow: inset 0 0 0 6px #444;
}

.login-consents label.is-error {
  color: #3d3d3d;
}

.login-consents label.is-error input {
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201f;
}

.login-consents em {
  color: #d92d20;
  font-style: normal;
  font-weight: 600;
}

.login-consents small {
  color: #d92d20;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.25;
  display: block;
}

.login-form .login-consents input {
  width: 24px;
  min-width: 24px;
  height: 24px;
  padding: 0;
}

.login-role-links {
  gap: 18px;
  padding: 34px 0 0;
  display: grid;
}

.login-role-links button {
  color: #2f2f2f;
  text-align: left;
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 1px solid #ff4aa2;
  width: max-content;
  max-width: 100%;
  min-height: 29px;
  padding-right: 24px;
  font-size: 17px;
  line-height: 1.2;
  transition: color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1);
}

.login-role-links button:hover {
  color: #151515;
  border-color: #d91d75;
}

.login-code-field {
  color: #555;
  gap: 8px;
  font-size: 14px;
  display: grid;
}

.login-resend-button {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  display: inline-flex;
}

.login-resend-button:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.login-resend-notice {
  color: #08764b;
  background: #eaf7ef;
  border-radius: 8px;
  margin: 0;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.login-inline-spinner {
  animation: .8s linear infinite login-inline-spin;
}

@keyframes login-inline-spin {
  to {
    transform: rotate(360deg);
  }
}

.login-mobile-footer {
  color: #f0f0f0;
  background: #202020;
  font-size: 13px;
  line-height: 1.75;
  display: none;
}

.login-mobile-footer button {
  color: #3f3f3f;
  background: #fff;
  border: 0;
  border-radius: 8px;
  width: 100%;
  height: 44px;
  font-size: 16px;
}

.login-mobile-footer div, .login-mobile-footer > p {
  border-top: 1px solid #343434;
  padding-top: 18px;
}

.login-support-overlay {
  z-index: 10000;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
}

.login-support-backdrop {
  background: #14182094;
  border: 0;
  position: absolute;
  inset: 0;
}

.login-support-dialog {
  background: #fff;
  border: 1px solid #dce1e8;
  border-radius: 8px;
  width: 100%;
  max-width: 580px;
  max-height: calc(100dvh - 40px);
  padding: 26px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 30px 80px #10182838;
}

.login-support-close {
  background: #f0f2f5;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: flex;
  position: absolute;
  top: 18px;
  right: 18px;
}

.login-support-form, .login-support-success {
  gap: 17px;
  display: grid;
}

.login-support-form > span {
  color: #7a8494;
  text-transform: uppercase;
  padding-right: 52px;
  font-size: 12px;
  font-weight: 850;
}

.login-support-form h2, .login-support-success h2, .login-support-form p, .login-support-success p {
  margin: 0;
}

.login-support-form h2, .login-support-success h2 {
  letter-spacing: 0;
  padding-right: 48px;
  font-size: 28px;
  line-height: 1.15;
}

.login-support-form p, .login-support-success p {
  color: #667085;
  line-height: 1.5;
}

.login-support-form label {
  gap: 7px;
  display: grid;
}

.login-support-form label strong {
  font-size: 14px;
}

.login-support-form input, .login-support-form textarea {
  color: #20242b;
  font: inherit;
  resize: vertical;
  background: #f6f7f9;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  width: 100%;
  min-height: 50px;
  padding: 12px 14px;
}

.login-support-form textarea {
  min-height: 128px;
}

.login-support-form input:focus, .login-support-form textarea:focus {
  border-color: #20242b;
  outline: 2px solid #20242b1f;
}

.login-support-form input[aria-invalid="true"], .login-support-form textarea[aria-invalid="true"] {
  border-color: #e43b32;
  outline-color: #e43b321f;
}

.login-support-form label small, .login-support-action-error {
  color: #c9271f;
  font-weight: 750;
}

.login-support-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
  gap: 10px;
  display: grid;
}

.login-support-actions > button:first-child {
  font: inherit;
  background: #f0f2f5;
  border: 0;
  border-radius: 8px;
  font-weight: 800;
}

.login-support-form .mock-dark-button, .login-support-success .mock-dark-button {
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 50px;
  display: flex;
}

.login-support-spinner {
  animation: .75s linear infinite login-support-spin;
}

.login-support-success {
  justify-items: start;
  padding-top: 10px;
}

.login-support-success > svg {
  color: #218044;
}

@keyframes login-support-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 640px) {
  .login-support-overlay {
    align-items: flex-end;
    padding: 0;
  }

  .login-support-dialog {
    max-width: none;
    max-height: calc(100dvh - 14px);
    padding: 22px 18px calc(22px + env(safe-area-inset-bottom));
    border-radius: 8px 8px 0 0;
  }

  .login-support-actions {
    grid-template-columns: 1fr;
  }

  .login-support-actions > button {
    min-height: 50px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .login-support-spinner {
    animation: none;
  }
}

@media (max-width: 1040px) {
  .login-entry {
    background: #eee;
    grid-template-columns: 1fr;
  }

  .login-visual {
    display: none;
  }

  .login-panel {
    background: #eee;
    justify-content: flex-start;
    min-height: 100dvh;
    padding: 0;
    position: static;
  }

  .login-card {
    flex: initial;
    justify-content: center;
    width: 100%;
    min-height: 100dvh;
    margin: 0;
  }

  .login-topbar {
    background: #fff;
    min-height: 62px;
    margin-bottom: 12px;
    padding: 0 18px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }

  .login-step-stack {
    grid-template-rows: minmax(100dvh, auto) auto;
    align-content: start;
    min-height: 100dvh;
    padding-top: 74px;
    padding-bottom: 28px;
    display: grid;
  }

  .login-step-stack > .login-mock-card {
    align-self: center;
  }

  .login-form {
    gap: 14px;
  }

  .login-mock-card {
    background: #fff;
    border-radius: 8px;
    padding: 34px 20px 31px;
  }

  .login-mock-card h1 {
    text-align: center;
    max-width: 250px;
    margin: 0 auto 18px;
    font-size: 18px;
    line-height: 1.35;
  }

  .login-form input {
    height: 51px;
    padding: 0 16px;
    font-size: 17px;
  }

  .login-submit {
    height: 45px;
    font-size: inherit;
    margin-top: 4px;
  }

  .login-consents {
    gap: 11px;
    margin-top: 12px;
  }

  .login-consents label {
    align-items: start;
    font-size: 11px;
    line-height: 1.25;
  }

  .login-role-links {
    gap: 17px;
    padding: 28px 22px 0;
  }

  .login-role-links button {
    width: auto;
    max-width: none;
    padding-right: 0;
    font-size: 16px;
  }

  .login-mobile-footer {
    gap: 18px;
    padding: 23px 20px 24px;
    display: grid;
  }
}

@media (max-width: 720px) {
  .login-brand-mark {
    width: 20px;
    height: 20px;
  }

  .login-brand {
    font-size: 11px;
  }
}

.mobile-mockup-stage {
  color: #3d3d3d;
  background: #fff;
  min-height: 100vh;
  display: block;
}

.mobile-service-screen {
  background: #fff;
  width: 100%;
  min-height: 100vh;
}

.mobile-service-header {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: 72px;
  padding: 0 20px;
  display: flex;
}

.mobile-service-header a, .mobile-service-header button {
  color: #4b4b4b;
  background: none;
  border: 0;
  font-size: 13px;
  text-decoration: underline;
}

.mobile-service-subbar {
  background: #fff;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  height: 47px;
  padding: 0 17px;
  display: flex;
  box-shadow: 0 0 13px #0000001c;
}

.mobile-service-subbar strong {
  color: #303030;
  font-size: 16px;
  font-weight: 700;
}

.mobile-service-subbar a, .mobile-service-subbar button {
  color: #444;
  background: #f3f2fa;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 73px;
  height: 30px;
  font-size: 16px;
  display: inline-flex;
}

.onboarding-responsive-layout {
  width: 100%;
}

.onboarding-flow-panel, .onboarding-step-motion {
  min-width: 0;
}

.onboarding-desktop-panel {
  display: none;
}

.onboarding-mock-card {
  background: #fff;
  flex-direction: column;
  min-height: calc(100vh - 72px);
  padding: 28px 20px 25px;
  display: flex;
}

.onboarding-mock-card h1 {
  color: #3d3d3d;
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.32;
}

.onboarding-mock-card h2 {
  color: #3d3d3d;
  margin: 26px 0 14px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
}

.mock-input, .mock-value-card {
  color: #3f3f3f;
  background: #f0f1f6;
  border: 1px solid #0000;
  border-radius: 9px;
  width: 100%;
  min-height: 55px;
  margin-bottom: 6px;
  padding: 15px 17px;
  font-size: 18px;
  line-height: 1.28;
  transition: padding-left .2s cubic-bezier(.22, 1, .36, 1), padding-top .18s, padding-bottom .18s, border-color .18s, background-color .18s, box-shadow .18s;
  position: relative;
}

.mock-field {
  margin-bottom: 6px;
  display: block;
  position: relative;
}

.mock-field .mock-input {
  margin-bottom: 0;
}

.mock-field > .mock-field-label {
  z-index: 1;
  color: #8a8a8a;
  opacity: 0;
  pointer-events: none;
  font-size: 18px;
  line-height: 1;
  transition: left .18s, top .18s, transform .18s, font-size .18s, opacity .12s;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

.mock-field.has-value > .mock-field-label {
  opacity: 1;
  font-size: 11px;
  top: 7px;
  left: 17px;
  transform: translateY(0);
}

.mock-field.has-value .mock-input {
  padding-top: 22px;
  padding-bottom: 8px;
}

.mock-field.is-readonly .mock-input {
  color: #555;
  background: #e8e9ee;
}

.mock-field.is-error .mock-input {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201f;
}

.mock-field.is-error > .mock-field-label {
  color: #b42318;
}

.mock-field.is-select:after {
  content: "";
  pointer-events: none;
  border-bottom: 2px solid #777;
  border-right: 2px solid #777;
  width: 9px;
  height: 9px;
  position: absolute;
  top: 27px;
  right: 17px;
  transform: translateY(-50%)rotate(45deg);
}

.mock-field.is-select .mock-input {
  appearance: none;
  padding-right: 42px;
}

.mock-field.is-select .mock-input:invalid {
  color: #757575;
}

.mock-field.has-leading-adornment > .mock-field-label, .mock-field.has-leading-adornment.has-value > .mock-field-label {
  left: 82px;
}

.mock-field.has-leading-adornment .mock-input {
  padding-left: 82px;
}

.mock-field-adornment {
  z-index: 2;
  pointer-events: none;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 14px;
  transform: translateY(-50%);
}

.mock-field.has-value .mock-field-adornment {
  top: 58%;
}

.bank-card-logo {
  object-fit: contain;
  width: 52px;
  height: 27px;
  display: block;
  overflow: visible;
}

.bank-card-logo-maestro rect:first-child {
  fill: #fff;
}

.bank-card-logo-maestro circle:first-of-type {
  fill: #0099df;
}

.bank-card-logo-maestro circle:nth-of-type(2) {
  fill: #ed0006;
}

.bank-card-logo-maestro path {
  fill: #6c6bba;
}

.bank-card-logo-amex rect:first-child {
  fill: #2e77bc;
}

.bank-card-logo-amex path, .bank-card-logo-unionpay rect:first-child {
  fill: #fff;
}

.bank-card-logo-unionpay path:first-of-type {
  fill: #d10429;
}

.bank-card-logo-unionpay path:nth-of-type(2) {
  fill: #00447c;
}

.bank-card-logo-unionpay path:nth-of-type(3) {
  fill: #007a3d;
}

.bank-card-logo-unionpay path:nth-of-type(4) {
  fill: #fff;
}

.mock-field small {
  color: #d92d20;
  margin: 5px 0 0 2px;
  font-size: 12px;
  line-height: 1.25;
  display: block;
}

.mock-field.is-textarea.has-value .mock-input {
  padding-top: 24px;
}

.mock-field.is-short .mock-textarea {
  min-height: 66px;
}

.mock-textarea {
  resize: none;
  min-height: 112px;
}

.mock-short-textarea {
  min-height: 66px;
}

.mock-input::placeholder {
  color: #757575;
  opacity: 1;
}

.mock-input:focus {
  outline: 0;
  box-shadow: inset 0 0 0 1px #bfc4ce;
}

.onboarding-invite-block {
  margin-top: 26px;
}

.onboarding-invite-block p {
  color: #3d3d3d;
  margin-bottom: 12px;
  font-size: 24px;
  line-height: 1.28;
}

.onboarding-status-buttons {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 8px 0 18px;
  display: grid;
}

.onboarding-large-status {
  gap: 11px;
  display: grid;
}

.onboarding-large-status .mock-dark-button, .onboarding-large-status .mock-muted-button {
  width: 100%;
  min-height: 45px;
}

.mock-auth-choice-card {
  background: #fff;
  border-radius: 8px;
  gap: 18px;
  margin: -1px -20px 26px;
  padding: 28px 20px 24px;
  display: grid;
}

.mock-auth-choice-card h1 {
  text-align: center;
  max-width: 230px;
  margin: 0 auto 6px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
}

.mock-auth-choice-card .mock-dark-button {
  width: 100%;
  min-height: 45px;
}

.mock-auth-role-links {
  gap: 20px;
  display: grid;
}

.mock-auth-role-links button {
  color: #323232;
  text-align: left;
  background: none;
  border: 0;
  border-bottom: 1px solid #ff4aa2;
  min-height: 28px;
  font-size: 17px;
  line-height: 1.25;
  transition: color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1);
}

.mock-auth-role-links button:hover {
  color: #151515;
  border-color: #d91d75;
}

.mock-section-label {
  color: #3d3d3d;
  margin: 18px 0 12px;
  font-size: 18px;
  line-height: 1.35;
}

.mock-consents {
  border: 1px solid #0000;
  border-radius: 8px;
  gap: 11px;
  margin: 22px 0;
  display: grid;
}

.mock-consents.has-error {
  background: snow;
  border-color: #d92d2059;
  margin-inline: -8px;
  padding: 8px;
}

.mock-consents label {
  color: #4d4d4d;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  font-size: 11px;
  line-height: 1.25;
  display: grid;
}

.mock-consents input {
  appearance: none;
  background: #fff;
  border: 1px solid #c8ccd3;
  border-radius: 3px;
  width: 24px;
  height: 24px;
}

.mock-consents input:checked {
  border: 6px solid #4c4c4c;
}

.mock-consents label.is-error input {
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201f;
}

.mock-consents em {
  color: #d92d20;
  font-style: normal;
  font-weight: 600;
}

.mock-consents small {
  color: #d92d20;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.25;
  display: block;
}

.mock-bottom-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: auto;
  padding-top: 22px;
  display: grid;
}

.mock-bottom-actions-single {
  grid-template-columns: 1fr;
}

.location-actions {
  grid-template-columns: 1fr 1fr;
}

.mock-dark-button, .mock-muted-button {
  color: #fff;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-height: 45px;
  padding: 0 14px;
  font-size: 16px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .12s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.mock-dark-button {
  background: #151515;
}

.mock-muted-button {
  color: #3d3d3d;
  background: #f0f1f6;
}

.mock-dark-button:not(:disabled):hover, .mock-muted-button:not(:disabled):hover {
  box-shadow: 0 9px 18px #1818181f;
}

.mock-dark-button:not(:disabled):active, .mock-muted-button:not(:disabled):active {
  transform: scale(.985);
}

.mock-dark-button:disabled, .mock-muted-button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.mock-button-spinner {
  border: 2px solid #ffffff61;
  border-top-color: #fff;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  margin-right: 9px;
  animation: .75s linear infinite media-spin;
}

.mock-error, .action-inline-error {
  color: #d92d20;
  margin: 10px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

.review-field-error {
  background: snow;
  border: 1px solid #d92d2047;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px 12px;
  display: grid;
}

.review-field-error p {
  color: #d92d20;
  margin: 0;
  font-size: 13px;
  line-height: 1.3;
}

.review-field-error button {
  color: #3f3f3f;
  background: none;
  border: 0;
  font-size: 13px;
  text-decoration: underline;
}

.login-action-error {
  margin-top: -4px;
}

.mock-card-copy {
  color: #555;
  margin: -8px 0 18px;
  font-size: 18px;
  line-height: 1.35;
}

.mock-inline-link {
  color: #ed001f;
  cursor: pointer;
  background: none;
  border: 0;
  width: fit-content;
  margin: -18px 0 18px;
  padding: 0;
  font-family: inherit;
  font-size: 18px;
  text-decoration: underline;
}

.onboarding-master-profile-card h2 {
  margin-top: 10px;
  font-size: 20px;
  line-height: 1.35;
}

.onboarding-map-screen {
  background: #fff;
  flex-direction: column;
  min-height: calc(100vh - 72px);
  display: flex;
}

.onboarding-yandex-map {
  background: #e8edf1;
  border: 0;
  flex: 1 0 355px;
  width: 100%;
  min-height: 355px;
}

.onboarding-map-sheet {
  background: #fff;
  border-radius: 8px 8px 0 0;
  margin-top: -8px;
  padding: 24px 20px 25px;
}

.onboarding-map-sheet h1 {
  color: #3d3d3d;
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.28;
}

.onboarding-map-sheet p {
  color: #4d4d4d;
  margin: 0 0 16px;
  font-size: 18px;
  line-height: 1.35;
}

.onboarding-check-card, .onboarding-profile-card {
  border-radius: 8px;
  min-height: calc(100vh - 125px);
  margin-top: 6px;
}

.onboarding-legal-card {
  min-height: calc(100vh - 72px);
  padding-top: 18px;
}

.onboarding-legal-card h1 {
  margin-bottom: 16px;
  font-size: 23px;
}

.onboarding-legal-card h2 {
  margin: 15px 0 12px;
  font-size: 18px;
}

.onboarding-legal-card .onboarding-status-buttons {
  grid-template-columns: 1fr;
}

.legal-submit {
  width: 100%;
  margin-top: 14px;
}

.onboarding-check-card h1 {
  margin-bottom: 14px;
}

.onboarding-check-actions {
  gap: 9px;
  margin-top: auto;
  padding-top: 24px;
  display: grid;
}

.onboarding-complete-card {
  border: 1px solid #e0e0e0;
  border-radius: 7px;
  align-items: stretch;
  min-height: auto;
  margin-top: 0;
  padding: 26px 20px 18px;
}

.onboarding-complete-card h1 {
  margin-bottom: 18px;
  font-size: 24px;
  line-height: 1.25;
}

.onboarding-complete-card p {
  color: #3d3d3d;
  margin: 0 0 22px;
  font-size: 18px;
  line-height: 1.35;
}

.mock-cup {
  background: none;
  align-self: center;
  place-items: center;
  width: 118px;
  height: 86px;
  margin: 0 0 28px;
  display: grid;
}

.mock-cup span {
  border: 3px solid #c9c9c9;
  border-radius: 12px 12px 16px 16px;
  width: 62px;
  height: 58px;
  position: relative;
}

.mock-cup span:before {
  content: "";
  border: 3px solid #c9c9c9;
  border-left: 0;
  border-radius: 0 14px 14px 0;
  width: 21px;
  height: 30px;
  position: absolute;
  top: 15px;
  right: -23px;
}

.mock-cup span:after {
  content: "≋";
  color: #c9c9c9;
  font-size: 42px;
  line-height: 1;
  position: absolute;
  top: -42px;
  left: 14px;
}

.mock-link-button {
  color: #4b4b4b;
  text-underline-offset: 3px;
  background: none;
  border: 0;
  align-self: flex-start;
  margin: 18px 0 0 21px;
  font-size: 18px;
  -webkit-text-decoration: underline #ff2b87;
  text-decoration: underline #ff2b87;
}

.autofill-modal-backdrop {
  z-index: 50;
  background: #00000057;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.autofill-modal {
  background: #fff;
  border-radius: 8px;
  width: min(322px, 100%);
  padding: 20px;
  box-shadow: 0 18px 45px #0000002e;
}

.autofill-modal h2 {
  color: #3d3d3d;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.28;
}

.max-email-link-modal {
  width: min(420px, 100%);
}

.max-email-link-modal p {
  color: #5f6673;
  margin: 12px 0 18px;
  font-size: 16px;
  line-height: 1.45;
}

.max-email-link-modal form {
  gap: 0;
  display: grid;
}

.max-email-link-resend {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  margin-top: 12px;
  display: inline-flex;
}

.max-email-link-resend:disabled {
  cursor: not-allowed;
  opacity: .58;
}

.max-email-link-notice {
  background: #eaf7ef;
  border-radius: 8px;
  padding: 10px 12px;
  font-weight: 750;
  color: #08764b !important;
  margin: 10px 0 0 !important;
  font-size: 13px !important;
}

.autofill-modal-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.autofill-modal-actions-single {
  grid-template-columns: 1fr;
}

.onboarding-self-employed-link {
  align-self: center;
  margin: 14px 0 0;
  font-size: 16px;
}

.self-employment-modal {
  text-align: center;
  position: relative;
}

.self-employment-modal p {
  color: #626873;
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.45;
}

.self-employment-modal__icon {
  border-radius: 30px;
  place-items: center;
  width: 112px;
  height: 112px;
  margin: 4px auto 22px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 18px 38px #222d4624;
}

.self-employment-modal__app-icon {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.self-employment-modal__links {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 18px 0;
  display: grid;
}

.self-employment-modal__links a {
  color: #20242b;
  border: 1px solid #d8dde7;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.store-icon {
  object-fit: contain;
  flex: none;
  width: 24px;
  height: 24px;
}

.onboarding-status-note {
  color: #626873;
  margin: -6px 0 22px;
  font-size: 16px;
  line-height: 1.45;
}

.onboarding-precheck-card {
  justify-content: center;
  min-height: 360px;
}

.onboarding-precheck-skeleton, .onboarding-precheck-grid span {
  background: linear-gradient(90deg, #eef0f5 0%, #f8f9fb 48%, #eef0f5 100%) 0 0 / 220% 100%;
  border-radius: 14px;
  animation: 1.15s ease-in-out infinite onboarding-precheck-skeleton;
  display: block;
}

.onboarding-precheck-skeleton.is-title {
  width: min(72%, 520px);
  height: 48px;
}

.onboarding-precheck-skeleton.is-line {
  width: min(92%, 700px);
  height: 24px;
  margin-top: 28px;
}

.onboarding-precheck-skeleton.is-short {
  width: min(56%, 420px);
  margin-top: 14px;
}

.onboarding-precheck-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 42px;
  display: grid;
}

.onboarding-precheck-grid span {
  height: 110px;
}

.onboarding-passport-pending-card {
  justify-content: center;
  min-height: 360px;
}

.onboarding-passport-pending-card h1 {
  max-width: 680px;
}

.onboarding-passport-pending-card p {
  color: #626873;
  max-width: 680px;
  margin-top: 18px;
  font-size: 21px;
  line-height: 1.45;
}

.onboarding-passport-pending-card .mock-bottom-actions {
  max-width: 680px;
  margin-top: 42px;
}

@keyframes onboarding-precheck-skeleton {
  0% {
    background-position: 110% 0;
  }

  100% {
    background-position: -110% 0;
  }
}

@media (min-width: 860px) {
  .mobile-service-header {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 32px;
  }

  .onboarding-responsive-layout {
    grid-template-columns: minmax(420px, 560px) minmax(280px, 1fr);
    align-items: start;
    gap: 48px;
    max-width: 1120px;
    margin: 0 auto;
    padding: 32px;
    display: grid;
  }

  .onboarding-flow-panel {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    overflow: hidden;
  }

  .onboarding-mock-card {
    min-height: auto;
    padding: 32px;
  }

  .onboarding-check-card, .onboarding-profile-card, .onboarding-legal-card {
    min-height: auto;
    margin-top: 0;
  }

  .onboarding-complete-card {
    border: 0;
  }

  .mock-bottom-actions {
    margin-top: 120px;
  }

  .onboarding-legal-card .mock-bottom-actions, .onboarding-complete-card + .mock-link-button {
    margin-top: 18px;
  }

  .onboarding-desktop-panel {
    background: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    padding: 28px;
    display: block;
    position: sticky;
    top: 32px;
  }

  .onboarding-desktop-panel h2 {
    color: #3d3d3d;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.25;
  }

  .onboarding-desktop-panel p {
    color: #666;
    margin-top: 12px;
    font-size: 17px;
    line-height: 1.45;
  }

  .desktop-step-list {
    gap: 8px;
    margin-top: 28px;
    display: grid;
  }

  .desktop-step-list span {
    color: #555;
    background: #f0f1f6;
    border-radius: 8px;
    align-items: center;
    min-height: 44px;
    padding: 0 14px;
    font-size: 16px;
    transition: background-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
    display: flex;
  }

  .desktop-step-list span.active {
    color: #fff;
    background: #151515;
  }
}

/* [project]/src/features/customer/customer-offers.css [app-client] (css) */
.customer-pro-offers-shell {
  grid-template-columns: minmax(0, 1fr) 320px;
  align-items: start;
  gap: 20px;
  display: grid;
}

.customer-pro-offers-main, .customer-pro-context-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
}

.customer-pro-offers-main {
  padding: 20px;
}

.customer-pro-context-panel {
  gap: 14px;
  padding: 18px;
  display: grid;
}

.customer-pro-context-panel h2 {
  color: #1d1f23;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}

.customer-pro-context-list {
  gap: 10px;
  display: grid;
}

.customer-pro-offers-note {
  border-top: 1px solid #edf0f4;
  gap: 5px;
  margin-top: 4px;
  padding-top: 12px;
  display: grid;
}

.customer-pro-offers-note strong {
  color: #1d1f23;
  font-size: 14px;
}

.customer-pro-offers-note p {
  color: #69707d;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.customer-pro-offer-list {
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.customer-pro-offer-card {
  background: #fff;
  border: 1px solid #e3e7ee;
  border-radius: 10px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.customer-pro-offer-card__head {
  justify-content: space-between;
  gap: 20px;
  display: flex;
}

.customer-pro-offer-card__head h3 {
  color: #1f2329;
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
}

.customer-pro-offer-card__master, .customer-mobile-offer-card__master {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  display: flex;
}

.customer-pro-offer-card__head p {
  color: #667085;
  max-width: 680px;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-pro-offer-card__head > strong {
  color: #1d1d1f;
  white-space: nowrap;
  flex: none;
  font-size: 20px;
  line-height: 1.2;
}

.customer-offer-discount {
  color: #16803c;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
  display: block;
}

.customer-pro-offer-card__head > .customer-offer-discount, .customer-mobile-offer-card__head > .customer-offer-discount {
  text-align: right;
  align-self: end;
}

.customer-pro-offer-card__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.customer-pro-offer-card__actions {
  justify-content: flex-end;
  display: flex;
}

.customer-offer-profile-button {
  color: #323844;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-offer-profile-button:hover {
  background: #f7f9fc;
  border-color: #b8c1cf;
}

.customer-offer-profile-button:active {
  transform: scale(.98);
}

.customer-pro-primary-button, .customer-mobile-primary-button {
  color: #fff;
  cursor: pointer;
  background: #1d1d1f;
  border: 0;
  border-radius: 9px;
  font-weight: 700;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), opacity .18s cubic-bezier(.22, 1, .36, 1);
}

.customer-pro-primary-button {
  min-height: 42px;
  padding: 0 18px;
  font-size: 14px;
}

.customer-mobile-primary-button {
  width: 100%;
  min-height: 48px;
  padding: 0 16px;
  font-size: 15px;
}

.customer-pro-primary-button:not(:disabled):active, .customer-mobile-primary-button:not(:disabled):active {
  transform: scale(.985);
}

.customer-pro-primary-button:disabled, .customer-mobile-primary-button:disabled {
  cursor: default;
  opacity: .58;
}

.customer-pro-form-error, .customer-mobile-form-error {
  color: #c81e1e;
  margin: 12px 0 0;
  font-size: 14px;
  line-height: 1.35;
}

.customer-pro-loading-panel, .customer-mobile-empty {
  color: #667085;
  place-items: center;
  min-height: 120px;
  font-size: 15px;
  display: grid;
}

.customer-mobile-offer-list {
  gap: 12px;
  display: grid;
}

.customer-mobile-offer-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  gap: 13px;
  padding: 14px;
  display: grid;
}

.customer-pro-offer-card.is-skeleton, .customer-mobile-offer-card.is-skeleton {
  pointer-events: none;
}

.customer-offer-skeleton-line, .customer-offer-skeleton-button {
  background: #e8ecf2;
  border-radius: 999px;
  display: block;
  position: relative;
  overflow: hidden;
}

.customer-offer-skeleton-line:after, .customer-offer-skeleton-button:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffbd, #0000);
  animation: 1.2s ease-in-out infinite customer-offer-skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.customer-offer-skeleton-line {
  width: 72%;
  height: 18px;
}

.customer-offer-skeleton-line.is-title {
  width: 46%;
  height: 24px;
}

.customer-offer-skeleton-line.is-short {
  width: 34%;
}

.customer-offer-skeleton-button {
  border-radius: 10px;
  width: min(220px, 56%);
  height: 44px;
}

@keyframes customer-offer-skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.customer-mobile-offer-card__head {
  gap: 10px;
  display: grid;
}

.customer-mobile-offer-card__head h2 {
  color: #1f2329;
  margin: 0;
  font-size: 18px;
  line-height: 1.22;
}

.customer-mobile-offer-card__master {
  align-items: flex-start;
}

.customer-mobile-offer-card__head p {
  color: #667085;
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

.customer-mobile-offer-card__head strong {
  color: #1d1d1f;
  font-size: 21px;
  line-height: 1.15;
}

.customer-mobile-offer-card__meta {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.customer-mobile-offer-card__meta span {
  color: #535b66;
  background: #f1f3f6;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 700;
  display: inline-flex;
}

.customer-order-offers-inline {
  color: #202124;
  background: #fbfcfe;
  border: 1px solid #e5e9ef;
  border-radius: 10px;
  gap: 8px;
  padding: 10px;
  display: grid;
}

.customer-order-offers-inline.is-mobile {
  border-radius: 12px;
  margin-top: 2px;
  padding: 11px;
}

.customer-order-offers-inline__head, .customer-order-offers-inline__list article {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-order-offers-inline__head > strong {
  color: #202124;
  font-size: 13px;
  font-weight: 850;
}

.customer-order-offers-inline__head button {
  color: #30343b;
  background: #eef1f5;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 2px;
  min-height: 28px;
  padding: 0 8px 0 10px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.customer-order-offers-inline__list {
  gap: 6px;
  display: grid;
}

.customer-order-offers-inline__list article {
  border-top: 1px solid #edf0f4;
  padding-top: 7px;
}

.customer-order-offers-inline__master {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.customer-order-offers-inline__list article strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.customer-order-offers-inline__list article span {
  color: #69707d;
  font-size: 12px;
  line-height: 1.2;
}

.customer-order-offers-inline__price {
  text-align: right;
  justify-items: end;
  gap: 2px;
  display: grid;
}

.customer-order-offers-inline__price b {
  color: #171717;
  white-space: nowrap;
  font-size: 13px;
}

.customer-order-offers-inline__price small, .customer-order-offers-inline__list article small {
  color: #16803c;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.25;
}

.customer-order-offers-inline__select {
  color: #fff;
  cursor: pointer;
  min-height: 34px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  flex: none;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s;
}

.customer-order-offers-inline__select:hover {
  background: #2b2e33;
}

.customer-order-offers-inline__select:active {
  transform: scale(.97);
}

.customer-order-offers-inline__skeleton {
  gap: 6px;
  display: grid;
}

.customer-order-offers-inline__skeleton span {
  background: linear-gradient(90deg, #eef1f5 0%, #f7f8fa 45%, #eef1f5 100%) 0 0 / 180% 100%;
  border-radius: 8px;
  height: 34px;
  animation: 1.15s ease-in-out infinite customerOffersInlineSkeleton;
}

.customer-order-offers-inline__error, .customer-order-offers-inline__empty {
  color: #69707d;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

.customer-order-offers-inline__error {
  color: #b42318;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-order-offers-inline__error button {
  color: #fff;
  cursor: pointer;
  min-height: 34px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  flex: none;
  padding: 0 12px;
  font-weight: 800;
}

@keyframes customerOffersInlineSkeleton {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.customer-master-profile-modal {
  z-index: 1800;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #181c228f;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
  overflow-y: auto;
}

.customer-master-profile-modal__panel {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  width: min(820px, 100%);
  max-height: min(860px, 100vh - 36px);
  padding: 22px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 28px 90px #14181f3d;
}

.customer-master-profile-modal__close {
  color: #4b5563;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 14px;
  place-items: center;
  width: 44px;
  height: 44px;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  position: absolute;
  top: 16px;
  right: 16px;
}

.customer-master-profile-modal__close:hover {
  background: #e8ecf2;
}

.customer-master-profile-modal__close:active {
  transform: scale(.96);
}

.customer-master-profile-modal__hero {
  grid-template-columns: 96px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding-right: 56px;
  display: grid;
}

.customer-master-profile-modal__avatar {
  color: #fff;
  background: #111;
  border-radius: 24px;
  place-items: center;
  width: 96px;
  height: 96px;
  font-size: 38px;
  font-weight: 900;
  display: grid;
  overflow: hidden;
}

.customer-master-profile-modal__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.customer-master-profile-modal__kicker {
  color: #8a93a1;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 900;
}

.customer-master-profile-modal__hero h2, .customer-master-profile-modal__state h2 {
  color: #1f2329;
  margin: 0;
  font-size: 30px;
  line-height: 1.1;
}

.customer-master-profile-modal__stats {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
  display: flex;
}

.customer-master-profile-modal__stats span {
  color: #566071;
  background: #f1f3f6;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.customer-master-profile-modal__section {
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.customer-master-profile-modal__section h3 {
  color: #1f2329;
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
}

.customer-master-profile-modal__section p {
  color: #5e6673;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.customer-master-profile-modal__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.customer-master-profile-modal__facts > div {
  background: #fbfcfe;
  border: 1px solid #e5e9ef;
  border-radius: 14px;
  gap: 6px;
  min-width: 0;
  padding: 13px;
  display: grid;
}

.customer-master-profile-modal__facts svg {
  color: #667085;
}

.customer-master-profile-modal__facts span {
  color: #7a8391;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  font-weight: 900;
}

.customer-master-profile-modal__facts strong {
  color: #252932;
  font-size: 15px;
  line-height: 1.35;
}

.customer-master-profile-modal__portfolio {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.customer-master-profile-modal__portfolio article {
  background: #fbfcfe;
  border: 1px solid #e5e9ef;
  border-radius: 14px;
  overflow: hidden;
}

.customer-master-profile-modal__portfolio img, .customer-master-profile-modal__portfolio article > div {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  background: #eef1f5;
  width: 100%;
  display: block;
}

.customer-master-profile-modal__portfolio strong {
  color: #1f2329;
  padding: 12px 12px 0;
  font-size: 15px;
  display: block;
}

.customer-master-profile-modal__portfolio p {
  padding: 6px 12px 12px;
  font-size: 13px;
}

.customer-master-profile-modal__reviews {
  gap: 9px;
  display: grid;
}

.customer-master-profile-modal__reviews article {
  background: #fbfcfe;
  border: 1px solid #e5e9ef;
  border-radius: 14px;
  gap: 5px;
  padding: 12px;
  display: grid;
}

.customer-master-profile-modal__reviews strong {
  color: #1f2329;
  font-size: 14px;
}

.customer-master-profile-modal__action {
  z-index: 2;
  padding: 16px 22px max(18px, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #fffffff5;
  border-top: 1px solid #e5e9ef;
  gap: 10px;
  margin: 24px -22px -22px;
  display: grid;
  position: sticky;
  bottom: -22px;
}

.customer-master-profile-modal__action > p {
  color: #b42318;
  background: #fff4f2;
  border: 1px solid #fda29b;
  border-radius: 10px;
  margin: 0;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 750;
}

.customer-master-profile-modal__action > button {
  color: #fff;
  cursor: pointer;
  min-height: 50px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s, opacity .18s;
  display: inline-flex;
}

.customer-master-profile-modal__action > button:hover:not(:disabled) {
  background: #2b2e33;
}

.customer-master-profile-modal__action > button:active:not(:disabled) {
  transform: scale(.985);
}

.customer-master-profile-modal__action > button:disabled {
  cursor: wait;
  opacity: .72;
}

.customer-master-profile-modal__offer-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.customer-master-profile-modal__offer-summary > div {
  background: #f4f6f8;
  border-radius: 9px;
  gap: 2px;
  min-width: 0;
  padding: 9px 10px;
  display: grid;
}

.customer-master-profile-modal__offer-summary span {
  color: #747d8b;
  font-size: 11px;
  font-weight: 750;
}

.customer-master-profile-modal__offer-summary strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.customer-master-profile-modal__offer-summary > small {
  color: #16803c;
  grid-column: 1 / -1;
  font-size: 12px;
  font-weight: 850;
}

.customer-master-profile-modal__state {
  gap: 14px;
  padding-right: 56px;
  display: grid;
}

.customer-master-profile-modal__state p {
  color: #667085;
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
}

.customer-master-profile-modal__state button {
  color: #fff;
  background: #111;
  border: 0;
  border-radius: 10px;
  width: fit-content;
  min-height: 44px;
  padding: 0 24px;
  font-weight: 800;
}

.customer-master-profile-modal__state-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.customer-master-profile-modal__state button.is-secondary {
  color: #1f2329;
  background: #fff;
  border: 1px solid #d7dce5;
}

.customer-master-profile-modal__skeleton {
  gap: 12px;
  display: grid;
}

.customer-master-profile-modal__skeleton span {
  background: #e9edf3;
  border-radius: 999px;
  height: 18px;
  display: block;
  position: relative;
  overflow: hidden;
}

.customer-master-profile-modal__skeleton span:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffb8, #0000);
  animation: 1.2s ease-in-out infinite customer-offer-skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.customer-master-profile-modal__skeleton .is-avatar {
  border-radius: 24px;
  width: 96px;
  height: 96px;
}

.customer-master-profile-modal__skeleton .is-title {
  width: 58%;
  height: 32px;
}

.customer-master-profile-modal__skeleton .is-card {
  border-radius: 14px;
  height: 96px;
}

@media (max-width: 1100px) {
  .customer-pro-offers-shell {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .customer-master-profile-modal {
    padding: 10px 10px max(10px, env(safe-area-inset-bottom));
    align-items: end;
  }

  .customer-master-profile-modal__panel {
    border-radius: 20px;
    max-height: min(88vh, 100vh - 20px);
    padding: 18px;
  }

  .customer-master-profile-modal__hero {
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 13px;
    padding-right: 48px;
  }

  .customer-master-profile-modal__avatar {
    border-radius: 20px;
    width: 72px;
    height: 72px;
    font-size: 30px;
  }

  .customer-master-profile-modal__hero h2, .customer-master-profile-modal__state h2 {
    font-size: 24px;
  }

  .customer-master-profile-modal__facts, .customer-master-profile-modal__portfolio {
    grid-template-columns: 1fr;
  }

  .customer-order-offers-inline__list article {
    grid-template-columns: minmax(0, 1fr) auto;
    display: grid;
  }

  .customer-order-offers-inline__select {
    grid-column: 1 / -1;
    width: 100%;
  }

  .customer-master-profile-modal__action {
    margin: 20px -18px -18px;
    padding-inline: 18px;
    bottom: -18px;
  }

  .customer-master-profile-modal__offer-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .customer-pro-offer-card__head {
    display: grid;
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-pro-primary-button, .customer-mobile-primary-button, .customer-offer-profile-button {
    transition: none;
  }
}

.customer-surveyor-profile__verified {
  color: #19713c;
  background: #eaf7ef;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 10px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.customer-surveyor-profile__privacy {
  color: #626a77;
  background: #f3f5f7;
  border-radius: 10px;
  margin: 20px 0 0;
  padding: 13px 15px;
  font-size: 14px;
  line-height: 1.45;
}

.customer-cabinet-page {
  color: #2f2f2f;
  background: #f2f3f5;
  min-height: 100vh;
}

.customer-cabinet-mobile {
  background: #f2f3f5;
  flex-direction: column;
  width: 100%;
  max-width: none;
  min-height: 100vh;
  margin: 0;
  display: flex;
}

.customer-mobile-header {
  background: #fff;
  grid-template-columns: minmax(70px, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 67px;
  padding: 10px 12px 10px 16px;
  display: grid;
}

.customer-mobile-header h1 {
  color: #2f2f2f;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  font-weight: 600;
  overflow: hidden;
}

.customer-mobile-brand {
  color: #151515;
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  min-width: 70px;
  display: inline-flex;
}

.customer-mobile-brand span {
  background: #ed001f;
  width: 17px;
  height: 17px;
  display: block;
}

.customer-mobile-brand strong {
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
}

.customer-mobile-icon-button {
  color: #303030;
  background: #f0f1f4;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

/* [project]/src/features/customer/customer-mobile-flow.css [app-client] (css) */
.customer-mobile-header-spacer {
  width: 38px;
  height: 38px;
}

.customer-mobile-profile-chip {
  color: #333;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  justify-content: end;
  align-items: center;
  gap: 5px;
  min-width: 78px;
  height: 37px;
  padding: 3px 5px 3px 8px;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
}

.customer-mobile-profile-chip > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 43px;
  overflow: hidden;
}

.customer-mobile-profile-chip img, .customer-mobile-profile-chip i {
  border-radius: 999px;
  width: 29px;
  height: 29px;
}

.customer-mobile-profile-chip img {
  object-fit: cover;
}

.customer-mobile-profile-chip i {
  color: #555;
  background: #e7e7e7;
  place-items: center;
  display: grid;
}

.customer-mobile-screen {
  padding: max(env(safe-area-inset-top), 12px) 12px calc(180px + env(safe-area-inset-bottom));
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.customer-mobile-screen > .customer-cabinet-menu {
  margin: calc(-1 * max(env(safe-area-inset-top), 12px)) -12px calc(-180px - env(safe-area-inset-bottom));
  padding: max(env(safe-area-inset-top), 12px) 12px calc(184px + env(safe-area-inset-bottom));
  flex: 1;
}

.customer-mobile-screen > .customer-cabinet-menu-shell {
  margin: calc(-1 * max(env(safe-area-inset-top), 12px)) -12px calc(-180px - env(safe-area-inset-bottom));
  padding: max(env(safe-area-inset-top), 12px) 12px calc(184px + env(safe-area-inset-bottom));
  flex-direction: column;
  flex: 1;
  gap: 10px;
  display: flex;
}

.customer-mobile-cta, .customer-mobile-block, .customer-mobile-order-hero, .customer-mobile-form, .customer-mobile-status-card, .customer-mobile-payment-card, .customer-mobile-code-card {
  background: #fff;
  border-radius: 8px;
}

.customer-mobile-cta {
  gap: 12px;
  padding: 16px;
  display: grid;
  box-shadow: inset 3px 0 #ed001f;
}

.customer-mobile-cta h2, .customer-mobile-form h2, .customer-mobile-status-card h2, .customer-mobile-code-card h2, .customer-mobile-empty h2 {
  color: #303030;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.18;
}

.customer-mobile-cta p, .customer-mobile-status-card p, .customer-mobile-payment-card p, .customer-mobile-empty p {
  color: #666;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.42;
}

.customer-mobile-cta button, .customer-mobile-submit, .customer-mobile-payment-card button, .customer-mobile-code-card button, .customer-mobile-offer button, .customer-mobile-two-actions button:first-child {
  color: #fff;
  background: #151515;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 43px;
  padding: 0 14px;
  font-size: 15px;
  display: inline-flex;
}

.customer-mobile-submit[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .45;
}

.customer-mobile-block {
  border: 1px solid #e5e7eb;
  padding: 12px;
}

.customer-mobile-block-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.customer-mobile-block-head h2 {
  color: #303030;
  font-size: 18px;
  font-weight: 600;
}

.customer-mobile-block-head span {
  color: #555;
  background: #f0f1f4;
  border-radius: 999px;
  place-items: center;
  min-width: 25px;
  height: 25px;
  font-size: 13px;
  display: grid;
}

.customer-mobile-action, .customer-mobile-info-row {
  border-bottom: 1px solid #e6e8ec;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 0;
  display: grid;
}

.customer-mobile-action:last-child, .customer-mobile-info-row:last-child {
  border-bottom: 0;
}

.customer-mobile-action > span, .customer-mobile-info-row > svg {
  color: #303030;
  background: #f0f1f4;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.customer-mobile-action h3 {
  color: #303030;
  font-size: 14px;
  font-weight: 600;
}

.customer-mobile-action p {
  color: #777;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.3;
}

.customer-mobile-action button {
  color: #fff;
  background: #151515;
  border: 0;
  border-radius: 7px;
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
}

.customer-mobile-order-list {
  gap: 8px;
  display: grid;
}

.customer-mobile-order-list button {
  text-align: left;
  background: #f6f7f8;
  border: 0;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  padding: 12px 34px 12px 12px;
  display: grid;
  position: relative;
}

.customer-mobile-order-list span, .customer-mobile-order-hero span {
  color: #777;
  font-size: 12px;
}

.customer-mobile-order-list strong {
  color: #303030;
  font-size: 14px;
  line-height: 1.25;
}

.customer-mobile-order-list small {
  color: #666;
  grid-column: 1 / -1;
  font-size: 12px;
  line-height: 1.35;
}

.customer-mobile-order-list em {
  color: #303030;
  grid-area: 1 / 2 / span 2;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
}

.customer-mobile-order-list svg {
  color: #9a9a9a;
  position: absolute;
  bottom: 12px;
  right: 10px;
}

.customer-mobile-order-card.is-skeleton {
  pointer-events: none;
}

.customer-mobile-order-skeleton-line, .customer-mobile-order-skeleton-media, .customer-mobile-order-skeleton-button {
  background: linear-gradient(90deg, #eef1f5 0%, #f8f9fb 50%, #eef1f5 100%) 0 0 / 200% 100%;
  border-radius: 999px;
  animation: 1.2s ease-in-out infinite customerPaymentSkeleton;
  display: block;
}

.customer-mobile-order-skeleton-line {
  width: 82%;
  height: 14px;
}

.customer-mobile-order-skeleton-line.is-title {
  width: 68%;
  height: 24px;
}

.customer-mobile-order-skeleton-line.is-short {
  width: 44%;
}

.customer-mobile-order-skeleton-media {
  border-radius: 8px;
  width: 100%;
  height: 128px;
}

.customer-mobile-order-skeleton-button {
  border-radius: 8px;
  width: 156px;
  height: 44px;
}

.customer-mobile-order-hero {
  padding: 16px;
}

.customer-mobile-order-hero h2 {
  color: #303030;
  margin-top: 5px;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
}

.customer-mobile-order-hero p {
  color: #666;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.4;
}

.customer-mobile-danger-link {
  color: #9f1d1d;
  background: #fff7f7;
  border: 1px solid #f0d1d1;
  border-radius: 8px;
  min-height: 42px;
  font-size: 14px;
}

.customer-mobile-form {
  border: 1px solid #e5e7eb;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.customer-mobile-form label {
  color: #555;
  gap: 6px;
  font-size: 13px;
  display: grid;
}

.customer-mobile-form input, .customer-mobile-form textarea, .customer-mobile-code-card input {
  color: #303030;
  background: #f0f1f4;
  border: 0;
  border-radius: 8px;
  width: 100%;
  font-size: 15px;
}

.customer-mobile-form input, .customer-mobile-code-card input {
  height: 46px;
  padding: 0 12px;
}

.customer-mobile-form textarea {
  resize: vertical;
  min-height: 100px;
  padding: 12px;
}

.customer-mobile-upload-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  display: grid;
}

.customer-mobile-upload-grid button, .customer-mobile-upload-button {
  color: #3f4652;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #d8dbe1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 44px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
  display: inline-flex;
}

.customer-mobile-upload-grid button svg, .customer-mobile-upload-button svg {
  flex: none;
  display: block;
}

.customer-mobile-info-row {
  grid-template-columns: 34px 82px minmax(0, 1fr);
}

.customer-mobile-info-row span {
  color: #777;
  font-size: 12px;
}

.customer-mobile-info-row strong {
  color: #303030;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
}

.customer-mobile-status-card, .customer-mobile-payment-card, .customer-mobile-code-card {
  justify-items: start;
  gap: 10px;
  margin-bottom: 10px;
  padding: 16px;
  display: grid;
}

.customer-mobile-status-card > svg, .customer-mobile-payment-card > svg {
  color: #151515;
}

.customer-mobile-two-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.customer-mobile-two-actions button:last-child {
  color: #303030;
  background: #fff;
  border: 1px solid #d7d7d7;
  border-radius: 7px;
  min-height: 43px;
}

.customer-mobile-offer {
  border-bottom: 1px solid #ececec;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 12px 0;
  display: grid;
}

.customer-mobile-offer:last-child {
  border-bottom: 0;
}

.customer-mobile-offer h3 {
  color: #303030;
  font-size: 15px;
}

.customer-mobile-offer p {
  color: #777;
  margin-top: 4px;
  font-size: 12px;
}

.customer-mobile-offer strong {
  color: #303030;
  font-size: 14px;
}

.customer-mobile-offer button {
  grid-column: 1 / -1;
  width: 100%;
}

.customer-mobile-payment-card strong {
  color: #303030;
  font-size: 28px;
  line-height: 1;
}

.customer-mobile-stars {
  color: #f4b400;
  gap: 5px;
  display: flex;
}

.customer-cabinet-mobile--flow {
  color: #333;
  background: #f2f3f5;
}

.customer-flow-topbar {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  height: 74px;
  padding: 18px 20px 12px;
  display: flex;
}

.customer-flow-topbar button {
  color: #333;
  background: none;
  border: 0;
  font-size: 14px;
  text-decoration: underline;
}

.customer-flow-titlebar {
  background: #fff;
  border-radius: 0 0 8px 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  margin-bottom: 5px;
  padding: 8px 10px 8px 18px;
  display: flex;
  box-shadow: 0 3px 6px #0000000a;
}

.customer-flow-titlebar h1 {
  color: #303030;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
}

.customer-flow-titlebar button {
  color: #333;
  background: #f7f7ff;
  border: 0;
  border-radius: 7px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 15px;
}

.customer-mobile-screen--flow {
  gap: 8px;
  padding: 0 0 24px;
}

.customer-png-stack {
  gap: 10px;
  display: grid;
}

.customer-png-card {
  background: #fff;
  border: 1px solid #e4e6ea;
  border-radius: 8px;
  overflow: hidden;
}

.customer-project-card {
  padding: 14px 14px 13px;
}

.customer-project-card__head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  display: grid;
}

.customer-project-card h2, .customer-order-flow h2, .customer-offers-intro h2, .customer-measurement-card h2, .customer-act-card h2, .customer-review-card h2, .customer-complaint-card h2 {
  color: #333;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.22;
}

.customer-project-card__icons {
  gap: 8px;
  display: flex;
}

.customer-project-card__icons button {
  color: #333;
  background: #f4f5f7;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.customer-chip-row {
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 11px;
  display: flex;
}

.customer-chip-row span, .customer-project-meta span, .customer-master-offer__stats span {
  color: #59606b;
  background: #f3f4f6;
  border-radius: 5px;
  width: fit-content;
  padding: 2px 7px;
  font-size: 12px;
  line-height: 1.2;
}

.customer-chip-row span.is-dark {
  color: #fff;
  background: #202124;
}

.customer-project-meta {
  color: #69707d;
  grid-template-columns: minmax(95px, auto) minmax(0, 1fr);
  gap: 7px 10px;
  font-size: 13px;
  line-height: 1.25;
  display: grid;
}

.customer-project-meta p {
  color: #333;
  margin-top: 0;
}

.customer-project-meta strong {
  color: #69707d;
  font-size: 13px;
  font-weight: 500;
  display: block;
}

.customer-photo-strip {
  border-top: 1px solid #e3e5e8;
  border-bottom: 1px solid #e3e5e8;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  margin: 12px 0;
  padding: 9px 0;
  display: grid;
}

.customer-room-photo {
  background: linear-gradient(90deg, #0000 38%, #ffffffe6 39% 42%, #0000 43%), linear-gradient(#dff5ff 0 42%, #edf0f4 43% 72%, #d8dce0 73%);
  border-radius: 4px;
  min-height: 78px;
  position: relative;
  overflow: hidden;
}

.customer-room-photo:before {
  content: "";
  background: linear-gradient(#ecffff, #bdeeff 60%, #8fd16a 61%);
  border: 2px solid #fffffff2;
  position: absolute;
  inset: 9px 20px 30px;
}

.customer-room-photo span {
  color: #333;
  background: #ffffffe0;
  border-radius: 999px;
  place-items: center;
  min-width: 38px;
  height: 29px;
  font-size: 16px;
  display: grid;
  position: absolute;
  bottom: 8px;
  right: 6px;
}

.customer-project-card__actions {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.customer-project-card__actions.is-single {
  grid-template-columns: 1fr;
}

.customer-project-card__actions button, .customer-more-card button, .customer-offers-intro button, .customer-master-offer__actions button, .customer-flow-bottom-actions button, .customer-png-muted {
  color: #333;
  background: #eef0f3;
  border: 0;
  border-radius: 7px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 600;
}

.customer-project-card__actions button.customer-primary-order-action {
  color: #fff;
  background: #111;
  font-weight: 800;
  box-shadow: 0 12px 24px #11111124;
}

.customer-mobile-order-card .customer-project-card__actions button {
  min-height: 40px;
}

.customer-mobile-order-card, .customer-mobile-order-detail, .customer-mobile-order-section {
  gap: 12px;
  padding: 14px;
  display: grid;
}

.customer-mobile-order-card__top, .customer-mobile-order-detail__head {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  display: grid;
}

.customer-mobile-order-card h2, .customer-mobile-order-detail h2 {
  color: #202124;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.customer-mobile-order-card p, .customer-mobile-order-detail p, .customer-mobile-order-section p {
  color: #69707d;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
}

.customer-mobile-order-card__top > span, .customer-mobile-order-detail__head > span {
  color: #59606b;
  background: #f1f2f4;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-detail__head strong {
  color: #785000;
  background: #fff7e5;
  border-radius: 999px;
  justify-self: end;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-card__facts {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.customer-mobile-order-card__facts span {
  color: #59606b;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 700;
}

.customer-mobile-order-card__status {
  border-top: 1px solid #e9ecef;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 11px;
  display: flex;
}

.customer-mobile-order-card__status strong {
  color: #785000;
  background: #fff7e5;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-card__status span {
  color: #202124;
  justify-items: end;
  gap: 2px;
  font-size: 16px;
  font-weight: 850;
  display: grid;
}

.customer-mobile-order-card__status small {
  color: #8a929e;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
}

.customer-mobile-order-card__next {
  background: #f8f9fb;
  border-radius: 8px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.customer-mobile-order-card__next span, .customer-mobile-order-section h3 {
  color: #69707d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-card__next strong, .customer-mobile-order-section strong {
  color: #202124;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}

.customer-mobile-order-detail__summary {
  gap: 8px;
  display: grid;
}

.customer-mobile-order-detail-screen {
  gap: 9px;
}

.customer-mobile-order-detail {
  gap: 10px;
}

.customer-mobile-order-detail__eyebrow {
  color: #69707d;
  letter-spacing: 0;
  background: #f3f4f6;
  border-radius: 999px;
  width: fit-content;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-detail__address {
  align-items: flex-start;
  gap: 5px;
  display: flex;
}

.customer-mobile-order-detail__address svg {
  color: #69707d;
  flex: none;
  margin-top: 1px;
}

.customer-mobile-order-status-block {
  border-top: 1px solid #eceff2;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  display: flex;
}

.customer-mobile-order-status-block > span {
  color: #69707d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-order-status-badge {
  color: #4b5563;
  background: #f3f4f6;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.customer-mobile-order-status-badge.is-warning {
  color: #785000;
  background: #fff7e5;
}

.customer-mobile-order-status-badge.is-success {
  color: #17623b;
  background: #eaf7ef;
}

.customer-mobile-order-status-badge.is-danger {
  color: #b00020;
  background: #fff0f1;
}

.customer-mobile-order-media-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.customer-mobile-order-media-strip > span {
  aspect-ratio: 1.25;
  background-color: #eef0f3;
  background-position: center;
  background-size: cover;
  border-radius: 7px;
  width: 100%;
}

.customer-mobile-order-card__facts span {
  align-items: center;
  gap: 4px;
  min-height: 28px;
  display: inline-flex;
}

.customer-mobile-order-card__facts svg {
  color: #69707d;
  flex: none;
}

.customer-mobile-order-next {
  background: linear-gradient(#fff 0%, #fbfcfd 100%);
  border-color: #d8dde4;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.customer-mobile-order-next > span {
  color: #69707d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.customer-mobile-order-next strong {
  color: #202124;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.customer-mobile-order-next p, .customer-mobile-order-tab-panel p {
  color: #69707d;
  font-size: 13px;
  line-height: 1.35;
}

.customer-mobile-order-next button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  width: fit-content;
  min-height: 38px;
  margin-top: 2px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 800;
}

.customer-mobile-order-progress {
  padding: 13px 14px;
}

.customer-mobile-order-stepper {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.customer-mobile-order-stepper li {
  color: #8a929e;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 9px;
  min-height: 34px;
  font-size: 13px;
  font-weight: 750;
  display: grid;
  position: relative;
}

.customer-mobile-order-stepper li:not(:last-child):before {
  content: "";
  background: #dfe3e8;
  border-radius: 999px;
  width: 2px;
  height: calc(100% - 12px);
  position: absolute;
  top: 22px;
  left: 12px;
}

.customer-mobile-order-stepper li.is-done:not(:last-child):before, .customer-mobile-order-stepper li.is-active:not(:last-child):before {
  background: #202124;
  animation: .64s cubic-bezier(.22, 1, .36, 1) both customerOrderLineCharge;
}

.customer-mobile-order-stepper li.is-active:not(:last-child):after {
  content: "";
  background: linear-gradient(#0000, #ed001fa6, #0000);
  border-radius: 999px;
  width: 4px;
  height: 22px;
  animation: .68s cubic-bezier(.22, 1, .36, 1) both customerOrderShimmer;
  position: absolute;
  top: 22px;
  left: 11px;
}

.customer-mobile-order-stepper span {
  z-index: 1;
  color: #69707d;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 999px;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 12px;
  font-weight: 850;
  display: grid;
  position: relative;
}

.customer-mobile-order-stepper p {
  margin: 3px 0 0;
  line-height: 1.25;
}

.customer-mobile-order-stepper li.is-done, .customer-mobile-order-stepper li.is-active {
  color: #202124;
}

.customer-mobile-order-stepper li.is-done span {
  color: #fff;
  background: #202124;
  border-color: #202124;
  animation: .56s cubic-bezier(.22, 1, .36, 1) both customerOrderStepPop;
}

.customer-mobile-order-stepper li.is-active span {
  color: #202124;
  border-color: #202124;
  box-shadow: 0 0 0 4px #2021240f;
}

.customer-mobile-order-stepper li.is-active span i {
  background: #202124;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  animation: .56s cubic-bezier(.22, 1, .36, 1) both customerOrderActiveDot;
}

.customer-mobile-order-tabs {
  gap: 12px;
  padding: 12px;
  display: grid;
}

.customer-mobile-order-tabs__nav {
  background: #f2f3f5;
  border-radius: 8px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 4px;
  padding: 4px;
  display: grid;
  position: relative;
}

.customer-mobile-order-tabs__nav:after {
  content: "";
  background: none;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
}

.customer-mobile-order-tabs__nav:before {
  content: "";
  width: calc(25% - 2px);
  height: 2px;
  transform: translateX(calc(var(--customer-mobile-order-tab-index, 0) * 100%));
  z-index: 2;
  pointer-events: none;
  background: #ed001f;
  border-radius: 999px;
  transition: transform .26s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  bottom: 4px;
  left: 4px;
}

.customer-mobile-order-tabs__nav button {
  z-index: 1;
  color: #69707d;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: none;
  border: 0;
  border-radius: 6px;
  min-height: 34px;
  font-size: 11px;
  font-weight: 800;
  transition: background-color .18s, color .18s, transform .18s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
}

.customer-mobile-order-tabs__nav button.is-active {
  color: #202124;
  background: #fff;
  box-shadow: 0 1px 2px #0f172a14;
}

.customer-mobile-order-tab-panel {
  gap: 10px;
  display: grid;
}

.customer-documents-refresh--mobile {
  background: #f7f8fa;
  border: 1px solid #e1e5ea;
  border-radius: 8px;
  justify-items: start;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.customer-documents-refresh--mobile p {
  margin: 0;
}

.customer-documents-refresh--mobile button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 800;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), opacity .18s;
  display: inline-flex;
}

.customer-documents-refresh--mobile button:active:not(:disabled) {
  transform: scale(.98);
}

.customer-documents-refresh--mobile button:disabled {
  cursor: wait;
  opacity: .58;
}

.customer-documents-refresh--mobile .customer-documents-refresh__error {
  color: #c5252d;
  font-weight: 700;
}

.customer-mobile-inline-retry {
  background: #fff7f7;
  border: 1px solid #f0b7ba;
  border-radius: 8px;
  justify-items: start;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.customer-mobile-inline-retry strong {
  color: #202124;
  font-size: 15px;
}

.customer-mobile-inline-retry p {
  color: #a62129;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.customer-mobile-inline-retry button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

.customer-mobile-order-tab-motion {
  animation: .28s cubic-bezier(.22, 1, .36, 1) both customerOrderPanelEnter;
}

.customer-mobile-order-tab-motion[data-direction="backward"] {
  animation-name: customerOrderPanelEnterBack;
}

.customer-mobile-order-panel-row {
  border-bottom: 1px solid #eceff2;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  display: grid;
}

.customer-mobile-order-panel-row:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}

.customer-mobile-order-panel-row > span {
  color: #202124;
  background: #f3f4f6;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.customer-mobile-order-panel-row strong {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  display: block;
}

.customer-mobile-order-panel-row small {
  color: #69707d;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.2;
  display: block;
}

.customer-mobile-order-info-list {
  border: 1px solid #eceff2;
  border-radius: 8px;
  gap: 0;
  display: grid;
  overflow: hidden;
}

.customer-mobile-order-info-list .customer-field-box {
  border: 0;
  border-bottom: 1px solid #eceff2;
  border-radius: 0;
}

.customer-mobile-order-info-list .customer-field-box:last-child {
  border-bottom: 0;
}

.customer-mobile-material-list, .customer-mobile-document-list {
  gap: 6px;
  display: grid;
}

.customer-mobile-document-row, .customer-pro-document-row {
  gap: 8px;
  display: grid;
}

.customer-pro-document-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.customer-mobile-document-list a, .customer-mobile-document-list [data-file-state="pending"], .customer-mobile-material-list a {
  color: #202124;
  background: #f3f4f6;
  border-radius: 7px;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 8px;
  text-decoration: none;
  display: grid;
}

.customer-mobile-document-list span:not(.customer-file-access__state), .customer-mobile-material-list span {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.customer-mobile-document-list small, .customer-mobile-material-list small {
  color: #69707d;
  font-size: 11px;
  font-weight: 750;
}

.customer-document-package {
  border-radius: 8px;
  gap: 9px;
  min-width: 0;
  display: grid;
}

.customer-document-package__title {
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.customer-document-package__title svg {
  color: #5f6875;
}

.customer-document-package__title span, .customer-document-package__title small {
  min-width: 0;
}

.customer-document-package__title span {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 850;
  overflow: hidden;
}

.customer-document-package__title small {
  color: #69707d;
  grid-column: 2;
  font-size: 11px;
  font-weight: 750;
}

.customer-document-package__links {
  gap: 8px;
  padding-left: 32px;
  display: grid;
}

.customer-document-package__file {
  grid-template-columns: minmax(220px, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: grid;
}

.customer-document-package__file > button {
  border-radius: 999px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.customer-document-package__links [data-file-state="pending"], .customer-mobile-document-list [data-file-state="pending"] {
  cursor: default;
  opacity: .72;
}

.customer-document-package__links .customer-file-access__state {
  margin-left: 5px;
}

.customer-document-package--mobile {
  background: #f3f4f6;
  padding: 8px;
}

.customer-document-package--mobile .customer-document-package__links {
  padding-left: 0;
}

.customer-document-package--mobile .customer-document-package__file {
  grid-template-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.customer-document-open-link {
  align-items: center;
  min-width: 0;
  min-height: 64px;
  box-shadow: 0 1px 2px #1118270a;
  color: #171717 !important;
  background: #fff !important;
  border: 1px solid #d8dde4 !important;
  border-radius: 8px !important;
  grid-template-columns: 42px minmax(0, 1fr) 34px !important;
  gap: 11px !important;
  padding: 9px 10px !important;
  text-decoration: none !important;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1) !important;
  display: grid !important;
}

.customer-document-open-link[href]:hover {
  transform: translateY(-1px);
  box-shadow: 0 7px 18px #11182717;
  background: #fff !important;
  border-color: #202124 !important;
}

.customer-document-open-link[href]:active {
  transform: translateY(0)scale(.995);
}

.customer-document-open-link:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #ef002933;
}

.customer-document-open-link__icon, .customer-document-open-link__action {
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.customer-document-open-link__icon {
  color: #3f4650;
  background: #f1f3f5;
  width: 42px;
  height: 42px;
}

.customer-document-open-link__copy {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.customer-document-open-link__copy strong {
  color: #171717;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 850;
  line-height: 1.25;
  overflow: hidden;
}

.customer-document-open-link__copy small {
  color: #69707d;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
}

.customer-document-open-link__action {
  color: #fff;
  background: #171717;
  width: 34px;
  height: 34px;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-document-open-link[href]:hover .customer-document-open-link__action {
  transform: translate(1px, -1px);
}

.customer-document-open-link[data-file-state="pending"] {
  box-shadow: none;
  grid-template-columns: 42px minmax(0, 1fr) !important;
}

.customer-document-open-link[data-file-state="pending"] > .customer-file-access__state {
  grid-column: 2;
  margin: -2px 0 0 !important;
}

@media (max-width: 640px) {
  .customer-document-package__links {
    padding-left: 0;
  }

  .customer-document-open-link {
    min-height: 62px;
  }
}

.customer-document-sign-button, .customer-document-signed {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.customer-document-sign-button {
  color: #fff;
  background: #202124;
  border: 0;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-document-sign-button:hover {
  background: #111214;
}

.customer-document-sign-button:active {
  transform: scale(.98);
}

.customer-document-sign-button:disabled {
  cursor: wait;
  opacity: .62;
}

.customer-document-sign-error {
  color: #d92d20;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.4;
  display: block;
}

.customer-document-sign-button--mobile {
  width: 100%;
}

.customer-document-signed {
  color: #057647;
  background: #e9f7ef;
}

.customer-document-signing-overlay {
  z-index: 14000;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #1118276b;
  place-items: center;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
}

.customer-document-signing-modal {
  color: #202124;
  background: #fff;
  border: 1px solid #ffffffb8;
  border-radius: 14px;
  width: min(100%, 460px);
  overflow: hidden;
  box-shadow: 0 26px 80px #0f172a42;
}

.customer-document-signing-modal__head {
  border-bottom: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 17px 18px;
  display: flex;
}

.customer-document-signing-modal__head span {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
}

.customer-document-signing-modal__head h2 {
  color: #17191d;
  letter-spacing: 0;
  margin: 4px 0 0;
  font-size: 20px;
  font-weight: 900;
}

.customer-document-signing-modal__head button {
  color: #4b5563;
  background: #f1f3f6;
  border: 0;
  border-radius: 10px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.customer-document-signing-modal__body {
  gap: 14px;
  padding: 18px;
  display: grid;
}

.customer-document-signing-modal__body p {
  color: #5f6875;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-document-signing-modal__body label {
  gap: 7px;
  display: grid;
}

.customer-document-signing-modal__body label span {
  color: #4f5662;
  font-size: 12px;
  font-weight: 850;
}

.customer-document-signing-modal__body input {
  color: #202124;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 10px;
  outline: 0;
  width: 100%;
  min-height: 46px;
  padding: 0 13px;
  font-size: 18px;
  font-weight: 850;
}

.customer-document-signing-modal__body input:focus {
  border-color: #202124;
  box-shadow: 0 0 0 3px #20212414;
}

.customer-document-signing-modal__error {
  color: #b42318;
  font-size: 13px;
  font-weight: 800;
}

.customer-document-signing-modal__primary {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  font-size: 14px;
  font-weight: 900;
  display: inline-flex;
}

.customer-document-signing-modal__primary:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.customer-document-signing-modal__resend {
  color: #20242a;
  min-height: 42px;
  font: inherit;
  background: #fff;
  border: 1px solid #d6dbe3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  transition: background-color .16s, border-color .16s, transform .16s;
  display: inline-flex;
}

.customer-document-signing-modal__resend:hover:not(:disabled) {
  background: #f5f6f8;
  border-color: #aeb6c2;
}

.customer-document-signing-modal__resend:active:not(:disabled) {
  transform: translateY(1px);
}

.customer-document-signing-modal__resend:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.customer-document-signing-spinner {
  animation: .8s linear infinite customer-document-signing-spin;
}

@keyframes customer-document-signing-spin {
  to {
    transform: rotate(360deg);
  }
}

.customer-document-toast {
  top: max(22px, env(safe-area-inset-top));
  z-index: 14500;
  color: #17191d;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #fffffff5;
  border: 1px solid #1118271a;
  border-radius: 14px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: min(460px, 100vw - 32px);
  min-height: 72px;
  padding: 15px 17px;
  animation: 3.2s cubic-bezier(.22, 1, .36, 1) both customerProfileToast;
  display: grid;
  position: fixed;
  right: 24px;
  box-shadow: 0 22px 54px #0f172a2e;
}

.customer-document-toast:before {
  content: "";
  background: #16a34a;
  border-radius: 999px;
  width: 3px;
  position: absolute;
  inset: 10px auto 10px 0;
}

.customer-document-toast span {
  color: #067647;
  background: #ecfdf3;
  border-radius: 999px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 17px;
  font-weight: 900;
  display: grid;
}

.customer-document-toast strong {
  color: #17191d;
  font-size: 15px;
  font-weight: 850;
}

.customer-document-toast.is-error:before {
  background: #dc2626;
}

.customer-document-toast.is-error span {
  color: #b42318;
  background: #fff1f2;
}

.customer-feedback-form {
  background: #fff;
  border: 1px solid #dde2ea;
  border-radius: 14px;
  gap: 16px;
  width: 100%;
  padding: 20px;
  display: grid;
}

.customer-review-action {
  gap: 8px;
  min-width: 0;
  margin-bottom: 12px;
  display: grid;
}

.customer-review-action.is-loading {
  place-items: center;
  min-height: 48px;
}

.customer-review-action.is-complete, .customer-review-action.is-error {
  background: #f7f8fa;
  border: 1px solid #dde2e9;
  border-radius: 8px;
  padding: 14px;
}

.customer-review-action p {
  color: #59606b;
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.45;
}

.customer-review-action__button, .customer-review-action.is-error button {
  color: #202124;
  width: 100%;
  min-height: 46px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 800;
  transition: transform .16s, border-color .16s, background-color .16s;
  display: inline-flex;
}

.customer-review-action__button:hover, .customer-review-action.is-error button:hover {
  background: #f7f8fa;
  border-color: #202124;
}

.customer-review-action__button:active, .customer-review-action.is-error button:active {
  transform: scale(.985);
}

.customer-review-action__rating {
  color: #c5cad2;
  gap: 3px;
  display: flex;
}

.customer-review-action__rating .is-active {
  color: #f5aa18;
  fill: currentColor;
}

.customer-feedback-form--mobile {
  background: #f2f3f5;
  border: 0;
  border-radius: 0;
  min-height: calc(100vh - 96px);
  padding: 18px 16px 112px;
}

.customer-feedback-form__head {
  gap: 7px;
  display: grid;
}

.customer-feedback-form__head span {
  color: #ef233c;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 900;
}

.customer-feedback-form__head h2 {
  color: #202124;
  letter-spacing: 0;
  margin: 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.08;
}

.customer-feedback-form__head p, .customer-feedback-form__order span, .customer-feedback-form__blocked {
  color: #626b7a;
  margin: 0;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

.customer-feedback-form__order {
  border-top: 1px solid #eef1f5;
  border-bottom: 1px solid #eef1f5;
  gap: 5px;
  padding: 12px 0;
  display: grid;
}

.customer-feedback-form__order strong {
  color: #202124;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.customer-feedback-form__blocked {
  background: #f7f8fa;
  border: 1px solid #e3e7ee;
  border-radius: 12px;
  padding: 12px 14px;
}

.customer-feedback-form__rating {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.customer-feedback-form__rating button {
  color: #aeb5c0;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 12px;
  place-items: center;
  width: 40px;
  height: 40px;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.customer-feedback-form__rating button.is-active {
  color: #ef233c;
  border-color: #ef233c38;
}

.customer-feedback-form__rating button:active {
  transform: scale(.96);
}

.customer-feedback-form__field {
  gap: 8px;
  display: grid;
}

.customer-feedback-form__field span {
  color: #4f5662;
  font-size: 13px;
  font-weight: 850;
}

.customer-feedback-form__field textarea {
  resize: vertical;
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 12px;
  outline: 0;
  width: 100%;
  min-height: 156px;
  padding: 13px 14px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.45;
}

.customer-feedback-form__field textarea:focus {
  border-color: #202124;
  box-shadow: 0 0 0 3px #20212414;
}

.customer-feedback-form__field textarea:disabled {
  cursor: not-allowed;
  color: #8b94a3;
  background: #f7f8fa;
}

.customer-feedback-form__error {
  color: #b42318;
  margin: -4px 0 0;
  font-size: 13px;
  font-weight: 850;
}

.customer-feedback-form__submit {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  font-size: 15px;
  font-weight: 900;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), opacity .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-action-spinner {
  flex: none;
  animation: .8s linear infinite customer-action-spin;
}

@keyframes customer-action-spin {
  to {
    transform: rotate(360deg);
  }
}

.customer-feedback-form__submit:disabled {
  cursor: not-allowed;
  opacity: .46;
}

.customer-feedback-form__submit:not(:disabled):active {
  transform: scale(.985);
}

@media (prefers-reduced-motion: reduce) {
  .customer-feedback-form__rating button, .customer-feedback-form__submit {
    transition: none;
  }

  .customer-action-spinner {
    animation-duration: 1.8s;
  }
}

.customer-order-materials {
  gap: 12px;
  display: grid;
}

.customer-order-materials__composer {
  background: #f8fafc;
  border: 1px solid #dce2ea;
  border-radius: 8px;
  gap: 11px;
  padding: 14px;
  display: grid;
}

.customer-order-materials__composer-head div {
  gap: 3px;
  display: grid;
}

.customer-order-materials__composer-head strong {
  color: #202329;
  font-size: 14px;
}

.customer-order-materials__composer-head span {
  color: #6e7786;
  font-size: 12px;
  line-height: 1.45;
}

.customer-order-materials__composer-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.customer-order-materials__composer-actions button {
  color: #202329;
  min-height: 42px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d4dbe5;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 750;
  transition: border-color .16s, background-color .16s, transform .16s;
  display: inline-flex;
}

.customer-order-materials__composer-actions button:hover {
  background: #f4f6f8;
  border-color: #9ba5b4;
  transform: translateY(-1px);
}

.customer-order-materials__composer-actions button:disabled {
  cursor: default;
  opacity: .48;
  transform: none;
}

.customer-order-materials__upload-state {
  color: #5e6877;
  place-items: center;
  gap: 4px;
  min-height: 48px;
  font-size: 12px;
  display: grid;
}

.customer-order-materials__upload-state svg {
  animation: .9s linear infinite customer-order-material-spin;
}

.customer-order-materials__upload-progress {
  color: #4b5563;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  font-size: 12px;
  font-weight: 750;
  display: grid;
}

.customer-order-materials__upload-progress div {
  background: #e2e6ec;
  border-radius: 999px;
  height: 9px;
  overflow: hidden;
}

.customer-order-materials__upload-progress i {
  border-radius: inherit;
  background: #111315;
  height: 100%;
  transition: width .1s linear;
  display: block;
}

.customer-order-materials__upload-error {
  color: #d51a30;
  margin: 0;
  font-size: 12px;
  font-weight: 650;
}

.customer-order-materials__load-error {
  color: #8f1d14;
  background: #fff5f4;
  border: 1px solid #f5b7b1;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 13px 14px;
  display: flex;
}

.customer-order-materials__load-error strong, .customer-order-materials__load-error p {
  margin: 0;
  display: block;
}

.customer-order-materials__load-error p {
  margin-top: 3px;
  font-size: 13px;
  line-height: 1.4;
}

.customer-order-materials__load-error button {
  color: #fff;
  cursor: pointer;
  background: #111214;
  border: 0;
  border-radius: 6px;
  flex: none;
  min-height: 38px;
  padding: 0 14px;
  font-weight: 750;
}

@media (max-width: 640px) {
  .customer-order-materials__load-error {
    flex-direction: column;
    align-items: stretch;
  }

  .customer-order-materials__load-error button {
    width: 100%;
  }
}

.customer-order-materials__section {
  gap: 8px;
  display: grid;
}

.customer-order-materials__section-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-order-materials__section-head h3 {
  color: #202124;
  letter-spacing: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 850;
}

.customer-order-materials__section-head span {
  color: #69707d;
  background: #f0f1f3;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 22px;
  font-size: 11px;
  font-weight: 850;
  display: inline-flex;
}

.customer-order-materials__gallery {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.customer-order-materials.is-desktop .customer-order-materials__gallery {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.customer-order-materials__tile {
  aspect-ratio: 1.35;
  color: #fff;
  cursor: pointer;
  background: #111827;
  border: 1px solid #12171f14;
  border-radius: 8px;
  min-width: 0;
  padding: 0;
  transition: box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 0 1px #00000005, 0 1px 2px #12171f0a;
}

.customer-order-materials__tile-wrap {
  min-width: 0;
  position: relative;
}

.customer-order-materials__tile-wrap .customer-order-materials__tile {
  width: 100%;
}

.customer-order-materials__delete, .customer-order-materials__file-row > button, .customer-order-materials__voice-row > button {
  color: #687282;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  transition: color .16s, background-color .16s, transform .16s;
  display: grid;
  box-shadow: 0 4px 14px #12171f1f;
}

.customer-order-materials__delete {
  z-index: 3;
  position: absolute;
  top: 7px;
  right: 7px;
}

.customer-order-materials__delete:hover, .customer-order-materials__file-row > button:hover, .customer-order-materials__voice-row > button:hover {
  color: #d4112c;
  background: #fff0f2;
  transform: translateY(-1px);
}

.customer-order-materials__tile:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px #0000000f, 0 8px 24px #12171f1a;
}

.customer-order-materials__tile:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #ef0016;
}

.customer-order-materials__image, .customer-order-materials__tile video {
  object-fit: cover;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.customer-order-materials__tile:after {
  content: "";
  background: linear-gradient(#11182700, #111827b8);
  height: 48%;
  position: absolute;
  inset: auto 0 0;
}

.customer-order-materials__tile small {
  z-index: 1;
  color: #ffffffeb;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.2;
  position: absolute;
  bottom: 7px;
  left: 8px;
  right: 8px;
  overflow: hidden;
}

.customer-order-materials__play {
  z-index: 1;
  color: #111;
  background: #ffffffe0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 8px 24px #0000002e;
}

.customer-order-materials__files {
  gap: 7px;
  display: grid;
}

.customer-order-materials__voices {
  gap: 10px;
  max-width: 720px;
  display: grid;
}

.customer-order-materials__voice-row, .customer-order-materials__file-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.customer-order-materials__files a, .customer-order-materials__files [data-file-state="pending"] {
  color: #171717;
  background: #fbfbfc;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  padding: 8px 10px;
  text-decoration: none;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

@keyframes customer-order-material-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 600px) {
  .customer-order-materials__composer-actions {
    grid-template-columns: 1fr;
  }

  .customer-order-materials__composer-actions button {
    justify-content: flex-start;
    padding: 0 13px;
  }
}

.customer-order-materials__files a:hover {
  background: #fff;
  border-color: #d8dde4;
}

.customer-order-materials__files [data-file-state="pending"] {
  cursor: default;
  opacity: .72;
}

.customer-file-access__state {
  color: #69707d;
  white-space: normal;
  grid-column: 2 / -1;
  font-size: 11px;
  font-weight: 750;
}

.customer-order-materials__files span {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.customer-order-materials__files small {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.customer-order-media-viewer {
  z-index: 10000;
  background: #000;
  place-items: center;
  padding: 0;
  display: grid;
  position: fixed;
  inset: 0;
}

.customer-order-media-viewer__backdrop {
  cursor: pointer;
  background: #000;
  border: 0;
  padding: 0;
  animation: .18s cubic-bezier(.22, 1, .36, 1) both customerMediaBackdropIn;
  position: absolute;
  inset: 0;
}

.customer-order-media-viewer__panel {
  z-index: 1;
  color: #fff;
  width: 100%;
  height: 100dvh;
  box-shadow: none;
  opacity: var(--customer-media-drag-opacity, 1);
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  background: #000;
  border-radius: 0;
  grid-template-rows: auto minmax(0, 1fr);
  animation: .24s cubic-bezier(.22, 1, .36, 1) both customerMediaPanelIn;
  display: grid;
  position: relative;
  overflow: hidden;
}

.customer-order-media-viewer__panel.is-dragging .customer-order-media-viewer__media {
  transition: none;
}

.customer-order-media-viewer__top {
  z-index: 4;
  padding: max(env(safe-area-inset-top), 16px) max(env(safe-area-inset-right), 18px) 12px max(env(safe-area-inset-left), 18px);
  pointer-events: none;
  background: linear-gradient(#000000bd, #0000);
  border-bottom: 0;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
  position: relative;
}

.customer-order-media-viewer__top div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.customer-order-media-viewer__top strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 800;
  overflow: hidden;
}

.customer-order-media-viewer__top span {
  color: #ffffff94;
  font-size: 12px;
  font-weight: 750;
}

.customer-order-media-viewer__top button, .customer-order-media-viewer__arrow {
  color: #fff;
  cursor: pointer;
  pointer-events: auto;
  background: #ffffff14;
  border: 1px solid #ffffff1a;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-order-media-viewer__top button {
  flex: none;
  width: 38px;
  height: 38px;
}

.customer-order-media-viewer__top button:hover, .customer-order-media-viewer__arrow:hover {
  background: #ffffff29;
}

.customer-order-media-viewer__stage {
  min-height: 0;
  padding: 0 72px max(env(safe-area-inset-bottom), 20px);
  place-items: center;
  display: grid;
  position: relative;
  overflow: hidden;
}

.customer-order-media-viewer__media {
  width: 100%;
  height: 100%;
  transform: translate3d(var(--customer-media-drag-x, 0), var(--customer-media-drag-y, 0), 0) scale(var(--customer-media-drag-scale, 1));
  place-items: center;
  transition: opacity .2s cubic-bezier(.22, 1, .36, 1), transform .24s cubic-bezier(.22, 1, .36, 1);
  animation: .22s cubic-bezier(.22, 1, .36, 1) both customerMediaItemIn;
  display: grid;
}

.customer-order-media-viewer__image {
  background-image: var(--customer-media-viewer-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.customer-order-media-viewer__video {
  object-fit: contain;
  background: #000;
  border-radius: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.customer-order-media-viewer__arrow {
  z-index: 4;
  width: 46px;
  height: 46px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.customer-order-media-viewer__arrow.is-prev {
  left: max(env(safe-area-inset-left), 18px);
}

.customer-order-media-viewer__arrow.is-next {
  right: max(env(safe-area-inset-right), 18px);
}

.customer-payment-actions {
  gap: 10px;
  width: 100%;
  display: grid;
}

.customer-additional-work {
  background: #fff;
  border: 1px solid #dce2ea;
  border-radius: 16px;
  gap: 14px;
  padding: 18px;
  display: grid;
  box-shadow: 0 18px 50px #0f172a0f;
}

.customer-additional-work--mobile {
  box-shadow: none;
  border-radius: 14px;
  padding: 14px;
}

.customer-additional-work__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.customer-additional-work__head span {
  color: #8b94a2;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.customer-additional-work__head strong {
  color: #4b5563;
  text-align: right;
  background: #f1f3f6;
  border-radius: 999px;
  max-width: 52%;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.15;
}

.customer-additional-work__body {
  gap: 12px;
  display: grid;
}

.customer-additional-work__summary {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 14px;
  display: grid;
}

.customer-additional-work__summary h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.14;
}

.customer-additional-work__summary p {
  color: #69707d;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-additional-work__summary > strong {
  white-space: nowrap;
  color: #202124;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.1;
}

.customer-additional-work__meta {
  border-top: 1px solid #edf0f3;
  gap: 8px;
  padding-top: 12px;
  display: grid;
}

.customer-additional-work__meta span:first-child {
  color: #4b5563;
  background: #f4f6f8;
  border-radius: 999px;
  width: fit-content;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
}

.customer-additional-work__meta span:last-child {
  color: #69707d;
  font-size: 14px;
  line-height: 1.45;
}

.customer-additional-work__estimate {
  color: #202124;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  width: fit-content;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-additional-work__estimate:hover {
  border-color: #cfd6e1;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #0f172a14;
}

.customer-additional-work__request, .customer-additional-work__request-form {
  gap: 12px;
  display: grid;
}

.customer-additional-work__request {
  border-top: 1px solid #edf0f3;
  padding-top: 12px;
}

.customer-additional-work__request span, .customer-additional-work__request-form > div span {
  color: #59606b;
  background: #f1f3f6;
  border-radius: 999px;
  width: fit-content;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
}

.customer-additional-work__request h2, .customer-additional-work__request-form h2 {
  color: #202124;
  margin: 8px 0 0;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.14;
}

.customer-additional-work__request p, .customer-additional-work__request-form p {
  color: #69707d;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-additional-work__request-form label {
  gap: 6px;
  display: grid;
}

.customer-additional-work__request-form label span {
  color: #69707d;
  font-size: 12px;
  font-weight: 900;
}

.customer-additional-work__request-form input, .customer-additional-work__request-form textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #d9dfe8;
  border-radius: 12px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-additional-work__request-form textarea {
  resize: vertical;
  min-height: 86px;
}

.customer-additional-work__request-form input:focus, .customer-additional-work__request-form textarea:focus {
  border-color: #202124;
  box-shadow: 0 0 0 4px #20212414;
}

.customer-additional-work__request-form button {
  color: #fff;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 42px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), opacity .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-additional-work__request-form button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #11111121;
}

.customer-additional-work__request-form button:disabled {
  cursor: not-allowed;
  opacity: .58;
  box-shadow: none;
  transform: none;
}

.customer-additional-work__decision {
  border-top: 1px solid #edf0f3;
  gap: 12px;
  padding-top: 12px;
  display: grid;
}

.customer-additional-work__decision label {
  gap: 6px;
  display: grid;
}

.customer-additional-work__decision label span {
  color: #69707d;
  font-size: 12px;
  font-weight: 900;
}

.customer-additional-work__decision textarea {
  resize: vertical;
  color: #202124;
  min-height: 76px;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #d9dfe8;
  border-radius: 12px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  line-height: 1.4;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-additional-work__decision textarea:focus {
  border-color: #202124;
  box-shadow: 0 0 0 4px #20212414;
}

.customer-additional-work__actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.customer-additional-work__actions button {
  color: #fff;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), opacity .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-additional-work__actions button.is-secondary {
  color: #202124;
  background: #fff;
  border: 1px solid #e1e6ee;
}

.customer-additional-work__actions button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #11111121;
}

.customer-additional-work__actions button:active {
  transform: translateY(0)scale(.99);
}

.customer-additional-work__actions button:disabled {
  cursor: not-allowed;
  opacity: .58;
  box-shadow: none;
  transform: none;
}

.customer-additional-work__error {
  color: #b42318;
  background: #fff5f3;
  border: 1px solid #f6b5ad;
  border-radius: 10px;
  margin: 0;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 850;
}

.customer-additional-work__load-error {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 22px;
  display: grid;
}

.customer-additional-work__load-error > div {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.customer-additional-work__load-error strong {
  font-size: 18px;
}

.customer-additional-work__load-error span {
  color: #687281;
  line-height: 1.45;
}

.customer-additional-work__load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  font-weight: 800;
}

.customer-additional-work__skeleton {
  gap: 10px;
  display: grid;
}

.customer-additional-work__skeleton span, .customer-additional-work__skeleton i, .customer-additional-work__skeleton b {
  background: linear-gradient(90deg, #edf0f4 0%, #f8f9fb 45%, #edf0f4 100%) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 13px;
  animation: 1.2s ease-in-out infinite customerPaymentSkeleton;
  display: block;
}

.customer-additional-work__skeleton span {
  width: 36%;
}

.customer-additional-work__skeleton i {
  width: 72%;
}

.customer-additional-work__skeleton b {
  width: 48%;
  height: 42px;
}

@media (max-width: 640px) {
  .customer-additional-work__load-error {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px;
  }

  .customer-additional-work__load-error button {
    width: 100%;
  }

  .customer-additional-work__head, .customer-additional-work__summary {
    grid-template-columns: 1fr;
  }

  .customer-additional-work__head {
    display: grid;
  }

  .customer-additional-work__head strong {
    text-align: left;
    max-width: 100%;
  }

  .customer-additional-work__summary h2 {
    font-size: 19px;
  }

  .customer-additional-work__summary > strong {
    font-size: 20px;
  }

  .customer-additional-work__actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .customer-additional-work__request h2, .customer-additional-work__request-form h2 {
    font-size: 19px;
  }

  .customer-additional-work__request-form button {
    width: 100%;
  }
}

.customer-payment-actions__content {
  gap: 10px;
  display: grid;
}

.customer-payment-actions__row {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both customerPaymentCardIn;
  display: grid;
}

.customer-payment-actions__row > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.customer-payment-actions__row span {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
}

.customer-payment-actions__row strong {
  color: #202124;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.15;
}

.customer-payment-actions__row button, .customer-payment-modal__primary {
  color: #fff;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), opacity .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-payment-actions__row button:hover, .customer-payment-modal__primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #11111129;
}

.customer-payment-actions__row button:active, .customer-payment-modal__primary:active {
  transform: translateY(0)scale(.99);
}

.customer-payment-actions__row button:disabled, .customer-payment-modal__primary:disabled {
  cursor: not-allowed;
  opacity: .56;
  box-shadow: none;
  transform: none;
}

.customer-payment-actions__row svg, .customer-payment-modal__primary svg {
  flex: none;
}

.customer-payment-spinner {
  animation: .9s linear infinite customerPaymentSpin;
}

.customer-payment-actions__note, .customer-payment-actions__paid, .customer-payment-actions__error {
  border-radius: 10px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
}

.customer-payment-actions__note {
  color: #59606b;
  background: #f4f6f8;
}

.customer-payment-actions__paid {
  color: #057647;
  background: #eef8f2;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.customer-payment-actions__paid > svg {
  margin-top: 2px;
}

.customer-payment-actions__paid > div {
  gap: 3px;
  display: grid;
}

.customer-payment-actions__paid strong, .customer-payment-actions__paid b {
  color: #075f3d;
}

.customer-payment-actions__paid span {
  color: #356655;
  font-weight: 650;
}

.customer-payment-actions__paid b {
  margin-top: 2px;
}

.customer-payment-actions__error {
  color: #b42318;
  background: #fff5f3;
  border: 1px solid #f6b5ad;
}

.customer-payment-actions__load-error {
  color: #b42318;
  background: #fff5f3;
  border: 1px solid #f6b5ad;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 780;
  display: flex;
}

.customer-payment-actions__refunds-warning {
  color: #72560d;
  background: #fff9e8;
  border: 1px solid #f0d58a;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 740;
  line-height: 1.35;
  display: flex;
}

.customer-payment-actions__refunds-warning button, .customer-payment-actions__load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  flex: none;
  padding: 0 14px;
  font-weight: 800;
}

@media (max-width: 480px) {
  .customer-payment-actions__load-error, .customer-payment-actions__refunds-warning {
    flex-direction: column;
    align-items: stretch;
  }

  .customer-payment-actions__load-error button, .customer-payment-actions__refunds-warning button {
    width: 100%;
  }
}

.customer-payment-actions__skeleton {
  background: #fff;
  border: 1px solid #e5e9ef;
  border-radius: 12px;
  gap: 8px;
  padding: 13px;
  display: grid;
}

.customer-payment-actions__skeleton span, .customer-payment-actions__skeleton i, .customer-payment-actions__skeleton b {
  background: linear-gradient(90deg, #edf0f4 0%, #f8f9fb 45%, #edf0f4 100%) 0 0 / 220% 100%;
  border-radius: 999px;
  height: 12px;
  animation: 1.2s ease-in-out infinite customerPaymentSkeleton;
  display: block;
}

.customer-payment-actions__skeleton span {
  width: 34%;
}

.customer-payment-actions__skeleton i {
  width: 52%;
}

.customer-payment-actions__skeleton b {
  width: 26%;
  height: 34px;
}

.customer-payment-actions--compact .customer-payment-actions__row {
  width: min(100%, 560px);
}

.customer-payment-actions--compact .customer-payment-actions__row button, .customer-payment-actions--mobile .customer-payment-actions__row button {
  width: 100%;
}

.customer-payment-actions--mobile .customer-payment-actions__row {
  grid-template-columns: minmax(0, 1fr);
}

.customer-payment-modal {
  z-index: 16000;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  overscroll-behavior: contain;
  background: #1118277a;
  place-items: center;
  height: 100dvh;
  animation: .18s cubic-bezier(.22, 1, .36, 1) both customerPaymentBackdropIn;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.customer-payment-modal__panel {
  background: #fff;
  border: 1px solid #ffffffbd;
  border-radius: 18px;
  flex-direction: column;
  width: min(100%, 480px);
  min-height: 0;
  max-height: calc(100dvh - 36px);
  animation: .24s cubic-bezier(.22, 1, .36, 1) both customerPaymentModalIn;
  display: flex;
  overflow: hidden;
  box-shadow: 0 32px 88px #0f172a47;
}

.customer-payment-modal__head {
  border-bottom: 1px solid #edf0f3;
  flex: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.customer-payment-modal__head span {
  color: #8a929e;
  letter-spacing: .03em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.customer-payment-modal__head h2 {
  color: #17191d;
  margin: 4px 0 0;
  font-size: 22px;
  font-weight: 950;
  line-height: 1.12;
}

.customer-payment-modal__head button {
  color: #4b5563;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 12px;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.customer-payment-modal__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: 18px 18px calc(18px + env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
  flex: auto;
  gap: 14px;
  display: grid;
  overflow-y: auto;
}

.customer-payment-modal__body p {
  color: #5f6875;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-payment-modal__amount {
  background: #f8fafc;
  border: 1px solid #e5e9ef;
  border-radius: 14px;
  gap: 5px;
  padding: 14px;
  display: grid;
}

.customer-payment-modal__amount span {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
}

.customer-payment-modal__amount strong {
  color: #17191d;
  font-size: 30px;
  font-weight: 950;
  line-height: 1.05;
}

.customer-payment-modal__primary {
  width: 100%;
  min-height: 48px;
  font-size: 15px;
}

@keyframes customerMediaBackdropIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes customerPaymentCardIn {
  from {
    opacity: 0;
    transform: translate3d(0, 8px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes customerPaymentBackdropIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes customerPaymentModalIn {
  from {
    opacity: 0;
    transform: translate3d(0, 12px, 0)scale(.98);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)scale(1);
  }
}

@keyframes customerPaymentSkeleton {
  from {
    background-position: 120% 0;
  }

  to {
    background-position: -120% 0;
  }
}

@keyframes customerPaymentSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes customerMediaPanelIn {
  from {
    opacity: 0;
    filter: blur(4px);
  }

  to {
    opacity: 1;
    filter: blur();
  }
}

@keyframes customerMediaItemIn {
  from {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(18px, 0, 0);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translate3d(var(--customer-media-drag-x, 0), var(--customer-media-drag-y, 0), 0) scale(var(--customer-media-drag-scale, 1));
  }
}

/* [project]/src/features/customer/customer-media.css [app-client] (css) */
@media (max-width: 767px) {
  .customer-order-media-viewer {
    padding: 0;
  }

  .customer-order-media-viewer__panel {
    border-radius: 0;
    height: 100dvh;
  }

  .customer-order-media-viewer__stage {
    min-height: 0;
    padding: 0 0 max(env(safe-area-inset-bottom), 18px);
  }

  .customer-order-media-viewer__image {
    border-radius: 0;
    height: 100%;
  }

  .customer-order-media-viewer__video {
    border-radius: 0;
    max-height: 100%;
  }

  .customer-order-media-viewer__arrow {
    background: #0a0c106b;
    width: 42px;
    height: 42px;
    top: 50%;
    bottom: auto;
  }

  .customer-order-media-viewer__arrow.is-prev {
    left: max(env(safe-area-inset-left), 10px);
  }

  .customer-order-media-viewer__arrow.is-next {
    right: max(env(safe-area-inset-right), 10px);
  }
}

@keyframes customerOrderLineCharge {
  from {
    transform-origin: top;
    transform: scaleY(0);
  }

  to {
    transform-origin: top;
    transform: scaleY(1);
  }
}

@keyframes customerOrderShimmer {
  from {
    opacity: 0;
    transform: translateY(-10px)scaleY(.4);
  }

  45% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translateY(18px)scaleY(1);
  }
}

@keyframes customerOrderStepPop {
  0% {
    transform: scale(.92);
  }

  55% {
    transform: scale(1.08);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes customerOrderActiveDot {
  from {
    opacity: 0;
    transform: scale(.4);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes customerOrderPanelEnter {
  from {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(8px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateX(0);
  }
}

@keyframes customerOrderPanelEnterBack {
  from {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(-8px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateX(0);
  }
}

@keyframes customerDesktopOrderTabEnter {
  from {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateX(0);
  }
}

@keyframes customerDesktopOrderTabEnterBack {
  from {
    opacity: 0;
    filter: blur(2px);
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-mobile-order-stepper li.is-done span, .customer-mobile-order-stepper li.is-done:not(:last-child):before, .customer-mobile-order-stepper li.is-active:not(:last-child):before, .customer-mobile-order-stepper li.is-active:not(:last-child):after, .customer-mobile-order-stepper li.is-active span i, .customer-mobile-order-tab-motion {
    animation: none;
  }

  .customer-mobile-order-tabs__nav button {
    transition: none;
  }
}

.customer-more-card {
  padding: 12px 14px;
}

.customer-more-card button {
  width: 100%;
}

.customer-order-flow, .customer-measurement-card, .customer-act-card, .customer-review-card, .customer-complaint-card {
  padding: 15px 14px;
}

.customer-order-flow h2 {
  margin-bottom: 6px;
  font-size: 14px;
}

.customer-order-flow > p {
  color: #6d6d6d;
  font-size: 14px;
  line-height: 1.25;
}

.customer-order-flow > strong {
  color: #fff;
  background: #3a3a3a;
  border-radius: 3px;
  width: fit-content;
  margin: 4px 0 8px;
  padding: 2px 6px;
  font-size: 11px;
  font-weight: 600;
  display: block;
}

.customer-flow-fields {
  color: #69707d;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  gap: 0;
  font-size: 13px;
  line-height: 1.28;
  display: grid;
  overflow: hidden;
}

.customer-flow-fields p {
  border-bottom: 1px solid #e5e7eb;
  padding: 9px 10px;
}

.customer-flow-fields p:last-child {
  border-bottom: 0;
}

.customer-flow-fields span, .customer-offer-facts span {
  color: #333;
  font-weight: 600;
  display: block;
}

.customer-rules-card {
  color: #59606b;
  border: 1px solid #e5e7eb;
  border-radius: 7px;
  gap: 9px;
  margin: 12px 0;
  padding: 11px 10px;
  font-size: 12px;
  line-height: 1.28;
  display: grid;
}

.customer-rules-card p {
  gap: 4px;
  display: flex;
}

.customer-rules-card span {
  color: #ed001f;
}

.customer-amount-fields {
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.customer-amount-fields label {
  color: #777;
  gap: 7px;
  font-size: 12px;
  display: grid;
}

.customer-amount-fields input, .customer-amount-input, .customer-amount-pill {
  color: #59606b;
  background: #f5f6f8;
  border: 0;
  border-radius: 5px;
  width: 100%;
  min-height: 38px;
  padding: 0 12px;
  font-size: 14px;
}

.customer-blue-note, .customer-work-terms, .customer-bank-card, .customer-doc-card, .customer-voice-card {
  color: #333;
  background: #f7f9fc;
}

.customer-blue-note {
  border: 1px solid #e3ebf7;
  border-radius: 7px;
  gap: 9px;
  margin-top: 14px;
  padding: 11px 10px;
  font-size: 12px;
  line-height: 1.3;
  display: grid;
}

.customer-blue-note button, .customer-png-primary {
  color: #fff;
  background: #151515;
  border: 0;
  border-radius: 7px;
  min-height: 44px;
  font-size: 14px;
}

.customer-work-terms, .customer-bank-card, .customer-doc-card, .customer-voice-card {
  padding: 12px 14px;
  font-size: 12px;
  line-height: 1.25;
}

.customer-bank-card h3, .customer-doc-card h3, .customer-media-section h3, .customer-voice-card h3, .customer-blue-note h3 {
  color: #59606b;
  margin-bottom: 9px;
  font-size: 14px;
  font-weight: 600;
}

.customer-file-link {
  color: #59606b;
  align-items: center;
  gap: 10px;
  min-height: 36px;
  font-size: 12px;
  display: flex;
}

.customer-file-link span {
  color: #ff3b3b;
  border: 1px solid #ff6b6b;
  border-radius: 4px;
  place-items: end center;
  width: 30px;
  height: 34px;
  padding-bottom: 3px;
  font-size: 7px;
  font-weight: 700;
  display: grid;
}

.customer-description-card {
  padding: 12px 14px;
}

.customer-description-card h3 {
  color: #59606b;
  margin-bottom: 6px;
  font-size: 16px;
}

.customer-description-card p {
  color: #333;
  font-size: 13px;
  line-height: 1.28;
}

.customer-media-section {
  background: #fff;
}

.customer-media-section h3 {
  margin: 0;
  padding: 10px 14px;
}

.customer-photo-grid {
  background: #e6e6e6;
  grid-template-columns: repeat(3, 1fr);
  display: grid;
}

.customer-photo-grid div {
  aspect-ratio: 1.22;
  color: #999;
  border-bottom: 1px solid #d2d2d2;
  border-right: 1px solid #d2d2d2;
  place-items: center;
  display: grid;
}

.customer-video-preview {
  background: linear-gradient(90deg, #0000 41%, #ffffffe6 42% 45%, #0000 46%), linear-gradient(#dff5ff 0 42%, #edf0f4 43% 72%, #d8dce0 73%);
  place-items: center;
  min-height: 154px;
  display: grid;
  position: relative;
}

.customer-video-preview span {
  color: #fff;
  background: #ef4c4cd4;
  border-radius: 999px;
  place-items: center;
  width: 50px;
  height: 50px;
  display: grid;
}

.customer-voice-row {
  color: #7c9edb;
  background: #f5f7ff;
  border-radius: 4px;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 38px;
  margin-top: 8px;
  padding: 0 9px;
  display: grid;
}

.customer-voice-row span {
  background: #dbe5fb;
  border-radius: 99px;
  height: 4px;
}

.customer-flow-bottom-actions {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 14px 20px;
  display: grid;
}

.customer-flow-bottom-actions button:last-child, .customer-flow-bottom-actions.is-vertical button:first-child {
  color: #fff;
  background: #151515;
}

.customer-flow-bottom-actions.is-vertical {
  grid-template-columns: 1fr;
}

.customer-flow-bottom-actions.is-vertical button:last-child {
  color: #333;
  background: #eee;
}

.customer-measurement-card > p {
  color: #333;
  margin: 22px 0 8px;
  font-size: 18px;
}

.customer-avatar-photo {
  filter: grayscale();
  background: radial-gradient(circle at 50% 30%, #d7d7d7 0 17px, #0000 18px), linear-gradient(75deg, #0000 37%, #cfcfcf 38% 60%, #0000 61%), linear-gradient(#4a4a4a 0 42%, #eee 43%);
  border-radius: 8px;
  width: 120px;
  height: 158px;
  overflow: hidden;
}

.customer-avatar-photo.is-small {
  border-radius: 5px;
  width: 58px;
  height: 70px;
}

.customer-field-list {
  gap: 5px;
  margin: 8px 0 18px;
  display: grid;
}

.customer-field-box {
  color: #59606b;
  background: #f5f6f8;
  border-radius: 8px;
  align-items: center;
  gap: 4px;
  min-height: 48px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.35;
  display: flex;
}

.customer-field-box strong {
  color: #59606b;
  font-weight: 400;
}

.customer-field-box .is-link {
  color: #ed001f;
  text-decoration: underline;
}

.customer-measurement-card .customer-png-primary, .customer-measurement-card .customer-png-muted, .customer-act-card .customer-png-primary, .customer-act-card .customer-png-muted, .customer-complaint-card .customer-png-primary, .customer-complaint-card .customer-png-muted {
  width: 100%;
  margin-top: 10px;
}

.customer-offers-intro {
  padding: 12px 14px;
}

.customer-offers-intro h2 {
  font-size: 20px;
  font-weight: 700;
}

.customer-offers-intro p {
  color: #333;
  margin: 4px 0 12px;
  font-size: 15px;
}

.customer-offers-intro button {
  width: 100%;
}

.customer-master-offer {
  padding: 14px;
}

.customer-master-offer__profile {
  grid-template-columns: 58px minmax(0, 1fr) 31px;
  align-items: start;
  gap: 12px;
  display: grid;
}

.customer-master-offer__profile h3 {
  color: #333;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.customer-master-offer__profile button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  width: 31px;
  height: 31px;
}

.customer-master-offer__stats {
  gap: 5px;
  margin-top: 5px;
  display: flex;
}

.customer-master-offer__stats span:first-child {
  color: #333;
}

.customer-offer-facts {
  color: #69707d;
  gap: 7px;
  margin-top: 12px;
  font-size: 13px;
  line-height: 1.25;
  display: grid;
}

.customer-master-offer__actions {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.customer-blue-note.is-document {
  border-radius: 0;
  margin: 22px -20px 24px;
  padding: 18px 20px;
}

.customer-amount-input {
  background: #fff;
  border: 1px solid #d6d6d6;
  align-items: center;
  margin-bottom: 20px;
  font-size: 17px;
  display: flex;
}

.customer-review-flow {
  background: #fff;
  min-height: calc(100vh - 127px);
}

.customer-review-card {
  border-radius: 0;
  padding: 16px 8px 24px;
}

.customer-review-card__master {
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  display: grid;
}

.customer-review-card__master h2 {
  font-size: 15px;
  font-weight: 600;
}

.customer-rating-box {
  color: #777;
  background: #eef6ff;
  border-radius: 4px;
  margin-top: 14px;
  padding: 14px 15px;
}

.customer-rating-box > div {
  color: #f3be28;
  gap: 13px;
  margin-top: 13px;
  display: flex;
}

.customer-add-photo {
  color: #777;
  background: #fff;
  border: 0;
  border-radius: 3px;
  width: 100%;
  min-height: 42px;
  margin: 22px 0;
  font-size: 14px;
}

.customer-review-text {
  color: #777;
  gap: 8px;
  font-size: 13px;
  display: grid;
}

.customer-review-text textarea {
  color: #333;
  background: #fff;
  border: 0;
  border-radius: 2px;
  min-height: 108px;
  padding: 11px 8px;
  font-size: 12px;
}

.customer-review-card .customer-png-primary {
  width: 100%;
  margin-top: 84px;
}

.customer-complaint-card h2 {
  margin-bottom: 26px;
  font-size: 23px;
  line-height: 1.45;
}

.customer-complaint-card textarea {
  resize: vertical;
  color: #333;
  background: #f4f4fa;
  border: 0;
  border-radius: 8px;
  width: 100%;
  min-height: 356px;
  padding: 25px 16px;
  font-size: 18px;
}

.customer-attach-button {
  color: #777;
  background: none;
  border: 0;
  align-items: center;
  gap: 7px;
  min-height: 50px;
  margin: 10px 0 14px;
  font-size: 18px;
  display: inline-flex;
}

.customer-request-form {
  gap: 10px;
}

.customer-request-intro {
  gap: 4px;
  display: grid;
}

.customer-request-intro h2 {
  font-size: 19px;
  line-height: 1.18;
}

.customer-request-intro p, .customer-request-section__title span {
  color: #69707d;
  font-size: 12px;
  line-height: 1.35;
}

.customer-request-section {
  border-top: 1px solid #e5e7eb;
  gap: 10px;
  padding-top: 10px;
  display: grid;
}

.customer-request-address-field {
  position: relative;
}

.customer-request-geo-button {
  color: #30343b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  width: fit-content;
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.customer-request-geo-button:disabled {
  cursor: wait;
  opacity: .7;
}

.customer-request-address-suggest {
  margin-top: 0;
}

.customer-request-success, .customer-request-error {
  justify-self: start !important;
  font-size: 12px !important;
  font-weight: 650 !important;
}

.customer-request-success {
  color: #187a45 !important;
}

.customer-request-address-hint {
  color: #6b7280;
  justify-self: start;
  font-size: 12px;
  font-weight: 650;
}

.customer-request-error {
  color: #b4232d !important;
}

.customer-request-submitted {
  color: #17663a;
  background: #f2fbf5;
  border: 1px solid #bfe5cf;
  border-radius: 8px;
  gap: 3px;
  padding: 10px 12px;
  display: grid;
}

.customer-request-submitted strong {
  font-size: 13px;
  font-weight: 800;
}

.customer-request-submitted span {
  color: #2f6f49;
  font-size: 12px;
  line-height: 1.35;
}

.customer-request-modal-backdrop {
  z-index: 220;
  -webkit-backdrop-filter: blur(10px);
  overscroll-behavior: contain;
  background: #11182757;
  place-items: center;
  height: 100dvh;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.customer-request-modal {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 10px;
  gap: 14px;
  width: min(468px, 100%);
  min-height: 0;
  max-height: calc(100dvh - 40px);
  padding: 20px;
  display: grid;
  overflow-y: auto;
  box-shadow: 0 18px 48px #0f172a2e;
}

.customer-request-modal h2 {
  color: #171717;
  font-size: 22px;
  line-height: 1.15;
}

.customer-request-modal p {
  color: #59606b;
  font-size: 14px;
  line-height: 1.45;
}

.customer-request-modal div {
  grid-template-columns: 1fr 1.25fr;
  gap: 10px;
  display: grid;
}

.customer-request-modal button {
  color: #fff;
  background: #151515;
  border: 0;
  border-radius: 7px;
  min-height: 40px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
}

.customer-request-modal button.is-secondary {
  color: #30343b;
  background: #f1f2f4;
}

.customer-request-work-types {
  gap: 12px;
  display: grid;
}

.customer-request-details-grid {
  gap: 10px;
  display: grid;
}

.customer-request-step-motion {
  gap: inherit;
  display: grid;
}

.customer-request-work-types__head {
  gap: 4px;
  display: grid;
}

.customer-request-work-types__head strong {
  color: #30343b;
  font-size: 14px;
}

.customer-request-work-types__head span {
  color: #69707d;
  font-size: 13px;
  line-height: 1.4;
}

.customer-request-date-picker {
  color: #30343b;
  gap: 6px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
  position: relative;
}

.customer-request-date-picker > button {
  color: #30343b;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 8px;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
  width: 100%;
  min-height: 42px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 650;
  display: inline-flex;
}

.customer-request-date-picker.is-error > button {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 3px #d92d2014;
}

.customer-request-calendar {
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 10px;
  gap: 9px;
  width: 100%;
  padding: 12px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 12px 28px #0f172a14;
}

.customer-request-calendar__head {
  grid-template-columns: 32px minmax(0, 1fr) 32px;
  align-items: center;
  gap: 8px;
  display: grid;
}

.customer-request-calendar__head strong {
  color: #171717;
  text-align: center;
  text-transform: capitalize;
  font-size: 13px;
}

.customer-request-calendar__head button {
  color: #30343b;
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 7px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.customer-request-calendar__weekdays, .customer-request-calendar__grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 4px;
  display: grid;
}

.customer-request-calendar__weekdays span {
  color: #8a9099;
  text-align: center;
  font-size: 10px;
  font-weight: 800;
}

.customer-request-calendar__day {
  color: #30343b;
  background: none;
  border: 0;
  border-radius: 7px;
  width: 100%;
  height: 31px;
  font-size: 12px;
  font-weight: 750;
}

.customer-request-calendar__day.is-outside {
  color: #c1c6ce;
}

.customer-request-calendar__day.is-disabled {
  color: #d0d5dd;
  cursor: not-allowed;
  opacity: .58;
}

.customer-request-calendar__day.is-in-range {
  background: #f0f2f5;
}

.customer-request-calendar__day.is-selected {
  color: #fff;
  background: #171717;
}

.customer-request-calendar__actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding-top: 2px;
  display: grid;
}

.customer-request-calendar__actions button {
  color: #30343b;
  background: #f7f8fa;
  border: 1px solid #d8dde4;
  border-radius: 7px;
  min-height: 36px;
  font-size: 13px;
  font-weight: 800;
}

.customer-request-calendar__actions button:last-child {
  color: #fff;
  background: #171717;
  border-color: #171717;
}

.customer-request-calendar__actions button:disabled {
  color: #a0a6b0;
  cursor: not-allowed;
  background: #f1f2f4;
  border-color: #e4e7ec;
}

.customer-request-contact-panel, .customer-request-review {
  gap: 12px;
  display: grid;
}

.customer-request-readonly-list, .customer-request-review-section {
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  display: grid;
  overflow: hidden;
}

.customer-request-readonly-row {
  border-top: 1px solid #eef0f3;
  gap: 5px;
  padding: 11px 12px;
  display: grid;
}

.customer-request-readonly-row:first-child {
  border-top: 0;
}

.customer-request-readonly-row span {
  color: #69707d;
  font-size: 12px;
  font-weight: 650;
}

.customer-request-readonly-row strong {
  color: #171717;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.customer-request-review-grid {
  gap: 10px;
  display: grid;
}

.customer-request-review-section {
  align-content: start;
}

.customer-request-review-section h3 {
  color: #171717;
  border-bottom: 1px solid #eef0f3;
  padding: 11px 12px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.customer-request-review-chips {
  flex-wrap: wrap;
  gap: 7px;
  padding: 11px 12px;
  display: flex;
}

.customer-request-review-chips span {
  color: #30343b;
  background: #f7f8fa;
  border: 1px solid #dfe3e8;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1;
}

.customer-request-review-files {
  display: grid;
}

.customer-request-review-files > span {
  border-top: 1px solid #eef0f3;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: grid;
}

.customer-request-review-files > span:first-child {
  border-top: 0;
}

.customer-request-review-files b {
  color: #171717;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: 750;
  overflow: hidden;
}

.customer-request-review-files small, .customer-request-review-empty {
  color: #69707d;
  font-size: 12px;
}

.customer-request-review-empty {
  padding: 11px 12px;
}

.customer-request-chip-selector .chip-search-field input {
  background: #fff;
  border-color: #d8dde4;
  border-radius: 8px;
  min-height: 44px;
  font-size: 14px;
}

.customer-request-chip-selector .selected-chip-list button, .customer-request-chip-selector .suggested-chip-list button {
  border-radius: 7px;
  min-height: 30px;
  padding: 0 9px;
  font-size: 13px;
  font-weight: 700;
}

.customer-request-form button, .customer-pro-form button {
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1), opacity .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-request-form button:not(:disabled):hover, .customer-pro-form button:not(:disabled):hover {
  box-shadow: 0 1px 2px #11182714;
}

.customer-mobile-form input[aria-invalid="true"], .customer-mobile-form textarea[aria-invalid="true"], .customer-pro-form input[aria-invalid="true"], .customer-pro-form textarea[aria-invalid="true"] {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 3px #d92d2014;
}

.customer-mobile-form input[aria-invalid="true"]:focus, .customer-mobile-form textarea[aria-invalid="true"]:focus, .customer-pro-form input[aria-invalid="true"]:focus, .customer-pro-form textarea[aria-invalid="true"]:focus {
  outline-color: #d92d2047;
}

.customer-request-upload-note {
  color: #69707d;
  margin-top: -4px;
  font-size: 12px;
  line-height: 1.35;
}

.customer-request-processing, .customer-request-upload-progress {
  margin-top: 2px;
}

.customer-request-uploaded-list {
  gap: 8px;
  display: grid;
}

.customer-request-uploaded-item {
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  grid-template-columns: 42px minmax(0, 1fr) 34px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  padding: 8px;
  display: grid;
}

.customer-request-uploaded-preview {
  color: #59606b;
  background: #f2f3f5;
  border-radius: 7px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  overflow: hidden;
}

.customer-request-uploaded-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.customer-request-uploaded-preview audio {
  width: min(210px, 52vw);
  max-width: 210px;
  height: 36px;
}

.customer-request-review-files audio {
  width: 220px;
  max-width: 100%;
  height: 36px;
}

.customer-request-file-badge {
  color: #30343b;
  letter-spacing: 0;
  background: #eef1f5;
  border-radius: 7px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 10px;
  font-weight: 850;
  display: grid;
}

.customer-request-file-badge.is-pdf {
  color: #c01824;
  background: #fff0f0;
}

.customer-request-file-badge.is-doc {
  color: #2457c5;
  background: #eef4ff;
}

.customer-request-file-badge.is-video {
  color: #fff;
  background: #202124;
}

.customer-request-uploaded-item span:nth-child(2) {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.customer-request-uploaded-item strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.2;
  overflow: hidden;
}

.customer-request-uploaded-item small {
  color: #69707d;
  font-size: 12px;
}

.customer-request-uploaded-item > button {
  color: #59606b;
  background: #f5f6f8;
  border: 0;
  border-radius: 7px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.customer-request-mobile-actions {
  margin-top: 36px;
  margin-bottom: calc(154px + env(safe-area-inset-bottom));
  gap: 8px;
  display: grid;
}

.customer-request-mobile-actions .is-secondary {
  color: #30343b;
  background: #f1f2f4;
  border: 0;
  border-radius: 8px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 800;
}

.customer-request-section__title {
  justify-content: space-between;
  align-items: end;
  gap: 10px;
  display: flex;
}

.customer-request-section__title strong {
  color: #303030;
  font-size: 14px;
}

@media (max-width: 859px) {
  .customer-pro-form {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    gap: 12px;
    min-width: 0;
    padding: 14px;
    display: grid;
  }

  .customer-pro-form label {
    color: #3f4652;
    gap: 6px;
    min-width: 0;
    font-size: 13px;
    font-weight: 700;
    display: grid;
  }

  .customer-pro-form label small {
    color: #7b8492;
    justify-self: end;
    font-size: 11px;
    font-weight: 500;
  }

  .customer-pro-form input, .customer-pro-form textarea {
    color: #171717;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 8px;
    width: 100%;
    min-width: 0;
    font-size: 14px;
  }

  .customer-pro-form input {
    height: 46px;
    padding: 0 12px;
  }

  .customer-pro-form textarea {
    resize: vertical;
    min-height: 118px;
    padding: 11px 12px;
  }

  .customer-pro-form .customer-request-details-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-pro-request-stepper {
    border-bottom: 1px solid #e7eaf0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 4px;
    min-width: 0;
    padding: 0 0 12px;
    display: grid;
  }

  .customer-pro-request-stepper > div {
    color: #7b8492;
    text-align: center;
    justify-items: center;
    gap: 5px;
    min-width: 0;
    display: grid;
    position: relative;
  }

  .customer-pro-request-stepper strong {
    min-width: 0;
    color: inherit;
    overflow-wrap: anywhere;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
  }

  .customer-pro-request-stepper__marker {
    z-index: 2;
    color: #69707d;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 999px;
    place-items: center;
    width: 28px;
    height: 28px;
    font-size: 11px;
    font-weight: 850;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-request-stepper__marker i, .customer-pro-request-stepper__marker b {
    place-items: center;
    font-style: normal;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .customer-pro-request-stepper .is-active, .customer-pro-request-stepper .is-completed {
    color: #20242c;
  }

  .customer-pro-request-stepper .is-active .customer-pro-request-stepper__marker, .customer-pro-request-stepper .is-completed .customer-pro-request-stepper__marker {
    color: #fff;
    background: #171717;
    border-color: #171717;
  }

  .customer-pro-request-stepper__segment {
    display: none;
  }

  .customer-pro-upload-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    display: grid;
  }

  .customer-pro-upload-row button {
    color: #3f4652;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    min-width: 0;
    min-height: 44px;
    padding: 0 7px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    display: inline-flex;
  }

  .customer-pro-form-actions {
    margin-top: 18px;
    margin-bottom: calc(108px + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 8px;
    display: grid;
  }

  .customer-pro-form-actions button {
    border: 0;
    border-radius: 8px;
    min-width: 0;
    min-height: 46px;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 850;
  }

  .customer-pro-form-actions .is-secondary {
    color: #30343b;
    background: #f1f2f4;
  }
}

.customer-profile-screen, .customer-help-screen {
  gap: 10px;
  display: grid;
}

.customer-profile-screen .customer-onboarding-intro.is-compact {
  gap: 9px;
  padding: 10px 12px;
}

.customer-profile-screen .customer-onboarding-intro.is-compact h2 {
  font-size: 17px;
}

.customer-profile-screen .customer-onboarding-intro.is-compact p {
  margin-top: 4px;
  line-height: 1.32;
}

.customer-profile-screen .customer-onboarding-intro.is-compact button {
  min-height: 34px;
}

.customer-profile-summary {
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.customer-profile-summary__avatar {
  color: #fff;
  background: #202124;
  border-radius: 999px;
  place-items: center;
  width: 54px;
  height: 54px;
  font-size: 22px;
  font-weight: 700;
  display: grid;
}

.customer-profile-summary h2 {
  color: #202124;
  font-size: 18px;
  line-height: 1.15;
}

.customer-profile-summary p {
  color: #69707d;
  margin-top: 3px;
  font-size: 13px;
}

.customer-profile-summary__meta {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  display: flex;
}

.customer-profile-summary__meta span {
  color: #4f5662;
  background: #f2f3f5;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 0 8px;
  font-size: 11px;
  line-height: 1;
  display: inline-flex;
}

.customer-profile-section, .customer-event-center, .customer-help-card, .customer-help-support {
  padding: 12px;
}

.customer-profile-screen .customer-profile-section {
  padding: 10px;
}

.customer-profile-screen .customer-profile-section + .customer-profile-section {
  margin-top: 44px;
}

.customer-mobile-cabinet-switcher {
  gap: 8px;
  display: grid;
}

.customer-mobile-cabinet-switcher button {
  color: #202124;
  text-align: left;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 10px;
  display: grid;
}

.customer-mobile-section-links {
  gap: 10px;
  display: grid;
}

.customer-mobile-section-links button {
  color: #333;
  cursor: pointer;
  min-height: 48px;
  font: inherit;
  text-align: left;
  background: #f5f6fa;
  border: 1px solid #dfe4ec;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 700;
}

.customer-mobile-cabinet-switcher span {
  font-size: 13px;
  font-weight: 800;
}

.customer-mobile-cabinet-switcher small {
  color: #69707d;
  font-size: 11px;
  font-weight: 700;
}

.customer-mobile-location {
  scroll-margin-bottom: 128px;
  display: grid;
}

.customer-mobile-location-card {
  color: #202124;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 10px;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 6px 9px 6px 7px;
  display: grid;
}

.customer-mobile-location-card > span {
  color: #4f5662;
  background: #f2f3f5;
  border-radius: 999px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.customer-mobile-location-card div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.customer-mobile-location-card strong, .customer-mobile-location-card small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.customer-mobile-location-card strong {
  font-size: 14px;
  font-weight: 850;
  line-height: 1.15;
}

.customer-mobile-location-card small {
  color: #69707d;
  font-size: 11px;
  font-weight: 650;
}

.customer-mobile-location-card em {
  color: #c8102e;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.customer-mobile-location-modal {
  z-index: 90;
  padding: 16px 10px max(env(safe-area-inset-bottom), 10px);
  background: #11182757;
  justify-content: center;
  align-items: flex-end;
  animation: .18s cubic-bezier(.22, 1, .36, 1) both customer-mobile-location-backdrop-in;
  display: flex;
  position: fixed;
  inset: 0;
}

.customer-mobile-location-sheet {
  transform-origin: 50% 100%;
  background: #fffffff5;
  border: 1px solid #ffffffb8;
  border-radius: 22px 22px 18px 18px;
  gap: 12px;
  width: min(100%, 440px);
  max-height: min(78vh, 620px);
  padding: 8px 14px 14px;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both customer-mobile-location-sheet-in;
  display: grid;
  overflow: auto;
  box-shadow: 0 24px 70px #0f172a3d;
}

.customer-mobile-location-sheet__handle {
  background: #d3d8df;
  border-radius: 999px;
  justify-self: center;
  width: 38px;
  height: 4px;
}

.customer-mobile-location-sheet .customer-section-heading {
  margin-bottom: 0;
}

.customer-mobile-location-sheet .customer-section-heading h3 {
  font-size: 18px;
}

.customer-mobile-location-sheet .customer-section-heading button {
  color: #4f5662;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 999px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 800;
}

.customer-mobile-location-sheet > button, .customer-mobile-location-sheet input {
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 10px;
  min-height: 46px;
}

.customer-mobile-location-sheet > button {
  color: #202124;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 850;
  display: inline-flex;
}

.customer-mobile-location-sheet label {
  gap: 7px;
  display: grid;
}

.customer-mobile-location-sheet label span {
  color: #4f5662;
  font-size: 12px;
  font-weight: 850;
}

.customer-mobile-location-sheet input {
  color: #202124;
  outline: 0;
  width: 100%;
  padding: 0 12px;
  font-size: 15px;
}

.customer-mobile-location-sheet > div:not(.customer-section-heading):not(.customer-mobile-location-sheet__handle) {
  gap: 5px;
  display: grid;
}

.customer-mobile-location-sheet > div:not(.customer-section-heading):not(.customer-mobile-location-sheet__handle) button {
  color: #30343b;
  text-align: left;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 10px;
  min-height: 40px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 750;
}

.customer-mobile-location-sheet p {
  color: #b42318;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

.customer-mobile-location-sheet > button:last-child {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

@keyframes customer-mobile-location-backdrop-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes customer-mobile-location-sheet-in {
  from {
    opacity: 0;
    filter: blur(4px);
    transform: translate3d(0, 18px, 0)scale(.985);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translate3d(0, 0, 0)scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-mobile-location-modal, .customer-mobile-location-sheet {
    animation: none;
  }
}

.customer-request-link-field {
  gap: 8px;
  margin-top: 4px;
  display: grid;
}

.customer-request-link-field span {
  color: #667085;
  font-size: 13px;
  font-weight: 850;
}

.customer-request-link-field input {
  color: #20242c;
  background: #f7f8fb;
  border: 1px solid #d9dee7;
  border-radius: 14px;
  width: 100%;
  min-height: 52px;
  padding: 0 14px;
  font-size: 15px;
  font-weight: 750;
}

.customer-request-editable-contacts {
  gap: 14px;
  display: grid;
}

.prepared-order-link-card {
  gap: 20px;
  display: grid;
}

.prepared-order-link-card__head {
  gap: 8px;
  display: grid;
}

.prepared-order-link-card__head p {
  color: #8991a3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 900;
}

.prepared-order-link-card__head h2 {
  color: #20242c;
  margin: 0;
  font-size: clamp(30px, 5vw, 48px);
  line-height: 1.02;
}

.prepared-order-link-card__head span, .prepared-order-link-card__comment span, .prepared-order-link-card__grid span {
  color: #667085;
  font-size: 14px;
  font-weight: 800;
}

.prepared-order-link-card__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.prepared-order-link-card__grid div, .prepared-order-link-card__comment {
  background: #f8fafc;
  border: 1px solid #e1e6ef;
  border-radius: 16px;
  gap: 7px;
  padding: 14px;
  display: grid;
}

.prepared-order-link-card__grid strong, .prepared-order-link-card__comment p {
  color: #20242c;
  margin: 0;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.35;
}

.prepared-order-link-card__attachments {
  gap: 16px;
  display: grid;
}

.prepared-order-link-card__attachments > section {
  background: #fff;
  border: 1px solid #e1e6ef;
  border-radius: 16px;
  gap: 10px;
  padding: 14px;
  display: grid;
}

.prepared-order-link-card__section-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.prepared-order-link-card__section-head strong {
  color: #20242c;
  font-size: 16px;
}

.prepared-order-link-card__section-head span {
  color: #7b8492;
  font-size: 12px;
  font-weight: 700;
}

.prepared-order-link-card__media {
  gap: 9px;
  display: flex;
}

.prepared-order-link-card__media > span {
  cursor: zoom-in;
  background-color: #eef1f5;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
  flex: 0 0 116px;
  height: 86px;
  display: block;
  position: relative;
  overflow: hidden;
}

.prepared-order-link-card__media > span video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.prepared-order-link-card__media > span i {
  color: #fff;
  background: #11182747;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.prepared-order-link-card__documents, .prepared-order-link-card__voices {
  gap: 8px;
  display: grid;
}

.prepared-order-link-card__documents a {
  color: #20242c;
  border: 1px solid #dce2ea;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 10px 12px;
  transition: border-color .16s, background .16s, transform .16s;
  display: grid;
}

.prepared-order-link-card__documents a:hover {
  background: #f8fafc;
  border-color: #adb7c6;
  transform: translateY(-1px);
}

.prepared-order-link-card__documents a > span {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.prepared-order-link-card__documents a strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}

.prepared-order-link-card__documents a small {
  color: #7b8492;
  font-size: 12px;
}

.prepared-order-link-card__documents a b {
  font-size: 13px;
}

.prepared-order-link-card__voices label {
  color: #20242c;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  font-size: 14px;
  font-weight: 750;
  display: grid;
}

.prepared-order-link-card__voices audio {
  grid-column: 1 / -1;
  width: 100%;
}

.prepared-order-link-card__action {
  background: #20242c;
  border: 1px solid #20242c;
  border-radius: 18px;
  gap: 16px;
  padding: 18px;
  display: grid;
  box-shadow: 0 14px 28px #20242c29;
}

.prepared-order-link-card__action > div {
  gap: 5px;
  display: grid;
}

.prepared-order-link-card__action strong {
  color: #fff;
  font-size: 18px;
  line-height: 1.25;
}

.prepared-order-link-card__action > div > span {
  color: #d6dbe4;
  font-size: 14px;
  line-height: 1.45;
}

.prepared-order-link-card__action-button {
  color: #17181b;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 52px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 850;
  text-decoration: none;
  transition: transform .16s, background-color .16s;
  display: inline-flex;
}

.prepared-order-link-card__action-button:hover {
  background: #f0f2f5;
  transform: translateY(-1px);
}

.prepared-order-link-card__action-button:disabled {
  cursor: wait;
  opacity: .72;
  transform: none;
}

@media (max-width: 720px) {
  .prepared-order-link-card__grid {
    grid-template-columns: 1fr;
  }

  .prepared-order-link-card__section-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }

  .prepared-order-link-card__media > span {
    flex-basis: 94px;
    height: 72px;
  }

  .prepared-order-link-card__documents a {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .prepared-order-link-card__documents a b {
    grid-column: 2;
  }
}

/* [project]/src/features/customer/customer-cabinet.css [app-client] (css) */
.customer-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-bottom: 8px;
  display: flex;
}

.customer-section-heading h3 {
  color: #202124;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
}

.customer-section-heading span, .customer-section-heading svg {
  color: #69707d;
  font-size: 12px;
}

.customer-section-heading button {
  color: #3f4652;
  background: #f0f2f5;
  border: 0;
  border-radius: 7px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 600;
}

.customer-event-center__hint {
  color: #69707d;
  margin: 0 0 12px;
  font-size: 14px;
  font-weight: 750;
}

.customer-event-center {
  box-sizing: border-box;
  gap: 14px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 18px;
  display: grid;
}

.customer-event-center .customer-section-heading {
  min-width: 0;
  margin: 0;
}

.customer-event-center .customer-section-heading h3 {
  min-width: 0;
  font-size: 18px;
  font-weight: 850;
}

.customer-event-center .customer-section-heading span {
  white-space: nowrap;
  flex: none;
}

.customer-section-heading__skeleton {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 999px;
  width: 56px;
  height: 16px;
  animation: 1.4s ease-in-out infinite customer-event-skeleton-shimmer;
}

@keyframes customer-event-skeleton-shimmer {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.customer-mobile-empty-card {
  box-sizing: border-box;
  background: #f7f8fa;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr);
  gap: 10px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 18px;
  display: grid;
  overflow: hidden;
}

.customer-mobile-empty-card > div {
  min-width: 0;
}

.customer-mobile-empty-card__icon {
  color: #69707d;
  background: #fff;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  box-shadow: inset 0 0 0 1px #e3e7ee;
}

.customer-mobile-empty-card h2 {
  color: #202124;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.12;
}

.customer-mobile-empty-card p {
  color: #69707d;
  overflow-wrap: anywhere;
  max-width: 28rem;
  margin: 6px 0 0;
  font-size: 14px;
  font-weight: 560;
  line-height: 1.38;
}

.customer-events-empty {
  border-top: 1px solid #e8ecf2;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 16px 0 2px;
  display: grid;
}

.customer-event-center .customer-events-empty h2 {
  color: #202124;
  letter-spacing: 0;
  margin: 0;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.12;
}

.customer-event-center .customer-events-empty p {
  color: #69707d;
  max-width: 100%;
  margin: 6px 0 0;
  font-size: 15px;
  font-weight: 560;
  line-height: 1.35;
}

@media (max-width: 560px) {
  .customer-event-center {
    padding: 14px;
  }

  .customer-events-empty {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding-top: 14px;
  }

  .customer-event-center .customer-events-empty h2 {
    font-size: 19px;
  }
}

.customer-profile-row {
  border-top: 1px solid #e7e9ee;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  display: grid;
}

.customer-profile-row > span, .customer-event-item__icon, .customer-help-support > span {
  color: #202124;
  background: #f2f3f5;
  border-radius: 8px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.customer-profile-row h3, .customer-event-item h3, .customer-help-step h3, .customer-help-support h3 {
  color: #202124;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
}

.customer-profile-row p, .customer-event-item p, .customer-help-step p, .customer-help-support p {
  color: #69707d;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.32;
}

.customer-profile-row button {
  color: #3f4652;
  background: #f0f2f5;
  border: 0;
  border-radius: 7px;
  align-items: center;
  gap: 2px;
  min-height: 32px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.customer-profile-settings {
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
  gap: 16px;
  padding: 16px;
  display: grid;
}

.customer-profile-settings__head {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  display: grid;
}

.customer-profile-settings__avatar {
  color: #fff;
  background: #202124;
  border-radius: 999px;
  place-items: center;
  width: 76px;
  height: 76px;
  display: grid;
  position: relative;
}

.customer-profile-settings__avatar img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.customer-profile-settings__avatar > span {
  font-size: 28px;
  font-weight: 850;
}

.customer-profile-settings__avatar button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  min-height: 30px;
  padding: 0 9px;
  font-size: 11px;
  font-weight: 850;
  display: inline-flex;
  position: absolute;
  bottom: -5px;
  right: -8px;
  box-shadow: 0 8px 18px #0f172a24;
}

.customer-profile-settings__avatar input {
  display: none;
}

.customer-profile-settings__head strong {
  color: #202124;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.15;
  display: block;
}

.customer-profile-settings__head span {
  color: #69707d;
  margin-top: 4px;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.customer-profile-settings__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.customer-profile-settings__grid label {
  gap: 7px;
  display: grid;
}

.customer-profile-settings__grid label > span {
  color: #4f5662;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.customer-profile-settings__grid input {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde4;
  border-radius: 9px;
  outline: 0;
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  font-size: 14px;
}

.customer-profile-settings__grid label.is-error input {
  border-color: #d92d20;
  box-shadow: 0 0 0 3px #d92d2014;
}

.customer-profile-settings__grid small {
  color: #b42318;
  font-size: 11px;
  line-height: 1.25;
}

.customer-profile-settings__rows {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.customer-profile-settings__toggle, .customer-profile-settings__type {
  color: #202124;
  text-align: left;
  background: #f8f9fb;
  border: 1px solid #e1e5ea;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 58px;
  padding: 10px;
  display: grid;
}

.customer-profile-settings__toggle span, .customer-profile-settings__type span {
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.customer-profile-settings__toggle strong, .customer-profile-settings__type strong {
  color: #4f5662;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 850;
}

.customer-profile-settings__type em {
  color: #8a929e;
  grid-column: 1 / -1;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.customer-profile-settings__footer {
  border-top: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 13px;
  display: flex;
}

.customer-profile-settings__footer p {
  color: #b42318;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.customer-profile-settings__footer p.is-success {
  color: #067647;
}

.customer-profile-settings__footer > span {
  flex: 1;
}

.customer-profile-settings__footer button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 9px;
  min-height: 40px;
  padding: 0 18px;
  font-size: 13px;
  font-weight: 850;
}

.customer-profile-settings.is-compact {
  border: 0;
  gap: 12px;
  padding: 0;
}

.customer-profile-settings.is-compact .customer-profile-settings__head {
  gap: 12px;
}

.customer-profile-settings.is-compact .customer-profile-settings__head strong {
  font-size: 17px;
}

.customer-profile-settings.is-compact .customer-profile-settings__grid, .customer-profile-settings.is-compact .customer-profile-settings__rows {
  grid-template-columns: 1fr;
}

.customer-profile-settings.is-compact .customer-profile-settings__footer {
  gap: 9px;
  display: grid;
}

.customer-profile-settings.is-compact .customer-profile-settings__footer button {
  width: 100%;
}

.customer-profile-settings {
  background: none;
  border: 0;
  gap: 14px;
  padding: 0;
}

.customer-profile-settings__card {
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 12px;
}

.customer-profile-settings__hero {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  min-height: 142px;
  padding: 24px;
  display: grid;
}

.customer-profile-settings__avatar {
  background: radial-gradient(circle at 28% 18%, #ffffff2e, #0000 28%), #17191d;
  flex: none;
  width: 88px;
  height: 88px;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff14;
}

.customer-profile-settings__avatar.is-empty {
  color: #555;
  background: #e7e7e7;
  box-shadow: inset 0 0 0 1px #d6dce5;
}

.customer-profile-settings__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.customer-profile-settings__avatar > span {
  letter-spacing: 0;
  font-size: 32px;
}

.customer-profile-settings__avatar button {
  color: #1f242d;
  background: #fff;
  border-color: #d6dce5;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  padding: 0;
  transition: transform .16s, border-color .16s, box-shadow .16s;
  bottom: -3px;
  right: -3px;
}

.customer-profile-settings__avatar button:hover {
  border-color: #c7ced9;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px #0f172a29;
}

.customer-profile-settings__identity {
  min-width: 0;
}

.customer-profile-settings__name-line {
  align-items: center;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.customer-profile-settings__name-line strong {
  color: #17191d;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.15;
  display: block;
  overflow: hidden;
}

.customer-profile-settings__name-line button {
  color: #59606b;
  background: #f1f3f6;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  min-width: 30px;
  height: 30px;
  transition: background .15s, color .15s, transform .15s;
  display: grid;
}

.customer-profile-settings__name-line button:hover {
  color: #202124;
  background: #e7eaee;
  transform: translateY(-1px);
}

.customer-profile-settings__identity > span {
  color: #626b78;
  margin-top: 7px;
  font-size: 14px;
  font-weight: 700;
  display: block;
}

.customer-profile-settings__chips {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 13px;
  display: flex;
}

.customer-profile-settings__chips em {
  color: #4b5563;
  background: #f1f3f6;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  display: inline-flex;
}

.customer-profile-settings__chips em.is-success, .customer-profile-settings__section b {
  color: #067647;
  background: #e6f7ed;
}

.customer-profile-settings__edit {
  color: #17191d;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  min-height: 42px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .16s, background .16s, border-color .16s;
}

.customer-profile-settings__edit:hover {
  background: #f8f9fb;
  border-color: #c9d0da;
  transform: translateY(-1px);
}

.customer-profile-settings__edit-panel {
  padding: 18px;
}

.customer-profile-settings__section {
  overflow: hidden;
}

.customer-profile-settings__section h3, .customer-pro-profile-location-card h3 {
  color: #17191d;
  margin: 0;
  padding: 18px 18px 14px;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.customer-profile-settings__row {
  color: #17191d;
  text-align: left;
  background: #fff;
  border: 0;
  border-top: 1px solid #edf0f3;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 70px;
  padding: 13px 18px;
  text-decoration: none;
  transition: background .15s;
  display: grid;
}

button.customer-profile-settings__row {
  cursor: pointer;
}

.customer-profile-settings__row:hover {
  background: #f8f9fb;
}

.customer-profile-settings__row-icon {
  color: #222832;
  background: #f3f5f7;
  border-radius: 9px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.customer-profile-settings__row div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.customer-profile-settings__row small {
  color: #687180;
  font-size: 12px;
  font-weight: 700;
}

.customer-profile-settings__row strong {
  color: #17191d;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
  overflow: hidden;
}

.customer-profile-settings__row em {
  color: #7a8391;
  font-size: 12px;
  font-style: normal;
  font-weight: 650;
}

.customer-profile-settings__row b {
  white-space: nowrap;
  border-radius: 999px;
  padding: 4px 9px;
  font-size: 12px;
  font-weight: 800;
}

.customer-profile-settings__row-action {
  color: #303642;
  white-space: nowrap;
  background: #f1f3f6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  min-height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.customer-profile-settings__type-card, .customer-profile-settings__type-head {
  color: #17191d;
  text-align: left;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 16px 18px;
  transition: transform .16s, border-color .16s, background .16s;
  display: grid;
}

.customer-profile-settings__type-card:hover, .customer-profile-settings__type-head:hover {
  background: #fbfcfd;
  border-color: #cfd6df;
  transform: translateY(-1px);
}

.customer-profile-settings__type-card > span, .customer-profile-settings__type-head > span {
  color: #1f242d;
  background: #f2f4f7;
  border-radius: 10px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.customer-profile-settings__type-card div, .customer-profile-settings__type-head div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.customer-profile-settings__type-card small, .customer-profile-settings__type-card em, .customer-profile-settings__type-head small {
  color: #687180;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
}

.customer-profile-settings__type-card strong, .customer-profile-settings__type-head strong {
  color: #17191d;
  font-size: 15px;
  font-weight: 850;
}

.customer-profile-settings__type-panel {
  overflow: hidden;
}

.customer-profile-settings__type-head {
  background: #fff;
  border: 0;
  border-radius: 0;
  width: 100%;
}

.customer-profile-settings__type-details {
  border-top: 1px solid #edf0f3;
  gap: 0;
  padding: 0 18px 18px;
  display: grid;
}

.customer-profile-settings__type-details div {
  border-bottom: 1px solid #edf0f3;
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-height: 42px;
  display: grid;
}

.customer-profile-settings__type-details span {
  color: #687180;
  font-size: 12px;
  font-weight: 750;
}

.customer-profile-settings__type-details strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 13px;
  font-weight: 800;
  overflow: hidden;
}

.customer-profile-settings__type-details button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  width: fit-content;
  min-height: 38px;
  margin-top: 14px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 800;
}

.customer-profile-dialog {
  z-index: 11000;
  overscroll-behavior: contain;
  place-items: center;
  height: 100dvh;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.customer-profile-dialog__backdrop {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #11182761;
  border: 0;
  position: absolute;
  inset: 0;
}

.customer-profile-dialog__panel {
  z-index: 1;
  background: #fff;
  border: 1px solid #ffffffb3;
  border-radius: 14px;
  flex-direction: column;
  width: min(100%, 430px);
  min-height: 0;
  max-height: calc(100dvh - 36px);
  animation: .18s cubic-bezier(.22, 1, .36, 1) customerProfileDialogIn;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #0f172a3d;
}

.customer-profile-dialog__head {
  border-bottom: 1px solid #edf0f3;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  display: flex;
}

.customer-profile-dialog__head h3 {
  color: #17191d;
  margin: 0;
  font-size: 17px;
  font-weight: 850;
}

.customer-profile-dialog__head button {
  color: #4b5563;
  background: #f1f3f6;
  border: 0;
  border-radius: 9px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.customer-profile-dialog__body {
  overscroll-behavior: contain;
  min-height: 0;
  padding: 16px 16px calc(16px + env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
  flex: auto;
  gap: 12px;
  display: grid;
  overflow-y: auto;
}

.customer-profile-dialog__field {
  gap: 7px;
  display: grid;
}

.customer-profile-dialog__field span {
  color: #4f5662;
  font-size: 12px;
  font-weight: 850;
}

.customer-profile-dialog__field input {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  outline: 0;
  width: 100%;
  min-height: 44px;
  padding: 0 12px;
  font-size: 14px;
}

.customer-profile-dialog__field input:focus {
  border-color: #202124;
  box-shadow: 0 0 0 3px #20212414;
}

.customer-profile-dialog__hint, .customer-profile-dialog__error {
  color: #69707d;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.customer-profile-dialog__error {
  color: #b42318;
  font-weight: 750;
}

.customer-profile-dialog__load-error {
  color: #b42318;
  background: #fff7f7;
  border: 1px solid #fecaca;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  display: flex;
}

.customer-profile-dialog__load-error p {
  margin: 0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.4;
}

.customer-profile-dialog__load-error button {
  color: #991b1b;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #ef4444;
  border-radius: 8px;
  flex: none;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
}

.customer-profile-dialog__primary, .customer-profile-dialog__actions button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 9px;
  min-height: 44px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 850;
}

.customer-profile-dialog__primary {
  justify-content: center;
  align-items: center;
  gap: 9px;
  display: inline-flex;
}

.customer-profile-dialog__primary:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.customer-profile-button-spinner {
  animation: .75s linear infinite customer-profile-spin;
}

@keyframes customer-profile-spin {
  to {
    transform: rotate(360deg);
  }
}

.customer-profile-dialog__actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.customer-profile-dialog__actions button:last-child {
  color: #202124;
  background: #f1f3f6;
}

.customer-profile-switch {
  color: #202124;
  background: #fff;
  border: 1px solid #e1e5ea;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 52px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.customer-profile-switch:disabled {
  cursor: not-allowed;
  opacity: .58;
}

@media (max-width: 560px) {
  .customer-profile-dialog__load-error {
    flex-direction: column;
    align-items: stretch;
  }

  .customer-profile-dialog__load-error button {
    width: 100%;
  }
}

.customer-profile-switch i {
  background: #d8dde5;
  border-radius: 999px;
  width: 44px;
  height: 26px;
  transition: background .18s;
  position: relative;
}

.customer-profile-switch i:before {
  content: "";
  background: #fff;
  border-radius: 999px;
  width: 20px;
  height: 20px;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 3px;
  left: 3px;
  box-shadow: 0 2px 7px #0f172a2e;
}

.customer-profile-switch.is-on i {
  background: #202124;
}

.customer-profile-switch.is-on i:before {
  transform: translateX(18px);
}

@keyframes customerProfileDialogIn {
  from {
    opacity: 0;
    transform: translateY(10px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

.customer-profile-settings__status {
  color: #b42318;
  background: #fff1f0;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  margin: -2px 0 0;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.customer-profile-settings__status.is-success {
  color: #067647;
  background: #e8f7ee;
}

.customer-profile-toast {
  top: max(22px, env(safe-area-inset-top));
  z-index: 360;
  color: #17191d;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: #fffffff5;
  border: 1px solid #1118271a;
  border-radius: 14px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  width: min(460px, 100vw - 32px);
  min-height: 72px;
  padding: 15px 17px;
  line-height: 1.35;
  animation: 3.2s cubic-bezier(.22, 1, .36, 1) both customerProfileToast;
  display: grid;
  position: fixed;
  right: 24px;
  box-shadow: 0 22px 54px #0f172a2e;
}

.customer-profile-toast:before {
  content: "";
  background: #16a34a;
  border-radius: 999px;
  width: 3px;
  position: absolute;
  inset: 10px auto 10px 0;
}

.customer-profile-toast span {
  color: #067647;
  background: #ecfdf3;
  border-radius: 999px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 17px;
  font-weight: 900;
  display: grid;
}

.customer-profile-toast strong {
  color: #17191d;
  min-width: 0;
  font-size: 15px;
  font-weight: 850;
}

.customer-profile-toast.is-error:before {
  background: #dc2626;
}

.customer-profile-toast.is-error span {
  color: #b42318;
  background: #fff1f2;
}

.customer-profile-settings__avatar {
  overflow: visible;
}

.customer-profile-settings__avatar-preview {
  color: inherit;
  cursor: pointer;
  place-items: center;
  display: grid;
  overflow: hidden;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: 0 !important;
  transition: none !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
}

.customer-profile-settings__avatar-preview img {
  object-fit: cover !important;
  border-radius: 999px !important;
  width: 100% !important;
  height: 100% !important;
}

.customer-profile-settings__avatar-preview:hover {
  box-shadow: none;
  transform: none;
}

.customer-profile-settings__avatar-preview > span:not(.customer-profile-settings__avatar-processing) {
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 850;
}

.customer-profile-settings__avatar-camera {
  z-index: 2;
  color: #1f242d;
  opacity: 0;
  background: #fff;
  border: 1px solid #d6dce5;
  border-radius: 999px;
  place-items: center;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s, box-shadow .16s;
  display: inline-grid;
  bottom: 2px;
  right: -8px;
  transform: translateY(3px)scale(.96);
  box-shadow: 0 10px 22px #0f172a29;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  position: absolute !important;
}

.customer-profile-settings__avatar.is-empty .customer-profile-settings__avatar-camera, .customer-profile-settings__avatar:hover .customer-profile-settings__avatar-camera, .customer-profile-settings__avatar:focus-within .customer-profile-settings__avatar-camera, .customer-profile-settings.is-compact .customer-profile-settings__avatar-camera {
  opacity: 1;
  transform: translateY(0)scale(1);
}

.customer-profile-settings__avatar-camera:hover {
  border-color: #c7ced9;
  box-shadow: 0 12px 26px #0f172a2e;
}

.customer-profile-settings__avatar-camera:disabled {
  cursor: wait;
  opacity: .8;
}

.customer-profile-settings__avatar-processing {
  color: #fff;
  letter-spacing: 0;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #0c0e1294;
  place-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 850;
  display: grid;
  position: absolute;
  inset: 0;
}

.customer-profile-settings__avatar-processing i {
  border: 2px solid #ffffff6b;
  border-top-color: #fff;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .76s linear infinite customerProfileSpin;
}

.customer-profile-media-viewer {
  z-index: 1000;
  background: #000;
  place-items: center;
  padding: 72px 24px 28px;
  animation: .18s cubic-bezier(.22, 1, .36, 1) customerProfileViewerIn;
  display: grid;
  position: fixed;
  inset: 0;
}

.customer-profile-media-viewer img {
  object-fit: contain;
  border-radius: 0;
  max-width: min(100%, 1120px);
  max-height: 100%;
}

.customer-profile-media-viewer__close {
  top: max(18px, env(safe-area-inset-top));
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #ffffff1a;
  border: 1px solid #ffffff24;
  border-radius: 999px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  position: fixed;
  right: 18px;
}

.customer-profile-dialog {
  z-index: 11000;
}

.customer-profile-dialog__backdrop {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #14181f75;
}

@keyframes customerProfileSpin {
  to {
    transform: rotate(360deg);
  }
}

@keyframes customerProfileToast {
  0% {
    opacity: 0;
    transform: translateX(28px)translateY(-4px);
  }

  12%, 88% {
    opacity: 1;
    transform: translateX(0)translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateX(28px)translateY(-4px);
  }
}

@keyframes customerProfileViewerIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.customer-pro-profile-page {
  gap: 14px;
  max-width: 1040px;
  display: grid;
}

.customer-pro-profile-location-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: grid;
}

.customer-pro-profile-location-card h3 {
  padding: 0;
}

.customer-pro-profile-location-card p {
  color: #667085;
  max-width: 620px;
  margin: 7px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.customer-pro-profile-location-card .customer-pro-topbar-popover {
  justify-self: end;
}

.customer-pro-profile-location-card .customer-pro-location-button {
  min-width: 160px;
}

.customer-profile-settings.is-compact {
  gap: 10px;
}

.customer-profile-settings.is-compact .customer-profile-settings__card {
  border-radius: 10px;
}

.customer-profile-settings.is-compact .customer-profile-settings__hero {
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 0;
  padding: 18px 14px 14px;
}

.customer-profile-settings.is-compact .customer-profile-settings__avatar {
  width: 70px;
  height: 70px;
}

.customer-profile-settings.is-compact .customer-profile-settings__avatar > span {
  font-size: 26px;
}

.customer-profile-settings.is-compact .customer-profile-settings__identity strong {
  font-size: 19px;
}

.customer-profile-settings.is-compact .customer-profile-settings__identity > span {
  margin-top: 5px;
  font-size: 13px;
}

.customer-profile-settings.is-compact .customer-profile-settings__chips {
  gap: 6px;
  margin-top: 10px;
}

.customer-profile-settings.is-compact .customer-profile-settings__chips em {
  min-height: 25px;
  padding: 0 8px;
  font-size: 11px;
}

.customer-profile-settings.is-compact .customer-profile-settings__edit {
  grid-column: 1 / -1;
  width: 100%;
  margin-top: 8px;
}

.customer-profile-settings.is-compact .customer-profile-settings__edit-panel {
  padding: 14px;
}

.customer-profile-settings.is-compact .customer-profile-settings__section h3 {
  padding: 15px 14px 12px;
  font-size: 16px;
}

.customer-profile-settings.is-compact .customer-profile-settings__row {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  min-height: 64px;
  padding: 11px 14px;
}

.customer-profile-settings.is-compact .customer-profile-settings__row b {
  grid-column: 2 / -1;
  justify-self: start;
  margin-top: -4px;
}

.customer-profile-settings.is-compact .customer-profile-settings__row strong {
  white-space: normal;
}

.customer-profile-settings.is-compact .customer-profile-settings__type-card {
  min-height: 72px;
  padding: 14px;
}

@media (max-width: 980px) {
  .customer-pro-profile-location-card {
    grid-template-columns: 1fr;
  }

  .customer-pro-profile-location-card .customer-pro-topbar-popover {
    justify-self: stretch;
  }

  .customer-pro-profile-location-card .customer-pro-location-button {
    width: 100%;
  }
}

.customer-event-item {
  border-top: 1px solid #e7e9ee;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  display: grid;
}

.customer-event-item.is-unread {
  background: #fff7f7;
  border-radius: 9px;
  margin-inline: -8px;
  padding-inline: 8px;
}

.customer-event-item.is-completed {
  opacity: .92;
}

.customer-event-item.is-skeleton {
  background: linear-gradient(90deg, #f1f3f7 0%, #fafbfc 48%, #f1f3f7 100%) 0 0 / 220% 100%;
  border-top: 0;
  border-radius: 12px;
  min-height: 62px;
  animation: 1.2s ease-in-out infinite customer-mobile-skeleton;
}

.customer-event-item.is-urgent .customer-event-item__icon {
  color: #c92635;
  background: #fff0f1;
}

.customer-event-item.is-payment .customer-event-item__icon {
  color: #8c6500;
  background: #fff7df;
}

.customer-event-item.is-measure .customer-event-item__icon {
  color: #2d65b0;
  background: #eef6ff;
}

.customer-event-item button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 700;
}

.customer-event-item__done {
  color: #16834a;
  white-space: nowrap;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.customer-notification-tabs {
  background: #f3f5f8;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin: 8px 0 4px;
  padding: 4px;
  display: grid;
}

.customer-notification-tabs button {
  color: #5d6572;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  font-size: 13px;
  font-weight: 800;
  transition: background .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-notification-tabs button.is-active {
  color: #202124;
  background: #fff;
  box-shadow: 0 1px 3px #10182814;
}

.customer-notification-tabs i {
  color: #fff;
  background: #e30613;
  border-radius: 999px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  display: inline-grid;
}

.customer-mobile-notification-item {
  border-top: 1px solid #e7e9ee;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  padding: 12px 0;
  display: grid;
}

.customer-mobile-notification-item.is-unread {
  background: #fff7f7;
  border-radius: 9px;
  margin-inline: -8px;
  padding-inline: 8px;
}

.customer-mobile-notification-item__icon {
  color: #202124;
  background: #f2f3f5;
  border-radius: 9px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
  overflow: hidden;
}

.customer-mobile-notification-item__icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.customer-pro-notification-thumb {
  width: 38px;
  height: 38px;
}

.customer-mobile-notification-item__meta {
  color: #7a828f;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.customer-mobile-notification-item h3 {
  color: #202124;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.25;
}

.customer-mobile-notification-item p {
  color: #69707d;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
}

.customer-mobile-measurement-card {
  gap: 12px;
  display: grid;
}

.customer-mobile-measurement-card h2 {
  color: #202124;
  font-size: 19px;
  font-weight: 850;
  line-height: 1.12;
}

.customer-mobile-measurement-card > p {
  color: #68707d;
  margin: -5px 0 0;
  font-size: 13px;
  line-height: 1.35;
}

.customer-mobile-section-label {
  color: #59606b;
  background: #f2f3f5;
  border-radius: 999px;
  width: fit-content;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
}

.customer-mobile-measurement-summary {
  border-top: 1px solid #e7e9ee;
  border-bottom: 1px solid #e7e9ee;
  display: grid;
}

.customer-mobile-measurement-offers {
  gap: 10px;
  display: grid;
}

.customer-mobile-measurement-offer {
  background: #fff;
  border: 1px solid #e0e4ec;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: grid;
  box-shadow: 0 8px 24px #1c222d0d;
}

.customer-mobile-measurement-offer div {
  min-width: 0;
}

.customer-mobile-measurement-offer span, .customer-mobile-measurement-offer p {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.35;
  display: block;
}

.customer-mobile-measurement-offer strong {
  color: #202124;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
  display: block;
}

.customer-mobile-measurement-offer p {
  margin: 5px 0 0;
}

.customer-mobile-measurement-offer button {
  color: #fff;
  background: #111;
  border: 0;
  border-radius: 8px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 850;
}

.customer-mobile-measurement-offer__actions {
  gap: 6px;
  display: grid;
}

.customer-mobile-measurement-offer button.is-profile {
  color: #202124;
  background: #f3f5f7;
  border: 1px solid #dce1e9;
}

.customer-mobile-measurement-offer.is-selected {
  background: #f5fbf7;
  border-color: #cfe8d9;
}

.customer-mobile-measurement-offer.is-skeleton {
  background: linear-gradient(90deg, #f1f3f7 0%, #fafbfc 48%, #f1f3f7 100%) 0 0 / 220% 100%;
  border-color: #0000;
  min-height: 82px;
  animation: 1.2s ease-in-out infinite customer-mobile-skeleton;
}

@keyframes customer-mobile-skeleton {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: -100% 0;
  }
}

.customer-mobile-readonly-row {
  border-top: 1px solid #e7e9ee;
  grid-template-columns: 92px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  display: grid;
}

.customer-mobile-readonly-row:first-child {
  border-top: 0;
}

.customer-mobile-readonly-row span {
  color: #7a828f;
  font-size: 12px;
  font-weight: 700;
}

.customer-mobile-readonly-row strong {
  color: #202124;
  min-width: 0;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.35;
}

.customer-mobile-success-row {
  color: #14804a;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.customer-mobile-measurement-actions {
  grid-template-columns: 1fr 1.2fr;
  gap: 8px;
  display: grid;
}

.customer-mobile-measurement-actions button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 8px;
  min-height: 42px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), opacity .18s cubic-bezier(.22, 1, .36, 1);
}

.customer-mobile-measurement-actions button:active {
  transform: scale(.985);
}

.customer-mobile-measurement-actions button.is-secondary {
  color: #30343b;
  background: #fff;
  border: 1px solid #d9dde5;
}

.customer-mobile-measurement-actions button:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.customer-mobile-retry-button, .customer-mobile-inline-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #202124;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  font-weight: 850;
}

.customer-mobile-retry-button {
  width: 100%;
}

.customer-mobile-inline-load-error {
  color: #b42318;
  background: #fff5f3;
  border: 1px solid #f6b5ad;
  border-radius: 10px;
  gap: 10px;
  padding: 12px;
  font-size: 13px;
  font-weight: 780;
  display: grid;
}

.customer-help-steps {
  display: grid;
}

.customer-help-step {
  border-top: 1px solid #e7e9ee;
  grid-template-columns: 28px minmax(0, 1fr) 16px;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  display: grid;
}

.customer-help-step > span {
  color: #fff;
  background: #202124;
  border-radius: 999px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.customer-help-step > svg {
  color: #9aa1ac;
}

.customer-mobile-help-search {
  color: #8a92a0;
  background: #f8f9fb;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  margin-bottom: 12px;
  padding: 0 10px;
  display: grid;
}

.customer-mobile-help-search input {
  color: #202124;
  background: none;
  border: 0;
  outline: 0;
  min-width: 0;
  font-size: 14px;
}

.customer-help-support {
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 10px;
  display: grid;
}

.customer-help-logout {
  display: block;
}

.customer-help-support button, .customer-help-logout button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  grid-column: 1 / -1;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 42px;
  font-size: 14px;
  font-weight: 700;
  display: inline-flex;
}

.customer-help-logout button {
  color: #9f1d1d;
  background: #fff1f1;
  width: 100%;
}

.customer-onboarding-intro {
  background: #fff;
  border: 1px solid #e1e4e8;
  border-radius: 8px;
  grid-template-columns: 4px minmax(0, 1fr);
  gap: 12px;
  padding: 14px;
  display: grid;
}

.customer-onboarding-intro > span {
  background: #ed001f;
  border-radius: 999px;
  width: 4px;
  min-height: 100%;
}

.customer-onboarding-intro h2 {
  color: #171717;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
}

.customer-onboarding-intro p {
  color: #59606b;
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.42;
}

.customer-onboarding-intro > div:last-child {
  flex-wrap: wrap;
  grid-column: 2;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

.customer-onboarding-intro button, .customer-onboarding-repeat-button {
  color: #30343b;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 7px;
  min-height: 38px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 750;
}

.customer-onboarding-intro button:nth-child(2), .customer-onboarding-intro.is-compact button:first-child {
  color: #fff;
  background: #171717;
  border-color: #171717;
}

.customer-onboarding-repeat-button {
  background: #f2f3f5;
  width: 100%;
}

.customer-onboarding-layer {
  z-index: 120;
  pointer-events: none;
  position: fixed;
  inset: 0;
}

.customer-onboarding-scrim {
  background: none;
  position: absolute;
  inset: 0;
}

.customer-onboarding-highlight {
  top: var(--customer-tour-top, 50%);
  left: var(--customer-tour-left, 50%);
  width: var(--customer-tour-width, 0px);
  height: var(--customer-tour-height, 0px);
  pointer-events: none;
  border: 2px solid #fffffff5;
  border-radius: 10px;
  transition: top .18s cubic-bezier(.32, .72, 0, 1), left .18s cubic-bezier(.32, .72, 0, 1), width .18s cubic-bezier(.32, .72, 0, 1), height .18s cubic-bezier(.32, .72, 0, 1);
  position: fixed;
  box-shadow: 0 0 0 9999px #1118276b, 0 0 0 1px #ed001f47, 0 16px 44px #0000003d;
}

.customer-onboarding-highlight.is-navigation {
  border-color: #ed001f;
  box-shadow: 0 0 0 9999px #11182757, inset 4px 0 #ed001f, 0 0 0 1px #ed001f8c, 0 16px 44px #0003;
}

.customer-onboarding-tooltip, .customer-onboarding-final {
  z-index: 121;
  pointer-events: auto;
  color: #171717;
  background: #fffffff5;
  border: 1px solid #ffffffb8;
  border-radius: 10px;
  position: fixed;
  box-shadow: 0 20px 58px #1118273d;
}

.customer-onboarding-final-scrim {
  z-index: 120;
  background: #11182757;
  position: fixed;
  inset: 0;
}

.customer-onboarding-tooltip {
  top: var(--customer-tour-tooltip-top);
  left: var(--customer-tour-tooltip-left);
  width: var(--customer-tour-tooltip-width);
  gap: 9px;
  padding: 16px;
  animation: .18s cubic-bezier(.32, .72, 0, 1) customer-tour-card-in;
  display: grid;
}

.customer-onboarding-tooltip > span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.customer-onboarding-tooltip h2, .customer-onboarding-final h2 {
  color: #171717;
  font-size: 17px;
  font-weight: 850;
  line-height: 1.2;
}

.customer-onboarding-tooltip p, .customer-onboarding-final p {
  color: #59606b;
  font-size: 13px;
  line-height: 1.45;
}

.customer-onboarding-close {
  color: #59606b;
  cursor: pointer;
  background: #f0f2f5;
  border: 0;
  border-radius: 7px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
  position: absolute;
  top: 10px;
  right: 10px;
}

.customer-onboarding-progress {
  gap: 5px;
  margin-top: 2px;
  display: flex;
}

.customer-onboarding-progress i {
  background: #e1e4e8;
  border-radius: 999px;
  flex: 1;
  height: 3px;
}

.customer-onboarding-progress i.is-active {
  background: #ed001f;
}

.customer-onboarding-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

.customer-onboarding-actions button, .customer-onboarding-final button {
  color: #30343b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.customer-onboarding-actions button.is-primary, .customer-onboarding-final button:first-child {
  color: #fff;
  background: #171717;
  border-color: #171717;
}

.customer-onboarding-wait {
  color: #b40018;
  background: #fff0f1;
  border-radius: 7px;
  align-items: center;
  min-height: 36px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

@media (max-width: 859px) {
  .customer-onboarding-tooltip {
    gap: 7px;
    padding: 12px;
  }

  .customer-onboarding-tooltip h2 {
    font-size: 15px;
  }

  .customer-onboarding-tooltip p {
    font-size: 12px;
    line-height: 1.36;
  }

  .customer-onboarding-actions {
    justify-content: flex-start;
    gap: 6px;
  }

  .customer-onboarding-actions button, .customer-onboarding-wait {
    min-height: 32px;
    padding-inline: 9px;
    font-size: 12px;
  }
}

.customer-onboarding-final {
  gap: 10px;
  width: min(390px, 100vw - 24px);
  padding: 18px;
  animation: .18s cubic-bezier(.32, .72, 0, 1) customer-tour-card-in-centered;
  display: grid;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.customer-onboarding-final > span {
  color: #ed001f;
  background: #fff0f1;
  border-radius: 999px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.customer-onboarding-final > div {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

@keyframes customer-tour-card-in {
  from {
    opacity: 0;
    transform: translateY(6px)scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes customer-tour-card-in-centered {
  from {
    opacity: 0;
    transform: translate(-50%, calc(6px - 50%))scale(.98);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

.customer-mobile-modal-backdrop {
  z-index: 80;
  padding: 16px 12px calc(max(env(safe-area-inset-bottom), 12px) + 8px);
  -webkit-backdrop-filter: blur(10px);
  background: #1118275c;
  place-items: end center;
  display: grid;
  position: fixed;
  inset: 0;
}

.customer-mobile-confirm-modal {
  background: #fffffff0;
  border: 1px solid #ffffffb8;
  border-radius: 14px;
  width: min(100%, 390px);
  padding: 16px;
  box-shadow: 0 18px 44px #0f172a38;
}

.customer-mobile-confirm-modal h2 {
  color: #202124;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}

.customer-mobile-confirm-modal p {
  color: #59606b;
  margin-top: 8px;
  font-size: 13px;
  line-height: 1.38;
}

.customer-mobile-confirm-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 16px;
  display: grid;
}

.customer-mobile-confirm-actions button {
  border: 0;
  border-radius: 8px;
  min-height: 44px;
  font-size: 14px;
  font-weight: 700;
}

.customer-mobile-confirm-actions button:first-child {
  color: #202124;
  background: #eef0f3;
}

.customer-mobile-confirm-actions button:last-child {
  color: #fff;
  background: #202124;
}

.customer-mobile-confirm-actions button:disabled {
  cursor: not-allowed;
  opacity: .72;
}

.customer-cabinet-desktop {
  display: none;
}

.customer-cabinet-header {
  background: #fff;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  min-height: 67px;
  padding: 14px 13px 12px 18px;
  display: flex;
}

.customer-cabinet-brand {
  color: #151515;
  text-transform: uppercase;
  align-items: center;
  gap: 5px;
  min-width: 93px;
  display: inline-flex;
}

.customer-cabinet-brand span {
  background: #ed001f;
  width: 17px;
  height: 17px;
  display: block;
}

.customer-cabinet-brand strong {
  letter-spacing: 0;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
}

.customer-cabinet-header-actions {
  align-items: center;
  gap: 10px;
  display: flex;
}

.customer-cabinet-bell, .customer-cabinet-profile {
  background: none;
  border: 0;
}

.customer-cabinet-bell {
  color: #1f1f1f;
  place-items: center;
  width: 26px;
  height: 30px;
  display: grid;
  position: relative;
}

.customer-cabinet-bell span, .customer-cabinet-menu-icon span {
  color: #fff;
  background: #ff4d58;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
}

.customer-cabinet-bell span {
  top: 1px;
  right: 0;
}

.customer-cabinet-profile {
  color: #333;
  border: 1px solid #eee;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  min-width: 111px;
  height: 37px;
  padding: 3px 6px 3px 9px;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
}

.customer-cabinet-profile > span:first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 61px;
  overflow: hidden;
}

.customer-cabinet-profile img, .customer-cabinet-avatar {
  border-radius: 999px;
  width: 30px;
  height: 30px;
}

.customer-cabinet-profile img {
  object-fit: cover;
}

.customer-cabinet-avatar {
  color: #555;
  background: #e7e7e7;
  place-items: center;
  display: grid;
}

.customer-cabinet-menu {
  flex: 1;
  padding: 12px 12px 96px;
}

.customer-cabinet-menu-shell .customer-cabinet-menu {
  padding: 0;
}

.customer-cabinet-menu-item {
  color: #30343b;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-bottom: 1px solid #1e232a1f;
  grid-template-columns: 34px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 52px;
  display: grid;
}

.customer-cabinet-menu-item > span:nth-child(2) {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

.customer-cabinet-menu-item > svg {
  color: #9b9b9b;
  justify-self: end;
}

.customer-cabinet-menu-item.is-primary {
  background: #fff;
  border-bottom: 0;
  border-radius: 8px;
  margin: 8px 0;
  padding: 0 9px 0 0;
  box-shadow: inset 3px 0 #ed001f;
}

.customer-cabinet-menu-item.is-primary > span:nth-child(2) {
  font-weight: 600;
}

.customer-cabinet-menu-icon {
  color: #262626;
  border-radius: 8px;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
  position: relative;
}

.customer-cabinet-menu-item.is-primary .customer-cabinet-menu-icon {
  color: #ed001f;
  background: #fff0f1;
}

.customer-cabinet-menu-icon span {
  top: 2px;
  right: -1px;
}

.customer-mobile-bottom-nav {
  z-index: 50;
  padding-bottom: max(env(safe-area-inset-bottom), 12px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.customer-mobile-bottom-nav__inner {
  width: 100%;
  max-width: 560px;
  padding: 0 12px;
}

.customer-mobile-bottom-nav__bar {
  -webkit-backdrop-filter: blur(24px);
  pointer-events: auto;
  background: #ffffffb3;
  border: 1px solid #fff9;
  border-radius: 999px;
  width: 100%;
  height: 56px;
  overflow: hidden;
  box-shadow: 0 8px 32px #0000001f;
}

.customer-mobile-bottom-nav__track {
  -webkit-user-select: none;
  user-select: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.customer-mobile-bottom-nav__pill {
  z-index: 20;
  -webkit-backdrop-filter: blur(24px);
  will-change: transform;
  background: linear-gradient(#fffffff2, #ffffffb3);
  border: 1px solid #ffffffb3;
  border-radius: 999px;
  height: 56px;
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 4px 20px #0000001f;
}

.customer-mobile-bottom-nav__pill.is-dragging {
  transition: none;
}

.customer-mobile-bottom-nav__icons, .customer-mobile-bottom-nav__buttons {
  grid-template-columns: repeat(var(--customer-mobile-nav-count, 4), 1fr);
  display: grid;
  position: absolute;
  inset: 0;
}

.customer-mobile-bottom-nav__icons {
  z-index: 10;
  pointer-events: none;
}

.customer-mobile-bottom-nav__icons span {
  color: #4b5563;
  opacity: 1;
  align-content: center;
  place-items: center;
  gap: 2px;
  min-width: 0;
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
  transition: opacity .18s, transform .18s;
  display: grid;
  position: relative;
  transform: scale(1);
}

.customer-mobile-bottom-nav__icons span.is-hidden {
  opacity: 0;
  transform: scale(.9);
}

.customer-mobile-bottom-nav__icons--active span {
  color: #1f2937;
  font-weight: 500;
}

.customer-mobile-bottom-nav__icons--active {
  z-index: 30;
}

.customer-mobile-bottom-nav__icons small {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.customer-mobile-bottom-nav__icons i {
  color: #fff;
  background: #ff4d58;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 7px;
  right: 12px;
}

.customer-mobile-bottom-nav__buttons {
  z-index: 40;
}

.customer-mobile-bottom-nav__buttons a {
  appearance: none;
  min-width: 44px;
  min-height: 44px;
  box-shadow: none;
  color: inherit;
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  text-decoration: none;
}

.customer-mobile-bottom-nav__buttons button {
  appearance: none;
  min-width: 44px;
  min-height: 44px;
  box-shadow: none;
  color: inherit;
  -webkit-user-select: none;
  user-select: none;
  touch-action: manipulation;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  text-decoration: none;
}

.customer-mobile-bottom-nav__buttons a:active, .customer-mobile-bottom-nav__buttons a:focus, .customer-mobile-bottom-nav__buttons a:focus-visible, .customer-mobile-bottom-nav__buttons button:active, .customer-mobile-bottom-nav__buttons button:focus, .customer-mobile-bottom-nav__buttons button:focus-visible {
  box-shadow: none;
  background: none;
  outline: 0;
}

@media (prefers-reduced-motion: reduce) {
  .customer-mobile-bottom-nav__pill {
    transition: none;
  }
}

.customer-cabinet-content-grid, .customer-cabinet-primary-panel, .customer-cabinet-status-panel, .customer-desktop-rail, .customer-desktop-main, .customer-desktop-workspace, .customer-desktop-columns, .customer-cabinet-workspace, .customer-cabinet-empty {
  min-width: 0;
}

@media (min-width: 860px) {
  .customer-cabinet-page {
    background: #f6f7f8;
  }

  .customer-cabinet-mobile, .customer-mobile-bottom-nav {
    display: none;
  }

  .customer-cabinet-desktop {
    color: #171717;
    grid-template-columns: 228px minmax(0, 1fr);
    min-height: 100vh;
    display: grid;
  }

  .customer-desktop-rail {
    background: #fff;
    border-right: 1px solid #e5e7eb;
    flex-direction: column;
    height: 100vh;
    padding: 22px 14px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .customer-desktop-brand {
    color: #202020;
    text-transform: uppercase;
    align-items: center;
    gap: 9px;
    padding: 0 10px 22px;
    display: flex;
  }

  .customer-desktop-brand span {
    background: #ed001f;
    width: 28px;
    height: 28px;
  }

  .customer-desktop-brand strong {
    letter-spacing: 0;
    font-size: 14px;
    font-weight: 800;
  }

  .customer-desktop-nav {
    gap: 3px;
    display: grid;
  }

  .customer-desktop-nav button, .customer-desktop-help {
    color: #525252;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 7px;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    font-size: 14px;
    display: flex;
    position: relative;
  }

  .customer-desktop-nav button {
    padding: 0 10px 0 13px;
  }

  .customer-desktop-nav button.is-active {
    color: #171717;
    background: #f2f3f5;
    font-weight: 600;
  }

  .customer-desktop-nav button.is-active:before {
    content: "";
    background: #ed001f;
    border-radius: 999px;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 0;
  }

  .customer-desktop-nav button > span, .customer-desktop-help svg {
    place-items: center;
    width: 22px;
    min-width: 22px;
    display: grid;
    position: relative;
  }

  .customer-desktop-nav i {
    color: #fff;
    background: #ff4d58;
    border-radius: 999px;
    place-items: center;
    min-width: 16px;
    height: 16px;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    display: grid;
    position: absolute;
    top: -8px;
    right: -10px;
  }

  .customer-desktop-help {
    background: #f0f1f6;
    margin-top: auto;
    padding: 0 10px;
  }

  .customer-desktop-main {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
  }

  .customer-desktop-topbar {
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    height: 64px;
    padding: 0 28px;
    display: flex;
  }

  .customer-desktop-topbar .customer-cabinet-profile > span:first-child {
    max-width: 132px;
  }

  .customer-desktop-workspace {
    flex-direction: column;
    gap: 14px;
    width: min(1240px, 100%);
    padding: 22px 28px 36px;
    display: flex;
  }
}

.customer-cabinet-load-error {
  background: #fff8f7;
  border: 1px solid #f2b8b5;
  border-radius: 8px;
  gap: 8px;
  width: 100%;
  padding: 18px;
  display: grid;
}

.customer-cabinet-load-error strong {
  color: #202124;
  font-size: 18px;
}

.customer-cabinet-load-error p {
  color: #6b6060;
  margin: 0;
  line-height: 1.45;
}

.customer-cabinet-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  justify-self: start;
  padding: 0 18px;
  font-weight: 800;
  transition: transform .16s, box-shadow .16s;
}

.customer-cabinet-load-error button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #11121429;
}

.customer-cabinet-load-error--desktop {
  align-self: start;
  width: auto;
  margin: 28px;
}

@media (min-width: 860px) and (max-width: 1040px) {
  .customer-cabinet-desktop {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .customer-desktop-rail {
    padding-inline: 12px;
  }

  .customer-desktop-brand strong, .customer-desktop-nav button, .customer-desktop-help {
    font-size: 0;
  }

  .customer-desktop-brand, .customer-desktop-nav button, .customer-desktop-help {
    justify-content: center;
    padding-inline: 0;
  }
}

.customer-mobile-surveyor-contacts, .customer-pro-surveyor-contacts {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
  display: flex;
}

.customer-mobile-surveyor-contacts a, .customer-pro-surveyor-contacts a {
  color: #20242c;
  background: #fff;
  border: 1px solid #d9e0ea;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-mobile-surveyor-contacts a:hover, .customer-pro-surveyor-contacts a:hover {
  border-color: #c6ceda;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px #0f172a12;
}

.customer-mobile-surveyor-contacts a:active, .customer-pro-surveyor-contacts a:active {
  transform: translateY(0)scale(.99);
}

.customer-mobile-surveyor-contacts p, .customer-pro-surveyor-contacts p {
  color: #6b7280;
  margin: 8px 0 0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.35;
}

.customer-surveyor-contact-modal {
  z-index: 10000;
  padding: max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  overscroll-behavior: contain;
  background: #11141885;
  place-items: center;
  height: 100dvh;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.customer-surveyor-contact-modal__panel {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #d2d8e2eb;
  border-radius: 24px;
  gap: 18px;
  width: min(500px, 100%);
  min-height: 0;
  max-height: calc(100dvh - 36px);
  padding: 30px;
  display: grid;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 30px 84px #11182738;
}

.customer-surveyor-contact-modal__close {
  color: #596171;
  cursor: pointer;
  background: #f2f4f7;
  border: 0;
  border-radius: 14px;
  place-items: center;
  width: 48px;
  height: 48px;
  transition: background .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  position: absolute;
  top: 18px;
  right: 18px;
}

.customer-surveyor-contact-modal__close:hover {
  background: #e9edf3;
  transform: translateY(-1px);
}

.customer-surveyor-contact-modal__kicker {
  color: #8a94a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.customer-surveyor-contact-modal__panel h2 {
  color: #1f242d;
  letter-spacing: 0;
  max-width: calc(100% - 56px);
  margin: -10px 0 0;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.05;
}

.customer-surveyor-contact-modal__lead {
  color: #667085;
  font-size: 17px;
  line-height: 1.45;
}

.customer-surveyor-contact-modal__summary {
  background: #f8fafc;
  border: 1px solid #e0e5ed;
  border-radius: 18px;
  gap: 6px;
  padding: 16px;
  display: grid;
}

.customer-surveyor-contact-modal__summary strong {
  color: #20242c;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.2;
}

.customer-surveyor-contact-modal__summary span {
  color: #69707d;
  font-size: 15px;
  font-weight: 800;
}

.customer-surveyor-contact-modal__contacts {
  gap: 10px;
  display: grid;
}

.customer-surveyor-contact-modal__contacts a {
  color: #20242c;
  background: #fff;
  border: 1px solid #d9e0ea;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 16px;
  font-size: 17px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.customer-surveyor-contact-modal__contacts a:hover {
  border-color: #c6ceda;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f172a12;
}

.customer-surveyor-contact-modal__contacts a.is-primary {
  color: #fff;
  background: #111;
  border-color: #111;
}

.customer-surveyor-contact-modal__contacts a.is-primary:hover {
  background: #242529;
  border-color: #242529;
}

.customer-surveyor-contact-modal__contacts p {
  color: #b42318;
  background: #fff7f7;
  border: 1px solid #fde2e2;
  border-radius: 14px;
  margin: 0;
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 800;
}

.customer-surveyor-contact-modal__ok {
  color: #fff;
  cursor: pointer;
  width: 100%;
  min-height: 56px;
  font: inherit;
  background: #111;
  border: 0;
  border-radius: 16px;
  font-size: 17px;
  font-weight: 900;
  transition: background .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
}

.customer-surveyor-contact-modal__ok:hover {
  background: #242529;
}

.customer-surveyor-contact-modal__ok:active {
  transform: translateY(1px)scale(.99);
}

@media (max-width: 520px) {
  .customer-surveyor-contact-modal {
    padding: 12px;
    padding-bottom: max(12px, env(safe-area-inset-bottom));
    align-items: end;
  }

  .customer-surveyor-contact-modal__panel {
    border-radius: 24px 24px 18px 18px;
    padding: 24px;
  }

  .customer-surveyor-contact-modal__panel h2 {
    font-size: 30px;
  }
}

.customer-document-signing-blocked {
  color: #735617;
  background: #fffaf0;
  border: 1px solid #ead9b5;
  border-radius: 8px;
  align-items: center;
  min-height: 40px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
  display: inline-flex;
}

/* [project]/src/features/customer/customer-pro.css [app-client] (css) */
@media (max-width: 520px) {
  .customer-mobile-bottom-nav__icons i {
    right: 10px;
  }
}

@media (min-width: 860px) {
  .customer-pro-desktop {
    --customer-pro-ease-state: cubic-bezier(.32, .72, 0, 1);
    --customer-pro-motion-fast: .18s;
    color: #171717;
    background: #f7f8fa;
    grid-template-columns: 216px minmax(0, 1fr);
    min-height: 100vh;
    display: grid;
  }

  .customer-pro-sidebar {
    background: #fff;
    border-right: 1px solid #e1e4e8;
    flex-direction: column;
    gap: 18px;
    height: 100vh;
    padding: 22px 16px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .customer-pro-brand {
    color: #171717;
    text-transform: uppercase;
    align-items: center;
    gap: 9px;
    min-height: 38px;
    padding: 0 9px;
    text-decoration: none;
    display: flex;
  }

  .customer-pro-brand span {
    background: #ed001f;
    width: 24px;
    height: 24px;
  }

  .customer-pro-brand strong {
    letter-spacing: 0;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-nav {
    gap: 3px;
    display: grid;
  }

  .customer-pro-nav a {
    color: #59606b;
    min-height: 40px;
    transition: color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    -webkit-tap-highlight-color: transparent;
    border-radius: 7px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    display: grid;
    position: relative;
  }

  .customer-pro-nav a:hover {
    color: #171717;
    background: #f7f8fa;
  }

  .customer-pro-nav a.is-active {
    color: #171717;
    background: #f6f7f9;
    font-weight: 700;
  }

  .customer-pro-nav a.is-active:before {
    content: "";
    background: #ed001f;
    border-radius: 999px;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 0;
  }

  .customer-pro-nav i {
    color: #30343b;
    background: #eef0f3;
    border-radius: 999px;
    place-items: center;
    min-width: 20px;
    height: 20px;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    display: grid;
  }

  .customer-pro-sidebar-note {
    background: #f8f9fb;
    border: 1px solid #e4e7eb;
    border-radius: 8px;
    gap: 7px;
    margin-top: auto;
    padding: 12px;
    display: grid;
  }

  .customer-pro-sidebar-note strong {
    color: #171717;
    font-size: 14px;
  }

  .customer-pro-sidebar-note span {
    color: #626976;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-sidebar-note a {
    color: #171717;
    width: fit-content;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-shell {
    flex-direction: column;
    min-width: 0;
    display: flex;
  }

  .customer-pro-topbar {
    z-index: 20;
    -webkit-backdrop-filter: blur(12px);
    background: #fffffff5;
    border-bottom: 1px solid #e1e4e8;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    min-height: 72px;
    padding: 0 32px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .customer-pro-search {
    color: #69707d;
    background: #f1f2f4;
    border: 1px solid #0000;
    border-radius: 8px;
    align-items: center;
    gap: 9px;
    width: min(520px, 100%);
    height: 38px;
    padding: 0 12px;
    display: flex;
  }

  .customer-pro-search:focus-within {
    background: #fff;
    border-color: #c7ccd4;
  }

  .customer-pro-search input {
    color: #171717;
    background: none;
    border: 0;
    outline: 0;
    width: 100%;
    min-width: 0;
    font-size: 14px;
  }

  .customer-pro-topbar-actions {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .customer-pro-main-action, .customer-pro-submit, .customer-pro-action-item a, .customer-pro-row-actions a, .customer-pro-context-next a, .customer-pro-side-panel button:not(.is-secondary) {
    color: #fff;
    cursor: pointer;
    min-height: 36px;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #171717;
    border: 0;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
  }

  .customer-pro-icon-button, .customer-pro-location-button, .customer-pro-profile-button, .customer-pro-row-actions button, .customer-pro-side-panel .is-secondary, .customer-pro-filterbar button, .customer-pro-upload-row button, .customer-pro-data-row button, .customer-pro-doc-row button {
    color: #30343b;
    cursor: pointer;
    min-height: 36px;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-main-action:hover, .customer-pro-submit:hover, .customer-pro-action-item a:hover, .customer-pro-row-actions a:hover, .customer-pro-context-next a:hover, .customer-pro-side-panel button:not(.is-secondary):hover {
    background: #2a2a2a;
  }

  .customer-pro-icon-button:hover, .customer-pro-location-button:hover, .customer-pro-profile-button:hover, .customer-pro-row-actions button:hover, .customer-pro-side-panel .is-secondary:hover, .customer-pro-filterbar button:hover, .customer-pro-upload-row button:hover, .customer-pro-data-row button:hover, .customer-pro-doc-row button:hover {
    background: #f8f9fb;
  }

  .customer-pro-icon-button {
    place-items: center;
    width: 38px;
    display: grid;
    position: relative;
  }

  .customer-pro-location-button {
    align-items: center;
    gap: 7px;
    max-width: 220px;
    min-height: 36px;
    padding: 0 10px;
    display: inline-flex;
  }

  .customer-pro-location-button span {
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    overflow: hidden;
  }

  .customer-pro-icon-button i {
    color: #fff;
    background: #ed001f;
    border: 2px solid #fff;
    border-radius: 999px;
    place-items: center;
    min-width: 16px;
    height: 16px;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    line-height: 1;
    display: grid;
    position: absolute;
    top: -5px;
    right: -4px;
  }

  .customer-pro-profile-button {
    align-items: center;
    gap: 8px;
    padding: 0 9px;
    display: inline-flex;
  }

  .customer-pro-profile-button img, .customer-pro-profile-button > span {
    border-radius: 999px;
    width: 26px;
    height: 26px;
  }

  .customer-pro-profile-button img {
    object-fit: cover;
  }

  .customer-pro-profile-button > span {
    color: #fff;
    background: #202124;
    place-items: center;
    font-size: 12px;
    display: grid;
  }

  .customer-pro-profile-button strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 140px;
    font-size: 13px;
    overflow: hidden;
  }

  .customer-pro-profile-button small {
    color: #69707d;
    font-size: 11px;
    line-height: 1;
  }

  .customer-pro-topbar-popover {
    position: relative;
  }

  .customer-pro-dropdown {
    z-index: 40;
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    gap: 4px;
    width: 320px;
    padding: 10px;
    display: grid;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    box-shadow: 0 12px 34px #0f172a1f;
  }

  .customer-pro-dropdown-head, .customer-pro-profile-menu-head {
    border-bottom: 1px solid #e9ecef;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 0 0 8px;
    display: flex;
  }

  .customer-pro-dropdown-head strong, .customer-pro-profile-menu-head strong {
    color: #171717;
    font-size: 14px;
  }

  .customer-pro-dropdown-head button, .customer-pro-dropdown-link, .customer-pro-notification-item, .customer-pro-profile-dropdown button {
    color: #30343b;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 7px;
    width: 100%;
  }

  .customer-pro-dropdown-head button {
    color: #69707d;
    width: auto;
    font-size: 12px;
  }

  .customer-pro-notification-item {
    gap: 2px;
    padding: 9px;
    display: grid;
    position: relative;
  }

  .customer-pro-notification-item.is-unread {
    background: #fff7f7;
  }

  .customer-pro-notification-item.is-unread:before {
    content: "";
    background: #f20d2f;
    border-radius: 999px;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 12px;
    right: 10px;
  }

  .customer-pro-notification-item img {
    object-fit: cover;
    border-radius: 7px;
    width: 38px;
    height: 38px;
  }

  .customer-pro-notification-item:hover, .customer-pro-profile-dropdown button:hover, .customer-pro-dropdown-link:hover {
    background: #f7f8fa;
  }

  .customer-pro-cabinet-switcher {
    border-top: 1px solid #eef0f3;
    gap: 4px;
    margin-top: 4px;
    padding-top: 8px;
    display: grid;
  }

  .customer-pro-cabinet-switcher > strong {
    color: #69707d;
    text-transform: uppercase;
    padding: 0 9px 3px;
    font-size: 11px;
    font-weight: 800;
  }

  .customer-pro-cabinet-switcher button {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    display: grid;
  }

  .customer-pro-cabinet-switcher small {
    color: #69707d;
    font-size: 11px;
  }

  .customer-pro-location-dropdown {
    width: 360px;
  }

  .customer-location-editor {
    gap: 10px;
    display: grid;
  }

  .customer-location-editor p, .customer-location-editor small {
    color: #69707d;
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-location-editor label {
    gap: 6px;
    display: grid;
  }

  .customer-location-editor label span {
    color: #30343b;
    font-size: 12px;
    font-weight: 800;
  }

  .customer-location-editor input {
    color: #171717;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    outline: 0;
    min-height: 38px;
    padding: 0 10px;
    font-size: 13px;
  }

  .customer-location-detect, .customer-location-save, .customer-location-suggest button {
    color: #30343b;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    min-height: 36px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-location-detect {
    justify-content: center;
    align-items: center;
    gap: 7px;
    display: inline-flex;
  }

  .customer-location-save {
    color: #fff;
    background: #171717;
    border-color: #171717;
  }

  .customer-location-suggest {
    gap: 4px;
    display: grid;
  }

  .customer-location-suggest button {
    text-align: left;
    padding: 0 9px;
  }

  .customer-location-error {
    color: #b42318 !important;
  }

  .customer-pro-notification-item span {
    color: #69707d;
    font-size: 11px;
  }

  .customer-pro-notification-item strong {
    color: #171717;
    font-size: 13px;
  }

  .customer-pro-notification-item b {
    color: #69707d;
    background: #f0f2f5;
    border-radius: 999px;
    width: fit-content;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 800;
  }

  .customer-pro-notification-item small, .customer-pro-profile-menu-head small {
    color: #69707d;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-dropdown-link, .customer-pro-profile-dropdown button {
    min-height: 34px;
    padding: 0 9px;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-profile-dropdown .customer-pro-profile-logout {
    color: #b42318;
    border-top: 1px solid #edf0f3;
    border-radius: 0;
    align-items: center;
    gap: 8px;
    margin-top: 2px;
    padding-top: 10px;
    display: flex;
  }

  .customer-pro-profile-dropdown .customer-pro-profile-logout:hover {
    color: #9f1d15;
    background: #fff1f0;
    border-radius: 7px;
  }

  .customer-pro-logout-dialog {
    z-index: 1200;
    place-items: center;
    padding: 20px;
    display: grid;
    position: fixed;
    inset: 0;
  }

  .customer-pro-logout-dialog__backdrop {
    -webkit-backdrop-filter: blur(16px);
    background: #1118276b;
    border: 0;
    position: absolute;
    inset: 0;
  }

  .customer-pro-logout-dialog__panel {
    z-index: 1;
    background: #fff;
    border: 1px solid #ffffffb8;
    border-radius: 14px;
    width: min(100%, 430px);
    animation: .18s cubic-bezier(.22, 1, .36, 1) customerProfileDialogIn;
    position: relative;
    overflow: hidden;
    box-shadow: 0 24px 70px #0f172a3d;
  }

  .customer-pro-logout-dialog__head {
    border-bottom: 1px solid #edf0f3;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 15px 16px;
    display: flex;
  }

  .customer-pro-logout-dialog__head h2 {
    color: #17191d;
    margin: 0;
    font-size: 17px;
    font-weight: 850;
  }

  .customer-pro-logout-dialog__head button {
    color: #4b5563;
    background: #f1f3f6;
    border: 0;
    border-radius: 9px;
    place-items: center;
    width: 34px;
    height: 34px;
    display: grid;
  }

  .customer-pro-logout-dialog__panel p {
    color: #59606b;
    margin: 0;
    padding: 16px 16px 0;
    font-size: 13px;
    line-height: 1.45;
  }

  .customer-pro-logout-dialog__actions {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 16px;
    display: grid;
  }

  .customer-pro-logout-dialog__actions button {
    color: #202124;
    background: #f1f3f6;
    border: 0;
    border-radius: 9px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: 850;
    display: inline-flex;
  }

  .customer-pro-logout-dialog__actions button:last-child {
    color: #fff;
    background: #202124;
  }

  .customer-request-example-dialog__body {
    gap: 14px;
    padding: 18px 16px 0;
    display: grid;
  }

  .customer-request-example-dialog__body > strong {
    color: #17191d;
    font-size: 18px;
    line-height: 1.25;
  }

  .customer-request-example-dialog__body p, .customer-request-example-dialog__body small {
    margin: 0;
    padding: 0;
  }

  .customer-request-example-dialog__body dl {
    gap: 8px;
    margin: 0;
    display: grid;
  }

  .customer-request-example-dialog__body dl div {
    background: #f6f7f9;
    border-radius: 8px;
    grid-template-columns: 84px minmax(0, 1fr);
    gap: 12px;
    padding: 10px 12px;
    display: grid;
  }

  .customer-request-example-dialog__body dt, .customer-request-example-dialog__body dd {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .customer-request-example-dialog__body dt {
    color: #69707d;
  }

  .customer-request-example-dialog__body dd {
    color: #202124;
    font-weight: 750;
  }

  .customer-pro-logout-dialog__actions button:disabled, .customer-pro-logout-dialog__head button:disabled, .customer-pro-logout-dialog__backdrop:disabled {
    cursor: not-allowed;
    opacity: .55;
  }

  .customer-pro-dropdown-empty {
    color: #69707d;
    background: #f8f9fb;
    border-radius: 7px;
    padding: 12px 9px;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-dropdown-error {
    color: #b42318;
    background: #fff5f4;
    border: 1px solid #f5b7b1;
    border-radius: 7px;
    gap: 10px;
    padding: 12px;
    display: grid;
  }

  .customer-pro-dropdown-error p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .customer-pro-dropdown-error button {
    color: #fff;
    cursor: pointer;
    background: #111214;
    border: 0;
    border-radius: 6px;
    justify-self: start;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 0 13px;
    display: inline-flex;
  }

  .customer-payment-actions__support {
    color: #202124;
    cursor: pointer;
    background: #fff;
    border: 1px solid #c8ced8;
    border-radius: 7px;
    min-height: 40px;
    padding: 0 14px;
    font-weight: 750;
  }

  .customer-pro-profile-menu-head {
    justify-content: start;
  }

  .customer-pro-profile-menu-head > img, .customer-pro-profile-menu-head > span {
    border-radius: 999px;
    flex: none;
    width: 34px;
    height: 34px;
    overflow: hidden;
  }

  .customer-pro-profile-menu-head > img {
    object-fit: cover;
    display: block;
  }

  .customer-pro-profile-menu-head > span {
    color: #fff;
    background: #171717;
    place-items: center;
    font-size: 13px;
    font-weight: 800;
    display: grid;
  }

  .customer-pro-workspace {
    gap: 18px;
    width: min(1360px, 100%);
    padding: 28px 32px 40px;
    display: grid;
  }

  .customer-pro-route-motion {
    min-width: 0;
  }

  .customer-pro-page-head {
    background: none;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    padding: 0;
    display: flex;
  }

  .customer-pro-page-head span {
    color: #69707d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
  }

  .customer-pro-page-head h1 {
    color: #171717;
    font-size: 26px;
    font-weight: 750;
    line-height: 1.2;
  }

  .customer-pro-page-head p {
    color: #59606b;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.35;
  }

  .customer-pro-page-head > a {
    color: #fff;
    background: #171717;
    border-radius: 7px;
    flex: none;
    justify-content: center;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 800;
    text-decoration: none;
    display: inline-flex;
  }

  .customer-pro-layout {
    grid-template-columns: minmax(0, 1fr) 336px;
    align-items: start;
    gap: 14px;
    display: grid;
  }

  .customer-pro-layout--overview, .customer-pro-layout--wide {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-pro-layout--request {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  .customer-pro-layout--help {
    grid-template-columns: minmax(0, 1fr) 320px;
    align-items: end;
  }

  .customer-pro-layout--order-detail {
    grid-template-columns: minmax(0, 1fr) 318px;
  }

  .customer-pro-main-column {
    gap: 14px;
    min-width: 0;
    display: grid;
  }

  .customer-pro-empty-overview {
    width: min(760px, 100%);
  }

  .customer-pro-empty-overview .customer-onboarding-intro {
    align-content: center;
    min-height: 260px;
    padding: 24px;
  }

  .customer-pro-empty-overview .customer-onboarding-intro h2 {
    font-size: 24px;
  }

  .customer-pro-empty-overview .customer-onboarding-intro p {
    max-width: 620px;
    font-size: 15px;
  }

  .customer-pro-overview-hero {
    gap: 8px;
    padding: 18px 2px 8px;
    display: grid;
  }

  .customer-pro-overview-hero h1 {
    color: #171717;
    letter-spacing: 0;
    margin: 0;
    font-size: clamp(28px, 3vw, 36px);
    font-weight: 850;
    line-height: 1.12;
  }

  .customer-pro-overview-hero p {
    color: #59606b;
    margin: 0;
    font-size: 16px;
    line-height: 1.45;
  }

  .customer-pro-overview-actions, .customer-pro-overview-orders {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
  }

  .customer-pro-overview-actions {
    background: #fff;
    border-color: #dfe3e8;
    gap: 12px;
    padding: 16px;
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-overview-actions:before {
    content: "";
    background: #ed001f;
    width: 3px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .customer-pro-overview-actions.is-empty {
    background: #fff;
    border-color: #e1e4e8;
  }

  .customer-pro-overview-actions__head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
  }

  .customer-pro-overview-actions__head h2 {
    color: #171717;
    margin: 0;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.25;
  }

  .customer-pro-overview-actions > p {
    color: #59606b;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
  }

  .customer-pro-overview-action-list {
    gap: 8px;
    display: grid;
  }

  .customer-pro-overview-action {
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 8px;
    grid-template-columns: 40px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 10px;
    display: grid;
    box-shadow: 0 1px #0f172a08;
  }

  .customer-pro-overview-action > span {
    color: #4f5662;
    background: #f2f3f5;
    border-radius: 8px;
    place-items: center;
    width: 38px;
    height: 38px;
    display: grid;
  }

  .customer-pro-overview-action.is-warning > span {
    color: #4f5662;
    background: #f2f3f5;
  }

  .customer-pro-overview-action.is-danger > span {
    color: #9f1d1d;
    background: #fff1f1;
  }

  .customer-pro-overview-action.is-success > span {
    color: #267142;
    background: #edf8f0;
  }

  .customer-pro-overview-action h3, .customer-pro-overview-order h3 {
    color: #171717;
    margin: 0;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
  }

  .customer-pro-overview-action p, .customer-pro-overview-order p {
    color: #59606b;
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-overview-action small {
    color: #ed001f;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 850;
  }

  .customer-pro-overview-action b {
    color: #267142;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 850;
  }

  .customer-pro-overview-action a {
    color: #fff;
    cursor: pointer;
    min-height: 36px;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        transform var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #171717;
    border: 0;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .customer-pro-overview-actions > button {
    color: #171717;
    cursor: pointer;
    min-height: 36px;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        transform var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: none;
    border: 0;
    border-radius: 7px;
    justify-content: center;
    justify-self: center;
    align-items: center;
    gap: 7px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  .customer-pro-overview-action a:hover {
    background: #2a2a2a;
    transform: translateY(-1px);
  }

  .customer-pro-overview-actions > button:hover {
    background: #f1f3f6;
    transform: translateY(-1px);
  }

  .customer-pro-overview-orders {
    padding: 10px 12px 12px;
  }

  .customer-pro-overview-orders .customer-pro-section-head {
    margin-bottom: 8px;
  }

  .customer-pro-overview-orders .customer-pro-section-head a {
    align-items: center;
    gap: 4px;
    text-decoration: none;
    display: inline-flex;
  }

  .customer-pro-overview-order-list {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    display: grid;
    overflow: hidden;
  }

  .customer-pro-overview-order {
    color: #30343b;
    min-height: 112px;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        box-shadow var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #fff;
    border-bottom: 1px solid #e9ecef;
    grid-template-columns: 116px minmax(300px, 1fr) minmax(230px, .7fr) 150px minmax(132px, auto) 24px;
    align-items: center;
    gap: 14px;
    padding: 12px 10px;
    text-decoration: none;
    display: grid;
  }

  .customer-pro-overview-order:last-child {
    border-bottom: 0;
  }

  .customer-pro-overview-order:hover {
    background: #fcfcfd;
    box-shadow: inset 3px 0 #ed001f;
  }

  .customer-pro-overview-order__thumb {
    color: #8a9099;
    background-color: #eef0f3;
    background-position: center;
    background-size: cover;
    border-radius: 7px;
    place-items: center;
    width: 100px;
    height: 82px;
    display: grid;
  }

  .customer-pro-overview-order__main {
    gap: 8px;
    min-width: 0;
    display: grid;
  }

  .customer-pro-overview-order__state, .customer-pro-overview-order__money {
    justify-items: start;
    gap: 7px;
    display: grid;
  }

  .customer-pro-overview-order__state > span {
    color: #59606b;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-overview-order__money strong {
    color: #171717;
    font-size: 16px;
    font-weight: 850;
  }

  .customer-pro-overview-order__money small {
    color: #69707d;
    font-size: 12px;
  }

  .customer-pro-overview-order__cta {
    color: #fff;
    white-space: nowrap;
    min-height: 36px;
    transition: transform var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        box-shadow var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #171717;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  .customer-pro-overview-order:hover .customer-pro-overview-order__cta, .customer-pro-overview-order__cta.is-action {
    transform: translateY(-1px);
    box-shadow: 0 12px 24px #17171721;
  }

  .customer-pro-action-queue, .customer-pro-orders, .customer-pro-context, .customer-pro-summary-panel, .customer-pro-upcoming-panel, .customer-pro-measurement-panel, .customer-pro-empty-panel, .customer-pro-side-panel, .customer-pro-request-advice, .customer-pro-form, .customer-pro-data-panel, .customer-pro-order-detail, .customer-pro-offers, .customer-pro-events-list, .customer-pro-history-panel, .customer-pro-profile-panel, .customer-pro-support-card, .customer-pro-order-card, .customer-pro-order-side-card, .customer-pro-help-panel {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    min-width: 0;
    padding: 14px;
  }

  .customer-pro-empty-panel {
    background: #fff;
    align-content: center;
    gap: 8px;
    min-height: 132px;
    display: grid;
  }

  .customer-pro-empty-panel strong {
    color: #171717;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
  }

  .customer-pro-empty-panel p, .customer-pro-empty-text {
    color: #69707d;
    font-size: 13px;
    line-height: 1.4;
  }

  .customer-pro-empty-panel button {
    color: #fff;
    cursor: pointer;
    background: #171717;
    border: 0;
    border-radius: 7px;
    width: fit-content;
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-documents-refresh--desktop {
    background: #f7f8fa;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    justify-items: start;
    gap: 10px;
    padding: 16px;
    display: grid;
  }

  .customer-documents-refresh--desktop p {
    color: #69707d;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
  }

  .customer-documents-refresh--desktop button {
    color: #fff;
    cursor: pointer;
    background: #171717;
    border: 0;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 0 15px;
    font-size: 13px;
    font-weight: 800;
    transition: transform .18s cubic-bezier(.22, 1, .36, 1), opacity .18s;
    display: inline-flex;
  }

  .customer-documents-refresh--desktop button:hover:not(:disabled) {
    transform: translateY(-1px);
  }

  .customer-documents-refresh--desktop button:disabled {
    cursor: wait;
    opacity: .58;
  }

  .customer-documents-refresh--desktop .customer-documents-refresh__error {
    color: #c5252d;
    font-weight: 700;
  }

  .customer-pro-inline-retry {
    background: #fff7f7;
    border: 1px solid #f0b7ba;
    border-radius: 8px;
    justify-items: start;
    gap: 9px;
    padding: 16px;
    display: grid;
  }

  .customer-pro-inline-retry strong {
    color: #202124;
    font-size: 15px;
  }

  .customer-pro-inline-retry p {
    color: #a62129;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .customer-pro-inline-retry button {
    color: #fff;
    cursor: pointer;
    background: #202124;
    border: 0;
    border-radius: 7px;
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-overview-hero.is-skeleton, .customer-pro-order-row.is-skeleton {
    pointer-events: none;
  }

  .customer-pro-overview-hero.is-skeleton {
    align-content: center;
    min-height: 136px;
  }

  .customer-pro-order-table--skeleton {
    gap: 10px;
    display: grid;
  }

  .customer-pro-skeleton-line, .customer-pro-skeleton-pill {
    background: linear-gradient(90deg, #eef1f5 0%, #f8f9fb 50%, #eef1f5 100%) 0 0 / 200% 100%;
    border-radius: 999px;
    animation: 1.2s ease-in-out infinite customer-pro-skeleton;
    display: block;
  }

  .customer-pro-skeleton-line {
    width: min(560px, 82%);
    height: 14px;
  }

  .customer-pro-skeleton-line.is-title {
    width: min(360px, 68%);
    height: 22px;
  }

  .customer-pro-skeleton-line.is-short {
    width: min(220px, 48%);
  }

  .customer-pro-skeleton-line.is-money {
    justify-self: end;
    width: 126px;
    height: 18px;
  }

  .customer-pro-skeleton-pill {
    width: 104px;
    height: 30px;
  }

  .customer-pro-measurement-panel {
    align-content: start;
    gap: 14px;
    display: grid;
  }

  .customer-pro-measurement-offers {
    gap: 10px;
    display: grid;
  }

  .customer-pro-measurement-offer {
    background: #fff;
    border: 1px solid #e0e4ec;
    border-radius: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px;
    transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1);
    display: grid;
    box-shadow: 0 10px 28px #1c222d0d;
  }

  .customer-pro-measurement-offer:hover {
    border-color: #cbd2dc;
    transform: translateY(-1px);
  }

  .customer-pro-measurement-offer span, .customer-pro-measurement-offer p {
    color: #69707d;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
    display: block;
  }

  .customer-pro-measurement-offer strong {
    color: #202124;
    margin-top: 4px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.25;
    display: block;
  }

  .customer-pro-measurement-offer p {
    margin: 6px 0 0;
  }

  .customer-pro-measurement-offer__actions {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .customer-pro-measurement-profile-button {
    color: #202124;
    min-height: 42px;
    font: inherit;
    cursor: pointer;
    background: #fff;
    border: 1px solid #d9dee7;
    border-radius: 9px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 850;
    transition: background-color .16s, border-color .16s;
  }

  .customer-pro-measurement-profile-button:hover {
    background: #f4f6f8;
    border-color: #bcc4d0;
  }

  .customer-pro-measurement-offer.is-selected {
    background: #f5fbf7;
    border-color: #cfe8d9;
  }

  .customer-pro-measurement-offer.is-skeleton {
    background: linear-gradient(90deg, #f1f3f7 0%, #fafbfc 48%, #f1f3f7 100%) 0 0 / 220% 100%;
    border-color: #0000;
    min-height: 92px;
    animation: 1.2s ease-in-out infinite customer-pro-skeleton;
  }

  @keyframes customer-pro-skeleton {
    0% {
      background-position: 100% 0;
    }

    100% {
      background-position: -100% 0;
    }
  }

  .customer-pro-measurement-result {
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.35;
    display: inline-flex;
  }

  .customer-pro-measurement-result.is-success {
    color: #14804a;
    background: #edf8f1;
  }

  .customer-pro-measurement-result.is-danger {
    color: #c92635;
    background: #fff1f2;
  }

  .customer-pro-inline-retry {
    color: #fff;
    cursor: pointer;
    min-height: 36px;
    font: inherit;
    background: #202124;
    border: 0;
    border-radius: 8px;
    margin-left: auto;
    padding: 0 14px;
    font-weight: 800;
  }

  .customer-pro-brief-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .customer-pro-brief-item {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    min-width: 0;
    padding: 12px;
  }

  .customer-pro-brief-item span, .customer-pro-brief-item small {
    color: #69707d;
    font-size: 12px;
    line-height: 1.35;
    display: block;
  }

  .customer-pro-brief-item strong {
    color: #171717;
    margin: 3px 0 2px;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.1;
    display: block;
  }

  .customer-pro-upcoming-panel {
    gap: 0;
    display: grid;
    position: sticky;
    top: 88px;
  }

  .customer-pro-upcoming-item {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-top: 1px solid #e9ecef;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    padding: 11px 0;
    display: grid;
  }

  .customer-pro-upcoming-item:hover {
    background: #fcfcfd;
  }

  .customer-pro-upcoming-item > span {
    color: #ed001f;
    gap: 3px;
    font-size: 12px;
    font-weight: 800;
    display: grid;
  }

  .customer-pro-upcoming-item > span small, .customer-pro-upcoming-item small {
    color: #69707d;
    font-size: 12px;
    font-weight: 500;
  }

  .customer-pro-upcoming-item b {
    color: #171717;
    font-size: 13px;
    line-height: 1.25;
    display: block;
  }

  .customer-pro-upcoming-all, .customer-pro-load-more {
    color: #171717;
    cursor: pointer;
    background: none;
    border: 0;
    width: fit-content;
    padding: 10px 0 0;
    font-size: 13px;
    font-weight: 750;
  }

  .customer-pro-section-head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 32px;
    margin-bottom: 10px;
    display: flex;
  }

  .customer-pro-section-head h2, .customer-pro-side-panel h2, .customer-pro-detail-section h2 {
    color: #171717;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.25;
  }

  .customer-pro-section-head span, .customer-pro-section-head a {
    color: #69707d;
    font-size: 13px;
    font-weight: 600;
  }

  .customer-pro-section-head__skeleton {
    background: #e8ecf2;
    border-radius: 999px;
    width: 108px;
    height: 16px;
    display: block;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-section-head__skeleton:after {
    content: "";
    background: linear-gradient(90deg, #0000, #ffffffbd, #0000);
    animation: 1.2s ease-in-out infinite customer-pro-section-head-shimmer;
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
  }

  @keyframes customer-pro-section-head-shimmer {
    100% {
      transform: translateX(100%);
    }
  }

  .customer-pro-action-queue {
    gap: 0;
    display: grid;
  }

  .customer-pro-action-context {
    border-top: 1px solid #e9ecef;
    gap: 3px;
    padding: 11px 0 10px;
    display: grid;
  }

  .customer-pro-action-context strong {
    color: #171717;
    font-size: 14px;
  }

  .customer-pro-action-context p {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-action-item {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 0;
    display: grid;
  }

  .customer-pro-action-item > span {
    color: #4f5662;
    background: #f2f3f5;
    border-radius: 8px;
    place-items: center;
    width: 36px;
    height: 36px;
    display: grid;
  }

  .customer-pro-action-item.is-warning > span {
    color: #8a5b00;
    background: #fff7e5;
  }

  .customer-pro-action-item.is-danger > span {
    color: #9f1d1d;
    background: #fff1f1;
  }

  .customer-pro-action-item.is-success > span {
    color: #267142;
    background: #edf8f0;
  }

  .customer-pro-action-item h3, .customer-pro-context h3, .customer-pro-offer-row h3 {
    color: #171717;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.25;
  }

  .customer-pro-action-item p, .customer-pro-context p, .customer-pro-side-panel p, .customer-pro-offer-row p {
    color: #69707d;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-filterbar {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    display: flex;
  }

  .customer-pro-filterbar--tabs {
    background: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .customer-pro-filterbar--tabs button {
    color: #59606b;
    background: none;
    border: 0;
    border-radius: 0;
    min-height: 34px;
    font-size: 13px;
    font-weight: 700;
    position: relative;
  }

  .customer-pro-filterbar--tabs button.is-active {
    color: #171717;
    background: none;
  }

  .customer-pro-filterbar--tabs button.is-active:after {
    content: "";
    background: #ed001f;
    border-radius: 999px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 10px;
    right: 10px;
  }

  .customer-pro-orders-toolbar {
    gap: 12px;
    display: grid;
  }

  .customer-pro-orders-search-row {
    align-items: center;
    gap: 10px;
    display: flex;
  }

  .customer-pro-orders-search-row > button {
    color: #59606b;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    min-height: 36px;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-orders-search-row label {
    color: #69707d;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    align-items: center;
    gap: 8px;
    width: min(320px, 100%);
    min-height: 36px;
    padding: 0 11px;
    display: flex;
  }

  .customer-pro-orders-search-row input {
    color: #171717;
    background: none;
    border: 0;
    outline: 0;
    width: 100%;
    min-width: 0;
    font-size: 13px;
  }

  .customer-pro-filterbar button {
    padding: 0 11px;
  }

  .customer-pro-filterbar button.is-active {
    color: #fff;
    background: #171717;
    border-color: #171717;
  }

  .customer-pro-order-table {
    gap: 8px;
    display: grid;
  }

  .customer-pro-order-row {
    color: #30343b;
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        border-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    grid-template-columns: minmax(0, 1.15fr) minmax(140px, max-content) minmax(190px, .7fr) 118px minmax(128px, auto);
    align-items: center;
    gap: 14px;
    padding: 13px;
    font-size: 13px;
    text-decoration: none;
    display: grid;
  }

  .customer-pro-order-row:hover {
    background: #fcfcfd;
    border-color: #d8dde4;
  }

  .customer-pro-order-row-main {
    gap: 9px;
    min-width: 0;
    display: grid;
  }

  .customer-pro-order-row h3 {
    color: #171717;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
  }

  .customer-pro-order-row:hover h3 {
    color: #000;
    text-underline-offset: 3px;
    text-decoration: underline;
    text-decoration-thickness: 1px;
  }

  .customer-pro-order-row p {
    color: #69707d;
    margin-top: 4px;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-order-media-strip {
    gap: 6px;
    display: flex;
  }

  .customer-pro-order-media-strip > span {
    background-color: #eef0f3;
    background-position: center;
    background-size: cover;
    border-radius: 7px;
    flex: none;
    width: 54px;
    height: 42px;
  }

  .customer-pro-material-list, .customer-pro-document-list {
    gap: 7px;
    margin-top: 10px;
    display: grid;
  }

  .customer-pro-document-list a, .customer-pro-document-list [data-file-state="pending"], .customer-pro-material-list a {
    color: #171717;
    background: #fbfbfc;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 8px 10px;
    text-decoration: none;
    transition: background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1);
    display: grid;
  }

  .customer-pro-document-list a:hover, .customer-pro-material-list a:hover {
    background: #fff;
    border-color: #d8dde4;
  }

  .customer-pro-document-list span:not(.customer-file-access__state), .customer-pro-material-list span {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 800;
    overflow: hidden;
  }

  .customer-pro-document-list small, .customer-pro-material-list small {
    color: #69707d;
    font-size: 12px;
    font-weight: 750;
  }

  .customer-pro-document-row > .customer-document-package {
    background: #fbfbfc;
    border: 1px solid #e9ecef;
    padding: 8px 10px;
  }

  .customer-pro-document-list .customer-document-package__links a, .customer-pro-document-list .customer-document-package__links [data-file-state="pending"] {
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 8px;
    grid-template-columns: 42px minmax(0, 1fr) 34px;
    gap: 11px;
    min-height: 64px;
    padding: 9px 10px;
    display: grid;
  }

  .customer-pro-order-facts {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
  }

  .customer-pro-order-facts span {
    color: #525866;
    background: #f3f4f6;
    border-radius: 999px;
    align-items: center;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.15;
    display: inline-flex;
  }

  .customer-pro-order-state {
    min-width: max-content;
  }

  .customer-pro-order-next {
    gap: 5px;
    display: grid;
  }

  .customer-pro-order-next > span {
    color: #69707d;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
  }

  .customer-pro-order-next strong {
    color: #171717;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.3;
  }

  .customer-pro-order-next small {
    color: #69707d;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-order-money {
    justify-items: start;
    gap: 3px;
    display: grid;
  }

  .customer-pro-order-money strong {
    color: #171717;
    font-size: 15px;
    font-weight: 850;
  }

  .customer-pro-order-money small {
    color: #69707d;
    font-size: 11px;
  }

  .customer-pro-order-open {
    color: #fff;
    white-space: nowrap;
    min-height: 34px;
    transition: transform var(--customer-pro-motion-fast) var(--customer-pro-ease-state),
        box-shadow var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #171717;
    border-radius: 7px;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
    display: inline-flex;
  }

  .customer-pro-order-open.is-action, .customer-pro-order-row:hover .customer-pro-order-open {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px #1717171f;
  }

  .customer-pro-progress {
    gap: 6px;
    display: grid;
  }

  .customer-pro-progress div {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .customer-pro-progress span {
    color: #69707d;
    font-size: 12px;
  }

  .customer-pro-progress strong {
    color: #30343b;
    font-size: 12px;
    font-weight: 800;
  }

  .customer-pro-progress > i {
    background: #e5e7eb;
    border-radius: 999px;
    height: 5px;
    overflow: hidden;
  }

  .customer-pro-progress > i b {
    border-radius: inherit;
    width: 100%;
    height: 100%;
    transform: scaleX(var(--customer-pro-progress-value, 0));
    transform-origin: 0;
    transition: transform .18s var(--customer-pro-ease-state);
    background: #202124;
    display: block;
  }

  .customer-pro-status {
    white-space: nowrap;
    border-radius: 999px;
    align-items: center;
    gap: 5px;
    width: fit-content;
    min-height: 24px;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 700;
    display: inline-flex;
  }

  .customer-pro-status.is-success {
    color: #245a35;
    background: #edf8f0;
  }

  .customer-pro-status.is-warning {
    color: #785000;
    background: #fff7e5;
  }

  .customer-pro-status.is-neutral {
    color: #525252;
    background: #f0f1f6;
  }

  .customer-pro-status.is-danger {
    color: #9f1d1d;
    background: #fff1f1;
  }

  .customer-pro-row-actions {
    align-items: center;
    gap: 6px;
    display: flex;
  }

  .customer-pro-row-actions button {
    place-items: center;
    width: 36px;
    padding: 0;
    display: grid;
  }

  .customer-pro-context {
    gap: 12px;
    display: grid;
    position: sticky;
    top: 78px;
  }

  .customer-pro-context.is-full {
    gap: 14px;
  }

  .customer-pro-context-grid {
    border-top: 1px solid #e9ecef;
    border-bottom: 1px solid #e9ecef;
    gap: 8px;
    padding: 10px 0;
    display: grid;
  }

  .customer-pro-context-grid span, .customer-pro-context-next span {
    color: #69707d;
    gap: 2px;
    font-size: 12px;
    display: grid;
  }

  .customer-pro-context-grid strong, .customer-pro-context-next strong {
    color: #171717;
    font-size: 14px;
    font-weight: 750;
  }

  .customer-pro-context-next {
    background: #f8f9fb;
    border-radius: 8px;
    gap: 8px;
    padding: 12px;
    display: grid;
  }

  .customer-pro-form {
    gap: 14px;
    display: grid;
  }

  .customer-pro-form-intro {
    border-bottom: 1px solid #e9ecef;
    gap: 4px;
    padding-bottom: 12px;
    display: grid;
  }

  .customer-pro-form-intro strong {
    color: #171717;
    font-size: 15px;
    line-height: 1.35;
  }

  .customer-pro-form-intro span {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-form label {
    color: #30343b;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    display: grid;
  }

  .customer-pro-form label small {
    color: #8a9099;
    justify-self: end;
    font-size: 11px;
    font-weight: 500;
  }

  .customer-pro-form input, .customer-pro-form textarea {
    color: #171717;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 8px;
    width: 100%;
    font-size: 14px;
  }

  .customer-pro-form input {
    height: 42px;
    padding: 0 12px;
  }

  .customer-pro-form textarea {
    resize: vertical;
    min-height: 142px;
    padding: 11px 12px;
  }

  .customer-pro-form .customer-request-details-grid {
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    align-items: start;
  }

  .customer-pro-request-stepper {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 4px;
    display: grid;
  }

  .customer-pro-request-stepper div {
    color: #69707d;
    grid-template-columns: 26px minmax(0, max-content) minmax(18px, 1fr);
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 12px;
    font-weight: 700;
    transition: color .18s cubic-bezier(.22, 1, .36, 1);
    display: grid;
    position: relative;
  }

  .customer-pro-request-stepper strong {
    z-index: 1;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #fff;
    padding-right: 8px;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-request-stepper__marker {
    z-index: 2;
    color: #69707d;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 999px;
    place-items: center;
    width: 26px;
    height: 26px;
    font-size: 11px;
    font-weight: 800;
    transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
    display: grid;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-request-stepper__marker i, .customer-pro-request-stepper__marker b {
    place-items: center;
    font-style: normal;
    display: grid;
    position: absolute;
    inset: 0;
  }

  .customer-pro-request-stepper__marker svg {
    width: 14px;
    height: 14px;
  }

  .customer-pro-request-stepper .is-active .customer-pro-request-stepper__marker {
    color: #fff;
    background: #171717;
    border-color: #171717;
    transform: translateY(-1px);
  }

  .customer-pro-request-stepper .is-completed .customer-pro-request-stepper__marker {
    color: #fff;
    background: #2d3035;
    border-color: #2d3035;
  }

  .customer-pro-request-stepper .is-active strong {
    color: #171717;
  }

  .customer-pro-request-stepper .is-completed strong {
    color: #30343b;
  }

  .customer-pro-request-stepper__segment {
    background: #e2e5e9;
    border-radius: 999px;
    min-width: 20px;
    height: 2px;
    position: relative;
    overflow: hidden;
  }

  .customer-pro-request-stepper__segment-fill, .customer-pro-request-stepper__segment-shimmer {
    border-radius: inherit;
    position: absolute;
    inset: 0;
  }

  .customer-pro-request-stepper__segment-fill {
    transform-origin: 0;
    background: linear-gradient(90deg, #343840, #171717);
  }

  .customer-pro-request-stepper__segment-shimmer {
    filter: blur(1px);
    mix-blend-mode: screen;
    background: linear-gradient(90deg, #ed001f00, #ed001f52, #ffffffb8, #ed001f00);
    width: 54%;
  }

  .customer-pro-upload-row {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
  }

  .customer-pro-upload-row button {
    color: #30343b;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
  }

  .customer-pro-upload-row button svg {
    stroke-width: 2px;
    flex: none;
    width: 17px;
    height: 17px;
  }

  .customer-pro-upload-note {
    color: #69707d;
    margin-top: -6px;
    font-size: 12px;
  }

  .customer-request-contact-panel, .customer-request-review {
    gap: 14px;
    display: grid;
  }

  .customer-request-readonly-list, .customer-request-review-section {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
    display: grid;
    overflow: hidden;
  }

  .customer-request-readonly-row {
    border-top: 1px solid #eef0f3;
    grid-template-columns: minmax(110px, .35fr) minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    padding: 12px 14px;
    display: grid;
  }

  .customer-request-readonly-row:first-child {
    border-top: 0;
  }

  .customer-request-readonly-row span {
    color: #69707d;
    font-size: 12px;
    font-weight: 650;
  }

  .customer-request-readonly-row strong {
    color: #171717;
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
  }

  .customer-request-readonly-row--multiline {
    grid-template-columns: 1fr;
    gap: 6px;
  }

  .customer-request-review-grid {
    gap: 12px;
    display: grid;
  }

  .customer-request-review-section {
    align-content: start;
  }

  .customer-request-review-section h3 {
    color: #171717;
    border-bottom: 1px solid #eef0f3;
    padding: 12px 14px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.25;
  }

  .customer-request-review-chips {
    flex-wrap: wrap;
    gap: 7px;
    padding: 12px 14px;
    display: flex;
  }

  .customer-request-review-chips span {
    color: #30343b;
    background: #f7f8fa;
    border: 1px solid #dfe3e8;
    border-radius: 999px;
    padding: 6px 9px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
  }

  .customer-request-review-files {
    display: grid;
  }

  .customer-request-review-files > span {
    border-top: 1px solid #eef0f3;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    display: grid;
  }

  .customer-request-review-files > span:first-child {
    border-top: 0;
  }

  .customer-request-review-files b {
    color: #171717;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-size: 13px;
    font-weight: 750;
    overflow: hidden;
  }

  .customer-request-review-files small, .customer-request-review-empty {
    color: #69707d;
    font-size: 12px;
  }

  .customer-request-review-empty {
    padding: 12px 14px;
  }

  .customer-pro-form-actions {
    grid-template-columns: 1fr 1.4fr;
    justify-content: end;
    gap: 10px;
    margin-top: 8px;
    display: grid;
  }

  .customer-pro-form-actions .is-secondary {
    color: #30343b;
    background: #f1f2f4;
    border: 0;
    border-radius: 7px;
    min-height: 38px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-data-row button, .customer-pro-doc-row button {
    padding: 0 11px;
  }

  .customer-pro-submit {
    width: 100%;
    min-width: 0;
  }

  .customer-pro-submit[aria-disabled="true"], .customer-pro-submit:disabled, .customer-mobile-submit[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: .45;
  }

  .customer-pro-side-panel {
    gap: 10px;
    display: grid;
  }

  .customer-pro-advice-panel, .customer-pro-priority-panel, .customer-pro-security-panel, .customer-pro-support-panel {
    align-content: start;
  }

  .customer-pro-request-advice {
    align-content: start;
    gap: 12px;
    display: grid;
  }

  .customer-pro-request-advice h2 {
    color: #171717;
    font-size: 16px;
    line-height: 1.25;
  }

  .customer-pro-request-advice-item {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 30px minmax(0, 1fr);
    gap: 9px;
    padding-top: 12px;
    display: grid;
  }

  .customer-pro-request-advice-item svg {
    color: #2e6b4e;
  }

  .customer-pro-request-advice-item h3 {
    color: #171717;
    font-size: 13px;
    line-height: 1.25;
  }

  .customer-pro-request-advice-item p {
    color: #69707d;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-request-advice > button {
    color: #171717;
    background: none;
    border: 0;
    width: fit-content;
    padding: 6px 0 0;
    font-size: 13px;
    font-weight: 750;
  }

  .customer-pro-order-detail-head {
    gap: 15px;
    padding-bottom: 4px;
    display: grid;
  }

  .customer-pro-order-detail-head h1 {
    color: #171717;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    font-size: 24px;
    font-weight: 800;
    line-height: 1.2;
    display: flex;
  }

  .customer-pro-order-detail-head strong {
    color: #171717;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 750;
    display: block;
  }

  .customer-pro-order-detail-head p {
    color: #69707d;
    margin-top: 3px;
    font-size: 13px;
  }

  .customer-pro-order-detail-head nav {
    border-bottom: 1px solid #e1e4e8;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    display: grid;
    position: relative;
  }

  .customer-pro-order-tab-track:after {
    content: "";
    width: 25%;
    height: 2px;
    transform: translateX(calc(var(--customer-order-tab-index, 0) * 100%));
    background: #ed001f;
    border-radius: 999px;
    transition: transform .22s cubic-bezier(.22, 1, .36, 1);
    position: absolute;
    bottom: -1px;
    left: 0;
  }

  .customer-pro-order-detail-head nav button {
    color: #59606b;
    cursor: pointer;
    background: none;
    border: 0;
    min-height: 38px;
    font-size: 13px;
    font-weight: 750;
    position: relative;
  }

  .customer-pro-order-detail-head nav button.is-active {
    color: #171717;
  }

  .customer-pro-order-detail-head nav button.is-active:after {
    content: none;
  }

  .customer-pro-order-detail-main, .customer-pro-order-detail-aside {
    gap: 14px;
    display: grid;
  }

  .customer-pro-order-tab-panel {
    gap: 14px;
    animation: .23s cubic-bezier(.22, 1, .36, 1) both customerDesktopOrderTabEnter;
    display: grid;
  }

  .customer-pro-order-tab-panel[data-direction="backward"] {
    animation-name: customerDesktopOrderTabEnterBack;
  }

  .customer-pro-order-detail-aside {
    align-content: start;
  }

  .customer-pro-order-info-grid {
    border-top: 1px solid #e9ecef;
    gap: 0;
    display: grid;
  }

  .customer-pro-order-info-row {
    border-bottom: 1px solid #e9ecef;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 14px;
    padding: 12px 0;
    display: grid;
  }

  .customer-pro-order-info-row.is-compact {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 10px 0;
  }

  .customer-pro-order-info-row span {
    color: #69707d;
    font-size: 13px;
  }

  .customer-pro-order-info-row strong {
    color: #171717;
    font-size: 14px;
    font-weight: 750;
    line-height: 1.35;
  }

  .customer-pro-order-summary-card {
    padding-bottom: 12px;
  }

  .customer-pro-order-summary {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
    display: grid;
  }

  .customer-pro-order-summary > div {
    background: #fafbfc;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    gap: 6px;
    min-width: 0;
    padding: 10px;
    display: grid;
  }

  .customer-pro-order-summary span {
    color: #69707d;
    font-size: 12px;
    font-weight: 650;
  }

  .customer-pro-order-summary strong {
    color: #171717;
    font-size: 14px;
    font-weight: 800;
  }

  .customer-pro-order-next-card {
    border-color: #d8dde4;
    gap: 8px;
    display: grid;
  }

  .customer-pro-order-next-card button {
    color: #fff;
    cursor: pointer;
    background: #171717;
    border: 0;
    border-radius: 7px;
    width: fit-content;
    min-height: 38px;
    padding: 0 13px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-order-timeline {
    gap: 10px;
    display: grid;
  }

  .customer-pro-order-timeline span {
    color: #59606b;
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    font-size: 13px;
    line-height: 1.35;
    display: grid;
  }

  .customer-pro-order-timeline b {
    color: #69707d;
    background: #f0f2f5;
    border-radius: 999px;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 11px;
    font-weight: 850;
    display: grid;
  }

  .customer-pro-order-timeline .is-current {
    color: #171717;
    font-weight: 750;
  }

  .customer-pro-order-timeline .is-current b {
    color: #fff;
    background: #171717;
  }

  .customer-pro-order-stage-list {
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
  }

  .customer-pro-order-stage-list li {
    color: #8a929e;
    grid-template-columns: 24px minmax(0, 1fr);
    gap: 9px;
    min-height: 32px;
    font-size: 13px;
    font-weight: 720;
    display: grid;
    position: relative;
  }

  .customer-pro-order-stage-list li:not(:last-child):before {
    content: "";
    background: #dfe3e8;
    border-radius: 999px;
    width: 2px;
    height: calc(100% - 11px);
    position: absolute;
    top: 21px;
    left: 11px;
  }

  .customer-pro-order-stage-list li.is-done:not(:last-child):before, .customer-pro-order-stage-list li.is-active:not(:last-child):before {
    background: #202124;
    animation: .64s cubic-bezier(.22, 1, .36, 1) both customerOrderLineCharge;
  }

  .customer-pro-order-stage-list li.is-active:not(:last-child):after {
    content: "";
    background: linear-gradient(#0000, #ed001f8c, #0000);
    border-radius: 999px;
    width: 4px;
    height: 21px;
    animation: .68s cubic-bezier(.22, 1, .36, 1) both customerOrderShimmer;
    position: absolute;
    top: 21px;
    left: 10px;
  }

  .customer-pro-order-stage-list span {
    z-index: 1;
    color: #69707d;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 999px;
    place-items: center;
    width: 24px;
    height: 24px;
    font-size: 11px;
    font-weight: 850;
    display: grid;
    position: relative;
  }

  .customer-pro-order-stage-list p {
    margin: 2px 0 0;
    line-height: 1.25;
  }

  .customer-pro-order-stage-list li.is-done, .customer-pro-order-stage-list li.is-active {
    color: #171717;
  }

  .customer-pro-order-stage-list li.is-done span {
    color: #fff;
    background: #202124;
    border-color: #202124;
    animation: .56s cubic-bezier(.22, 1, .36, 1) both customerOrderStepPop;
  }

  .customer-pro-order-stage-list li.is-active span {
    color: #202124;
    border-color: #202124;
    box-shadow: 0 0 0 4px #2021240f;
  }

  .customer-pro-order-stage-list li.is-active span i {
    background: #202124;
    border-radius: 999px;
    width: 8px;
    height: 8px;
    animation: .56s cubic-bezier(.22, 1, .36, 1) both customerOrderActiveDot;
  }

  .customer-pro-order-event-list {
    border-top: 1px solid #e9ecef;
    gap: 0;
    display: grid;
  }

  .customer-pro-order-event-list article {
    border-bottom: 1px solid #e9ecef;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 13px 0;
    display: grid;
  }

  .customer-pro-order-event-list article > span {
    background: #f1f2f4;
    border-radius: 999px;
    width: 28px;
    height: 28px;
    box-shadow: inset 0 0 0 7px #fff;
  }

  .customer-pro-order-event-list h3 {
    color: #171717;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.3;
  }

  .customer-pro-order-event-list p {
    color: #59606b;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.4;
  }

  .customer-pro-order-event-list small {
    color: #8a9099;
    margin-top: 5px;
    font-size: 12px;
    display: block;
  }

  .customer-pro-text-button {
    color: #171717;
    cursor: pointer;
    background: none;
    border: 0;
    width: fit-content;
    padding: 8px 0 0;
    font-size: 13px;
    font-weight: 750;
  }

  .customer-pro-order-next-card {
    background: #fff;
    border-color: #d8dde4;
    gap: 8px;
    display: grid;
  }

  .customer-pro-order-next-card > span {
    color: #69707d;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 800;
  }

  .customer-pro-order-next-card h2 {
    color: #171717;
    font-size: 18px;
    font-weight: 820;
    line-height: 1.22;
  }

  .customer-pro-order-side-card h2 {
    color: #171717;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
  }

  .customer-pro-order-next-card p {
    color: #59606b;
    max-width: 680px;
    font-size: 14px;
    line-height: 1.45;
  }

  .customer-pro-order-next-card button, .customer-pro-order-side-card > button:not(.customer-pro-text-button) {
    color: #fff;
    cursor: pointer;
    background: #171717;
    border: 0;
    border-radius: 7px;
    min-height: 38px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-order-side-card {
    gap: 10px;
    display: grid;
  }

  .customer-pro-order-side-card .is-secondary, .customer-pro-order-side-card > button.is-secondary {
    color: #30343b;
    background: #fff;
    border: 1px solid #d8dde4;
  }

  .customer-pro-contractor {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    display: grid;
  }

  .customer-pro-contractor > span {
    color: #8a5b00;
    background: #fff7e5;
    border-radius: 999px;
    place-items: center;
    width: 38px;
    height: 38px;
    font-weight: 900;
    display: grid;
  }

  .customer-pro-contractor strong {
    color: #171717;
    font-size: 14px;
    line-height: 1.25;
    display: block;
  }

  .customer-pro-contractor small {
    color: #267142;
    font-size: 12px;
    font-weight: 700;
  }

  .customer-pro-note-strip {
    color: #30343b;
    background: #f8f9fb;
    border-radius: 8px;
    gap: 8px;
    padding: 10px;
    font-size: 13px;
    line-height: 1.35;
    display: flex;
  }

  .customer-pro-side-panel button {
    width: 100%;
  }

  .customer-pro-priority-list, .customer-pro-process {
    gap: 8px;
    display: grid;
  }

  .customer-pro-priority-list span {
    color: #30343b;
    background: #f8f9fb;
    border-radius: 7px;
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-data-panel, .customer-pro-order-detail {
    gap: 0;
    display: grid;
  }

  .customer-pro-data-panel--embedded {
    background: none;
    border: 0;
    padding: 0;
  }

  .customer-pro-data-row, .customer-pro-doc-row {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 170px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 0;
    display: grid;
  }

  .customer-pro-data-row:first-child, .customer-pro-doc-row:first-child {
    border-top: 0;
  }

  .customer-pro-data-row span, .customer-pro-doc-row span {
    color: #69707d;
    font-size: 13px;
    display: block;
  }

  .customer-pro-doc-row span {
    margin-top: 2px;
  }

  .customer-pro-data-row strong, .customer-pro-doc-row strong {
    color: #171717;
    font-size: 14px;
    font-weight: 750;
  }

  .customer-pro-data-row--readonly {
    grid-template-columns: 170px minmax(0, 1fr);
  }

  .customer-pro-detail-section {
    border-bottom: 1px solid #e9ecef;
    gap: 0;
    margin-bottom: 12px;
    padding: 0 0 12px;
    display: grid;
  }

  .customer-pro-detail-section:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .customer-pro-doc-row {
    grid-template-columns: 28px minmax(0, 1fr) auto;
  }

  .customer-pro-offers {
    gap: 0;
    display: grid;
  }

  .customer-pro-offer-row {
    border-top: 1px solid #e9ecef;
    grid-template-columns: minmax(220px, 1fr) 110px 90px 110px 100px;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    display: grid;
  }

  .customer-pro-offer-row:first-child {
    border-top: 0;
  }

  .customer-pro-offer-row p {
    color: #8a5b00;
    align-items: center;
    gap: 4px;
    display: flex;
  }

  .customer-pro-offer-row strong {
    color: #171717;
    font-size: 15px;
    font-weight: 800;
  }

  .customer-pro-offer-row > span {
    color: #30343b;
    font-size: 13px;
  }

  .customer-pro-offer-row button {
    color: #fff;
    background: #171717;
    border: 0;
    border-radius: 7px;
    min-height: 36px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-insight-list {
    gap: 8px;
    display: grid;
  }

  .customer-pro-insight-list span {
    color: #30343b;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 7px;
    font-size: 13px;
    line-height: 1.35;
    display: grid;
  }

  .customer-pro-insight-list svg {
    color: #267142;
    margin-top: 1px;
  }

  .customer-pro-timeline {
    gap: 0;
    display: grid;
  }

  .customer-pro-timeline article {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 10px;
    padding: 10px 0;
    display: grid;
  }

  .customer-pro-timeline article:first-child {
    border-top: 0;
  }

  .customer-pro-timeline article > span {
    color: #69707d;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-timeline strong {
    color: #171717;
    font-size: 13px;
    line-height: 1.25;
  }

  .customer-pro-timeline p {
    color: #69707d;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-events-list {
    background: none;
    border: 0;
    gap: 0;
    width: min(720px, 100%);
    padding: 0;
    display: grid;
  }

  .customer-pro-events-list h2 {
    color: #171717;
    margin: 18px 0 8px;
    font-size: 15px;
    font-weight: 800;
  }

  .customer-pro-event-row {
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-top: 1px solid #e9ecef;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 10px 0;
    display: grid;
  }

  .customer-pro-event-row.is-unread {
    background: #fff7f7;
    border-top-color: #0000;
    border-radius: 10px;
    margin-inline: -10px;
    padding-inline: 10px;
  }

  .customer-pro-event-row.is-completed {
    cursor: default;
  }

  .customer-pro-event-row > span {
    color: #4f5662;
    background: #f2f3f5;
    border-radius: 8px;
    place-items: center;
    width: 32px;
    height: 32px;
    display: grid;
  }

  .customer-pro-event-row > span.is-warning {
    color: #8a5b00;
    background: #fff7e5;
  }

  .customer-pro-event-row > span.is-danger {
    color: #9f1d1d;
    background: #fff1f1;
  }

  .customer-pro-event-row > span.is-success {
    color: #267142;
    background: #edf8f0;
  }

  .customer-pro-event-row h3 {
    color: #171717;
    font-size: 14px;
    line-height: 1.25;
  }

  .customer-pro-event-row p {
    color: #69707d;
    margin-top: 3px;
    font-size: 12px;
  }

  .customer-pro-event-row time {
    color: #69707d;
    justify-self: end;
    font-size: 12px;
  }

  .customer-pro-event-row em {
    color: #16834a;
    white-space: nowrap;
    justify-self: end;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-style: normal;
    font-weight: 800;
    display: inline-flex;
  }

  .customer-pro-profile-panel, .customer-pro-help-panel {
    gap: 14px;
    display: grid;
  }

  .customer-pro-profile-summary {
    border-bottom: 1px solid #e9ecef;
    grid-template-columns: 52px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    display: grid;
  }

  .customer-pro-profile-summary > span {
    color: #fff;
    background: #171717;
    border-radius: 999px;
    place-items: center;
    width: 52px;
    height: 52px;
    font-size: 18px;
    font-weight: 800;
    display: grid;
  }

  .customer-pro-profile-summary h2, .customer-pro-help-lead h2 {
    color: #171717;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.25;
  }

  .customer-pro-profile-summary p, .customer-pro-help-lead p {
    color: #69707d;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-profile-summary button, .customer-pro-profile-tile button {
    color: #30343b;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 7px;
    min-height: 34px;
    font-size: 13px;
    font-weight: 700;
  }

  .customer-pro-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .customer-pro-profile-tile {
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #fbfbfc;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
    display: grid;
  }

  .customer-pro-profile-tile:hover {
    background: #fff;
  }

  .customer-pro-profile-tile svg {
    color: #30343b;
    background: #f1f2f4;
    border-radius: 8px;
    width: 32px;
    height: 32px;
    padding: 7px;
  }

  .customer-pro-profile-tile span {
    color: #69707d;
    font-size: 12px;
    display: block;
  }

  .customer-pro-profile-tile strong {
    color: #171717;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.3;
    display: block;
  }

  .customer-pro-profile-tile button {
    grid-column: 2;
    justify-self: start;
    min-height: 30px;
    padding: 0 9px;
  }

  .customer-pro-security-score {
    background: #edf8f0;
    border-radius: 8px;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    padding: 10px;
    display: grid;
  }

  .customer-pro-security-score svg {
    color: #267142;
  }

  .customer-pro-security-score strong {
    color: #171717;
    font-size: 14px;
  }

  .customer-pro-security-score span {
    color: #4f6657;
    grid-column: 2;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-help-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    display: grid;
  }

  .customer-pro-help-panel--faq {
    background: none;
    border: 0;
    gap: 14px;
    padding: 0;
    display: grid;
  }

  .customer-pro-help-search {
    color: #69707d;
    background: #fff;
    border: 1px solid #d8dde4;
    border-radius: 8px;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 12px;
    display: flex;
  }

  .customer-pro-help-search input {
    color: #171717;
    background: none;
    border: 0;
    outline: 0;
    width: 100%;
    min-width: 0;
    font-size: 14px;
  }

  .customer-pro-help-questions {
    background: #fff;
    border: 1px solid #e1e4e8;
    border-radius: 8px;
  }

  .customer-pro-help-questions h2 {
    color: #171717;
    padding: 14px 14px 8px;
    font-size: 15px;
    font-weight: 800;
  }

  .customer-pro-help-question {
    color: #30343b;
    text-align: left;
    cursor: pointer;
    background: none;
    border: 0;
    border-top: 1px solid #e9ecef;
    grid-template-columns: 22px minmax(0, 1fr) 18px;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 48px;
    padding: 0 14px;
    font-size: 14px;
    font-weight: 700;
    display: grid;
  }

  .customer-pro-help-question svg:last-child {
    transform: rotate(-90deg);
  }

  .customer-pro-support-card {
    align-content: start;
    gap: 9px;
    display: grid;
  }

  .customer-pro-support-card h2 {
    color: #171717;
    font-size: 15px;
    line-height: 1.25;
  }

  .customer-pro-support-card p {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .customer-pro-support-card button {
    color: #fff;
    background: #171717;
    border: 0;
    border-radius: 7px;
    min-height: 38px;
    font-size: 13px;
    font-weight: 800;
  }

  .customer-pro-help-topic {
    transition: background-color var(--customer-pro-motion-fast) var(--customer-pro-ease-state);
    background: #fbfbfc;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 9px;
    padding: 11px;
    display: grid;
  }

  .customer-pro-help-topic:hover {
    background: #fff;
  }

  .customer-pro-help-topic svg {
    color: #30343b;
  }

  .customer-pro-help-topic h3 {
    color: #171717;
    font-size: 14px;
    line-height: 1.25;
  }

  .customer-pro-help-topic p {
    color: #69707d;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.35;
  }

  .customer-pro-support-actions {
    gap: 8px;
    display: grid;
  }

  .customer-pro-process div {
    border-top: 1px solid #e9ecef;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: start;
    gap: 10px;
    padding: 10px 0;
    display: grid;
  }

  .customer-pro-process div:first-child {
    border-top: 0;
  }

  .customer-pro-process span {
    color: #fff;
    background: #171717;
    border-radius: 999px;
    place-items: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    font-weight: 800;
    display: grid;
  }

  .customer-pro-process p {
    color: #30343b;
    font-size: 14px;
    line-height: 1.35;
  }
}

@media (min-width: 860px) and (max-width: 1120px) {
  .customer-pro-desktop {
    grid-template-columns: 84px minmax(0, 1fr);
  }

  .customer-pro-sidebar {
    padding-inline: 10px;
  }

  .customer-pro-brand {
    justify-content: center;
    padding-inline: 0;
  }

  .customer-pro-brand strong, .customer-pro-nav a span, .customer-pro-sidebar-note {
    display: none;
  }

  .customer-pro-nav a {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 0;
  }

  .customer-pro-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .customer-pro-context {
    position: static;
  }

  .customer-pro-order-table, .customer-pro-offers {
    overflow-x: auto;
  }

  .customer-pro-order-head, .customer-pro-order-row {
    min-width: 980px;
  }

  .customer-pro-offer-row {
    min-width: 760px;
  }
}

.customer-request-estimate-upload {
  background: #fbfcfe;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.customer-request-estimate-upload div {
  gap: 5px;
  display: grid;
}

.customer-request-estimate-upload strong {
  color: #20242c;
  font-size: 16px;
  font-weight: 900;
}

.customer-request-estimate-upload span {
  color: #667085;
  max-width: 640px;
  font-size: 14px;
  line-height: 1.38;
}

.customer-request-estimate-upload button {
  color: #20242c;
  cursor: pointer;
  min-height: 48px;
  font: inherit;
  background: #fff;
  border: 1px solid #d5dce6;
  border-radius: 14px;
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-weight: 850;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.customer-request-estimate-upload button:hover {
  border-color: #c6ceda;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f172a12;
}

.customer-request-estimate-upload button:disabled {
  cursor: default;
  opacity: .6;
  box-shadow: none;
  transform: none;
}

@media (max-width: 720px) {
  .customer-request-estimate-upload {
    gap: 12px;
    padding: 14px;
    display: grid;
  }

  .customer-request-estimate-upload button {
    width: 100%;
  }
}

/* [project]/src/features/admin/admin.css [app-client] (css) */
.admin-cabinet {
  color: #1d1f23;
  background: #f3f4f6;
  min-height: 100vh;
}

.admin-desktop {
  grid-template-columns: 204px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.admin-sidebar {
  background: #fff;
  border-right: 1px solid #dfe3ea;
  flex-direction: column;
  height: 100vh;
  padding: 22px 12px 18px;
  display: flex;
  position: sticky;
  top: 0;
}

.admin-brand, .admin-sidebar-nav a, .admin-profile-menu a {
  color: inherit;
  text-decoration: none;
}

.admin-brand {
  text-transform: uppercase;
  align-items: center;
  gap: 12px;
  padding: 0 10px 28px;
  font-size: 14px;
  font-weight: 800;
  display: flex;
}

.admin-brand span {
  background: #ef1735;
  width: 28px;
  height: 28px;
}

.admin-sidebar-nav {
  gap: 4px;
  display: grid;
}

.admin-sidebar-nav a {
  color: #606977;
  border-radius: 8px;
  grid-template-columns: 24px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 600;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  position: relative;
}

.admin-sidebar-nav a:before {
  content: "";
  opacity: 0;
  background: #ef1735;
  border-radius: 999px;
  width: 3px;
  height: 24px;
  transition: opacity .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  left: 0;
  transform: scaleY(.65);
}

.admin-sidebar-nav a.is-active {
  color: #181a1f;
  background: #f3f4f7;
}

.admin-sidebar-nav a.is-active:before {
  opacity: 1;
  transform: scaleY(1);
}

.admin-sidebar-nav i {
  color: #fff;
  text-align: center;
  background: #111214;
  border-radius: 999px;
  min-width: 22px;
  font-size: 12px;
  font-style: normal;
  line-height: 22px;
}

.admin-sidebar-help {
  color: #606977;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  gap: 10px;
  margin-top: auto;
  padding: 14px;
  font-size: 13px;
  line-height: 1.35;
  display: grid;
}

.admin-sidebar-help strong {
  color: #1d1f23;
  font-size: 15px;
}

.admin-sidebar-help button, .admin-primary-button {
  color: #fff;
  cursor: pointer;
  min-height: 40px;
  font: inherit;
  background: #17181b;
  border: 0;
  border-radius: 8px;
  padding: 0 16px;
  font-weight: 750;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
}

.admin-sidebar-help button {
  color: #1d1f23;
  background: #f3f4f7;
}

.admin-primary-button:active, .admin-sidebar-help button:active {
  transform: scale(.985);
}

.admin-primary-button:disabled, .admin-sidebar-help button:disabled {
  color: #8b93a1;
  cursor: not-allowed;
  background: #e5e8ee;
  transform: none;
}

.admin-primary-button.is-loading {
  color: #697386;
  background: #d9dee7;
}

.admin-workspace {
  min-width: 0;
}

.admin-settings-load-error {
  color: #8f1d14;
  background: #fff5f4;
  border: 1px solid #f5b7b1;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 20px 28px 0;
  padding: 16px 18px;
  display: flex;
}

.admin-settings-load-error div {
  min-width: 0;
}

.admin-settings-load-error strong, .admin-settings-load-error p {
  margin: 0;
  display: block;
}

.admin-settings-load-error p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4;
}

.admin-settings-load-error button {
  color: #fff;
  cursor: pointer;
  background: #111214;
  border: 0;
  border-radius: 6px;
  flex: none;
  min-height: 40px;
  padding: 0 16px;
  font-weight: 750;
}

.admin-settings-load-error--mobile {
  margin: 14px 16px 0;
}

@media (max-width: 640px) {
  .admin-settings-load-error {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .admin-settings-load-error button {
    width: 100%;
  }
}

.admin-topbar {
  z-index: 20;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #ffffffdb;
  border-bottom: 1px solid #dfe3ea;
  justify-content: flex-end;
  align-items: center;
  gap: 14px;
  min-height: 56px;
  padding: 0 22px;
  display: flex;
  position: sticky;
  top: 0;
}

.admin-topbar-actions {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.admin-location-button, .admin-icon-button, .admin-profile-button {
  color: #1d1f23;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #d4dae3;
  border-radius: 10px;
  font-weight: 650;
}

.admin-location-button, .admin-profile-button {
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  display: flex;
}

.admin-location-button {
  max-width: 260px;
}

.admin-location-button span, .admin-profile-button strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.admin-icon-button {
  flex: none;
  width: 36px;
  position: relative;
}

.admin-icon-button i {
  color: #fff;
  background: #e0001b;
  border: 2px solid #fff;
  border-radius: 999px;
  place-items: center;
  min-width: 17px;
  height: 17px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
  position: absolute;
  top: -6px;
  right: -6px;
}

.admin-profile-button > span, .admin-profile-menu div > span, .admin-profile-card > span {
  color: #fff;
  background: #17181b;
  border-radius: 999px;
  flex: none;
  place-items: center;
  font-weight: 800;
  display: grid;
}

.admin-profile-button > span {
  width: 26px;
  height: 26px;
}

.admin-profile-button small {
  color: #687281;
  font-size: 12px;
  font-weight: 650;
}

.admin-profile-menu-wrap, .admin-notification-wrap {
  position: relative;
}

.admin-profile-menu, .admin-notification-menu {
  z-index: 50;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  width: 320px;
  padding: 14px;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  box-shadow: 0 24px 70px #0f172a24;
}

.admin-notification-menu {
  gap: 8px;
  width: 360px;
  display: grid;
}

.admin-notification-menu__head {
  border-bottom: 1px solid #e6e9ef;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 10px;
  display: flex;
}

.admin-notification-menu__head strong {
  color: #1d1f23;
  font-size: 15px;
}

.admin-notification-menu__head span, .admin-notification-menu p {
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.admin-notification-menu__error {
  gap: 10px;
  padding: 10px;
  display: grid;
}

.admin-notification-menu__error p {
  color: #b4232d;
  margin: 0;
}

.admin-notification-menu__error button {
  color: #fff;
  min-height: 38px;
  font: inherit;
  background: #202124;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-weight: 800;
  display: inline-flex;
}

.admin-notification-menu a {
  color: inherit;
  border-radius: 9px;
  gap: 3px;
  padding: 9px 10px;
  text-decoration: none;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.admin-notification-menu a:hover {
  background: #f5f7fa;
}

.admin-notification-menu a span {
  color: #c81e2c;
  font-size: 12px;
  font-weight: 850;
}

.admin-notification-menu a strong {
  color: #1d1f23;
  font-size: 14px;
  font-weight: 850;
}

.admin-notification-menu a small {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
}

.admin-profile-menu div {
  border-bottom: 1px solid #e6e9ef;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.admin-profile-menu div > span {
  width: 42px;
  height: 42px;
}

.admin-profile-menu p {
  margin: 0;
}

.admin-profile-menu small {
  color: #687281;
  text-overflow: ellipsis;
  margin-top: 3px;
  display: block;
  overflow: hidden;
}

.admin-profile-menu a, .admin-profile-menu button {
  color: #1d1f23;
  cursor: pointer;
  width: 100%;
  min-height: 46px;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-bottom: 1px solid #edf0f4;
  align-items: center;
  gap: 10px;
  font-weight: 750;
  display: flex;
}

.admin-profile-menu button {
  border-bottom: 0;
}

.admin-actions-test-page .admin-page {
  max-width: 1480px;
  margin: 0 auto;
}

.admin-actions-test-sections {
  gap: 20px;
  display: grid;
}

.admin-task-layout {
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 20px;
  display: grid;
}

.admin-main-panel, .admin-context-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
}

.admin-main-panel {
  min-width: 0;
}

.admin-load-error {
  color: #15171a;
  background: #fff;
  border: 1px solid #e0e4eb;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 24px;
  display: grid;
}

.admin-load-error > svg {
  color: #d4112b;
}

.admin-load-error h1, .admin-load-error p {
  margin: 0;
}

.admin-load-error h1 {
  font-size: 20px;
  line-height: 1.2;
}

.admin-load-error p {
  color: #687281;
  margin-top: 6px;
  line-height: 1.45;
}

.admin-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 46px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 800;
  transition: transform .16s, background-color .16s;
}

.admin-load-error button:hover {
  background: #2a2d32;
}

.admin-load-error button:active {
  transform: scale(.98);
}

.admin-task-header {
  border-bottom: 1px solid #e5e8ee;
  padding: 20px 20px 18px;
}

.admin-task-header p {
  color: #687281;
  letter-spacing: .04em;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 850;
}

.admin-task-header h1 {
  color: #15171a;
  margin: 0;
  font-size: 28px;
  line-height: 1.1;
}

.admin-task-header span {
  color: #687281;
  margin-top: 6px;
  font-size: 14px;
  display: block;
}

.admin-task-header__count-skeleton {
  background: #e8ecf2;
  border-radius: 999px;
  width: 132px;
  height: 16px;
  display: block;
  position: relative;
  overflow: hidden;
}

.admin-task-header__count-skeleton:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffbd, #0000);
  animation: 1.2s ease-in-out infinite admin-task-count-skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

@keyframes admin-task-count-skeleton-shimmer {
  100% {
    transform: translateX(100%);
  }
}

.admin-task-header-tabs {
  gap: 8px;
  margin-top: 14px;
  display: inline-flex;
}

.admin-task-header-tabs button {
  color: #596273;
  cursor: pointer;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1);
}

.admin-task-header-tabs button.is-active {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
}

.admin-task-list {
  gap: 12px;
  display: grid;
}

.admin-task-card:hover {
  border-color: #cfd7e4;
  transform: translateY(-1px);
  box-shadow: 0 18px 44px #141d2d14;
}

.admin-task-card.is-due-soon {
  background: #fffaf0;
}

.admin-task-card.is-overdue {
  background: #fff5f5;
}

.admin-task-card__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.admin-task-card__title-row {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.admin-task-card__title-row > div {
  min-width: 0;
}

.admin-task-icon {
  color: #596273;
  background: #f2f4f7;
  border-radius: 10px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.admin-task-card__eyebrow {
  color: #687281;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.admin-task-card h2 {
  color: #1d1f23;
  margin: 0;
  font-size: 19px;
  line-height: 1.18;
  display: block;
}

.admin-task-card__top p, .admin-task-card__description p {
  color: #596273;
  text-overflow: ellipsis;
  margin: 5px 0 0;
  display: block;
  overflow: hidden;
}

.admin-task-card__status {
  color: #596273;
  background: #f1f3f6;
  border-radius: 999px;
  flex: none;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
}

.admin-task-card__description {
  border-left: 3px solid #e5e8ee;
  padding-left: 12px;
}

.admin-task-card__message-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.admin-task-card__details {
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr) minmax(0, 1.4fr);
  gap: 8px;
  display: grid;
}

.admin-task-card__subject {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.admin-task-card__subject > strong, .admin-task-card__subject-head strong {
  color: #202329;
  font-size: 14px;
}

.admin-task-card__subject-head button {
  color: #202329;
  cursor: pointer;
  min-height: 32px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
}

.admin-task-card__subject-head button:hover {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
  transform: translateY(-1px);
}

.admin-task-card__attachments {
  background: #f8fafc;
  border: 1px solid #e8ecf3;
  border-radius: 12px;
  gap: 9px;
  padding: 12px;
  display: grid;
}

.admin-task-card__attachments > strong {
  color: #202329;
  font-size: 14px;
}

.admin-task-card__attachments span {
  color: #4e5968;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
}

.admin-task-card__request-details {
  border-top: 1px solid #dfe4eb;
  width: 100%;
  margin-top: 10px;
  padding-top: 12px;
  gap: 8px !important;
  display: grid !important;
}

.admin-task-card__request-details > strong {
  color: #202329;
  font-size: 15px;
}

.admin-task-card__request-details > p, .admin-task-card__request-details > small, .admin-task-card__request-loading, .admin-task-card__request-error {
  color: #657080;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.admin-task-card__request-error {
  color: #d51a30;
}

.admin-task-card__subject > div:not(.admin-task-card__subject-head), .admin-task-card__meta {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.admin-task-card__details div, .admin-task-card__message-details div, .admin-task-card__meta div, .admin-dialog-summary div {
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 9px;
  gap: 3px;
  padding: 10px 11px;
  display: grid;
}

.admin-task-card__details span, .admin-task-card__message-details span, .admin-task-card__meta span, .admin-dialog-summary span {
  color: #7a8493;
  font-size: 12px;
  font-weight: 750;
}

.admin-task-card__details strong, .admin-task-card__message-details strong, .admin-task-card__meta strong, .admin-dialog-summary strong {
  color: #202329;
  text-overflow: ellipsis;
  font-size: 14px;
  overflow: hidden;
}

.admin-task-card.is-overdue .admin-task-card__meta strong {
  color: #c81e2c;
}

.admin-task-card__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.admin-task-card__actions button {
  color: #262a31;
  min-height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  font-size: 14px;
  font-weight: 750;
  display: flex;
}

.admin-task-card__actions button:disabled {
  color: #98a1af;
}

.admin-task-card__actions small {
  color: #7a8493;
  font-weight: 700;
}

.admin-task-card__footer {
  justify-content: flex-end;
  display: flex;
}

.admin-desktop {
  grid-template-columns: 188px minmax(0, 1fr);
}

.admin-sidebar {
  padding: 18px 10px 14px;
}

.admin-brand {
  gap: 10px;
  padding: 0 8px 22px;
  font-size: 13px;
}

.admin-brand span {
  width: 24px;
  height: 24px;
}

.admin-sidebar-nav a {
  border-radius: 7px;
  grid-template-columns: 21px 1fr auto;
  gap: 8px;
  min-height: 38px;
  padding: 0 9px;
  font-size: 14px;
  font-weight: 650;
}

.admin-sidebar-nav a:before {
  height: 20px;
}

.admin-sidebar-nav i {
  min-width: 20px;
  font-size: 11px;
  line-height: 20px;
}

.admin-sidebar-help {
  border-radius: 8px;
  gap: 8px;
  padding: 11px;
  font-size: 12px;
}

.admin-sidebar-help strong {
  font-size: 13px;
}

.admin-topbar {
  gap: 10px;
  min-height: 52px;
  padding: 0 18px;
}

.admin-location-wrap {
  position: relative;
}

.admin-location-button:disabled {
  cursor: default;
  opacity: .66;
}

.admin-location-menu {
  z-index: 30;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  gap: 10px;
  width: 360px;
  padding: 12px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  box-shadow: 0 16px 44px #11182724;
}

.admin-location-menu label {
  gap: 6px;
  display: grid;
}

.admin-location-menu label span {
  color: #5f6876;
  font-size: 12px;
  font-weight: 800;
}

.admin-location-menu input {
  color: #17181b;
  min-height: 40px;
  font: inherit;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  outline: 0;
  padding: 0 11px;
}

.admin-location-menu input:focus {
  border-color: #17181b;
}

.admin-location-menu__detect {
  color: #30343b;
  cursor: pointer;
  width: fit-content;
  min-height: 30px;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.admin-location-menu__detect svg {
  color: #ef1735;
}

.admin-location-menu__detect:disabled {
  cursor: default;
  opacity: .55;
}

.admin-location-menu p {
  color: #69707d;
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
}

.admin-location-menu__suggestions {
  gap: 6px;
  display: grid;
}

.admin-location-menu__suggestions button {
  color: #202329;
  text-align: left;
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  gap: 3px;
  padding: 9px 10px;
  display: grid;
}

.admin-location-menu__suggestions button:not(:disabled):hover {
  background: #f4f6f8;
  border-color: #d8dde5;
}

.admin-location-menu__suggestions button:disabled {
  opacity: .55;
}

.admin-location-menu__suggestions strong {
  font-size: 13px;
}

.admin-location-menu__suggestions span {
  color: #69707d;
  font-size: 12px;
  line-height: 1.25;
}

.admin-location-menu__loading {
  gap: 6px;
  display: grid;
}

.admin-location-menu__loading span {
  background: linear-gradient(90deg, #eef1f5 0%, #f8f9fb 45%, #eef1f5 100%) 0 0 / 180% 100%;
  border-radius: 8px;
  height: 34px;
  animation: 1.15s ease-in-out infinite customerOffersInlineSkeleton;
}

.admin-page {
  padding: 18px 20px 32px;
}

.admin-task-layout {
  gap: 16px;
}

.admin-task-header {
  padding: 16px 18px 14px;
}

.admin-task-header h1 {
  font-size: 23px;
  line-height: 1.16;
}

.admin-task-header span {
  font-size: 13px;
}

.admin-task-card {
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  gap: 12px;
  padding: 14px;
}

.admin-task-card:last-child {
  border-bottom: 1px solid #edf0f4;
}

.admin-task-icon {
  width: 38px;
  height: 38px;
}

.admin-task-card h2 {
  font-size: 17px;
  line-height: 1.22;
}

.admin-task-card__details, .admin-task-card__message-details, .admin-task-card__meta, .admin-task-card__subject > div:not(.admin-task-card__subject-head) {
  gap: 10px;
}

.admin-task-card__subject {
  gap: 10px;
  padding: 12px 13px;
}

.admin-task-card__details div, .admin-task-card__message-details div, .admin-task-card__meta div, .admin-dialog-summary div {
  gap: 5px;
  min-width: 0;
  padding: 10px 12px;
}

.admin-task-card__details span, .admin-task-card__message-details span, .admin-task-card__meta span, .admin-dialog-summary span {
  font-size: 11px;
  line-height: 1.2;
}

.admin-task-card__details strong, .admin-task-card__message-details strong, .admin-task-card__meta strong, .admin-dialog-summary strong {
  line-height: 1.25;
}

.admin-context-panel {
  gap: 12px;
  padding: 22px;
  display: grid;
}

.admin-context-panel h2 {
  margin: 0;
  font-size: 22px;
}

.admin-context-panel p {
  color: #596273;
  margin: 0;
  line-height: 1.45;
}

.admin-context-panel div {
  color: #687281;
  border-top: 1px solid #edf0f4;
  justify-content: space-between;
  padding-top: 12px;
  display: flex;
}

.admin-context-panel strong {
  color: #1d1f23;
}

.admin-empty-state {
  color: #687281;
  background: #fafbfc;
  border: 1px dashed #cfd6e1;
  border-radius: 12px;
  justify-items: start;
  gap: 10px;
  margin: 24px;
  padding: 28px;
  display: grid;
}

.admin-empty-state strong {
  color: #1d1f23;
  font-size: 20px;
}

.admin-profile-card {
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  align-items: center;
  gap: 18px;
  margin: 24px;
  padding: 22px;
  display: flex;
}

.admin-profile-card > span {
  width: 72px;
  height: 72px;
  font-size: 28px;
}

.admin-profile-card strong {
  font-size: 24px;
}

.admin-profile-card p {
  color: #596273;
  margin: 6px 0;
}

.admin-profile-card small {
  color: #687281;
  font-weight: 700;
}

.admin-modal-backdrop {
  z-index: 1000;
  overscroll-behavior: contain;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #11141973;
  place-items: center;
  height: 100dvh;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.admin-complete-modal {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #e4e8ef;
  border-radius: 16px;
  width: min(560px, 100%);
  max-height: calc(100dvh - 36px);
  position: relative;
  overflow-y: auto;
  box-shadow: 0 30px 90px #0f172a3d;
}

.admin-prepared-order-modal {
  width: min(1120px, 100vw - 32px);
  padding: 34px;
}

.admin-prepared-order-modal .customer-pro-form {
  padding: 0;
}

.admin-prepared-order-modal__head {
  gap: 8px;
  margin-right: 54px;
  padding-bottom: 18px;
  display: grid;
}

.admin-prepared-order-modal__head p {
  color: #8a93a3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.admin-prepared-order-modal__head h2 {
  color: #20242c;
  margin: 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.04;
}

.admin-prepared-order-modal__head span {
  color: #667085;
  font-size: 16px;
  line-height: 1.45;
}

.admin-modal-close {
  color: #596273;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 10px;
  width: 42px;
  height: 42px;
  font-size: 30px;
  line-height: 1;
  position: absolute;
  top: 18px;
  right: 18px;
}

.admin-complete-modal form, .admin-dialog-content {
  gap: 16px;
  padding: 34px;
  display: grid;
}

.admin-dialog-content > p {
  color: #687281;
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 850;
}

.admin-dialog-content h2 {
  margin: 0;
  padding-right: 54px;
  font-size: 28px;
  line-height: 1.15;
}

.admin-dialog-content > span {
  color: #596273;
}

.admin-dialog-summary {
  grid-template-columns: 1fr;
  gap: 8px;
  display: grid;
}

.admin-dialog-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.admin-secondary-button {
  color: #1d1f23;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #f3f4f7;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-weight: 800;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-secondary-button:hover:not(:disabled) {
  background: #fff;
  border-color: #c8d0dc;
  transform: translateY(-1px);
}

.admin-secondary-button:disabled {
  color: #8b93a1;
  cursor: not-allowed;
  transform: none;
}

.admin-danger-button {
  color: #b91c1c;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #fff7f7;
  border: 1px solid #fecaca;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-weight: 850;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-danger-button:hover:not(:disabled) {
  background: #fff;
  border-color: #fca5a5;
  transform: translateY(-1px);
}

.admin-complete-modal p {
  color: #687281;
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 850;
}

.admin-complete-modal h2 {
  margin: 0;
  padding-right: 54px;
  font-size: 28px;
  line-height: 1.15;
}

.admin-complete-modal > form > span {
  color: #596273;
}

.admin-complete-modal label {
  color: #3b424d;
  gap: 8px;
  font-weight: 750;
  display: grid;
}

.admin-complete-modal textarea {
  resize: vertical;
  min-height: 136px;
  font: inherit;
  border: 1px solid #cfd6e1;
  border-radius: 10px;
  outline: 0;
  padding: 13px 14px;
}

.admin-complete-modal input, .admin-complete-modal select {
  color: #202329;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #cfd6e1;
  border-radius: 10px;
  outline: 0;
  padding: 0 13px;
}

.admin-complete-modal input:focus, .admin-complete-modal select:focus, .admin-complete-modal textarea:focus {
  border-color: #17181b;
}

.admin-passport-backdrop, .admin-passport-image-backdrop {
  min-width: 100vw;
  min-height: 100vh;
  position: fixed;
  inset: 0;
}

.admin-passport-modal {
  width: min(980px, 100%);
}

.admin-passport-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.admin-passport-value {
  background: #f8fafc;
  border: 1px solid #e2e7ef;
  border-radius: 12px;
  align-content: start;
  gap: 6px;
  min-height: 84px;
  padding: 14px;
  display: grid;
}

.admin-passport-value.is-wide {
  grid-column: 1 / -1;
}

.admin-passport-value span {
  color: #6c7584;
  font-size: 13px;
  font-weight: 800;
}

.admin-passport-value strong {
  color: #202329;
  word-break: break-word;
  font-size: 15px;
  line-height: 1.35;
}

.admin-passport-files {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.admin-passport-file {
  color: #202329;
  cursor: pointer;
  background: #f2f4f8;
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  min-height: 210px;
  padding: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.admin-passport-file img {
  object-fit: cover;
  width: 100%;
  height: 210px;
}

.admin-passport-file span {
  color: #202329;
  background: #ffffffeb;
  border-radius: 999px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 850;
  position: absolute;
  bottom: 12px;
  left: 12px;
  box-shadow: 0 8px 22px #0f172a29;
}

.admin-passport-file.is-empty {
  text-align: center;
  cursor: default;
  border-style: dashed;
  align-content: center;
  place-items: center;
  gap: 8px;
  padding: 18px;
}

.admin-passport-file.is-empty strong {
  font-size: 16px;
}

.admin-passport-file.is-empty span {
  color: #758092;
  box-shadow: none;
  background: none;
  padding: 0;
  position: static;
}

.admin-passport-image-viewer {
  background: #111418;
  border-radius: 18px;
  place-items: center;
  width: min(1120px, 100vw - 36px);
  height: calc(100vh - 36px);
  min-height: 420px;
  padding: 58px 18px 18px;
  display: grid;
  position: relative;
  box-shadow: 0 30px 110px #00000059;
}

.admin-passport-image-viewer img {
  object-fit: contain;
  border-radius: 10px;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: calc(100vh - 116px);
}

.admin-passport-image-viewer .admin-modal-close {
  color: #fff;
  background: #ffffff1f;
}

.admin-passport-skeleton {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.admin-passport-skeleton span {
  background: linear-gradient(90deg, #f1f3f6 0%, #e6ebf2 48%, #f1f3f6 100%) 0 0 / 220% 100%;
  border-radius: 12px;
  min-height: 84px;
  animation: 1.15s ease-in-out infinite admin-skeleton;
}

@media (max-width: 760px) {
  .admin-passport-grid, .admin-passport-files, .admin-passport-skeleton {
    grid-template-columns: 1fr;
  }

  .admin-passport-file, .admin-passport-file img {
    height: 240px;
    min-height: 240px;
  }
}

.admin-measurement-summary {
  grid-template-columns: 1.2fr 1fr;
  gap: 8px;
  display: grid;
}

.admin-measurement-summary > div {
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  gap: 4px;
  min-width: 0;
  padding: 10px 11px;
  display: grid;
}

.admin-measurement-summary span {
  color: #7a8493;
  font-size: 12px;
  font-weight: 750;
}

.admin-measurement-summary strong {
  color: #202329;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  line-height: 1.3;
}

.admin-measurement-result {
  background: #fafbfc;
  border: 1px solid #e3e7ee;
  border-radius: 12px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.admin-measurement-result > div {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.admin-measurement-result span {
  color: #687281;
  font-size: 12px;
  font-weight: 850;
}

.admin-measurement-result p {
  color: #252932;
  text-transform: none;
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.38;
}

.admin-measurement-result__chips, .admin-measurement-result__attachments, .admin-measurement-result__files {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.admin-measurement-result__chips b {
  color: #252932;
  background: #eef1f5;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 850;
}

.admin-financial-breakdown {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.admin-financial-breakdown > div {
  background: #fff;
  border: 1px solid #e1e6ed;
  border-radius: 10px;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}

.admin-financial-breakdown span {
  color: #687281;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.3;
}

.admin-financial-breakdown strong {
  color: #202329;
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.25;
}

.admin-publish-measured-order-modal {
  width: min(920px, 100%);
}

@media (max-width: 900px) {
  .admin-financial-breakdown {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .admin-financial-breakdown {
    grid-template-columns: 1fr;
  }
}

.admin-measurement-result__file {
  color: #252932;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.admin-measurement-result__file span {
  min-width: 0;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.admin-measurement-result__file.is-empty {
  color: #8b93a1;
}

.admin-measurement-media-editor {
  gap: 12px;
  display: grid;
}

.admin-measurement-media-editor__head {
  gap: 4px;
  display: grid;
}

.admin-measurement-media-editor__head span {
  color: #252932;
  font-size: 14px;
  font-weight: 900;
}

.admin-measurement-media-editor__head p {
  color: #687281;
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.admin-measurement-media-section {
  background: #fff;
  border: 1px solid #e3e7ee;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.admin-measurement-media-section__head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.admin-measurement-media-section__head strong {
  color: #252932;
  font-size: 15px;
  font-weight: 900;
}

.admin-measurement-media-upload {
  color: #252932;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dce2eb;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 850;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
  position: relative;
}

.admin-measurement-media-upload:hover {
  background: #f8fafc;
  border-color: #c9d1dd;
  transform: translateY(-1px);
}

.admin-measurement-media-upload input {
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  position: absolute;
  inset: 0;
}

.admin-measurement-media-grid {
  grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
  gap: 10px;
  display: grid;
}

.admin-measurement-media-empty {
  color: #7a8493;
  background: #f8fafc;
  border: 1px dashed #dce2eb;
  border-radius: 10px;
  margin: 0;
  padding: 14px;
  font-size: 13px;
  font-weight: 750;
}

.admin-measurement-media-card {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 12px;
  min-width: 0;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 28px #0f172a0a;
}

.admin-measurement-media-card__preview {
  aspect-ratio: 4 / 3;
  color: #687281;
  cursor: zoom-in;
  background: #eef1f5;
  border: 0;
  place-items: center;
  width: 100%;
  padding: 0;
  display: grid;
  overflow: hidden;
}

.admin-measurement-media-card__preview img, .admin-measurement-media-card__preview video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.admin-measurement-media-card__preview.is-file {
  cursor: pointer;
  text-decoration: none;
}

.admin-measurement-media-card__preview.is-file.is-unavailable {
  cursor: default;
  text-align: center;
  gap: 8px;
  padding: 16px;
}

.admin-measurement-media-card__preview.is-file.is-unavailable small {
  font-size: 11px;
  font-weight: 800;
}

.admin-measurement-media-card__body {
  gap: 4px;
  min-width: 0;
  padding: 10px 11px 12px;
  display: grid;
}

.admin-measurement-media-card__body strong {
  color: #252932;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;
  overflow: hidden;
}

.admin-measurement-media-card__body span {
  color: #687281;
  font-size: 12px;
  font-weight: 750;
}

.admin-measurement-media-card__actions {
  gap: 6px;
  display: flex;
  position: absolute;
  top: 8px;
  right: 8px;
}

.admin-measurement-media-card__actions a, .admin-measurement-media-card__actions button {
  color: #252932;
  cursor: pointer;
  background: #ffffffeb;
  border: 1px solid #dce2ebdb;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  text-decoration: none;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.admin-measurement-media-card__actions a:hover, .admin-measurement-media-card__actions button:hover:not(:disabled) {
  background: #fff;
  transform: translateY(-1px);
}

.admin-measurement-media-card__actions button:disabled {
  cursor: wait;
}

.admin-measurement-media-card.is-uploading .admin-measurement-media-card__preview {
  cursor: default;
}

.admin-measurement-media-card.is-error {
  background: #fff7f7;
  border-color: #fecaca;
}

.admin-measurement-media-card.is-error .admin-measurement-media-card__body span {
  color: #dc2626;
}

.admin-measurement-media-progress {
  background: #e5e9f0;
  border-radius: 999px;
  height: 7px;
  margin-top: 4px;
  overflow: hidden;
}

.admin-measurement-media-progress i {
  border-radius: inherit;
  background: #111318;
  height: 100%;
  transition: width .16s;
  display: block;
}

.admin-measurement-result--loading span {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 180% 100%;
  border-radius: 999px;
  height: 14px;
  animation: 1.15s ease-in-out infinite admin-skeleton;
}

.admin-measurement-result--loading span:nth-child(2) {
  width: 78%;
}

.admin-measurement-result--loading span:nth-child(3) {
  width: 54%;
}

.admin-task-preview-modal {
  width: min(720px, 100%);
  padding: 34px;
}

.admin-task-preview-modal__head {
  gap: 6px;
  padding-right: 56px;
  display: grid;
}

.admin-task-preview-modal__head p, .admin-task-preview-modal__head h2 {
  margin: 0;
}

.admin-task-preview-modal__head p {
  color: #687281;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
}

.admin-task-preview-modal__head h2 {
  color: #202329;
  padding-right: 0;
  font-size: clamp(28px, 4vw, 38px);
  line-height: 1.05;
}

.admin-task-preview-modal__head span {
  color: #687281;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.35;
}

.admin-task-preview-modal__actions {
  border-top: 1px solid #e4e8ee;
  justify-content: flex-end;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
}

.admin-task-preview-modal__actions .admin-primary-button {
  min-width: 220px;
}

.admin-task-preview-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.admin-task-preview-grid > div {
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}

.admin-task-preview-grid > div span {
  color: #7a8493;
  font-size: 12px;
  font-weight: 750;
}

.admin-task-preview-grid > div strong {
  color: #202329;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  line-height: 1.3;
}

.admin-task-preview-grid .admin-measurement-result__file {
  justify-content: center;
  min-height: 64px;
}

.admin-project-editor {
  gap: 18px;
  margin-top: 22px;
  display: grid;
}

.admin-project-editor__section {
  background: #fff;
  border: 1px solid #e5eaf1;
  border-radius: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  display: grid;
}

.admin-project-editor__section h3 {
  color: #202329;
  grid-column: 1 / -1;
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.admin-project-editor__section--files {
  grid-template-columns: 1fr;
}

.admin-project-editor__section-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-project-editor__field {
  gap: 7px;
  display: grid;
}

.admin-project-editor__field--wide {
  grid-column: 1 / -1;
}

.admin-project-editor__field span {
  color: #687281;
  font-size: 12px;
  font-weight: 850;
}

.admin-project-editor__field input, .admin-project-editor__field textarea {
  color: #202329;
  width: 100%;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #dce2eb;
  border-radius: 10px;
  outline: none;
  padding: 12px 13px;
  font-size: 15px;
  font-weight: 650;
  transition: border-color .16s, background-color .16s, box-shadow .16s;
}

.admin-project-editor__field textarea {
  resize: vertical;
}

.admin-project-editor__field input:focus, .admin-project-editor__field textarea:focus {
  background: #fff;
  border-color: #111318;
  box-shadow: 0 0 0 3px #11131814;
}

.admin-project-editor__upload-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.admin-project-editor__upload-actions label {
  color: #202329;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dce2eb;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 13px;
  font-size: 14px;
  font-weight: 850;
  transition: transform .16s, border-color .16s, background-color .16s;
  display: inline-flex;
  position: relative;
}

.admin-project-editor__upload-actions label:hover {
  background: #f8fafc;
  border-color: #b9c2d0;
  transform: translateY(-1px);
}

.admin-project-editor__upload-actions input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.admin-project-editor__empty {
  color: #7a8493;
  margin: 0;
  font-weight: 700;
}

.admin-project-editor__files, .admin-project-editor__signed-documents {
  gap: 10px;
  display: grid;
}

.admin-project-editor__file, .admin-project-editor__locked-file {
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 10px;
  padding: 11px 12px;
  display: grid;
}

.admin-project-editor__locked-file {
  grid-template-columns: auto minmax(0, 1fr);
}

.admin-project-editor__file div, .admin-project-editor__locked-file div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.admin-project-editor__file strong, .admin-project-editor__locked-file strong {
  color: #202329;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 14px;
  overflow: hidden;
}

.admin-project-editor__file span, .admin-project-editor__locked-file span, .admin-project-editor__signed-documents p {
  color: #687281;
  font-size: 12px;
  font-weight: 700;
}

.admin-project-editor__file a, .admin-project-editor__file button {
  color: #202329;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dce2eb;
  border-radius: 9px;
  min-height: 36px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
}

.admin-project-editor__file a {
  align-items: center;
  display: inline-flex;
}

.admin-project-editor__file button {
  width: 38px;
  padding: 0;
}

.admin-project-editor__file button:disabled {
  opacity: .5;
}

.admin-project-editor__signed-documents {
  border-top: 1px solid #edf0f4;
  padding-top: 12px;
}

.admin-project-editor__signed-documents h4, .admin-project-editor__signed-documents p {
  margin: 0;
}

.admin-project-editor__signed-documents h4 {
  color: #202329;
  font-size: 15px;
}

.admin-project-editor__actions {
  justify-items: start;
  gap: 8px;
  display: grid;
}

.admin-project-editor__actions .admin-primary-action {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

@keyframes admin-skeleton {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.admin-date-picker {
  border: 0;
  gap: 10px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.admin-date-picker legend {
  color: #3b424d;
  font-weight: 750;
}

.admin-date-picker > div {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.admin-date-picker button {
  color: #596273;
  cursor: pointer;
  min-height: 62px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 11px;
  place-items: center;
  gap: 4px;
  padding: 7px 4px;
  transition: background .18s, border-color .18s, color .18s, transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.admin-date-picker button:hover {
  transform: translateY(-1px);
}

.admin-date-picker button.is-active {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
}

.admin-date-picker button span {
  text-transform: lowercase;
  font-size: 12px;
  font-weight: 750;
}

.admin-date-picker button strong {
  font-size: 13px;
}

.admin-time-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.admin-complete-modal label.admin-attachment-button, .admin-attachment-button {
  color: #7a8493;
  min-height: 42px;
  font: inherit;
  background: #f8fafc;
  border: 1px dashed #cfd6e1;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-weight: 750;
  display: flex;
}

.admin-attachment-button svg {
  flex: none;
  align-self: center;
}

.admin-attachment-button span {
  text-align: center;
  align-items: center;
  min-height: 1.25em;
  line-height: 1.25;
  display: inline-flex;
}

.admin-attachment-button input:disabled + small {
  cursor: progress;
}

.admin-attachment-button:has(input:disabled) {
  cursor: progress;
}

.admin-upload-progress {
  color: #5f6876;
  background: #f2f4f7;
  border-radius: 8px;
  gap: 7px;
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.admin-upload-progress div {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.admin-upload-progress i {
  background: #dce2eb;
  border-radius: 999px;
  height: 6px;
  overflow: hidden;
}

.admin-upload-progress i span {
  border-radius: inherit;
  background: #17181b;
  height: 100%;
  transition: width .18s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.admin-upload-processing {
  color: #5f6876;
  background: #f2f4f7;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.admin-upload-preview {
  background: #fbfcfd;
  border: 1px solid #e3e7ee;
  border-radius: 10px;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 9px;
  display: grid;
}

.admin-completion-attachments {
  gap: 8px;
  display: grid;
}

.admin-upload-preview img {
  object-fit: cover;
  border-radius: 8px;
  width: 72px;
  height: 72px;
}

.admin-upload-preview > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.admin-upload-preview strong {
  color: #242832;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  overflow: hidden;
}

.admin-upload-preview small {
  color: #687281;
  font-size: 12px;
}

.admin-file-preview {
  color: #5f6876;
  background: #eef1f6;
  border-radius: 8px;
  place-items: center;
  width: 72px;
  height: 72px;
  display: grid;
}

.admin-upload-preview button {
  color: #30343b;
  width: fit-content;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
}

.admin-field-error {
  color: #c81e2c;
  font-weight: 700;
}

.admin-toast {
  z-index: 1200;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  align-items: center;
  gap: 12px;
  min-width: 310px;
  max-width: 420px;
  padding: 16px 18px;
  display: flex;
  position: fixed;
  top: 24px;
  right: 24px;
  box-shadow: 0 18px 70px #0f172a2e;
}

.admin-toast span {
  color: #14833b;
  background: #e7f8ee;
  border-radius: 999px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-weight: 900;
  display: grid;
}

.admin-toast.is-error span {
  color: #c81e2c;
  background: #fff1f2;
}

.admin-forbidden {
  background: #f3f4f6;
  place-items: center;
  min-height: 100vh;
  padding: 24px;
  display: grid;
}

.admin-forbidden div {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 16px;
  gap: 12px;
  width: min(440px, 100%);
  padding: 28px;
  display: grid;
}

.admin-forbidden span {
  background: #ef1735;
  width: 34px;
  height: 34px;
}

.admin-forbidden h1, .admin-forbidden p {
  margin: 0;
}

.admin-forbidden p {
  color: #596273;
}

.admin-forbidden a {
  color: #fff;
  background: #17181b;
  border-radius: 8px;
  place-items: center;
  min-height: 44px;
  font-weight: 800;
  text-decoration: none;
  display: grid;
}

.admin-mobile, .admin-mobile-nav {
  display: none;
}

.admin-mobile-nav-inner {
  max-width: 560px;
}

.admin-mobile-nav-track {
  touch-action: none;
  position: relative;
}

.admin-mobile-nav-pill {
  transition: transform .3s cubic-bezier(.25, .46, .45, .94);
}

.admin-mobile-nav-buttons button {
  z-index: 1;
  appearance: none;
  min-width: 44px;
  min-height: 44px;
  box-shadow: none;
  color: inherit;
  cursor: pointer;
  touch-action: none;
  -webkit-tap-highlight-color: transparent;
  background: none;
  border: 0;
  border-radius: 0;
  outline: 0;
  position: relative;
}

.admin-mobile-nav-buttons i {
  color: #fff;
  background: #ff4d58;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  font-size: 8px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 7px;
  right: 12px;
}

.admin-task-list {
  gap: 18px;
  padding: 18px;
}

.admin-task-card {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  gap: 18px;
  padding: 24px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  box-shadow: 0 16px 44px #1219260f;
}

.admin-task-card__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.admin-task-card__title-row {
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  min-width: 0;
  display: grid;
}

.admin-task-icon {
  border-radius: 14px;
  width: 48px;
  height: 48px;
}

.admin-task-card h2 {
  margin: 2px 0 8px;
  font-size: 23px;
  line-height: 1.18;
}

.admin-task-card__top p {
  color: #697386;
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
}

.admin-task-card__description {
  color: #4f5b6f;
  background: #f8fafc;
  border-left: 0;
  border-radius: 14px;
  padding: 14px 16px;
}

.admin-task-card__description p {
  margin: 0;
  line-height: 1.45;
}

.admin-task-card__subject-head button, .admin-task-card__attachments button {
  border-radius: 999px;
  min-height: 42px;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1);
}

.admin-task-card__subject-head button:not(:disabled):hover, .admin-task-card__attachments button:not(:disabled):hover {
  border-color: #c8d1df;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px #12192614;
}

.admin-task-card__subject > div:not(.admin-task-card__subject-head), .admin-task-card__meta, .admin-task-card__message-details, .admin-task-card__details {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
  display: grid;
}

.admin-task-card__subject > div:not(.admin-task-card__subject-head) > div, .admin-task-card__meta > div, .admin-task-card__message-details > div, .admin-task-card__details > div {
  background: #fff;
  border: 1px solid #e7ecf3;
  border-radius: 14px;
  align-content: start;
  gap: 7px;
  min-width: 0;
  min-height: 76px;
  padding: 13px 14px;
  display: grid;
}

.admin-task-card__subject span, .admin-task-card__meta span, .admin-task-card__message-details span, .admin-task-card__details span {
  color: #7a8496;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  display: block;
}

.admin-task-card__subject strong, .admin-task-card__meta strong, .admin-task-card__message-details strong, .admin-task-card__details strong {
  color: #22262d;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 16px;
  line-height: 1.25;
  display: block;
}

.admin-task-card__actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.admin-task-card__actions button {
  border-radius: 12px;
  min-height: 44px;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1);
}

.admin-task-card__actions button:not(:disabled):hover {
  border-color: #c8d1df;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px #12192614;
}

.admin-task-card__actions button:not(:disabled):active, .admin-task-card__subject-head button:not(:disabled):active, .admin-task-card__attachments button:not(:disabled):active, .admin-task-card__footer .admin-primary-button:not(:disabled):active {
  transform: scale(.985);
}

.admin-task-card__footer {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 48px;
  display: flex;
}

.admin-task-card__footer-note {
  color: #6d7688;
  max-width: 420px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.35;
}

.admin-task-card__footer .admin-primary-button {
  white-space: nowrap;
  border-radius: 14px;
  width: auto;
  min-width: 210px;
  min-height: 48px;
  padding: 0 22px;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 16px 30px #1219261f;
}

.admin-task-card__footer .admin-primary-button:not(:disabled):hover {
  transform: translateY(-1px);
  box-shadow: 0 20px 38px #12192629;
}

.admin-local-section-skeleton {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  gap: 18px;
  padding: 22px;
  display: grid;
}

.admin-local-section-skeleton.is-compact {
  border-radius: 14px;
  padding: 18px;
}

.admin-local-section-skeleton__header {
  gap: 8px;
  display: grid;
}

.admin-local-section-skeleton__header span, .admin-local-skeleton span, .admin-task-card--skeleton .admin-skeleton-stack span, .admin-task-card--skeleton .admin-skeleton-wide, .admin-task-card--skeleton .admin-skeleton-grid span, .admin-skeleton-dot, .admin-skeleton-pill {
  background: #eef2f7;
  position: relative;
  overflow: hidden;
}

.admin-local-section-skeleton__header span:after, .admin-local-skeleton span:after, .admin-task-card--skeleton .admin-skeleton-stack span:after, .admin-task-card--skeleton .admin-skeleton-wide:after, .admin-task-card--skeleton .admin-skeleton-grid span:after, .admin-skeleton-dot:after, .admin-skeleton-pill:after {
  content: "";
  background: linear-gradient(90deg, #0000 0%, #ffffffad 45%, #0000 100%);
  animation: 1.15s ease-in-out infinite admin-skeleton;
  position: absolute;
  inset: 0;
}

.admin-local-section-skeleton__header span {
  border-radius: 999px;
  width: 140px;
  height: 18px;
}

.admin-local-section-skeleton__header strong {
  color: #22262d;
  font-size: 26px;
  line-height: 1.12;
}

.admin-local-skeleton {
  gap: 12px;
  display: grid;
}

.admin-local-skeleton span {
  border: 1px solid #e5ebf3;
  border-radius: 16px;
  height: 76px;
}

.admin-task-card--skeleton {
  pointer-events: none;
}

.admin-skeleton-dot {
  border-radius: 14px;
  width: 48px;
  height: 48px;
}

.admin-skeleton-stack {
  gap: 10px;
  width: min(100%, 420px);
  display: grid;
}

.admin-task-card--skeleton .admin-skeleton-stack span {
  border-radius: 999px;
  height: 16px;
}

.admin-task-card--skeleton .admin-skeleton-stack span:nth-child(2) {
  width: 82%;
  height: 28px;
}

.admin-task-card--skeleton .admin-skeleton-stack span:nth-child(3) {
  width: 58%;
}

.admin-skeleton-pill {
  border-radius: 999px;
  width: 92px;
  height: 34px;
}

.admin-task-card--skeleton .admin-skeleton-wide {
  border-radius: 14px;
  height: 52px;
}

.admin-task-card--skeleton .admin-skeleton-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.admin-task-card--skeleton .admin-skeleton-grid span {
  border: 1px solid #e5ebf3;
  border-radius: 14px;
  height: 82px;
}

@media (max-width: 1023px) {
  .admin-desktop {
    display: none;
  }

  .admin-mobile {
    min-height: 100vh;
    padding: max(env(safe-area-inset-top), 18px) 12px calc(224px + env(safe-area-inset-bottom));
    display: block;
  }

  .admin-mobile-create-link {
    margin-bottom: 12px;
  }

  .admin-mobile-create-link button {
    color: #fff;
    width: 100%;
    min-height: 44px;
    font: inherit;
    background: #17181b;
    border: 0;
    border-radius: 10px;
    font-weight: 850;
  }

  .admin-mobile-nav {
    justify-content: center;
    display: flex;
  }

  .admin-mobile-page {
    gap: 14px;
    width: 100%;
    min-width: 0;
    display: grid;
  }

  .admin-actions-test-page .admin-page {
    padding: 14px 14px calc(110px + env(safe-area-inset-bottom));
  }

  .admin-actions-test-sections {
    gap: 14px;
  }

  .admin-mobile-page > *, .admin-task-list, .admin-task-card, .admin-task-card__footer {
    min-width: 0;
    max-width: 100%;
  }

  .admin-main-panel, .admin-context-panel {
    border-radius: 10px;
  }

  .admin-task-header {
    border-bottom: 0;
    padding: 6px 2px 10px;
  }

  .admin-task-header h1 {
    font-size: clamp(28px, 8vw, 34px);
    line-height: 1.05;
  }

  .admin-task-header span {
    font-size: 16px;
  }

  .admin-task-list {
    width: 100%;
    padding: 0 0 calc(220px + env(safe-area-inset-bottom));
    gap: 12px;
  }

  .admin-task-card {
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 16px;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100%;
    padding: 12px 12px 14px;
    overflow: hidden;
  }

  .admin-task-card:last-child {
    margin-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  .admin-task-card__footer {
    gap: 10px;
    display: grid;
  }

  .admin-task-card h2 {
    font-size: 20px;
    line-height: 1.12;
  }

  .admin-task-card__top {
    order: 1;
    gap: 8px;
    display: grid;
  }

  .admin-task-card__footer--claim {
    order: 2;
  }

  .admin-task-card__actions {
    order: 3;
  }

  .admin-task-card__description {
    order: 4;
  }

  .admin-task-card__subject {
    order: 5;
  }

  .admin-task-card__attachments {
    order: 6;
  }

  .admin-task-card__meta {
    order: 7;
  }

  .admin-task-card__footer:not(.admin-task-card__footer--claim) {
    order: 8;
  }

  .admin-task-card__title-row {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
  }

  .admin-task-icon {
    border-radius: 12px;
    width: 38px;
    height: 38px;
  }

  .admin-task-card__status {
    width: fit-content;
    padding: 6px 9px;
    font-size: 12px;
  }

  .admin-task-card__subject, .admin-task-card__attachments, .admin-task-card__description {
    border-radius: 12px;
    padding: 10px;
  }

  .admin-task-card__description p {
    font-size: 15px;
    line-height: 1.35;
  }

  .admin-task-card__attachments {
    gap: 8px;
  }

  .admin-task-card__attachments > strong {
    font-size: 13px;
  }

  .admin-task-card__attachments span {
    padding: 6px 9px;
    font-size: 12px;
  }

  .admin-task-card__subject-head {
    grid-template-columns: 1fr;
    align-items: flex-start;
    gap: 10px;
    display: grid;
  }

  .admin-task-card__subject-head strong {
    white-space: nowrap;
  }

  .admin-task-card__details, .admin-task-card__message-details, .admin-task-card__meta, .admin-task-card__subject > div:not(.admin-task-card__subject-head) {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .admin-task-card__details > div, .admin-task-card__message-details > div, .admin-task-card__meta > div, .admin-task-card__subject > div:not(.admin-task-card__subject-head) > div {
    background: none;
    border: 0;
    border-bottom: 1px solid #e8edf4;
    border-radius: 0;
    grid-template-columns: minmax(76px, .42fr) minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
    min-height: 0;
    padding: 8px 0;
  }

  .admin-task-card__details > div:first-child, .admin-task-card__message-details > div:first-child, .admin-task-card__meta > div:first-child, .admin-task-card__subject > div:not(.admin-task-card__subject-head) > div:first-child {
    padding-top: 0;
  }

  .admin-task-card__details > div:last-child, .admin-task-card__message-details > div:last-child, .admin-task-card__meta > div:last-child, .admin-task-card__subject > div:not(.admin-task-card__subject-head) > div:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }

  .admin-task-card__subject span, .admin-task-card__meta span, .admin-task-card__message-details span, .admin-task-card__details span {
    letter-spacing: 0;
    padding-top: 2px;
    font-size: 11px;
  }

  .admin-task-card__subject strong, .admin-task-card__meta strong, .admin-task-card__message-details strong, .admin-task-card__details strong {
    overflow-wrap: anywhere;
    min-width: 0;
    font-size: 15px;
    line-height: 1.32;
  }

  .admin-task-card__actions {
    grid-template-columns: 1fr;
    gap: 9px;
    display: grid;
  }

  .admin-task-card__actions button, .admin-task-card__subject-head button {
    justify-content: center;
    width: 100%;
    min-height: 46px;
  }

  .admin-primary-button {
    white-space: normal;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 48px;
    padding: 0 14px;
  }

  .admin-measurement-summary {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .admin-empty-state {
    margin: 0;
    padding: 20px;
  }

  .admin-profile-card {
    margin: 0;
  }

  .admin-task-preview-modal {
    max-height: calc(100dvh - 32px);
    padding: 24px;
  }

  .admin-task-preview-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .admin-mobile-nav-pill, .admin-sidebar-nav a, .admin-sidebar-nav a:before, .admin-primary-button, .admin-sidebar-help button {
    transition: none;
  }
}

.admin-orders-page {
  gap: 14px;
  width: 100%;
  display: grid;
}

.admin-orders-page .admin-task-header {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  display: flex;
}

.admin-orders-page .admin-task-header > div {
  min-width: 0;
}

.admin-orders-page .admin-task-header .admin-primary-button {
  flex: none;
}

.admin-orders-toolbar {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.admin-orders-search {
  background: #f6f7fa;
  border: 1px solid #dfe5ee;
  border-radius: 13px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  display: flex;
}

.admin-orders-search input {
  color: #202329;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 15px;
}

.admin-orders-filter-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.admin-orders-filter-row button {
  color: #667085;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  min-height: 36px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 800;
}

.admin-orders-filter-row button.is-active {
  color: #fff;
  background: #111;
  border-color: #111;
}

.admin-orders-list {
  gap: 10px;
  display: grid;
}

.admin-order-card {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  overflow: hidden;
}

.admin-order-card > a {
  color: inherit;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 104px;
  padding: 16px 18px;
  text-decoration: none;
  display: grid;
}

.admin-order-card__main {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.admin-order-card__main > strong {
  color: #202329;
  font-size: 19px;
  line-height: 1.15;
}

.admin-order-card__main > span {
  color: #667085;
  align-items: center;
  gap: 7px;
  min-width: 0;
  font-size: 14px;
  display: flex;
}

.admin-order-card__meta {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.admin-order-card__meta small {
  color: #667085;
  background: #f2f4f8;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 800;
}

.admin-order-card__side {
  justify-items: end;
  gap: 8px;
  display: grid;
}

.admin-order-card__side strong {
  font-size: 17px;
}

.admin-order-card__side span {
  color: #fff;
  background: #111;
  border-radius: 999px;
  padding: 9px 15px;
  font-size: 14px;
  font-weight: 800;
}

.admin-back-button {
  color: #202329;
  background: #eef1f6;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  min-height: 46px;
  padding: 0 18px;
  font-size: 17px;
  font-weight: 800;
  display: inline-flex;
}

.admin-order-detail {
  gap: 18px;
  display: grid;
}

.admin-order-edit-shell {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  gap: 16px;
  padding: 22px;
  display: grid;
}

.admin-order-edit {
  gap: 14px;
  display: grid;
}

.admin-order-edit__head {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  align-items: start;
  gap: 12px;
  display: grid;
}

.admin-order-edit label, .admin-order-edit-field, .admin-order-edit__readonly-field {
  gap: 7px;
  min-width: 0;
  display: grid;
}

.admin-order-edit label > span, .admin-order-edit-field > span, .admin-order-edit__readonly-field > span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.admin-order-edit__readonly-field strong {
  color: #202124;
  background: #f7f8fb;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  align-items: center;
  min-height: 50px;
  padding: 13px 15px;
  font-size: 17px;
  font-weight: 850;
  display: flex;
}

.admin-order-edit input, .admin-order-edit-field input, .admin-order-edit-field textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  outline: none;
  padding: 13px 15px;
  font-size: 17px;
  font-weight: 750;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.admin-order-edit-field textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.45;
}

.admin-order-edit input:focus, .admin-order-edit-field input:focus, .admin-order-edit-field textarea:focus {
  border-color: #111;
  box-shadow: 0 0 0 4px #11111114;
}

.admin-order-edit input.is-invalid, .admin-order-edit-field input.is-invalid, .admin-order-edit-field textarea.is-invalid, .admin-complete-modal input.is-invalid {
  background: #fff7f7;
  border-color: #ef4444;
}

.admin-order-address-input {
  background: #f7f8fb;
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  align-items: center;
  gap: 9px;
  min-height: 50px;
  padding: 0 12px;
  display: flex;
}

.admin-order-address-input input {
  box-shadow: none;
  background: none;
  border: 0;
  min-height: 0;
  padding: 0;
}

.admin-order-address-input:focus-within {
  background: #fff;
  border-color: #9aa4b2;
  box-shadow: 0 0 0 4px #1111110f;
}

.admin-order-edit__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  display: flex;
}

.admin-order-edit__actions > span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.admin-order-request-contact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.admin-order-request-contact > div {
  background: #f7f8fb;
  border: 1px solid #dfe3ea;
  border-radius: 9px;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.admin-order-request-contact span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.admin-order-request-contact strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
}

.admin-publish-finance {
  background: #fbfcfe;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  gap: 16px;
  min-width: 0;
  padding: 18px;
  display: grid;
}

.admin-publish-finance__head {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.admin-publish-finance__head span, .admin-publish-finance__fields label > span, .admin-publish-finance__readonly span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.admin-publish-finance__head strong {
  color: #202124;
  font-size: 20px;
  font-weight: 900;
}

.admin-complete-modal .admin-publish-finance__head p {
  color: #6b7280;
  text-transform: none;
  max-width: 680px;
  margin: 0;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}

.admin-publish-finance__fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
  gap: 12px;
  display: grid;
}

.admin-publish-finance__fields label, .admin-publish-finance__readonly {
  gap: 7px;
  min-width: 0;
  display: grid;
}

.admin-publish-finance__fields input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.admin-publish-finance__readonly {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 9px;
  align-content: center;
  padding: 12px 14px;
}

.admin-publish-finance__readonly strong {
  color: #202124;
  font-size: 18px;
  font-weight: 900;
}

.admin-field-error {
  color: #dc2626;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

.admin-inline-field-error {
  color: #b91c1c;
  background: #fff7f7;
  border: 1px solid #fecaca;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 8px;
  padding: 10px 12px;
  display: flex;
}

.admin-inline-field-error small {
  color: inherit;
}

.admin-inline-field-error button {
  color: #991b1b;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #ef4444;
  border-radius: 7px;
  flex: none;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
}

@media (max-width: 560px) {
  .admin-inline-field-error {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-inline-field-error button {
    width: 100%;
  }
}

.admin-order-save-success {
  color: #16834a;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.admin-button-spinner {
  border: 2px solid #ffffff59;
  border-top-color: #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  animation: .7s linear infinite adminSpin;
  display: inline-block;
}

.admin-button-spinner--dark {
  border-color: #1d1f23 #1d1f233d #1d1f233d;
}

@keyframes adminSpin {
  to {
    transform: rotate(360deg);
  }
}

.admin-order-detail__facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.admin-mini-metric {
  background: #f8f9fb;
  border: 1px solid #e4e8ee;
  border-radius: 8px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.admin-mini-metric span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.admin-mini-metric strong {
  font-size: 20px;
}

.admin-order-detail-hero, .admin-order-detail-card, .admin-order-detail-grid article {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 18px;
}

.admin-order-detail-card h2 {
  margin: 0 0 14px;
  font-size: 20px;
}

.admin-order-detail-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 18px;
  display: grid;
}

.admin-order-detail-hero p {
  color: #667085;
  margin: 0 0 10px;
  font-weight: 800;
}

.admin-order-detail-hero h1 {
  margin: 0 0 14px;
  font-size: clamp(30px, 4vw, 56px);
  line-height: 1;
}

.admin-order-detail-hero span {
  color: #667085;
  align-items: center;
  gap: 8px;
  display: flex;
}

.admin-order-detail-hero > strong {
  font-size: 24px;
}

.admin-order-detail-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
  gap: 12px;
  display: grid;
}

.admin-info-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.admin-info-line {
  background: #f8f9fb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}

.admin-info-line span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.admin-info-line strong {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  line-height: 1.35;
}

.admin-order-work-types, .admin-order-task-links {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

.admin-order-work-types span, .admin-order-task-links a {
  color: #202329;
  background: #f2f4f8;
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 800;
  text-decoration: none;
}

.admin-order-task-links a {
  gap: 4px;
  display: grid;
}

.admin-order-task-links a span {
  color: #667085;
  font-size: 13px;
}

.admin-inline-user-link {
  color: #202124;
  border-bottom: 1px solid #d9001b;
  align-items: center;
  width: fit-content;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-inline-user-link:hover {
  color: #d9001b;
  border-color: #a70016;
}

.admin-inline-user-link.is-button {
  appearance: none;
  font: inherit;
  cursor: pointer;
  background: none;
  padding: 0;
}

.admin-order-timeline {
  gap: 10px;
  display: grid;
}

.admin-order-timeline p {
  background: #f8f9fb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  gap: 4px;
  margin: 0;
  padding: 12px 12px 12px 34px;
  display: grid;
  position: relative;
}

.admin-order-timeline p:before {
  content: "";
  background: #fff;
  border: 2px solid #b6bdc8;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 16px;
  left: 13px;
}

.admin-order-timeline p.is-active:before {
  background: #e0001b;
  border-color: #e0001b;
}

.admin-order-timeline span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.admin-order-timeline strong {
  color: #202124;
  font-size: 14px;
}

.admin-order-admin-tasks__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.admin-order-admin-tasks {
  gap: 14px;
  display: grid;
}

.admin-order-admin-tasks__head h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.admin-order-admin-tasks__head span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.admin-order-admin-tasks__list {
  gap: 10px;
  display: grid;
}

.admin-order-admin-task {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1.35fr) minmax(180px, .85fr) minmax(150px, .7fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.admin-order-admin-task > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.admin-order-admin-task span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.admin-order-admin-task strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 850;
}

.admin-order-admin-task > a {
  color: #202124;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-order-admin-task > a:hover {
  background: #f7f8fa;
  border-color: #151619;
  transform: translateY(-1px);
}

.admin-order-ledger, .admin-order-audit, .admin-order-history {
  gap: 14px;
  display: grid;
}

.admin-order-ledger__list, .admin-order-audit__list, .admin-order-history__list {
  gap: 10px;
  display: grid;
}

.admin-order-ledger-row, .admin-order-audit-row, .admin-order-history-row {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .45fr);
  align-items: start;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.admin-order-history-row {
  grid-template-columns: minmax(0, 1fr) minmax(210px, .35fr);
}

.admin-order-ledger-row > div, .admin-order-audit-row > div, .admin-order-history-row > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.admin-order-ledger-row > div:last-child, .admin-order-audit-row > div:last-child, .admin-order-history-row > div:last-child {
  text-align: right;
  justify-items: end;
}

.admin-order-ledger-row strong, .admin-order-audit-row strong, .admin-order-history-row strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 850;
}

.admin-order-ledger-row span, .admin-order-audit-row span, .admin-order-history-row span {
  color: #69707d;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 800;
}

.admin-order-muted {
  color: #667085;
  margin: 0;
  font-weight: 750;
}

.admin-order-tabs {
  border-bottom: 1px solid #eef0f3;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
  display: flex;
}

.admin-order-tabs button {
  color: #69707d;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 850;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
}

.admin-order-tabs button:hover {
  color: #202124;
  background: #f5f6f9;
}

.admin-order-tabs button.is-active {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.admin-order-tab-panel {
  gap: 14px;
  display: grid;
}

.admin-order-content {
  gap: 16px;
}

.admin-order-description {
  gap: 14px;
  display: grid;
}

.admin-order-description article {
  gap: 8px;
  display: grid;
}

.admin-order-description h3 {
  margin: 0;
  font-size: 16px;
}

.admin-order-description-save {
  width: fit-content;
}

.admin-order-file-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.admin-order-voice-player {
  grid-column: 1 / -1;
  min-width: 0;
}

.admin-measurement-voice-list {
  gap: 10px;
  display: grid;
}

.admin-measurement-voice-item {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.admin-measurement-voice-item > button {
  color: #646d7a;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9dfe8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
}

.admin-measurement-voice-item > button:hover {
  color: #d92828;
  border-color: #ffb4ad;
}

.admin-order-file-grid a, .admin-order-file-card {
  color: #202329;
  background: #f7f8fb;
  border: 1px solid #e6ebf2;
  border-radius: 16px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 14px;
  text-decoration: none;
  display: grid;
}

.admin-order-file-card {
  cursor: pointer;
  font: inherit;
  text-align: left;
}

.admin-order-file-card:hover {
  background: #fff;
  border-color: #cfd7e4;
  transform: translateY(-1px);
}

.admin-order-file-card:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #111;
}

.admin-order-file-card.is-unavailable {
  cursor: default;
  opacity: .72;
}

.admin-order-file-card.is-unavailable:hover {
  background: #f7f8fb;
  border-color: #e6ebf2;
  transform: none;
}

.admin-order-file-card__state {
  color: #687281;
  white-space: normal;
  grid-column: 2;
  font-size: 12px;
  font-weight: 750;
}

.admin-order-file-grid a > span, .admin-order-file-card > span:not(.admin-order-file-card__state) {
  background: #fff;
  border: 1px solid #e6ebf2;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: inline-flex;
}

.admin-order-file-grid strong, .admin-order-file-grid small {
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  overflow: hidden;
}

.admin-order-file-grid small {
  color: #667085;
  font-weight: 750;
}

.admin-order-media-viewer {
  z-index: 2000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #111827b8;
  place-items: center;
  padding: 32px;
  display: grid;
  position: fixed;
  inset: 0;
}

.admin-order-media-viewer__backdrop {
  cursor: zoom-out;
  background: none;
  border: 0;
  position: absolute;
  inset: 0;
}

.admin-order-media-viewer__panel {
  z-index: 1;
  color: #fff;
  background: #090b10;
  border: 1px solid #ffffff1f;
  border-radius: 24px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  width: min(1120px, 100%);
  height: min(860px, 100dvh - 64px);
  max-height: calc(100dvh - 64px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 90px #00000061;
}

.admin-order-media-viewer__top {
  border-bottom: 1px solid #ffffff1a;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  display: flex;
}

.admin-order-media-viewer__top > div:first-child {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.admin-order-media-viewer__top span {
  color: #ffffff94;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.admin-order-media-viewer__top strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  overflow: hidden;
}

.admin-order-media-viewer__top > div:last-child {
  flex: none;
  gap: 8px;
  display: flex;
}

.admin-order-media-viewer__top a, .admin-order-media-viewer__top button, .admin-order-media-viewer__arrow {
  color: #fff;
  cursor: pointer;
  background: #ffffff14;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  place-items: center;
  width: 44px;
  height: 44px;
  text-decoration: none;
  display: grid;
}

.admin-order-media-viewer__top a:hover, .admin-order-media-viewer__top button:hover, .admin-order-media-viewer__arrow:hover {
  background: #ffffff29;
}

.admin-order-media-viewer__stage {
  background: #050608;
  place-items: center;
  min-width: 0;
  min-height: 0;
  padding: 20px 72px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.admin-order-media-viewer__stage img, .admin-order-media-viewer__stage video {
  object-fit: contain;
  border-radius: 12px;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: block;
}

.admin-order-media-viewer__stage video {
  background: #050608;
}

.admin-order-media-viewer__arrow {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.admin-order-media-viewer__arrow.is-left {
  left: 16px;
}

.admin-order-media-viewer__arrow.is-right {
  right: 16px;
}

.admin-order-media-viewer__counter {
  color: #ffffffad;
  text-align: center;
  padding: 0 18px 16px;
  font-size: 13px;
  font-weight: 800;
}

.admin-mobile-section-links {
  display: none;
}

@media (max-width: 760px) {
  .admin-task-preview-modal {
    width: min(100%, 100vw - 16px);
    padding: 18px;
  }

  .admin-task-preview-modal__head {
    padding-right: 46px;
  }

  .admin-task-preview-modal__head h2 {
    font-size: 26px;
  }

  .admin-task-preview-modal__actions {
    padding: 14px 18px calc(14px + env(safe-area-inset-bottom));
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 2;
    background: #fffffff5;
    margin-inline: -18px;
    position: sticky;
    bottom: -18px;
  }

  .admin-task-preview-modal__actions .admin-primary-button {
    width: 100%;
  }

  .admin-project-editor__section {
    border-radius: 12px;
    grid-template-columns: minmax(0, 1fr);
    padding: 13px;
  }

  .admin-project-editor__section-head {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-project-editor__upload-actions label {
    justify-content: center;
    width: 100%;
  }

  .admin-project-editor__file {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .admin-project-editor__file a, .admin-project-editor__file button {
    grid-column: 1 / -1;
    justify-content: center;
    width: 100%;
  }

  .admin-measurement-media-section {
    padding: 10px;
  }

  .admin-measurement-media-section__head {
    flex-direction: column;
    align-items: stretch;
  }

  .admin-measurement-media-upload {
    width: 100%;
  }

  .admin-measurement-media-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-mobile-section-links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 14px 14px;
    display: grid;
  }

  .admin-mobile-section-links a {
    color: #202329;
    background: #fff;
    border: 1px solid #dfe5ee;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    min-height: 46px;
    font-size: 14px;
    font-weight: 850;
    text-decoration: none;
    display: inline-flex;
  }

  .admin-order-card > a, .admin-order-detail-hero, .admin-order-detail-grid, .admin-order-edit__head, .admin-order-detail__facts, .admin-order-request-contact, .admin-publish-finance__fields, .admin-order-description, .admin-order-file-grid, .admin-order-admin-task, .admin-order-ledger-row, .admin-order-audit-row, .admin-order-history-row {
    grid-template-columns: 1fr;
  }

  .admin-publish-measured-order-modal {
    width: min(100%, 100vw - 16px);
  }

  .admin-publish-measured-order-modal form {
    gap: 14px;
    padding: 24px 18px 28px;
  }

  .admin-publish-finance {
    padding: 14px;
  }

  .admin-order-edit-shell {
    border-radius: 10px;
    padding: 22px;
  }

  .admin-order-detail-card {
    border-radius: 8px;
    padding: 18px;
  }

  .admin-order-media-viewer {
    padding: 0;
  }

  .admin-order-media-viewer__panel {
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100dvh;
    max-height: none;
  }

  .admin-order-media-viewer__stage {
    min-height: 0;
    padding: 12px 0;
  }

  .admin-order-media-viewer__stage img, .admin-order-media-viewer__stage video {
    border-radius: 0;
  }

  .admin-order-edit__actions, .admin-order-description-save {
    width: 100%;
  }

  .admin-order-detail__facts {
    gap: 12px;
  }

  .admin-order-timeline strong {
    text-align: left;
  }

  .admin-order-admin-tasks__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .admin-order-admin-task > a {
    text-align: center;
    justify-self: start;
  }

  .admin-order-ledger-row > div:last-child, .admin-order-audit-row > div:last-child, .admin-order-history-row > div:last-child {
    text-align: left;
    justify-items: start;
  }

  .admin-order-description article:first-child {
    grid-row: auto;
  }

  .admin-order-tabs {
    gap: 8px;
    margin: 0;
    padding-bottom: 12px;
  }

  .admin-orders-page {
    gap: 12px;
  }

  .admin-orders-page .admin-task-header {
    border-bottom: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 14px;
  }

  .admin-orders-page .admin-task-header h1 {
    font-size: clamp(24px, 8vw, 30px);
  }

  .admin-orders-page .admin-task-header .admin-primary-button {
    white-space: nowrap;
    width: 100%;
    min-height: 42px;
    padding: 0 13px;
  }

  .admin-orders-toolbar {
    border-radius: 16px;
    padding: 12px;
  }

  .admin-orders-search {
    min-height: 44px;
  }

  .admin-orders-search input {
    font-size: 14px;
  }

  .admin-orders-filter-row {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .admin-orders-filter-row button {
    flex: none;
    min-height: 36px;
  }

  .admin-order-card {
    border-radius: 16px;
  }

  .admin-order-card > a {
    align-items: stretch;
    min-height: 0;
    padding: 15px;
  }

  .admin-order-card__main > strong {
    font-size: 18px;
  }

  .admin-order-card__main > span {
    align-items: flex-start;
    line-height: 1.3;
  }

  .admin-order-card__side {
    justify-content: space-between;
    place-items: center stretch;
    display: flex;
  }

  .admin-order-card__side span {
    text-align: center;
  }
}

.admin-task-filter-stack {
  gap: 10px;
  width: 100%;
  margin-top: 14px;
  display: grid;
}

.admin-task-filter-row {
  grid-template-columns: 104px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  display: grid;
}

.admin-task-filter-row > span {
  color: #7a8496;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 850;
}

.admin-task-filter-row > div {
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.admin-task-filter-row button {
  color: #4f5b6f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 850;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-task-filter-row button:hover {
  border-color: #cbd4e2;
  transform: translateY(-1px);
}

.admin-task-filter-row button.is-active {
  color: #fff;
  background: #111;
  border-color: #111;
}

.admin-task-list {
  gap: 18px;
  padding: 16px;
  display: grid;
}

.admin-task-group {
  gap: 10px;
  min-width: 0;
  display: grid;
}

.admin-task-group__head {
  justify-content: space-between;
  align-items: end;
  gap: 14px;
  padding: 2px 4px;
  display: flex;
}

.admin-task-group__head span {
  color: #8a94a6;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
  display: block;
}

.admin-task-group__head h2 {
  color: #202329;
  margin: 2px 0 0;
  font-size: 20px;
  line-height: 1.15;
}

.admin-task-group__head strong {
  color: #4f5b6f;
  background: #eef2f7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 30px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 900;
  display: inline-flex;
}

.admin-task-group__items {
  gap: 10px;
  min-width: 0;
  display: grid;
}

.admin-task-card {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, auto);
  align-items: stretch;
  gap: 16px;
  min-width: 0;
  padding: 16px;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  overflow: hidden;
  box-shadow: 0 10px 28px #1219260b;
}

.admin-task-card:hover {
  border-color: #cbd4e2;
  box-shadow: 0 14px 34px #12192612;
}

.admin-task-card.is-overdue {
  border-color: #ffb5ad;
}

.admin-task-card.is-due-soon:not(.is-overdue) {
  border-color: #ffd99b;
}

.admin-task-card__main {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.admin-task-card__top {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: flex;
}

.admin-task-card__action, .admin-task-card__deadline, .admin-task-card__status {
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.admin-task-card__action {
  color: #fff;
  background: #111;
}

.admin-task-card__deadline {
  color: #5d6678;
  background: #eef2f7;
}

.admin-task-card__deadline--hot {
  color: #c53121;
  background: #fff0ed;
}

.admin-task-card__deadline--today {
  color: #9a5c00;
  background: #fff7e8;
}

.admin-task-card__status {
  color: #687386;
  background: #f4f6f9;
}

.admin-task-card__object {
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-width: 0;
  display: grid;
}

.admin-task-icon {
  color: #5d6678;
  background: #f0f3f8;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  display: inline-flex;
}

.admin-task-card__eyebrow {
  color: #8a94a6;
  letter-spacing: .02em;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  display: block;
}

.admin-task-card h2 {
  color: #202329;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 21px;
  line-height: 1.16;
}

.admin-task-card__object p {
  color: #697386;
  overflow-wrap: anywhere;
  margin: 5px 0 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.35;
}

.admin-task-card__facts, .admin-task-card__meta, .admin-task-card__message-details, .admin-task-card__subject > div:not(.admin-task-card__subject-head) {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  min-width: 0;
  display: grid;
}

.admin-task-card__facts > div, .admin-task-card__meta > div, .admin-task-card__message-details > div, .admin-task-card__subject > div:not(.admin-task-card__subject-head) > div {
  background: #f8fafc;
  border: 1px solid #e7ecf3;
  border-radius: 12px;
  align-content: start;
  gap: 5px;
  min-width: 0;
  min-height: 58px;
  padding: 10px 11px;
  display: grid;
}

.admin-task-card__facts span, .admin-task-card__meta span, .admin-task-card__message-details span, .admin-task-card__subject span {
  color: #7a8496;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.2;
  display: block;
}

.admin-task-card__facts strong, .admin-task-card__meta strong, .admin-task-card__message-details strong, .admin-task-card__subject strong {
  color: #202329;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.25;
  display: block;
}

.admin-task-card__details-panel {
  border-top: 1px solid #edf1f6;
  padding-top: 2px;
  display: grid;
}

.admin-task-card__details-panel summary {
  color: #687386;
  cursor: pointer;
  align-items: center;
  width: fit-content;
  min-height: 34px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.admin-task-card__details-panel summary:hover {
  color: #202329;
}

.admin-task-card__details-body {
  gap: 10px;
  padding-top: 8px;
  display: grid;
}

.admin-task-card__description {
  color: #4f5b6f;
  background: #f8fafc;
  border: 1px solid #e7ecf3;
  border-radius: 12px;
  padding: 12px;
}

.admin-task-card__description p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.admin-task-card__subject, .admin-task-card__attachments {
  background: #fbfcfe;
  border: 1px solid #e4e9f1;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.admin-task-card__subject-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.admin-task-card__subject-head button {
  color: #202329;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  min-height: 36px;
  padding: 0 12px;
  font-weight: 850;
}

.admin-task-card__attachments > strong {
  color: #202329;
  font-size: 14px;
  font-weight: 900;
}

.admin-task-card__attachments > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.admin-task-card__attachments span {
  color: #5d6678;
  background: #f0f3f8;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 850;
}

.admin-task-card__controls {
  align-content: start;
  justify-items: stretch;
  gap: 10px;
  min-width: 190px;
  display: grid;
}

.admin-task-card__controls .admin-primary-button {
  border-radius: 13px;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 0 16px;
}

.admin-task-card__secondary-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.admin-task-card__secondary-actions button, .admin-task-card__secondary-actions span {
  color: #4f5b6f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 850;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.admin-task-card__secondary-actions .admin-task-release-button {
  color: #a22c2c;
  border-color: #f0c7c7;
}

.admin-task-card__secondary-actions .admin-task-release-button:hover {
  background: #fff5f5;
  border-color: #d99b9b;
}

.admin-release-dialog-actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 10px;
  display: grid;
}

.admin-release-dialog-actions > button {
  width: 100%;
  min-width: 0;
}

@media (max-width: 560px) {
  .admin-release-dialog-actions {
    grid-template-columns: 1fr;
  }
}

.admin-task-card__secondary-actions span {
  cursor: default;
}

.admin-task-card__secondary-actions button:hover {
  color: #202329;
  border-color: #cbd4e2;
  transform: translateY(-1px);
}

.admin-task-card__secondary-actions button:disabled {
  cursor: default;
  opacity: .55;
  transform: none;
}

@media (max-width: 760px) {
  .admin-task-filter-stack {
    gap: 9px;
    margin-top: 12px;
  }

  .admin-task-filter-row {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .admin-task-filter-row > span {
    font-size: 12px;
  }

  .admin-task-filter-row > div {
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .admin-task-filter-row button {
    flex: none;
    min-height: 36px;
    padding: 0 12px;
    font-size: 13px;
  }

  .admin-task-list {
    padding: 0 0 calc(170px + env(safe-area-inset-bottom));
    gap: 14px;
  }

  .admin-task-group {
    gap: 8px;
  }

  .admin-task-group__head {
    padding: 0 1px;
  }

  .admin-task-group__head h2 {
    font-size: 18px;
  }

  .admin-task-card {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    padding: 13px;
  }

  .admin-task-card:last-child {
    margin-bottom: 0;
  }

  .admin-task-card__top, .admin-task-card__controls, .admin-task-card__main, .admin-task-card__details-panel, .admin-task-card__description, .admin-task-card__subject, .admin-task-card__attachments, .admin-task-card__meta {
    order: initial;
  }

  .admin-task-card__top {
    gap: 6px;
  }

  .admin-task-card__object {
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
  }

  .admin-task-icon {
    width: 38px;
    height: 38px;
  }

  .admin-task-card h2 {
    font-size: 18px;
    line-height: 1.18;
  }

  .admin-task-card__object p {
    font-size: 14px;
  }

  .admin-task-card__facts, .admin-task-card__meta, .admin-task-card__message-details, .admin-task-card__subject > div:not(.admin-task-card__subject-head) {
    grid-template-columns: minmax(0, 1fr);
  }

  .admin-task-card__facts > div, .admin-task-card__meta > div, .admin-task-card__message-details > div, .admin-task-card__subject > div:not(.admin-task-card__subject-head) > div {
    gap: 4px;
    min-height: 0;
    padding: 9px 10px;
  }

  .admin-task-card__controls {
    min-width: 0;
  }

  .admin-task-card__secondary-actions {
    justify-content: stretch;
  }

  .admin-task-card__secondary-actions button, .admin-task-card__secondary-actions span {
    text-align: center;
    flex: calc(50% - 4px);
    justify-content: center;
    min-height: 38px;
  }

  .admin-task-card__subject-head {
    align-items: stretch;
    display: grid;
  }

  .admin-task-card__subject-head button {
    justify-content: center;
    width: 100%;
  }
}

.admin-task-card__facts {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.admin-task-card__facts > div {
  background: #f4f6f9;
  border: 0;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 0 10px;
  display: inline-flex;
}

.admin-task-card__facts span {
  color: #8a94a6;
  font-size: 11px;
  font-weight: 850;
}

.admin-task-card__facts strong {
  color: #4f5b6f;
  font-size: 12px;
  font-weight: 900;
}

@media (max-width: 760px) {
  .admin-task-card__facts {
    gap: 6px;
  }

  .admin-task-card__facts > div {
    min-height: 30px;
    padding: 0 9px;
  }
}

/* [project]/src/features/superadmin/superadmin.css [app-client] (css) */
.superadmin-cabinet {
  color: #1f2227;
  background: #f3f4f6;
  min-height: 100vh;
}

.superadmin-desktop {
  display: none;
}

.superadmin-mobile {
  min-height: 100vh;
  padding-bottom: calc(128px + env(safe-area-inset-bottom));
  background: #eeeeef;
}

.superadmin-mobile-header {
  z-index: 25;
  background: #fff;
  border-bottom: 1px solid #e1e4e9;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  min-height: 96px;
  padding: 18px 22px;
  display: flex;
  position: sticky;
  top: 0;
}

.superadmin-mobile-brand, .superadmin-brand {
  color: inherit;
  text-decoration: none;
}

.superadmin-mobile-brand {
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 0;
  font-size: 16px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-mobile-brand span, .superadmin-brand span {
  background: #ed001f;
  width: 32px;
  height: 32px;
}

.superadmin-mobile-header > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.superadmin-mobile-bell, .superadmin-mobile-profile {
  color: #202124;
  cursor: pointer;
  min-height: 48px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  text-decoration: none;
}

.superadmin-mobile-bell {
  place-items: center;
  width: 54px;
  display: grid;
  position: relative;
}

.superadmin-mobile-bell i, .superadmin-icon-button i, .superadmin-bottom-nav i, .superadmin-sidebar-nav i, .superadmin-mobile-menu i {
  color: #fff;
  background: #e0001b;
  border-radius: 999px;
  place-items: center;
  min-width: 19px;
  height: 19px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.superadmin-mobile-bell i {
  border: 2px solid #fff;
  position: absolute;
  top: -5px;
  right: -5px;
}

.superadmin-mobile-profile {
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 750;
  display: inline-flex;
}

.superadmin-mobile-profile span, .superadmin-profile-button span {
  color: #fff;
  background: #151619;
  border-radius: 999px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 18px;
  font-weight: 850;
  display: grid;
}

.superadmin-mobile-page {
  padding: 14px 0 24px;
}

.superadmin-mobile-profile-card {
  background: #fff;
  border-radius: 0 0 8px 8px;
  gap: 14px;
  padding: 32px 22px;
  display: grid;
}

.superadmin-mobile-profile-card__avatar {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  place-items: center;
  width: 72px;
  height: 72px;
  font-size: 32px;
  font-weight: 850;
  display: grid;
}

.superadmin-mobile-profile-card h1, .superadmin-mobile-profile-card p {
  margin: 0;
}

.superadmin-mobile-profile-card h1 {
  font-size: 28px;
  line-height: 1.12;
}

.superadmin-mobile-profile-card p {
  color: #69707d;
  font-size: 16px;
}

.superadmin-mobile-profile-card button {
  color: #202124;
  cursor: pointer;
  width: fit-content;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 750;
  display: inline-flex;
}

.superadmin-mobile-menu {
  background: #fff;
  border-top: 1px solid #e1e4e9;
  border-bottom: 1px solid #e1e4e9;
  display: grid;
  overflow: hidden;
}

.superadmin-mobile-menu button {
  color: #33363b;
  cursor: pointer;
  min-height: 58px;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #eef0f3;
  grid-template-columns: 38px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 0 22px;
  text-decoration: none;
  display: grid;
}

.superadmin-mobile-menu strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 19px;
  font-weight: 500;
  overflow: hidden;
}

.superadmin-mobile-menu-icon {
  color: #34373d;
  background: #f3f4f7;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  display: grid;
}

.superadmin-bottom-nav {
  z-index: 50;
  padding-bottom: max(env(safe-area-inset-bottom), 12px);
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  justify-content: center;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__inner {
  width: 100%;
  max-width: 560px;
  padding: 0 12px;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__bar {
  -webkit-backdrop-filter: blur(24px) saturate(1.25);
  pointer-events: auto;
  background: #ffffffb8;
  border: 1px solid #ffffff9e;
  border-radius: 999px;
  width: 100%;
  height: 56px;
  overflow: hidden;
  box-shadow: 0 10px 36px #0f172a29;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__track {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__pill {
  z-index: 20;
  -webkit-backdrop-filter: blur(24px);
  will-change: transform;
  background: linear-gradient(#fffffffa, #ffffffb8);
  border: 1px solid #ffffffbd;
  border-radius: 999px;
  height: 56px;
  transition: transform .32s cubic-bezier(.22, 1, .36, 1);
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 5px 22px #0f172a29;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons, .superadmin-bottom-nav .customer-mobile-bottom-nav__buttons {
  grid-template-columns: repeat(5, 1fr);
  display: grid;
  position: absolute;
  inset: 0;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons {
  z-index: 10;
  pointer-events: none;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons span {
  color: #4b5563;
  opacity: 1;
  align-content: center;
  place-items: center;
  gap: 2px;
  min-width: 0;
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  transition: opacity .18s, transform .18s;
  display: grid;
  position: relative;
  transform: scale(1);
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons span.is-hidden {
  opacity: 0;
  transform: scale(.9);
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons--active {
  z-index: 30;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons--active span {
  color: #1f2937;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__icons small {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__buttons {
  z-index: 40;
}

.superadmin-bottom-nav .customer-mobile-bottom-nav__buttons a {
  min-width: 44px;
  min-height: 44px;
  color: inherit;
  -webkit-user-drag: none;
  background: none;
  border: 0;
  outline: 0;
  text-decoration: none;
}

.superadmin-bottom-nav i {
  color: #fff;
  background: #ed001f;
  border: 2px solid #fff;
  border-radius: 999px;
  place-items: center;
  min-width: 15px;
  height: 15px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 7px;
  right: 12px;
}

@media (prefers-reduced-motion: reduce) {
  .superadmin-bottom-nav .customer-mobile-bottom-nav__pill {
    transition: none;
  }
}

.superadmin-page, .superadmin-stack {
  min-width: 0;
}

.superadmin-stack {
  gap: 18px;
  display: grid;
}

.superadmin-load-error {
  color: #181a1f;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 24px;
  display: grid;
}

.superadmin-load-error > svg {
  color: #d4112b;
}

.superadmin-load-error h1, .superadmin-load-error p {
  margin: 0;
}

.superadmin-load-error h1 {
  font-size: 20px;
  line-height: 1.2;
}

.superadmin-load-error p {
  color: #69707d;
  margin-top: 6px;
  line-height: 1.45;
}

.superadmin-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 46px;
  font: inherit;
  background: #151619;
  border: 0;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 800;
  transition: transform .16s, background-color .16s;
}

.superadmin-load-error button:hover {
  background: #2b2d31;
}

.superadmin-load-error button:active {
  transform: scale(.98);
}

.superadmin-inline-retry {
  color: #8f1d2c;
  background: #fff7f8;
  border: 1px solid #f0c3c8;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.superadmin-inline-retry p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.superadmin-inline-retry button {
  color: #65121f;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #d8a5ad;
  border-radius: 6px;
  padding: 0 14px;
  font-weight: 800;
  transition: transform .16s, background-color .16s;
}

.superadmin-inline-retry button:hover {
  background: #fff0f2;
}

.superadmin-inline-retry button:active {
  transform: scale(.98);
}

@media (max-width: 640px) {
  .superadmin-inline-retry {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .superadmin-inline-retry button {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.superadmin-mobile .superadmin-stack {
  padding: 0 14px;
}

.superadmin-mobile .superadmin-load-error {
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  margin: 0 14px;
  padding: 18px;
}

.superadmin-mobile .superadmin-load-error button {
  grid-column: 1 / -1;
  width: 100%;
}

.superadmin-mobile .superadmin-notes-page, .superadmin-mobile .superadmin-instructions-page {
  padding: 0 14px;
}

.superadmin-page-header {
  gap: 8px;
  display: grid;
}

.superadmin-page-header h1 {
  color: #181a1f;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 850;
}

.superadmin-page-header p {
  color: #69707d;
  max-width: 760px;
  margin: 0;
  font-size: 16px;
  line-height: 1.45;
}

.superadmin-back-link {
  color: #202124;
  cursor: pointer;
  width: fit-content;
  min-height: 40px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-panel, .superadmin-summary-card, .superadmin-form-panel, .superadmin-empty {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
}

.superadmin-panel, .superadmin-form-panel, .superadmin-empty {
  padding: 18px;
}

.superadmin-panel h2 {
  margin: 0 0 14px;
  font-size: 20px;
}

.superadmin-panel-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 14px;
  display: flex;
}

.superadmin-panel-head h2, .superadmin-panel-head p {
  margin: 0;
}

.superadmin-panel-head p {
  color: #69707d;
  margin-top: 4px;
  line-height: 1.4;
}

.superadmin-status-pill {
  color: #69707d;
  white-space: nowrap;
  background: #f1f3f6;
  border-radius: 999px;
  align-items: center;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-status-pill.is-success {
  color: #1f7a3d;
  background: #eaf7ef;
}

.superadmin-status-pill.is-warning {
  color: #805300;
  background: #fff3d6;
}

.superadmin-summary-grid, .superadmin-profile-grid {
  gap: 12px;
  display: grid;
}

.superadmin-summary-card {
  align-content: space-between;
  min-height: 112px;
  padding: 16px;
  display: grid;
}

.superadmin-summary-card span, .superadmin-panel small, .superadmin-table small, .superadmin-history-row span {
  color: #69707d;
}

.superadmin-summary-card strong {
  font-size: 32px;
  font-weight: 850;
}

.superadmin-profile-main {
  align-items: center;
  gap: 14px;
  display: flex;
}

.superadmin-profile-main > span {
  color: #fff;
  background: #151619;
  border-radius: 999px;
  place-items: center;
  width: 58px;
  height: 58px;
  font-size: 28px;
  font-weight: 850;
  display: grid;
}

.superadmin-profile-main h2, .superadmin-profile-main p {
  margin: 0;
}

.superadmin-tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
  display: flex;
}

.superadmin-tags span, .superadmin-status {
  color: #4f5662;
  background: #f1f3f6;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}

.superadmin-status.is-active {
  color: #218044;
  background: #ecf8f0;
}

.superadmin-status.is-incomplete {
  color: #986800;
  background: #fff4df;
}

.superadmin-status.is-blocked {
  color: #c82626;
  background: #fff0f0;
}

.superadmin-status.is-deactivated {
  color: #5f6876;
  background: #f1f3f6;
}

.superadmin-search {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 14px;
  display: flex;
}

.superadmin-search input {
  color: #1f2227;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  flex: 1;
}

.superadmin-users-toolbar {
  align-items: center;
  gap: 12px;
  display: grid;
}

.superadmin-add-user-button {
  color: #202124;
  cursor: pointer;
  width: fit-content;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-users-toolbar > div:first-child {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-content: center;
  gap: 2px;
  min-height: 72px;
  padding: 12px 16px;
  display: grid;
}

.superadmin-users-toolbar span, .superadmin-section-caption {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-mobile-profile-stack {
  gap: 14px;
  display: grid;
}

.superadmin-mobile-profile-settings {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  margin: 0 14px;
  padding: 18px;
}

.superadmin-mobile-hub {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 22px;
  gap: 14px;
  margin: 0 14px 110px;
  padding: 18px;
  display: grid;
}

.superadmin-mobile-hub p, .superadmin-mobile-hub h2 {
  margin: 0;
}

.superadmin-mobile-hub p {
  color: #8a93a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.superadmin-mobile-hub h2 {
  margin-top: 4px;
  font-size: 22px;
  line-height: 1.1;
}

.superadmin-mobile-hub__grid {
  grid-template-columns: 1fr;
  gap: 10px;
  display: grid;
}

.superadmin-mobile-hub__grid button {
  color: #202329;
  cursor: pointer;
  min-height: 54px;
  font: inherit;
  text-align: left;
  background: #f6f8fb;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  font-weight: 850;
  display: grid;
}

.superadmin-mobile-hub__grid svg {
  color: #667085;
}

.superadmin-users-toolbar strong {
  font-size: 30px;
  line-height: 1;
}

.superadmin-role-filters, .superadmin-recipient-mode, .superadmin-editor-toolbar {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.superadmin-role-filters button, .superadmin-recipient-mode button, .superadmin-editor-toolbar button {
  color: #333842;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 750;
}

.superadmin-role-filters button.is-active, .superadmin-recipient-mode button.is-active {
  color: #fff;
  background: #111214;
  border-color: #111214;
}

.superadmin-user-list, .superadmin-order-list {
  gap: 10px;
  display: grid;
}

.superadmin-user-card, .superadmin-order-card, .superadmin-editor-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
}

.superadmin-user-card__summary {
  grid-template-columns: 44px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.superadmin-user-card__avatar {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 20px;
  font-weight: 850;
  display: grid;
}

.superadmin-user-card__summary strong, .superadmin-user-card__summary small {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.superadmin-user-card__summary small {
  color: #69707d;
}

.superadmin-user-card__summary > button {
  color: #202124;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 750;
}

.superadmin-user-card__details {
  border-top: 1px solid #eef0f3;
  gap: 14px;
  padding: 0 14px 14px;
  display: grid;
}

.superadmin-user-card__fields {
  gap: 8px;
  display: grid;
}

.superadmin-user-card__fields p {
  gap: 3px;
  margin: 0;
  display: grid;
}

.superadmin-user-card__fields span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-table {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  overflow: hidden;
}

.superadmin-table-head, .superadmin-table-row {
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: grid;
}

.superadmin-table-head {
  color: #69707d;
  background: #f7f8fa;
  border-bottom: 1px solid #dfe3ea;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-table-row {
  border-bottom: 1px solid #eef0f3;
}

.superadmin-table-row:last-child {
  border-bottom: 0;
}

.superadmin-table-row strong, .superadmin-table-row small {
  display: block;
}

.superadmin-table-row.is-users, .superadmin-table-head.is-users {
  grid-template-columns: minmax(220px, 1.3fr) minmax(180px, 1fr) 170px minmax(260px, 1.2fr);
}

.superadmin-table-row.is-orders, .superadmin-table-head.is-orders {
  grid-template-columns: minmax(220px, 1.4fr) minmax(180px, 1fr) 150px 150px;
}

.superadmin-table-row.is-audit, .superadmin-table-head.is-audit {
  grid-template-columns: minmax(220px, 1fr) 170px 160px;
}

.superadmin-row-actions {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.superadmin-row-actions button, .superadmin-city-row button, .superadmin-location-detect {
  color: #23262c;
  cursor: pointer;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-row-actions button.is-active {
  color: #fff;
  background: #151619;
  border-color: #151619;
}

.superadmin-form-panel {
  gap: 14px;
  max-width: 720px;
  display: grid;
}

.superadmin-mailing-form {
  max-width: 980px;
}

.superadmin-mailing-queue {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 18px;
  max-width: 1100px;
  padding: 22px;
  display: grid;
}

.superadmin-mailing-queue__header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.superadmin-mailing-queue__header span {
  color: #e30613;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-mailing-queue__header h2, .superadmin-mailing-queue__header p {
  margin: 4px 0 0;
}

.superadmin-mailing-queue__header p {
  color: #69707d;
}

.superadmin-mailing-queue__header button {
  color: #202124;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 14px;
  font-weight: 800;
}

.superadmin-mailing-campaigns {
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.superadmin-mailing-campaign {
  background: #fbfcfd;
  border: 1px solid #e2e6ec;
  border-radius: 8px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.superadmin-mailing-campaign__topline {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.superadmin-mailing-campaign__topline > div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.superadmin-mailing-campaign__topline strong {
  overflow-wrap: anywhere;
  font-size: 17px;
}

.superadmin-mailing-campaign__topline > div span, .superadmin-mailing-campaign > p {
  color: #69707d;
}

.superadmin-mailing-campaign > p {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  margin: 0;
}

.superadmin-mailing-status {
  color: #525966;
  background: #eef1f5;
  border-radius: 999px;
  flex: none;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-mailing-status.is-processing, .superadmin-mailing-status.is-queued {
  color: #775400;
  background: #fff4d6;
}

.superadmin-mailing-status.is-completed {
  color: #17653a;
  background: #e8f7ee;
}

.superadmin-mailing-status.is-completed_with_errors, .superadmin-mailing-status.is-cancelled {
  color: #a11c27;
  background: #fff0f0;
}

.superadmin-mailing-progress {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.superadmin-mailing-progress i {
  background: #e8ebf0;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.superadmin-mailing-progress i b {
  border-radius: inherit;
  background: #151619;
  height: 100%;
  transition: width .3s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.superadmin-mailing-progress > strong {
  text-align: right;
  min-width: 40px;
}

.superadmin-mailing-campaign dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  display: grid;
}

.superadmin-mailing-campaign dl > div {
  background: #f0f2f5;
  border-radius: 8px;
  gap: 4px;
  padding: 10px 12px;
  display: grid;
}

.superadmin-mailing-campaign dt {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-mailing-campaign dd {
  margin: 0;
  font-size: 16px;
  font-weight: 850;
}

.superadmin-mailing-campaign dl > div.has-errors {
  color: #a11c27;
  background: #fff0f0;
}

.superadmin-mailing-queue__skeleton {
  gap: 10px;
  display: grid;
}

.superadmin-mailing-queue__skeleton span {
  background: linear-gradient(90deg, #f0f2f5 20%, #f7f8fa 50%, #f0f2f5 80%) 0 0 / 220% 100%;
  border-radius: 8px;
  height: 112px;
  animation: 1.4s ease-in-out infinite superadmin-skeleton;
}

.superadmin-form-panel label, .superadmin-location-dropdown label {
  gap: 7px;
  display: grid;
}

.superadmin-form-panel label span, .superadmin-location-dropdown label span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-form-panel input, .superadmin-form-panel select, .superadmin-form-panel textarea, .superadmin-location-dropdown input {
  color: #1f2227;
  width: 100%;
  font: inherit;
  background: #f5f6f9;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 13px 14px;
}

.superadmin-form-panel textarea {
  resize: vertical;
}

.superadmin-primary-button {
  color: #fff;
  cursor: pointer;
  width: fit-content;
  min-height: 46px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-primary-button:disabled {
  color: #777f8d;
  background: #d9dee7;
}

.superadmin-secondary-button {
  color: #1d1f23;
  cursor: pointer;
  width: fit-content;
  min-height: 46px;
  font: inherit;
  background: #f3f4f7;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-weight: 800;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-secondary-button:hover:not(:disabled) {
  background: #fff;
  border-color: #c8d0dc;
  transform: translateY(-1px);
}

.superadmin-secondary-button:disabled {
  color: #8b93a1;
  cursor: not-allowed;
  transform: none;
}

.superadmin-field-error {
  color: #df2b22;
  width: 100%;
  margin: 4px 0 0;
  font-size: 13px;
  font-weight: 650;
}

.superadmin-profile-field.is-error input, .superadmin-profile-field.is-error textarea, .superadmin-avatar-editor.is-error .superadmin-user-avatar {
  border-color: #df2b22;
  box-shadow: 0 0 0 3px #df2b221a;
}

.superadmin-action-button {
  color: #fff;
  cursor: pointer;
  width: fit-content;
  min-height: 42px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 800;
  transition: background-color .16s, opacity .16s, transform .16s;
  display: inline-flex;
}

.superadmin-action-button:disabled, .superadmin-inline-edit button:disabled, .superadmin-notify-user button:disabled, .superadmin-row-actions button:disabled {
  cursor: default;
  opacity: .68;
}

.superadmin-button-spinner {
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 999px;
  flex: none;
  width: 16px;
  height: 16px;
  animation: .74s linear infinite superadmin-spin;
  display: inline-block;
}

@keyframes superadmin-spin {
  to {
    transform: rotate(360deg);
  }
}

.superadmin-result-box {
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.superadmin-result-box strong {
  overflow-wrap: anywhere;
}

.superadmin-recipient-results {
  gap: 6px;
  display: grid;
}

.superadmin-recipient-results > div {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  display: grid;
}

.superadmin-recipient-results button {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 3px;
  padding: 10px 12px;
  display: grid;
}

.superadmin-recipient-results > div.is-active button:first-child, .superadmin-recipient-results button.is-active {
  background: #f0f1f3;
  border-color: #111214;
}

.superadmin-recipient-results span, .superadmin-file-field small {
  color: #69707d;
  font-size: 12px;
}

.superadmin-user-search-panel, .superadmin-file-field {
  gap: 8px;
  display: grid;
}

.superadmin-file-field input[type="file"] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.superadmin-file-trigger {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  align-items: center;
  width: fit-content;
  min-height: 38px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-create-user, .superadmin-inline-edit, .superadmin-notify-user, .superadmin-filter-grid, .superadmin-task-setting-row {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 10px;
  padding: 14px;
  display: grid;
}

.superadmin-create-user {
  background: none;
  border: 0;
  flex-direction: column;
  align-items: stretch;
  gap: 18px;
  padding: 0;
  display: flex;
}

.superadmin-create-user__fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.superadmin-create-user__role {
  grid-column: 1 / -1;
}

.superadmin-create-user label, .superadmin-inline-edit label, .superadmin-filter-grid label, .superadmin-task-setting-row label {
  gap: 6px;
  display: grid;
}

.superadmin-create-user span, .superadmin-inline-edit span, .superadmin-filter-grid span, .superadmin-task-setting-row span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-create-user input, .superadmin-create-user select, .superadmin-inline-edit input, .superadmin-inline-edit select, .superadmin-filter-grid select, .superadmin-task-setting-row input, .superadmin-editor-panel input {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 11px 12px;
}

.superadmin-create-user label.is-error input {
  border-color: #df2b22;
}

.superadmin-create-user button, .superadmin-inline-edit button, .superadmin-notify-user button, .superadmin-task-setting-row button {
  color: #fff;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  font-weight: 800;
}

.superadmin-user-inspector {
  gap: 12px;
  display: grid;
}

.superadmin-detail-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.superadmin-user-stat-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.superadmin-mini-metric {
  background: #f8f9fb;
  border: 1px solid #e4e8ee;
  border-radius: 8px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.superadmin-mini-metric span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-mini-metric strong {
  font-size: 20px;
}

.superadmin-payout-list {
  gap: 12px;
  display: grid;
}

.superadmin-section-heading {
  justify-content: space-between;
  align-items: end;
  gap: 16px;
  margin-top: 10px;
  display: flex;
}

.superadmin-section-heading span {
  color: #69707d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-section-heading h2 {
  margin: 4px 0 0;
  font-size: 24px;
  line-height: 1.1;
}

.superadmin-section-heading p {
  color: #69707d;
  max-width: 760px;
  margin: 8px 0 0;
  line-height: 1.45;
}

.superadmin-empty--compact {
  min-height: 0;
  padding: 24px;
}

.superadmin-payout-card {
  min-height: 132px;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both superadmin-slide-up;
  animation-delay: var(--delay, 0s);
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1.4fr) minmax(220px, .6fr) minmax(260px, auto);
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: grid;
}

.superadmin-payout-card--recovery {
  background: snow;
  border-color: #f1c7c9;
}

.superadmin-payout-card--recovery .superadmin-payout-card__main b {
  color: #b4232c;
}

.superadmin-payout-card__main, .superadmin-payout-card__amount {
  gap: 6px;
  display: grid;
}

.superadmin-payout-card__main span, .superadmin-payout-card__amount span, .superadmin-payout-card__main small, .superadmin-payout-card__amount small {
  color: #69707d;
  font-weight: 750;
}

.superadmin-payout-card__main h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.08;
}

.superadmin-payout-card__main p {
  color: #30343b;
  margin: 0;
}

.superadmin-payout-card__main b {
  color: #555f6f;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-payout-details {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 18px;
  display: grid;
}

.superadmin-payout-details p {
  overflow-wrap: anywhere;
  background: #f7f8fa;
  border: 1px solid #dce2ea;
  border-radius: 8px;
  gap: 5px;
  margin: 0;
  padding: 12px 14px;
  display: grid;
}

.superadmin-payout-details span {
  color: #6d7685;
  font-size: 12px;
  font-weight: 700;
}

.superadmin-payout-details strong {
  color: #1c2026;
  font-size: 14px;
}

.superadmin-payout-proof-upload {
  cursor: pointer;
  background: #f7f8fa;
  border: 1px dashed #bfc7d3;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  min-height: 72px;
  margin-top: 12px;
  padding: 14px 16px;
  transition: border-color .16s, background-color .16s, transform .16s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.superadmin-payout-proof-upload:hover {
  background: #fff;
  border-color: #111214;
  transform: translateY(-1px);
}

.superadmin-payout-proof-upload > span {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.superadmin-payout-proof-upload strong, .superadmin-payout-proof-upload small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.superadmin-payout-proof-upload small {
  color: #697283;
}

.superadmin-payout-proof-upload > i {
  background: #111214;
  height: 3px;
  transition: width .12s linear;
  position: absolute;
  bottom: 0;
  left: 0;
}

.superadmin-payout-details.is-loading i {
  background: linear-gradient(90deg, #eef1f5 25%, #f8f9fb 50%, #eef1f5 75%) 0 0 / 200% 100%;
  border-radius: 8px;
  min-height: 64px;
  animation: 1.2s linear infinite superadmin-shimmer;
}

@media (max-width: 640px) {
  .superadmin-payout-details {
    grid-template-columns: 1fr;
  }
}

.superadmin-payout-card__amount strong {
  font-size: 30px;
  line-height: 1;
}

.superadmin-payout-card__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.superadmin-payout-card__actions button {
  color: #20242b;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #f8f9fb;
  border: 1px solid #dfe5ee;
  border-radius: 12px;
  padding: 0 12px;
  font-weight: 800;
  transition: background .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-payout-card__actions button.is-primary {
  color: #fff;
  background: #111214;
  border-color: #111214;
}

.superadmin-payout-card__actions button.is-danger {
  color: #d5222f;
}

.superadmin-payout-card__actions button.is-primary.is-danger {
  color: #fff;
  background: #d5222f;
  border-color: #d5222f;
}

.superadmin-payout-card__actions button:disabled {
  cursor: default;
  opacity: .62;
}

.superadmin-payout-card.is-loading {
  grid-template-columns: 1fr;
  gap: 10px;
}

.superadmin-payout-card.is-loading i {
  background: linear-gradient(90deg, #edf0f5, #f8f9fb, #edf0f5) 0 0 / 240% 100%;
  border-radius: 999px;
  height: 18px;
  animation: 1.1s ease-in-out infinite superadmin-shimmer;
}

.superadmin-payout-card.is-loading i:first-child {
  width: min(420px, 75%);
  height: 28px;
}

.superadmin-payout-card.is-loading i:last-child {
  width: min(260px, 50%);
}

@keyframes superadmin-slide-up {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes superadmin-shimmer {
  0% {
    background-position: 120% 0;
  }

  100% {
    background-position: -120% 0;
  }
}

.superadmin-inline-edit {
  background: #f8f9fb;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: end;
}

.superadmin-inline-edit h2 {
  grid-column: 1 / -1;
  margin: 0;
}

.superadmin-inline-edit > button {
  justify-self: start;
}

.superadmin-profile-field input, .superadmin-profile-field textarea, .superadmin-inline-edit input, .superadmin-notify-user textarea, .superadmin-notify-user input {
  transition: border-color .16s, box-shadow .16s, background-color .16s;
}

.superadmin-avatar-editor {
  gap: 8px;
  width: fit-content;
  display: grid;
}

.superadmin-avatar-preview-button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  padding: 0;
  display: block;
}

.superadmin-avatar-preview-button:disabled {
  cursor: default;
}

.superadmin-avatar-preview-button:not(:disabled):hover .superadmin-user-avatar {
  box-shadow: 0 12px 26px #1f22272e;
}

.superadmin-avatar-preview-button:not(:disabled):focus-visible {
  outline: 0;
}

.superadmin-avatar-preview-button:not(:disabled):focus-visible .superadmin-user-avatar {
  box-shadow: 0 0 0 3px #1516191f, 0 12px 26px #1f222729;
}

.superadmin-avatar-editor .superadmin-user-avatar {
  border: 1px solid #0000;
  transition: border-color .16s, box-shadow .16s;
}

.superadmin-avatar-button {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 800;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: inline-flex;
}

.superadmin-avatar-button:hover {
  border-color: #bdc5d1;
  box-shadow: 0 8px 20px #1f222714;
}

.superadmin-avatar-button input {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.superadmin-avatar-status {
  color: #69707d;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.superadmin-avatar-viewer {
  z-index: 80;
  place-items: center;
  padding: 24px;
  display: grid;
  position: fixed;
  inset: 0;
}

.superadmin-avatar-viewer__backdrop {
  cursor: zoom-out;
  background: #0a0b0dc7;
  border: 0;
  position: absolute;
  inset: 0;
}

.superadmin-avatar-viewer__panel {
  z-index: 1;
  background: #fff;
  border-radius: 8px;
  gap: 14px;
  width: min(720px, 100%);
  padding: 14px;
  display: grid;
  position: relative;
  box-shadow: 0 24px 70px #00000047;
}

.superadmin-avatar-viewer__top {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.superadmin-avatar-viewer__top div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.superadmin-avatar-viewer__top strong, .superadmin-avatar-viewer__top span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.superadmin-avatar-viewer__top span {
  color: #69707d;
  font-size: 13px;
  font-weight: 650;
}

.superadmin-avatar-viewer__top button {
  color: #202124;
  cursor: pointer;
  background: #f7f8fa;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.superadmin-avatar-viewer img {
  object-fit: contain;
  background: #f1f3f6;
  border-radius: 8px;
  width: 100%;
  max-height: min(72vh, 760px);
  display: block;
}

.superadmin-user-profile-layout {
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.superadmin-user-profile-layout .superadmin-notify-user {
  grid-column: 1 / -1;
}

.superadmin-questionnaire-review {
  background: #fffaf1;
  border-color: #f0c98b;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  display: grid;
}

.superadmin-questionnaire-review__heading {
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.superadmin-questionnaire-review__heading > div {
  min-width: 0;
}

.superadmin-questionnaire-review__heading span:first-child {
  color: #8a5a11;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.superadmin-questionnaire-review__heading h2, .superadmin-questionnaire-review__heading p {
  margin: 0;
}

.superadmin-questionnaire-review__heading p {
  color: #686158;
  margin-top: 5px;
  line-height: 1.45;
}

.superadmin-questionnaire-review__status {
  color: #795016;
  background: #f8e8ca;
  border-radius: 999px;
  flex: none;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-questionnaire-review > .superadmin-modal-action {
  min-width: 190px;
}

.superadmin-questionnaire-review > .superadmin-field-error {
  grid-column: 1 / -1;
}

.superadmin-partner-approval {
  align-content: start;
}

.superadmin-partner-approval__heading, .superadmin-partner-approval__actions {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.superadmin-partner-approval__heading h2, .superadmin-partner-approval__heading p, .superadmin-partner-approval__reason p {
  margin: 0;
}

.superadmin-partner-approval__heading p {
  color: #69707d;
  margin-top: 5px;
  line-height: 1.4;
}

.superadmin-partner-approval__status {
  color: #4f5662;
  background: #eef0f3;
  border-radius: 999px;
  flex: none;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-partner-approval__status.is-approved {
  color: #236a3a;
  background: #e9f7ee;
}

.superadmin-partner-approval__status.is-rejected {
  color: #a22d25;
  background: #fff0ee;
}

.superadmin-partner-approval__reason {
  background: #fff7f6;
  border-left: 3px solid #e5484d;
  padding: 10px 12px;
}

.superadmin-partner-approval__reason p {
  color: #6e3a36;
  margin-top: 4px;
  line-height: 1.45;
}

.superadmin-partner-approval__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
}

.superadmin-partner-approval__actions .superadmin-modal-action.is-primary {
  color: #fff;
  background: #111214;
}

.superadmin-partner-approval__skeleton {
  gap: 8px;
  display: grid;
}

.superadmin-partner-approval__skeleton i {
  background: linear-gradient(90deg, #eef0f3 20%, #f7f8fa 50%, #eef0f3 80%) 0 0 / 200% 100%;
  border-radius: 8px;
  height: 44px;
  animation: 1.3s linear infinite superadmin-skeleton;
}

.superadmin-role-toggle-grid {
  gap: 10px;
  display: grid;
}

.superadmin-role-toggle {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 5px;
  padding: 12px;
  transition: border-color .16s, box-shadow .16s, background-color .16s;
  display: grid;
}

.superadmin-role-toggle:hover {
  border-color: #bdc5d1;
  box-shadow: 0 10px 24px #1f222714;
}

.superadmin-role-toggle.is-active {
  background: #f7f8fa;
  border-color: #151619;
}

.superadmin-role-toggle span {
  font-size: 16px;
  font-weight: 850;
}

.superadmin-role-toggle strong {
  color: #69707d;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.35;
}

.superadmin-role-toggle i {
  color: #4f5662;
  background: #eef1f5;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  width: fit-content;
  padding: 5px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-role-toggle.is-active i {
  color: #218044;
  background: #ecf8f0;
}

.superadmin-user-sections {
  gap: 14px;
  display: grid;
}

.superadmin-user-section-nav {
  z-index: 4;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #fffffff0;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px;
  display: flex;
  position: sticky;
  top: 10px;
}

.superadmin-user-section-nav button {
  color: #202124;
  cursor: pointer;
  font: inherit;
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 8px 10px;
  font-size: 13px;
  font-weight: 850;
}

.superadmin-user-section-nav.is-skeleton span {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 220% 100%;
  border-radius: 8px;
  width: 92px;
  height: 34px;
  animation: 1.2s ease-in-out infinite superadmin-skeleton;
}

.superadmin-user-section {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.superadmin-user-section > header {
  border-bottom: 1px solid #eef0f3;
  gap: 4px;
  padding-bottom: 12px;
  display: grid;
}

.superadmin-user-section h2, .superadmin-user-section h3, .superadmin-user-section p {
  margin: 0;
}

.superadmin-user-section > header p {
  color: #69707d;
}

.superadmin-user-info-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.superadmin-user-info-grid p {
  background: #f8f9fb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  gap: 5px;
  min-width: 0;
  padding: 11px 12px;
  display: grid;
}

.superadmin-user-info-grid span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-user-info-grid strong {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  line-height: 1.35;
}

.superadmin-user-section__split {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-user-subsection {
  gap: 10px;
  display: grid;
}

.superadmin-passport-replacement {
  background: #fff7f8;
  border: 1px solid #f0c9cd;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 14px;
  display: flex;
}

.superadmin-passport-replacement > div {
  gap: 4px;
  display: grid;
}

.superadmin-passport-replacement p {
  color: #69707d;
  font-size: 13px;
  line-height: 1.45;
}

.superadmin-passport-replacement__button {
  color: #b60d22;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9122b;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 15px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-passport-replacement__button:hover {
  background: #fff0f2;
}

.superadmin-portfolio-list, .superadmin-review-list {
  gap: 10px;
  display: grid;
}

.superadmin-portfolio-card, .superadmin-review-card {
  background: #f8f9fb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.superadmin-portfolio-photos {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.superadmin-portfolio-photos span {
  background: #e8ebf0;
  border-radius: 8px;
  width: 74px;
  height: 74px;
  overflow: hidden;
}

.superadmin-portfolio-photos img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.superadmin-passport-files {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.superadmin-passport-file {
  color: #202124;
  text-align: left;
  cursor: zoom-in;
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  display: grid;
}

.superadmin-passport-file:disabled {
  cursor: default;
}

.superadmin-passport-file span {
  color: #69707d;
  background: #eef1f5;
  border-radius: 8px;
  place-items: center;
  height: 160px;
  display: grid;
  overflow: hidden;
}

.superadmin-passport-file img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.superadmin-passport-file strong, .superadmin-passport-file small {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.superadmin-passport-file strong {
  font-size: 14px;
  font-weight: 850;
}

.superadmin-passport-file small {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
}

.superadmin-passport-file.is-empty {
  opacity: .72;
}

.superadmin-review-card small {
  color: #69707d;
}

.superadmin-detail-column, .superadmin-notify-user {
  border-top: 1px solid #eef0f3;
  padding-top: 12px;
}

.superadmin-mini-row {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  margin: 8px 0 0;
  display: grid;
}

.superadmin-mini-row span {
  color: #69707d;
}

.superadmin-mini-row a {
  color: #202124;
  text-underline-offset: 3px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: underline;
}

.superadmin-notify-user input, .superadmin-notify-user textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 11px 12px;
}

.superadmin-preview-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.superadmin-preview-panel > button {
  color: #69707d;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  justify-self: end;
  font-weight: 750;
}

.superadmin-filter-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.superadmin-order-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-order-card:hover {
  background: #fbfcfd;
  border-color: #ccd3df;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f172a0f;
}

.superadmin-order-card__summary {
  border-radius: inherit;
  color: #202124;
  cursor: pointer;
  width: 100%;
  min-height: 112px;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: grid;
}

.superadmin-order-card__summary > div {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.superadmin-order-card__summary strong {
  color: #202124;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 16px;
  font-weight: 850;
}

.superadmin-order-card__summary small {
  color: #69707d;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  font-size: 13px;
  line-height: 1.35;
  display: inline-flex;
}

.superadmin-order-card__summary > strong {
  white-space: nowrap;
  font-size: 17px;
  font-weight: 850;
}

.superadmin-order-card__summary > span:last-child {
  color: #fff;
  background: #202124;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-order-detail {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  gap: 16px;
  padding: 22px;
  display: grid;
}

.superadmin-order-edit {
  gap: 14px;
  display: grid;
}

.superadmin-order-edit label, .superadmin-order-edit-field, .superadmin-order-edit__readonly-field {
  gap: 7px;
  min-width: 0;
  display: grid;
}

.superadmin-order-edit label > span, .superadmin-order-edit-field > span, .superadmin-order-edit__readonly-field > span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-order-edit__readonly-field strong {
  color: #202124;
  background: #f7f8fb;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  align-items: center;
  min-height: 50px;
  padding: 13px 15px;
  font-size: 17px;
  font-weight: 850;
  display: flex;
}

.superadmin-order-edit input, .superadmin-order-edit-field input, .superadmin-order-edit-field textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 9px;
  outline: none;
  padding: 13px 15px;
  font-size: 17px;
  font-weight: 750;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-order-edit-field textarea {
  resize: vertical;
  min-height: 130px;
  line-height: 1.45;
}

.superadmin-order-edit input:focus, .superadmin-order-edit-field input:focus, .superadmin-order-edit-field textarea:focus {
  border-color: #111;
  box-shadow: 0 0 0 4px #11111114;
}

.superadmin-order-edit input.is-invalid, .superadmin-order-edit-field input.is-invalid, .superadmin-order-edit-field textarea.is-invalid {
  background: #fff7f7;
  border-color: #ef4444;
}

.superadmin-order-edit__head {
  grid-template-columns: minmax(0, 1fr) minmax(180px, 260px);
  align-items: start;
  gap: 12px;
  display: grid;
}

.superadmin-order-address-input {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  display: grid;
}

.superadmin-order-address-input svg {
  color: #6b7280;
}

.superadmin-order-edit__actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  display: flex;
}

.superadmin-order-edit__actions > span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.superadmin-order-request-contact {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.superadmin-order-request-contact > div {
  background: #f7f8fb;
  border: 1px solid #dfe3ea;
  border-radius: 9px;
  gap: 5px;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.superadmin-order-request-contact span {
  color: #6b7280;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-order-request-contact strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 16px;
  font-weight: 850;
  line-height: 1.25;
}

.superadmin-order-save-success {
  color: #16834a;
  margin: 0;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-danger-button {
  color: #fff;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #d9001b;
  border: 1px solid #d9001b;
  border-radius: 8px;
  padding: 0 16px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-danger-button:hover:not(:disabled) {
  background: #b90017;
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #d9001b2e;
}

.superadmin-danger-button:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.superadmin-order-description-save {
  width: fit-content;
}

.superadmin-order-detail > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.superadmin-order-detail h1 {
  margin: 10px 0 8px;
  font-size: clamp(30px, 3vw, 44px);
  line-height: 1.05;
}

.superadmin-order-detail p {
  color: #69707d;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-size: 15px;
  display: flex;
}

.superadmin-order-detail > header > strong {
  white-space: nowrap;
  font-size: 30px;
  font-weight: 850;
}

.superadmin-order-detail__facts, .superadmin-order-detail-grid {
  gap: 12px;
  display: grid;
}

.superadmin-order-detail__facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.superadmin-order-detail-grid {
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
}

.superadmin-order-control-panel, .superadmin-order-ledger, .superadmin-order-audit, .superadmin-order-history {
  gap: 14px;
  display: grid;
}

.superadmin-order-control-panel > div:first-child {
  gap: 5px;
  display: grid;
}

.superadmin-order-control-panel h2, .superadmin-order-ledger h2, .superadmin-order-audit h2, .superadmin-order-history h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.superadmin-order-control-panel p {
  color: #69707d;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.superadmin-order-control-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.superadmin-order-control-actions button {
  min-width: 180px;
}

.superadmin-order-ledger__list, .superadmin-order-audit__list, .superadmin-order-history__list {
  gap: 10px;
  display: grid;
}

.superadmin-order-ledger__payout-link {
  color: #202124;
  border: 1px solid #d9dee7;
  border-radius: 8px;
  align-items: center;
  width: fit-content;
  min-height: 42px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s, background-color .16s, transform .16s;
  display: inline-flex;
}

.superadmin-order-ledger__payout-link:hover {
  background: #f6f7f9;
  border-color: #b9c0cc;
  transform: translateY(-1px);
}

.superadmin-order-ledger__payout-link:active {
  transform: translateY(0)scale(.98);
}

.superadmin-order-ledger-row, .superadmin-order-audit-row, .superadmin-order-history-row {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) minmax(190px, .45fr);
  align-items: start;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.superadmin-order-history-row {
  grid-template-columns: minmax(0, 1fr) minmax(210px, .35fr);
}

.superadmin-order-ledger-row > div, .superadmin-order-audit-row > div, .superadmin-order-history-row > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.superadmin-order-ledger-row > div:last-child, .superadmin-order-audit-row > div:last-child, .superadmin-order-history-row > div:last-child {
  text-align: right;
  justify-items: end;
}

.superadmin-order-ledger-row strong, .superadmin-order-audit-row strong, .superadmin-order-history-row strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 850;
}

.superadmin-order-ledger-row span, .superadmin-order-audit-row span, .superadmin-order-history-row span {
  color: #69707d;
  overflow-wrap: anywhere;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-inline-user-link {
  color: #202124;
  border-bottom: 1px solid #d9001b;
  align-items: center;
  width: fit-content;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-inline-user-link:hover {
  color: #d9001b;
  border-color: #a70016;
}

.superadmin-order-content {
  gap: 16px;
}

.superadmin-order-tabs {
  border-bottom: 1px solid #eef0f3;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 12px;
  display: flex;
}

.superadmin-order-tabs button {
  color: #69707d;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  padding: 0 12px;
  font-weight: 850;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-order-tabs button:hover {
  color: #202124;
  background: #f5f6f9;
}

.superadmin-order-tabs button.is-active {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.superadmin-order-tab-panel, .superadmin-order-description {
  gap: 14px;
  display: grid;
}

.superadmin-order-description article {
  gap: 8px;
  display: grid;
}

.superadmin-order-description h3 {
  margin: 0;
  font-size: 16px;
}

.superadmin-order-description p {
  color: #3d4149;
  margin: 0;
  line-height: 1.55;
}

.superadmin-order-work-types {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.superadmin-order-work-types span {
  color: #202124;
  background: #f1f3f6;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-order-file-grid {
  gap: 10px;
  display: grid;
}

.superadmin-order-file-grid.is-media {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.superadmin-order-file-grid a {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  text-decoration: none;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-order-file-grid a:hover {
  background: #fbfcfd;
  border-color: #c8d0dc;
  transform: translateY(-1px);
  box-shadow: 0 10px 22px #0f172a0f;
}

.superadmin-order-file-grid a > span {
  color: #69707d;
  background: #f1f3f6;
  border-radius: 8px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.superadmin-order-file-grid img {
  object-fit: cover;
  background: #eef0f3;
  border-radius: 7px;
  grid-column: 1 / -1;
  width: 100%;
  height: 112px;
}

.superadmin-order-file-grid strong, .superadmin-order-file-grid small {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.superadmin-order-file-grid small {
  color: #69707d;
  margin-top: 3px;
  font-size: 12px;
}

.superadmin-order-timeline {
  gap: 10px;
  display: grid;
}

.superadmin-order-timeline p {
  background: #f8f9fb;
  border: 1px solid #eef0f3;
  border-radius: 8px;
  gap: 4px;
  margin: 0;
  padding: 12px 12px 12px 34px;
  display: grid;
  position: relative;
}

.superadmin-order-timeline p:before {
  content: "";
  background: #fff;
  border: 2px solid #b6bdc8;
  border-radius: 999px;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 16px;
  left: 13px;
}

.superadmin-order-timeline p.is-active:before {
  background: #e0001b;
  border-color: #e0001b;
}

.superadmin-order-timeline span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-order-timeline strong {
  font-size: 14px;
}

.superadmin-order-admin-tasks {
  gap: 14px;
  display: grid;
}

.superadmin-order-admin-tasks__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-order-admin-tasks__head h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.superadmin-order-admin-tasks__head span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-order-admin-tasks__list {
  gap: 10px;
  display: grid;
}

.superadmin-order-admin-task {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1.35fr) minmax(180px, .85fr) minmax(150px, .7fr) auto;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.superadmin-order-admin-task > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.superadmin-order-admin-task span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-order-admin-task strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 14px;
  font-weight: 850;
}

.superadmin-order-admin-task > a {
  color: #202124;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-order-admin-task > a:hover {
  background: #f7f8fa;
  border-color: #151619;
  transform: translateY(-1px);
}

.superadmin-editor-panel {
  gap: 12px;
  max-width: 860px;
  padding: 16px;
  display: grid;
}

.superadmin-notes-layout {
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 14px;
  display: grid;
}

.superadmin-notes-list {
  align-content: start;
  gap: 8px;
  display: grid;
}

.superadmin-notes-list button {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 4px;
  padding: 10px;
  display: grid;
}

.superadmin-notes-list button.is-active {
  background: #fff;
  border-color: #111214;
}

.superadmin-notes-list span {
  color: #69707d;
  font-size: 12px;
}

.superadmin-note-editor {
  gap: 12px;
  display: grid;
}

.superadmin-editor-panel label {
  gap: 7px;
  display: grid;
}

.superadmin-editor-panel label span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-editor-panel textarea, .superadmin-editor-panel select {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 12px 14px;
}

.superadmin-linked-users {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.superadmin-linked-users span {
  color: #333842;
  background: #f1f3f6;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-chart-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-chart-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.superadmin-chart-panel h2 {
  margin: 0;
  font-size: 18px;
}

.superadmin-chart-panel div, .superadmin-audit-timeline, .superadmin-settings-list {
  gap: 8px;
  display: grid;
}

.superadmin-chart-panel p {
  grid-template-columns: minmax(120px, .6fr) minmax(80px, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0;
  display: grid;
}

.superadmin-chart-panel i {
  background: #111214;
  border-radius: 999px;
  height: 10px;
}

.superadmin-chart-panel span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-audit-overview {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-audit-overview-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  gap: 6px;
  padding: 16px;
  display: grid;
}

.superadmin-audit-overview-card span, .superadmin-audit-overview-card small {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-audit-overview-card strong {
  color: #202124;
  font-size: 30px;
  line-height: 1;
}

.superadmin-audit-row {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 12px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
}

.superadmin-audit-row:hover {
  border-color: #cbd3df;
  transform: translateY(-1px);
  box-shadow: 0 14px 40px #0f172a14;
}

.superadmin-audit-row button {
  color: #202124;
  cursor: pointer;
  width: 100%;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  grid-template-columns: 42px minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 0;
  display: grid;
}

.superadmin-audit-system-avatar {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-weight: 850;
  display: grid;
}

.superadmin-audit-row strong, .superadmin-audit-row small, .superadmin-audit-row em, .superadmin-audit-row time {
  display: block;
}

.superadmin-audit-row strong {
  color: #202124;
  font-size: 17px;
}

.superadmin-audit-row small, .superadmin-audit-row em, .superadmin-audit-row time {
  color: #69707d;
  font-style: normal;
}

.superadmin-audit-row em {
  margin-top: 4px;
  line-height: 1.35;
}

.superadmin-audit-row mark {
  color: #4b5563;
  background: #f1f3f7;
  border-radius: 999px;
  padding: 7px 10px;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-audit-row__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.superadmin-audit-row__actions button {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  width: auto;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-task-setting-row {
  grid-template-columns: minmax(260px, 1fr) 150px 150px auto;
  align-items: end;
}

.superadmin-task-setting-row__title {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.superadmin-task-setting-row__title strong {
  color: #202124;
  font-size: 16px;
  line-height: 1.2;
}

.superadmin-task-setting-row__title span, .superadmin-panel-note, .superadmin-settings-card p {
  color: #69707d;
  font-size: 14px;
  line-height: 1.45;
}

.superadmin-panel-note {
  max-width: 820px;
  margin: 8px 0 14px;
}

.superadmin-button-spinner {
  border: 2px solid #ffffff61;
  border-top-color: #fff;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  animation: .75s linear infinite superadmin-spin;
  display: inline-block;
}

.superadmin-button-spinner--dark {
  border-color: #1d1f23 #1d1f233d #1d1f233d;
}

.superadmin-task-setting-row button, .superadmin-finance-settings button {
  justify-content: center;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.superadmin-settings-categories {
  gap: 16px;
  display: grid;
}

.superadmin-settings-categories h2 {
  margin: 0 0 10px;
  font-size: 20px;
}

.superadmin-settings-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.superadmin-settings-card h2, .superadmin-settings-card p {
  margin: 0;
}

.superadmin-finance-settings {
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  align-items: end;
  gap: 12px;
  display: grid;
}

.superadmin-finance-settings label {
  gap: 6px;
  display: grid;
}

.superadmin-finance-settings label span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-finance-settings label small {
  color: #69707d;
  min-height: 40px;
  font-size: 12px;
  line-height: 1.35;
}

.superadmin-finance-settings input {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 11px 12px;
}

.superadmin-finance-settings button {
  color: #fff;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  grid-column: 1 / -1;
  justify-self: start;
  padding: 0 14px;
  font-weight: 800;
}

.superadmin-recovery-requisites {
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(220px, 1fr));
  gap: 12px;
  margin: 8px 0 0;
  padding: 16px;
  display: grid;
}

.superadmin-recovery-requisites legend {
  color: #202124;
  padding: 0 6px;
  font-size: 15px;
  font-weight: 800;
}

.superadmin-recovery-requisites > p {
  color: #69707d;
  grid-column: 1 / -1;
  font-size: 13px;
  line-height: 1.45;
}

.smeta-m2-integration-settings {
  gap: 12px;
  display: grid;
}

.superadmin-integration-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  gap: 14px;
  padding: 16px;
  display: grid;
}

.superadmin-integration-card > div:first-child {
  gap: 5px;
  display: grid;
}

.superadmin-integration-card strong {
  color: #202124;
  font-size: 18px;
}

.superadmin-integration-card span, .superadmin-integration-card small, .superadmin-integration-card dt {
  color: #69707d;
}

.superadmin-integration-card dl {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
  gap: 10px;
  margin: 0;
  display: grid;
}

.superadmin-integration-card dl div {
  background: #fafbfc;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.superadmin-integration-card dt {
  font-size: 12px;
  font-weight: 800;
}

.superadmin-integration-card dd {
  color: #202124;
  margin: 0;
  font-weight: 850;
}

.superadmin-integration-token {
  gap: 6px;
  display: grid;
}

.superadmin-integration-token input {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  padding: 12px;
  font-weight: 800;
}

.superadmin-integration-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.superadmin-secondary-action {
  color: #202124;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 10px;
  padding: 0 16px;
  font-weight: 850;
  transition: transform .16s, box-shadow .16s, border-color .16s;
}

.superadmin-secondary-action:hover {
  border-color: #cbd3df;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px #0f172a14;
}

.superadmin-delivery-health {
  gap: 14px;
  display: grid;
}

.superadmin-delivery-summary {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.superadmin-delivery-summary span, .superadmin-delivery-channel {
  color: #596171;
  background: #f1f3f6;
  border-radius: 8px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-delivery-list {
  gap: 10px;
  display: grid;
}

.superadmin-delivery-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: minmax(220px, 1fr) minmax(360px, 1.4fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
}

.superadmin-delivery-card:hover {
  border-color: #cbd3df;
  transform: translateY(-1px);
  box-shadow: 0 10px 26px #0f172a12;
}

.superadmin-delivery-card__main {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.superadmin-delivery-card__main .superadmin-delivery-channel {
  justify-self: start;
}

.superadmin-delivery-card__main strong, .superadmin-delivery-card__main > span:last-child, .superadmin-delivery-card dd {
  overflow-wrap: anywhere;
}

.superadmin-delivery-card__main > span:last-child, .superadmin-delivery-card dt {
  color: #69707d;
  font-size: 13px;
}

.superadmin-delivery-card dl {
  grid-template-columns: 90px minmax(150px, 1fr) minmax(130px, 1fr);
  gap: 10px;
  margin: 0;
  display: grid;
}

.superadmin-delivery-card dl div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.superadmin-delivery-card dt {
  font-weight: 750;
}

.superadmin-delivery-card dd {
  color: #202124;
  margin: 0;
  font-size: 14px;
  font-weight: 800;
}

.superadmin-delivery-empty, .superadmin-delivery-error {
  background: #f7f8fa;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.superadmin-delivery-empty > div {
  gap: 3px;
  display: grid;
}

.superadmin-delivery-empty span {
  color: #69707d;
}

.superadmin-delivery-error {
  justify-content: space-between;
}

.superadmin-delivery-error .superadmin-field-error {
  margin: 0;
}

.superadmin-surveyor-detail {
  gap: 14px;
  display: grid;
}

.superadmin-surveyor-employee-card {
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  transition: background .16s, border-color .16s, box-shadow .16s;
  display: grid;
}

.superadmin-surveyor-employee-card.is-active {
  background: #fff;
  border-color: #11121447;
  box-shadow: 0 12px 28px #0f172a14;
}

.superadmin-surveyor-employee-card div {
  gap: 5px;
  display: grid;
}

.superadmin-surveyor-employee-card strong {
  color: #202124;
  font-size: 16px;
  line-height: 1.2;
}

.superadmin-surveyor-employee-card span {
  color: #69707d;
  font-size: 14px;
  line-height: 1.4;
}

.superadmin-surveyor-employee-card button {
  color: #fff;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #111214;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-surveyor-employee-card button:disabled {
  cursor: wait;
  opacity: .72;
}

.superadmin-list {
  gap: 10px;
  display: grid;
}

.superadmin-task-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: start;
  gap: 14px;
  padding: 16px;
  transition: border-color .16s, box-shadow .16s, transform .16s;
  display: grid;
}

.superadmin-task-card.is-focused {
  border-color: #151619;
  box-shadow: 0 12px 30px #1f22271a;
}

.superadmin-task-card p {
  color: #69707d;
  margin: 4px 0 0;
}

.superadmin-task-card > div:last-child {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.superadmin-task-card > div:last-child button, .superadmin-task-detail-card .superadmin-row-actions button {
  color: #202124;
  cursor: pointer;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-task-detail-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.superadmin-task-detail-card h2, .superadmin-task-detail-card p {
  margin: 4px 0 0;
}

.superadmin-task-detail-card p {
  color: #69707d;
  line-height: 1.45;
}

.superadmin-admin-task-list {
  display: grid;
}

.superadmin-admin-task-list-panel {
  overflow: hidden;
}

.superadmin-admin-task-card {
  background: #fff;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-admin-task-card:hover, .superadmin-admin-task-card.is-focused {
  background: #fbfcfd;
  box-shadow: inset 3px 0 #151619;
}

.superadmin-admin-task-card__main {
  border-radius: inherit;
  color: #202124;
  cursor: pointer;
  width: 100%;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.superadmin-admin-task-card__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.superadmin-admin-task-card__top > div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.superadmin-admin-task-card__eyebrow {
  color: #69707d;
  background: #f1f3f6;
  border-radius: 999px;
  width: fit-content;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-admin-task-card h2, .superadmin-admin-task-detail-card h2 {
  color: #202124;
  margin: 0;
  font-size: 20px;
  line-height: 1.16;
}

.superadmin-admin-task-card__top p, .superadmin-admin-task-detail-card__hero p, .superadmin-admin-task-card__description p {
  color: #69707d;
  margin: 0;
  line-height: 1.45;
}

.superadmin-admin-task-card__status {
  color: #69707d;
  background: #eef0f3;
  border-radius: 999px;
  flex: none;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-admin-task-card__status.is-open {
  color: #202124;
  background: #f1f3f6;
}

.superadmin-admin-task-card__status.is-in_progress {
  color: #9a5b00;
  background: #fff7e6;
}

.superadmin-admin-task-card__status.is-completed {
  color: #19733a;
  background: #eaf7ef;
}

.superadmin-admin-task-card__status.is-escalated {
  color: #d9001b;
  background: #fff1f3;
}

.superadmin-admin-task-card__description, .superadmin-admin-task-card__subject {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 8px;
  padding: 12px;
}

.superadmin-admin-task-card__message-details, .superadmin-admin-task-card__meta, .superadmin-admin-task-card__subject > div {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 8px;
  display: grid;
}

.superadmin-admin-task-card__message-details div, .superadmin-admin-task-card__meta div, .superadmin-admin-task-card__subject div div {
  background: #fff;
  border-radius: 8px;
  gap: 3px;
  min-width: 0;
  padding: 9px 10px;
  display: grid;
}

.superadmin-admin-task-card__message-details span, .superadmin-admin-task-card__meta span, .superadmin-admin-task-card__subject span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-admin-task-card__message-details strong, .superadmin-admin-task-card__meta strong, .superadmin-admin-task-card__subject strong {
  color: #202124;
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: 14px;
  font-weight: 850;
}

.superadmin-admin-task-card__subject {
  gap: 10px;
  display: grid;
}

.superadmin-admin-task-card__subject > strong {
  font-size: 14px;
  font-weight: 850;
}

.superadmin-admin-task-card__subject > button, .superadmin-admin-task-card__footer span {
  color: #202124;
  width: fit-content;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-admin-task-card__subject > button {
  cursor: pointer;
}

.superadmin-admin-task-card__footer {
  justify-content: flex-end;
  display: flex;
}

.superadmin-task-relations {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.superadmin-task-relations button, .superadmin-task-relations span, .superadmin-task-event__side button {
  color: #202124;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-task-relations button, .superadmin-task-event__side button {
  cursor: pointer;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-task-relations button:hover, .superadmin-task-event__side button:hover {
  background: #f7f8fa;
  border-color: #151619;
  transform: translateY(-1px);
}

.superadmin-task-detail-head {
  justify-content: flex-start;
  display: flex;
}

.superadmin-admin-task-detail-card {
  gap: 16px;
  padding: 0;
  display: grid;
}

.superadmin-task-events {
  border-top: 1px solid #edf0f4;
  gap: 12px;
  padding: 18px;
  display: grid;
}

.superadmin-task-events__head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-task-events__head h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  line-height: 1.2;
}

.superadmin-task-events__head span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-task-events__list {
  gap: 10px;
  display: grid;
}

.superadmin-task-event {
  background: #fbfcfd;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  display: grid;
}

.superadmin-task-event strong {
  color: #202124;
  margin: 0 0 4px;
  font-size: 15px;
  line-height: 1.25;
  display: block;
}

.superadmin-task-event p {
  color: #69707d;
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.superadmin-task-event__side {
  justify-items: end;
  gap: 6px;
  display: grid;
}

.superadmin-task-event__side span, .superadmin-task-event__side time {
  color: #69707d;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 800;
}

.superadmin-admin-task-detail-card > header, .superadmin-admin-task-detail-card__hero {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.superadmin-admin-task-detail-card__hero {
  justify-content: stretch;
  display: grid;
}

.superadmin-task-detail-grid {
  padding: 0 20px 20px;
}

.superadmin-inline-user-link.is-button {
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.superadmin-empty {
  color: #69707d;
  font-weight: 650;
}

.superadmin-city-list, .superadmin-instructions {
  gap: 10px;
  display: grid;
}

.superadmin-city-row, .superadmin-history-row {
  border-top: 1px solid #eef0f3;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  display: flex;
}

.superadmin-city-row:first-child, .superadmin-history-row:first-of-type {
  border-top: 0;
}

.superadmin-instructions .superadmin-panel {
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-instructions span {
  color: #fff;
  background: #111214;
  border-radius: 8px;
  flex: none;
  place-items: center;
  width: 32px;
  height: 32px;
  font-weight: 850;
  display: grid;
}

.superadmin-instructions p {
  margin: 0;
}

.superadmin-toast {
  z-index: 60;
  color: #fff;
  background: #111214;
  border-radius: 8px;
  max-width: min(420px, 100vw - 28px);
  margin: 0;
  padding: 14px 16px;
  position: fixed;
  bottom: 18px;
  right: 18px;
  box-shadow: 0 18px 40px #0f172a2e;
}

.superadmin-toast.is-error {
  background: #8c241f;
}

.superadmin-modal-backdrop {
  z-index: 10000;
  overscroll-behavior: contain;
  background: #11121457;
  place-items: center;
  width: 100vw;
  min-height: 100dvh;
  padding: 18px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.superadmin-modal-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 18px;
  width: min(560px, 100%);
  max-height: calc(100dvh - 36px);
  padding: 24px;
  display: grid;
  position: relative;
  overflow: auto;
  box-shadow: 0 24px 70px #0f172a38;
}

.superadmin-modal-panel h2, .superadmin-modal-panel p {
  margin: 0;
}

.superadmin-modal-panel > p {
  color: #69707d;
  line-height: 1.45;
}

.superadmin-modal-close {
  color: #30343b;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  position: absolute;
  top: 14px;
  right: 14px;
}

.superadmin-modal-actions {
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
  display: flex;
}

.superadmin-modal-action {
  color: #202124;
  cursor: pointer;
  min-height: 46px;
  font: inherit;
  background: #eef0f3;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 18px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.superadmin-modal-action:hover:not(:disabled) {
  filter: brightness(.98);
}

.superadmin-modal-action:disabled {
  cursor: default;
  opacity: .62;
}

.superadmin-modal-action.is-danger, .superadmin-modal-action.is-primary {
  color: #fff;
  background: #111214;
}

.superadmin-create-user-modal {
  gap: 14px;
  width: min(640px, 100%);
  padding: 30px;
  overflow: visible;
}

.superadmin-create-user-modal h2 {
  max-width: calc(100% - 52px);
  font-size: clamp(26px, 3vw, 34px);
  line-height: 1.08;
}

.superadmin-create-user-modal > p {
  max-width: 520px;
}

.superadmin-create-user-modal .superadmin-custom-select__button, .superadmin-create-user-modal input {
  background: #fff;
  min-height: 52px;
  font-size: 15px;
}

.superadmin-create-user-modal .superadmin-custom-select__button {
  color: #202124;
  border: 1px solid #dfe3ea;
  padding: 0 14px;
}

.superadmin-create-user-modal .superadmin-custom-select__button:hover {
  background: #f8f9fb;
  border-color: #c8ced8;
}

.superadmin-create-user-modal .superadmin-custom-select__button:focus-visible {
  border-color: #111214;
  outline: none;
  box-shadow: 0 0 0 4px #11121414;
}

.superadmin-create-user-modal .superadmin-custom-select__menu {
  box-shadow: none;
  margin-top: 2px;
  position: static;
}

.superadmin-create-user__actions {
  border-top: 1px solid #e6e9ee;
  justify-content: flex-end;
  width: 100%;
  margin-top: 0;
  padding-top: 18px;
}

.superadmin-create-user__actions .superadmin-modal-action {
  min-width: 126px;
  min-height: 48px;
}

.superadmin-custom-select {
  gap: 6px;
  display: grid;
  position: relative;
}

.superadmin-custom-select > span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-custom-select__button {
  color: #202124;
  cursor: pointer;
  width: 100%;
  min-height: 42px;
  font: inherit;
  background: #f7f8fa;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 0 12px;
  display: flex;
}

.superadmin-custom-select__menu {
  z-index: 35;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 4px;
  padding: 6px;
  display: grid;
  position: absolute;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  box-shadow: 0 14px 38px #0f172a24;
}

.superadmin-custom-select__menu button {
  color: #202124;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 7px;
  padding: 0 10px;
}

.superadmin-custom-select__menu button.is-active, .superadmin-custom-select__menu button:hover {
  background: #f0f2f5;
}

.superadmin-user-avatar {
  color: #fff;
  background: #111214;
  border: 1px solid #0000;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  font-size: 18px;
  font-weight: 850;
  transition: border-color .16s, box-shadow .16s;
  display: grid;
  overflow: hidden;
}

.superadmin-user-avatar.is-small {
  width: 30px;
  height: 30px;
  font-size: 13px;
}

.superadmin-user-avatar.is-large {
  width: 82px;
  height: 82px;
  font-size: 34px;
}

.superadmin-user-avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.superadmin-user-list-card {
  color: #202124;
  cursor: pointer;
  width: 100%;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-user-list-card:hover {
  background: #fbfcfd;
  border-color: #c8ced8;
  box-shadow: 0 0 0 1px #1f222708, 0 10px 24px #1f222714;
}

.superadmin-user-list-card:focus-visible {
  border-color: #151619;
  outline: 0;
  box-shadow: 0 0 0 3px #1516191f, 0 10px 24px #1f222714;
}

.superadmin-user-list-card__main {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.superadmin-user-list-card__main strong, .superadmin-user-list-card__main small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.superadmin-user-list-card__main small, .superadmin-user-list-card__side small {
  color: #69707d;
}

.superadmin-user-list-card__side {
  align-items: center;
  gap: 10px;
  display: flex;
}

.superadmin-card-action, .superadmin-back-button {
  color: #202124;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-card-action {
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-user-list-card:hover .superadmin-card-action {
  background: #f7f8fa;
  border-color: #151619;
}

@media (prefers-reduced-motion: reduce) {
  .superadmin-user-list-card, .superadmin-card-action {
    transition-duration: .01ms;
  }
}

.superadmin-role-chips {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.superadmin-role-chips span {
  color: #4f5662;
  background: #f0f2f5;
  border-radius: 999px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-user-profile-hero {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  align-items: center;
  gap: 18px;
  padding: 22px;
  display: flex;
}

.superadmin-user-profile-hero h1, .superadmin-user-profile-hero p {
  margin: 4px 0 0;
}

.superadmin-user-profile-hero p {
  color: #69707d;
}

.superadmin-user-profile-grid, .superadmin-trend-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-mailing-recipients, .superadmin-recipient-builder, .superadmin-media-drop {
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  gap: 10px;
  padding: 14px;
  display: grid;
}

.superadmin-mailing-recipients > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-mailing-recipients > div:first-child span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-mailing-recipients > div:first-child button, .superadmin-recipient-builder > button {
  color: #202124;
  cursor: pointer;
  min-height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  font-weight: 800;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-mailing-recipients > div:first-child button:hover, .superadmin-recipient-builder > button:hover {
  background: #f8f9fb;
  border-color: #c8d0dc;
  transform: translateY(-1px);
  box-shadow: 0 8px 18px #0f172a0f;
}

.superadmin-recipient-chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.superadmin-recipient-chips span {
  color: #fff;
  transform-origin: center;
  background: #111214;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  font-size: 13px;
  font-weight: 750;
  display: inline-flex;
}

.superadmin-recipient-chips button {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-recipient-chips button:hover {
  opacity: .75;
}

.superadmin-media-drop > input, .superadmin-editor-media-button input {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.superadmin-media-drop > label {
  cursor: pointer;
  text-align: center;
  background: #fff;
  border: 1px dashed #c9d0dc;
  border-radius: 8px;
  place-items: center;
  gap: 5px;
  min-height: 124px;
  padding: 18px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-media-drop > label:hover {
  background: #fbfcfd;
  border-color: #aeb7c6;
  transform: translateY(-1px);
  box-shadow: 0 10px 24px #0f172a0f;
}

.superadmin-media-drop > label span {
  background: #f0f2f5;
  border-radius: 999px;
  place-items: center;
  width: 46px;
  height: 46px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-media-drop > label:hover span {
  background: #e8ebf0;
  transform: translateY(-1px);
}

.superadmin-media-drop > label small {
  color: #69707d;
}

.superadmin-media-preview {
  transform-origin: top;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: grid;
}

.superadmin-media-preview img, .superadmin-media-preview video {
  object-fit: cover;
  background: #eef0f3;
  border-radius: 7px;
  width: 84px;
  height: 64px;
}

.superadmin-media-preview i {
  background: #eef0f3;
  border-radius: 999px;
  height: 8px;
  display: block;
  overflow: hidden;
}

.superadmin-media-preview b {
  border-radius: inherit;
  background: #111214;
  height: 100%;
  transition: width .18s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.superadmin-media-preview > button {
  color: #202124;
  cursor: pointer;
  background: #f1f3f6;
  border: 0;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-media-preview > button:hover {
  background: #e6e9ef;
  transform: translateY(-1px);
}

.superadmin-order-card__source, .superadmin-task-kind {
  color: #d9001b;
  background: #fff1f3;
  border-radius: 999px;
  width: fit-content;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-order-meta, .superadmin-task-meta {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
  display: flex;
}

.superadmin-order-meta span, .superadmin-task-meta span {
  color: #69707d;
  background: #f1f3f6;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-trend-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: minmax(0, .9fr) minmax(140px, 1fr);
  align-items: end;
  gap: 12px;
  min-height: 180px;
  padding: 16px;
  display: grid;
}

.superadmin-trend-card span, .superadmin-trend-card small {
  color: #69707d;
  font-weight: 750;
}

.superadmin-trend-card strong {
  margin: 8px 0;
  font-size: 34px;
  line-height: 1;
  display: block;
}

.superadmin-sparkline {
  align-items: end;
  gap: 5px;
  min-height: 82px;
  display: flex;
}

.superadmin-sparkline i {
  background: linear-gradient(#111214, #777f8d);
  border-radius: 999px 999px 4px 4px;
  flex: 1;
}

.superadmin-audit-filters {
  grid-template-columns: minmax(220px, 1fr) 190px 220px 220px 120px;
  gap: 10px;
  display: grid;
}

.superadmin-audit-filters label {
  gap: 6px;
  display: grid;
}

.superadmin-audit-filters label span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-audit-filters input {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  padding: 11px 12px;
}

.superadmin-audit-details {
  gap: 10px;
  display: grid;
}

.superadmin-audit-details p {
  gap: 3px;
  margin: 0;
  display: grid;
}

.superadmin-audit-details span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-audit-detail-page {
  gap: 18px;
  display: grid;
}

.superadmin-audit-detail-hero, .superadmin-audit-detail-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 18px;
  padding: 22px;
}

.superadmin-audit-detail-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 20px;
  display: grid;
}

.superadmin-audit-detail-hero span {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  width: fit-content;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-audit-detail-hero h1, .superadmin-audit-detail-card h2 {
  color: #202124;
  margin: 0;
}

.superadmin-audit-detail-hero h1 {
  margin-top: 12px;
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.05;
}

.superadmin-audit-detail-hero p {
  color: #4b5563;
  max-width: 760px;
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 1.45;
}

.superadmin-audit-detail-hero time {
  color: #69707d;
  white-space: nowrap;
  font-weight: 800;
}

.superadmin-audit-detail-grid {
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 16px;
  display: grid;
}

.superadmin-audit-detail-card {
  gap: 16px;
  display: grid;
}

.superadmin-audit-people {
  gap: 10px;
  display: grid;
}

.superadmin-audit-people button {
  color: #202124;
  cursor: pointer;
  text-align: left;
  background: #f8fafc;
  border: 1px solid #e7ebf1;
  border-radius: 14px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  padding: 12px;
  display: grid;
}

.superadmin-audit-people .superadmin-user-avatar {
  grid-row: span 2;
  width: 42px;
  height: 42px;
}

.superadmin-audit-people strong, .superadmin-audit-people small {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.superadmin-audit-people small, .superadmin-muted-text {
  color: #69707d;
}

.superadmin-audit-change-list {
  gap: 10px;
  display: grid;
}

.superadmin-audit-change-list p {
  background: #f8fafc;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  padding: 12px 14px;
  display: grid;
}

.superadmin-audit-change-list span {
  color: #69707d;
  font-weight: 750;
}

.superadmin-audit-change-list strong {
  color: #202124;
  font-weight: 800;
}

.superadmin-rich-editor {
  gap: 10px;
  display: grid;
}

.superadmin-editor-toolbar button, .superadmin-editor-media-button {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.superadmin-editor-media-button {
  color: #333842;
  cursor: pointer;
  min-height: 38px;
  font: inherit;
  background: #fff;
  border: 1px solid #d9dee6;
  border-radius: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 750;
}

.superadmin-rich-editor__surface {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  outline: 0;
  min-height: 360px;
  padding: 20px;
  line-height: 1.55;
  overflow: auto;
}

.superadmin-rich-editor__surface:empty:before {
  content: attr(data-placeholder);
  color: #9aa1ad;
}

.superadmin-rich-editor__surface table {
  border-collapse: collapse;
  width: 100%;
  margin: 12px 0;
}

.superadmin-rich-editor__surface th, .superadmin-rich-editor__surface td {
  border: 1px solid #dfe3ea;
  padding: 8px;
}

.superadmin-article-workspace {
  grid-template-columns: 260px minmax(0, 1fr);
  align-items: start;
  gap: 28px;
  min-height: calc(100vh - 96px);
  display: grid;
}

.superadmin-article-list {
  background: #ffffffd1;
  border: 1px solid #e2e6ee;
  border-radius: 18px;
  gap: 8px;
  max-height: calc(100vh - 128px);
  padding: 10px;
  display: grid;
  position: sticky;
  top: 96px;
  overflow: auto;
}

.superadmin-article-list button, .superadmin-article-list-item {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 14px;
  gap: 5px;
  padding: 12px;
  display: grid;
}

.superadmin-article-list-item {
  padding: 0;
}

.superadmin-article-list-item button {
  padding-bottom: 6px;
}

.superadmin-article-list-item > a {
  color: #69707d;
  width: fit-content;
  padding: 0 12px 12px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.superadmin-article-list button.is-active, .superadmin-article-list-item.is-active {
  color: #fff;
  background: #111214;
}

.superadmin-article-list button > svg {
  margin-bottom: 2px;
}

.superadmin-article-list strong {
  font-size: 15px;
  line-height: 1.2;
}

.superadmin-article-list span {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
}

.superadmin-article-list button.is-active span, .superadmin-article-list-item.is-active span, .superadmin-article-list-item.is-active > a {
  color: #ffffffb8;
}

.superadmin-notes-page {
  gap: 16px;
  display: grid;
}

.superadmin-notes-page > header {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 22px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: clamp(18px, 2.4vw, 28px);
  display: flex;
}

.superadmin-notes-page > header span {
  color: #8a929f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-notes-page > header h1 {
  color: #202124;
  letter-spacing: 0;
  margin: 0 0 8px;
  font-size: clamp(34px, 3.4vw, 48px);
  line-height: 1;
}

.superadmin-notes-page > header p {
  color: #69707d;
  max-width: 640px;
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.superadmin-notes-page > header button {
  color: #fff;
  cursor: pointer;
  min-height: 48px;
  font: inherit;
  white-space: nowrap;
  background: #111214;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-notes-list {
  gap: 10px;
  display: grid;
}

.superadmin-notes-bulkbar {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 18px;
  align-items: center;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.superadmin-notes-bulkbar > button {
  color: #202124;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-notes-bulkbar > button:last-child {
  color: #fff;
  background: #111214;
  margin-left: auto;
}

.superadmin-notes-bulkbar > button:disabled {
  cursor: default;
  opacity: .45;
}

.superadmin-notes-bulkbar > span {
  color: #69707d;
  font-size: 14px;
  font-weight: 750;
}

.superadmin-note-row {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 18px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  box-shadow: 0 1px #0f172a05;
}

.superadmin-note-row:hover {
  border-color: #cfd6e2;
  box-shadow: 0 14px 32px #1f232812;
}

.superadmin-note-row.is-selected {
  background: linear-gradient(#fff 0%, #fbfcfd 100%);
  border-color: #202124;
}

.superadmin-notes-list .superadmin-note-select {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  padding: 0;
  display: inline-grid;
}

.superadmin-note-check {
  color: #fff;
  border: 2px solid #b9c0cc;
  border-radius: 7px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  display: inline-grid;
}

.superadmin-note-select.is-active, .superadmin-notes-bulkbar > button.is-active {
  border-color: #111214;
}

.superadmin-note-select.is-active .superadmin-note-check, .superadmin-notes-bulkbar > button.is-active .superadmin-note-check {
  background: #111214;
  border-color: #111214;
}

.superadmin-notes-list .superadmin-note-row__content {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  gap: 5px;
  width: 100%;
  min-width: 0;
  padding: 6px 0;
  display: grid;
  overflow: hidden;
}

.superadmin-note-row strong {
  overflow-wrap: anywhere;
  color: #202124;
  min-width: 0;
  max-width: 100%;
  font-size: 20px;
  line-height: 1.15;
  display: block;
}

.superadmin-note-row span {
  overflow-wrap: anywhere;
  color: #69707d;
  min-width: 0;
  max-width: 100%;
  line-height: 1.45;
  display: block;
}

.superadmin-note-row small {
  overflow-wrap: anywhere;
  color: #8a929f;
  min-width: 0;
  max-width: 100%;
  font-weight: 750;
  display: block;
}

.superadmin-note-row__actions {
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.superadmin-note-row__actions > a, .superadmin-note-row__actions > button {
  color: #202124;
  cursor: pointer;
  min-height: 40px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-note-row__actions > a:hover, .superadmin-note-row__actions > button:hover {
  background: #f7f8fa;
  border-color: #151619;
  transform: translateY(-1px);
}

.superadmin-note-row__actions > button {
  color: #69707d;
  width: 42px;
  padding: 0;
}

.superadmin-note-row__actions > button:hover {
  color: #c0271d;
  border-color: #f0b4ad;
}

.superadmin-note-skeleton-row {
  pointer-events: none;
}

.superadmin-note-skeleton-check, .superadmin-note-skeleton-content i, .superadmin-note-skeleton-actions i {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 220% 100%;
  border-radius: 10px;
  animation: 1.2s linear infinite superadmin-skeleton;
  display: block;
}

.superadmin-note-skeleton-check {
  width: 42px;
  height: 42px;
}

.superadmin-note-skeleton-content {
  gap: 9px;
  display: grid;
}

.superadmin-note-skeleton-content i:first-child {
  width: min(360px, 62%);
  height: 26px;
}

.superadmin-note-skeleton-content i:nth-child(2) {
  width: min(680px, 88%);
  height: 18px;
}

.superadmin-note-skeleton-content i:nth-child(3) {
  width: 210px;
  height: 16px;
}

.superadmin-note-skeleton-actions {
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.superadmin-note-skeleton-actions i:first-child {
  width: 96px;
  height: 40px;
}

.superadmin-note-skeleton-actions i:last-child {
  width: 42px;
  height: 40px;
}

.superadmin-instructions-page {
  gap: 22px;
  display: grid;
}

.superadmin-instructions-hero {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 22px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 24px;
  padding: clamp(18px, 3vw, 30px);
  display: grid;
}

.superadmin-instructions-hero span:first-child {
  color: #8a929f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 850;
}

.superadmin-instructions-hero h1 {
  color: #202124;
  letter-spacing: 0;
  margin: 8px 0;
  font-size: clamp(34px, 4vw, 54px);
  line-height: 1;
}

.superadmin-instructions-hero p {
  color: #69707d;
  max-width: 720px;
  margin: 0;
  font-size: 17px;
  line-height: 1.45;
}

.superadmin-instructions-hero__counter {
  text-align: right;
  background: #f8f9fb;
  border: 1px solid #edf0f4;
  border-radius: 18px;
  gap: 3px;
  min-width: 132px;
  padding: 16px;
  display: grid;
}

.superadmin-instructions-hero__counter strong {
  color: #202124;
  font-size: 32px;
  line-height: 1;
}

.superadmin-instructions-hero__counter span {
  color: #69707d;
  text-transform: none;
  letter-spacing: 0;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-instruction-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.superadmin-instruction-card-wrap {
  display: block;
}

.superadmin-instruction-card {
  color: #202124;
  cursor: pointer;
  width: 100%;
  min-height: 218px;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 20px;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  gap: 14px;
  padding: 20px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.superadmin-instruction-card:hover {
  border-color: #cfd6e2;
  box-shadow: 0 18px 42px #1f232814;
}

.superadmin-instruction-card__top, .superadmin-instruction-card__bottom {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-instruction-card__top > span:last-child {
  color: #69707d;
  background: #f4f6f8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-instruction-card__top > span:last-child.is-filled {
  color: #2f7b43;
  background: #eaf6ee;
}

.superadmin-instruction-card__icon {
  color: #202124;
  background: #f8f9fb;
  border: 1px solid #edf0f4;
  border-radius: 14px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: inline-grid;
}

.superadmin-instruction-card strong {
  color: #202124;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.1;
}

.superadmin-instruction-card__preview {
  color: #69707d;
  max-width: 620px;
  font-size: 16px;
  line-height: 1.45;
}

.superadmin-instruction-card__bottom {
  padding-top: 6px;
}

.superadmin-instruction-card__bottom small {
  color: #8a929f;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-instruction-card__bottom > span {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
}

.superadmin-article-editor-screen {
  gap: 14px;
  min-height: calc(100vh - 96px);
  display: grid;
}

.superadmin-article-editor-top {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
}

.superadmin-article-editor-top button {
  color: #202124;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 13px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-article-editor-top span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-save-spinner {
  border: 2px solid #dfe3ea;
  border-top-color: #111214;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .75s linear infinite superadmin-spin;
  display: inline-block;
}

.superadmin-article-shell {
  background: #fff;
  border: 1px solid #e2e6ee;
  border-radius: 24px;
  min-height: calc(100vh - 96px);
  padding: clamp(18px, 3vw, 42px);
}

.superadmin-article-topline {
  color: #8a929f;
  text-transform: uppercase;
  letter-spacing: .08em;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  max-width: 780px;
  margin: 0 auto 28px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.superadmin-article-topline small {
  color: #69707d;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.superadmin-article-canvas {
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}

.superadmin-article-title-input {
  color: #202124;
  width: 100%;
  font: inherit;
  letter-spacing: 0;
  background: none;
  border: 0;
  outline: 0;
  padding: 0 0 26px;
  font-size: clamp(32px, 4.8vw, 54px);
  font-weight: 850;
  line-height: 1.04;
}

.superadmin-article-title-input::placeholder {
  color: #c3c7cf;
}

.superadmin-article-editor__prose {
  color: #24272d;
  outline: 0;
  min-height: 58vh;
  font-size: 21px;
  line-height: 1.72;
}

.superadmin-article-editor__prose p {
  margin: 0 0 1.05em;
}

.superadmin-article-editor__prose .is-editor-empty:first-child:before {
  content: attr(data-placeholder);
  float: left;
  color: #a4abb6;
  pointer-events: none;
  height: 0;
}

.superadmin-article-editor__prose h1, .superadmin-article-editor__prose h2, .superadmin-article-editor__prose h3, .superadmin-article-editor__prose h4 {
  color: #202124;
  letter-spacing: 0;
  margin: 1.4em 0 .45em;
  line-height: 1.12;
}

.superadmin-article-editor__prose h1 {
  font-size: 44px;
}

.superadmin-article-editor__prose h2 {
  font-size: 36px;
}

.superadmin-article-editor__prose h3 {
  font-size: 28px;
}

.superadmin-article-editor__prose h4 {
  font-size: 23px;
}

.superadmin-article-editor__prose blockquote {
  color: #4b5563;
  border-left: 4px solid #111214;
  margin: 1.4em 0;
  padding-left: 24px;
  font-size: 26px;
  line-height: 1.45;
}

.superadmin-article-editor__prose pre {
  color: #f8fafc;
  background: #111214;
  border-radius: 18px;
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  overflow: auto;
}

.superadmin-article-editor__prose code {
  color: #202124;
  background: #f1f3f7;
  border-radius: 7px;
  padding: .12em .32em;
  font-size: .88em;
}

.superadmin-article-editor__prose pre code {
  color: inherit;
  background: none;
  padding: 0;
}

.superadmin-article-editor__prose img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  margin: 28px 0;
  display: block;
}

.superadmin-article-editor__prose hr {
  background: #dfe3ea;
  border: 0;
  height: 1px;
  margin: 42px 0;
}

.superadmin-article-editor__prose table {
  border-collapse: collapse;
  border-radius: 16px;
  width: 100%;
  margin: 28px 0;
  font-size: 17px;
  overflow: hidden;
}

.superadmin-article-editor__prose th, .superadmin-article-editor__prose td {
  vertical-align: top;
  border: 1px solid #dfe3ea;
  padding: 12px 14px;
}

.superadmin-article-editor__prose th {
  background: #f5f7fa;
  font-weight: 850;
}

.superadmin-article-bubble {
  -webkit-backdrop-filter: blur(18px);
  background: #111214f0;
  border: 1px solid #ffffff24;
  border-radius: 14px;
  gap: 4px;
  padding: 6px;
  display: flex;
  position: relative;
  box-shadow: 0 16px 42px #0f172a47;
}

.superadmin-article-link-editor {
  z-index: 4;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 12px;
  gap: 8px;
  width: min(340px, 100vw - 24px);
  padding: 10px;
  display: grid;
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  box-shadow: 0 18px 46px #0f172a38;
}

.superadmin-article-link-editor input {
  color: #202124;
  width: 100%;
  min-width: 0;
  height: 40px;
  font: inherit;
  border: 1px solid #cfd7e3;
  border-radius: 8px;
  padding: 0 11px;
}

.superadmin-article-link-editor input:focus {
  border-color: #202124;
  outline: none;
  box-shadow: 0 0 0 3px #20212414;
}

.superadmin-article-link-editor small {
  color: #d92d20;
  font-size: 12px;
  font-weight: 750;
}

.superadmin-article-link-editor > div {
  gap: 6px;
  display: flex;
}

.superadmin-article-link-editor > div > button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dee8;
  border-radius: 8px;
  width: auto;
  min-width: 0;
  height: 34px;
  padding: 0 10px;
}

.superadmin-article-link-editor > div > button[type="submit"] {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.superadmin-article-link-editor > div > button[aria-label="Закрыть"] {
  width: 34px;
  margin-left: auto;
  padding: 0;
}

.superadmin-article-bubble button, .superadmin-article-floating > button, .superadmin-table-controls button {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  place-items: center;
  min-width: 34px;
  height: 34px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 850;
  display: inline-grid;
}

.superadmin-article-bubble button.is-active, .superadmin-article-bubble button:hover {
  background: #ffffff29;
}

.superadmin-article-floating {
  align-items: flex-start;
  gap: 8px;
  display: flex;
  position: relative;
}

.superadmin-article-floating > button {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  box-shadow: 0 8px 24px #0f172a1f;
}

.superadmin-article-insert-menu {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 16px;
  gap: 3px;
  width: 220px;
  padding: 8px;
  display: grid;
  box-shadow: 0 20px 50px #0f172a29;
}

.superadmin-article-insert-menu button, .superadmin-article-insert-menu label {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 11px;
  align-items: center;
  gap: 10px;
  padding: 10px;
  font-weight: 750;
  display: flex;
  position: relative;
}

.superadmin-article-insert-menu button:hover, .superadmin-article-insert-menu label:hover {
  background: #f5f7fa;
}

.superadmin-article-insert-menu input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.superadmin-article-user-card {
  background: #f8fafc;
  border: 1px solid #dfe3ea;
  border-radius: 18px;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 24px 0;
  padding: 14px;
  display: grid;
}

.superadmin-article-user-card > span {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  place-items: center;
  width: 48px;
  height: 48px;
  font-weight: 850;
  display: grid;
  overflow: hidden;
}

.superadmin-article-user-card img {
  object-fit: cover;
  border-radius: 999px;
  width: 100%;
  height: 100%;
  margin: 0;
}

.superadmin-article-user-card strong, .superadmin-article-user-card small {
  display: block;
}

.superadmin-article-user-card small {
  color: #69707d;
  font-size: 13px;
  line-height: 1.3;
}

.superadmin-table-controls {
  z-index: 8;
  -webkit-backdrop-filter: blur(18px);
  background: #ffffffdb;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin: 14px auto;
  padding: 7px;
  display: flex;
  position: sticky;
  bottom: 88px;
  box-shadow: 0 14px 44px #0f172a1f;
}

.superadmin-table-controls span, .superadmin-table-controls button {
  color: #202124;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-table-controls span {
  align-items: center;
  gap: 6px;
  padding: 0 8px;
  display: inline-flex;
}

.superadmin-table-controls button {
  width: auto;
  padding: 0 10px;
}

.superadmin-table-controls button:hover {
  background: #f1f3f7;
}

.superadmin-article-uploading {
  z-index: 60;
  color: #fff;
  background: #111214;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-weight: 800;
  display: flex;
  position: fixed;
  bottom: 28px;
  right: 28px;
}

.superadmin-article-uploading span {
  border: 2px solid #ffffff47;
  border-top-color: #fff;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite superadmin-spin;
}

.superadmin-article-user-picker {
  z-index: 70;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 20px;
  gap: 12px;
  width: min(380px, 100vw - 32px);
  padding: 16px;
  display: grid;
  position: absolute;
  top: 0;
  left: 46px;
  box-shadow: 0 24px 70px #0f172a33;
}

.superadmin-article-user-picker > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.superadmin-article-user-picker > div:first-child button {
  background: #f1f3f7;
  border: 0;
  border-radius: 999px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.superadmin-article-user-picker input {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  padding: 12px;
}

.superadmin-article-user-picker > div:last-child {
  gap: 8px;
  display: grid;
}

.superadmin-article-user-picker > div:last-child button {
  color: #202124;
  cursor: pointer;
  text-align: left;
  background: #f8fafc;
  border: 0;
  border-radius: 14px;
  grid-template-columns: 42px minmax(0, 1fr);
  align-items: center;
  column-gap: 10px;
  padding: 10px;
  display: grid;
}

.superadmin-article-user-picker > div:last-child span {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  grid-row: span 2;
  place-items: center;
  width: 42px;
  height: 42px;
  font-weight: 850;
  display: grid;
  overflow: hidden;
}

.superadmin-article-user-picker img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.superadmin-article-user-picker small {
  color: #69707d;
}

.superadmin-article-meta {
  color: #8a929f;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 36px;
  font-size: 14px;
  font-weight: 750;
  display: flex;
}

.superadmin-article-meta strong {
  color: #d92d20;
}

.superadmin-article-view-page {
  background: #fff;
  min-height: 100vh;
  padding: clamp(20px, 5vw, 64px);
}

.superadmin-article-view-page > a, .superadmin-article-view-page > button {
  color: #69707d;
  cursor: pointer;
  background: none;
  border: 0;
  margin-bottom: 36px;
  padding: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.superadmin-article-viewer {
  max-width: 780px;
  margin: 0 auto;
}

.superadmin-article-viewer header {
  margin-bottom: 38px;
}

.superadmin-article-viewer header span {
  color: #8a929f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 13px;
  font-weight: 850;
}

.superadmin-article-viewer h1 {
  color: #202124;
  letter-spacing: 0;
  margin: 12px 0 0;
  font-size: clamp(42px, 7vw, 78px);
  line-height: .98;
}

.superadmin-article-viewer .ProseMirror {
  color: #24272d;
  font-size: 21px;
  line-height: 1.72;
}

.superadmin-article-viewer .ProseMirror:focus {
  outline: 0;
}

.superadmin-article-viewer .ProseMirror p {
  margin: 0 0 1.05em;
}

.superadmin-article-viewer .ProseMirror h1, .superadmin-article-viewer .ProseMirror h2, .superadmin-article-viewer .ProseMirror h3, .superadmin-article-viewer .ProseMirror h4 {
  color: #202124;
  margin: 1.4em 0 .45em;
  line-height: 1.12;
}

.superadmin-article-viewer .ProseMirror h1 {
  font-size: 44px;
}

.superadmin-article-viewer .ProseMirror h2 {
  font-size: 36px;
}

.superadmin-article-viewer .ProseMirror h3 {
  font-size: 28px;
}

.superadmin-article-viewer .ProseMirror h4 {
  font-size: 23px;
}

.superadmin-article-viewer .ProseMirror blockquote {
  color: #4b5563;
  border-left: 4px solid #111214;
  margin: 1.4em 0;
  padding-left: 24px;
  font-size: 26px;
  line-height: 1.45;
}

.superadmin-article-viewer .ProseMirror img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  margin: 28px 0;
  display: block;
}

.superadmin-article-viewer .ProseMirror table {
  border-collapse: collapse;
  width: 100%;
  margin: 28px 0;
  font-size: 17px;
}

.superadmin-article-viewer .ProseMirror th, .superadmin-article-viewer .ProseMirror td {
  border: 1px solid #dfe3ea;
  padding: 12px 14px;
}

.superadmin-article-viewer .ProseMirror pre {
  color: #f8fafc;
  background: #111214;
  border-radius: 18px;
  padding: 20px;
  font-size: 15px;
  line-height: 1.6;
  overflow: auto;
}

.superadmin-inline-user {
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  margin: 0 4px;
  padding: 4px 8px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-inline-user small {
  color: #69707d;
  font-size: 12px;
}

.superadmin-inline-media {
  background: #f8f9fb;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  margin: 14px 0;
  padding: 10px;
}

.superadmin-processing-inline, .superadmin-editor-attachments {
  color: #69707d;
  margin: 0;
  font-size: 13px;
  font-weight: 750;
}

.superadmin-profile-dropdown__head {
  border-bottom: 1px solid #eef0f3;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  display: flex;
}

.superadmin-profile-dropdown__head > span {
  color: #fff;
  background: #111214;
  border-radius: 999px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 20px;
  font-weight: 850;
  display: grid;
}

.superadmin-profile-dropdown__head strong, .superadmin-profile-dropdown__head small {
  display: block;
}

@media (min-width: 860px) {
  .superadmin-mobile {
    display: none;
  }

  .superadmin-desktop {
    grid-template-columns: 248px minmax(0, 1fr);
    min-height: 100vh;
    display: grid;
  }

  .superadmin-sidebar {
    background: #fff;
    border-right: 1px solid #dfe3ea;
    height: 100vh;
    padding: 22px 14px 18px;
    position: sticky;
    top: 0;
    overflow: auto;
  }

  .superadmin-brand {
    text-transform: uppercase;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin: 0 0 18px;
    padding: 0 8px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  .superadmin-brand span {
    width: 24px;
    height: 24px;
  }

  .superadmin-sidebar-nav, .superadmin-nav-group {
    gap: 4px;
    display: grid;
  }

  .superadmin-nav-group {
    margin-bottom: 12px;
  }

  .superadmin-nav-group > small {
    color: #8a92a0;
    letter-spacing: 0;
    text-transform: uppercase;
    padding: 8px 10px 4px;
    font-size: 11px;
    font-weight: 850;
  }

  .superadmin-sidebar-nav button {
    color: #59606b;
    cursor: pointer;
    min-height: 39px;
    font: inherit;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 8px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 650;
    text-decoration: none;
    transition: background-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1);
    display: grid;
    position: relative;
  }

  .superadmin-sidebar-nav button:hover, .superadmin-sidebar-nav button.is-active {
    color: #202124;
    background: #f1f3f6;
  }

  .superadmin-sidebar-nav button:before {
    content: "";
    opacity: 0;
    background: #ed001f;
    border-radius: 999px;
    width: 3px;
    height: 22px;
    position: absolute;
    left: 0;
  }

  .superadmin-sidebar-nav button.is-active:before {
    opacity: 1;
  }

  .superadmin-workspace {
    min-width: 0;
  }

  .superadmin-topbar {
    z-index: 20;
    -webkit-backdrop-filter: blur(16px);
    background: #ffffffeb;
    border-bottom: 1px solid #dfe3ea;
    justify-content: flex-end;
    min-height: 64px;
    padding: 0 24px;
    display: flex;
    position: sticky;
    top: 0;
  }

  .superadmin-topbar-actions {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    display: flex;
  }

  .superadmin-location, .superadmin-topbar {
    position: relative;
  }

  .superadmin-location-button, .superadmin-profile-button, .superadmin-icon-button {
    color: #202124;
    cursor: pointer;
    min-height: 38px;
    font: inherit;
    background: #fff;
    border: 1px solid #d8dde5;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 750;
  }

  .superadmin-location-button, .superadmin-profile-button {
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    display: inline-flex;
  }

  .superadmin-location-button span, .superadmin-profile-button strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
  }

  .superadmin-profile-button small {
    color: #69707d;
    font-weight: 750;
  }

  .superadmin-icon-button {
    place-items: center;
    width: 38px;
    display: grid;
    position: relative;
  }

  .superadmin-icon-button i {
    border: 2px solid #fff;
    position: absolute;
    top: -7px;
    right: -7px;
  }

  .superadmin-dropdown {
    z-index: 40;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    width: min(360px, 100vw - 32px);
    padding: 14px;
    position: absolute;
    top: calc(100% + 8px);
    right: 24px;
    box-shadow: 0 18px 44px #0f172a24;
  }

  .superadmin-location-dropdown {
    left: 0;
    right: auto;
  }

  .superadmin-location-detect {
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 10px;
    display: inline-flex;
  }

  .superadmin-suggestions {
    gap: 4px;
    margin-top: 10px;
    display: grid;
  }

  .superadmin-suggestions button {
    color: #202124;
    cursor: pointer;
    font: inherit;
    text-align: left;
    background: #f7f8fa;
    border: 0;
    border-radius: 8px;
    padding: 10px;
  }

  .superadmin-skeleton-list {
    gap: 8px;
    margin-top: 10px;
    display: grid;
  }
}

.superadmin-skeleton-list span {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 220% 100%;
  border-radius: 8px;
  height: 36px;
  animation: 1.2s linear infinite superadmin-skeleton;
}

.superadmin-stats-page {
  gap: 22px;
}

.superadmin-stats-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.superadmin-stats-toolbar p {
  color: #6b7280;
  margin: 0;
  font-size: 14px;
}

.superadmin-attention-grid, .superadmin-kpi-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-attention-card, .superadmin-kpi-card {
  color: #202124;
  cursor: pointer;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  gap: 6px;
  padding: 18px;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: grid;
  transform: translateY(0);
}

.superadmin-attention-card:hover, .superadmin-kpi-card:hover {
  border-color: #b9c2d0;
  transform: translateY(-2px);
  box-shadow: 0 16px 42px #0f172a14;
}

.superadmin-attention-card strong, .superadmin-kpi-card strong {
  font-size: 34px;
  line-height: 1;
}

.superadmin-attention-card span, .superadmin-kpi-card span {
  color: #4b5563;
  font-weight: 700;
}

.superadmin-attention-card.is-critical {
  background: #fff8f8;
  border-color: #ffd1d1;
}

.superadmin-attention-card.is-warning {
  background: #fffbf3;
  border-color: #ffe4ba;
}

.superadmin-kpi-card small, .superadmin-stats-list small {
  color: #6b7280;
  font-weight: 700;
}

.superadmin-kpi-card small.is-positive, .superadmin-stats-list small.is-positive {
  color: #16834a;
}

.superadmin-kpi-card small.is-negative, .superadmin-stats-list small.is-negative {
  color: #d20f2a;
}

.superadmin-stats-two-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.superadmin-stats-wide-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  display: grid;
}

.superadmin-stats-panel {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 14px;
  gap: 16px;
  padding: 20px;
  display: grid;
}

.superadmin-stats-panel h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.1;
}

.superadmin-funnel-list, .superadmin-stats-list, .superadmin-admin-stats-list, .superadmin-geo-stats-list, .superadmin-referral-list {
  gap: 10px;
  display: grid;
}

.superadmin-funnel-list button, .superadmin-stats-list button, .superadmin-admin-stats-list button, .superadmin-geo-stats-list button {
  color: #202124;
  cursor: pointer;
  text-align: left;
  background: #f8fafc;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  gap: 8px;
  padding: 14px;
  transition: background .16s, border-color .16s, transform .16s;
  display: grid;
}

.superadmin-funnel-list button:hover, .superadmin-stats-list button:hover, .superadmin-admin-stats-list button:hover, .superadmin-geo-stats-list button:hover {
  background: #fff;
  border-color: #ccd5e3;
  transform: translateY(-1px);
}

.superadmin-funnel-list button {
  grid-template-columns: minmax(0, 1fr) minmax(150px, .42fr);
  align-items: stretch;
  column-gap: 14px;
}

.superadmin-funnel-step-copy, .superadmin-stats-list button {
  min-width: 0;
}

.superadmin-funnel-step-copy {
  align-content: center;
  gap: 5px;
  display: grid;
}

.superadmin-funnel-step-copy strong {
  line-height: 1.2;
}

.superadmin-funnel-list small, .superadmin-admin-stats-list small, .superadmin-geo-stats-list small {
  color: #6b7280;
}

.superadmin-funnel-step-value {
  align-content: center;
  gap: 8px;
  min-width: 0;
  display: grid;
}

.superadmin-funnel-list i {
  background: #e8ecf2;
  border-radius: 999px;
  height: 10px;
  overflow: hidden;
}

.superadmin-funnel-list b {
  border-radius: inherit;
  background: #111;
  height: 100%;
  display: block;
}

.superadmin-funnel-list em {
  color: #202124;
  text-align: right;
  font-size: 24px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
}

.superadmin-stats-list button {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
}

.superadmin-trend-panel {
  min-height: 320px;
}

.superadmin-trend-panel__header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  display: flex;
}

.superadmin-trend-panel__header > div:first-child {
  flex: 280px;
  min-width: min(100%, 280px);
}

.superadmin-trend-panel__header h2 {
  margin: 0;
}

.superadmin-trend-panel__header p {
  color: #6b7280;
  margin: 6px 0 0;
  font-size: 15px;
  line-height: 1.35;
}

.superadmin-trend-tabs {
  flex-wrap: wrap;
  flex: 440px;
  justify-content: flex-start;
  gap: 8px;
  display: flex;
}

.superadmin-trend-tabs button {
  color: #4b5563;
  background: #fff;
  border: 1px solid #d9dee8;
  border-radius: 999px;
  padding: 9px 13px;
  font-size: 14px;
  font-weight: 700;
}

.superadmin-trend-tabs button.is-active {
  color: #fff;
  background: #111;
  border-color: #111;
}

.superadmin-trend-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  display: grid;
}

.superadmin-trend-summary span {
  background: #f8fafc;
  border: 1px solid #edf0f4;
  border-radius: 14px;
  gap: 4px;
  padding: 14px 16px;
  display: grid;
}

.superadmin-trend-summary small {
  color: #6b7280;
  font-size: 13px;
  font-weight: 700;
}

.superadmin-trend-summary strong {
  color: #202124;
  font-size: 24px;
  line-height: 1.1;
}

.superadmin-stats-bars {
  grid-template-columns: repeat(var(--trend-days, 7), minmax(44px, 1fr));
  align-items: end;
  gap: 8px;
  min-height: 230px;
  padding: 8px 2px 2px;
  display: grid;
  overflow-x: auto;
}

.superadmin-stats-bars span {
  text-align: center;
  align-content: end;
  gap: 6px;
  min-width: 44px;
  height: 100%;
  display: grid;
}

.superadmin-stats-bars i {
  background: linear-gradient(#111, #5b6472);
  border-radius: 8px 8px 2px 2px;
  min-height: 10px;
  display: block;
  box-shadow: inset 0 1px #ffffff2e;
}

.superadmin-stats-bars small, .superadmin-stats-bars b {
  color: #6b7280;
  font-size: 12px;
}

.superadmin-stats-bars b {
  color: #202124;
  min-height: 16px;
  font-weight: 800;
}

.superadmin-referral-list article {
  background: #f8fafc;
  border: 1px solid #edf0f4;
  border-radius: 12px;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.superadmin-referral-list article > div {
  gap: 3px;
  display: grid;
}

.superadmin-referral-list article span {
  color: #6b7280;
}

.superadmin-referral-list dl {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 0;
  display: grid;
}

.superadmin-referral-list dt {
  color: #6b7280;
  font-size: 12px;
}

.superadmin-referral-list dd {
  margin: 0;
  font-weight: 800;
}

.superadmin-referral-list button {
  color: #202124;
  cursor: pointer;
  text-align: left;
  text-underline-offset: 4px;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 800;
  text-decoration: underline;
}

.superadmin-chart-grid.is-compact {
  grid-template-columns: 1fr;
}

.superadmin-notification-dropdown, .superadmin-profile-dropdown {
  gap: 8px;
  display: grid;
}

.superadmin-notification-error {
  background: #fff7f8;
  border: 1px solid #ffd2d6;
  border-radius: 8px;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.superadmin-notification-error p {
  color: #b4232d;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.superadmin-notification-error button {
  color: #fff;
  min-height: 38px;
  font: inherit;
  background: #202124;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  font-weight: 800;
  display: inline-flex;
}

.superadmin-notification-item, .superadmin-profile-dropdown a, .superadmin-profile-dropdown button {
  color: #202124;
  cursor: pointer;
  font: inherit;
  text-align: left;
  background: #f7f8fa;
  border: 0;
  border-radius: 8px;
  padding: 10px;
  text-decoration: none;
}

.superadmin-notification-item {
  gap: 2px;
  display: grid;
}

.superadmin-page {
  padding: 38px 42px 64px;
}

.superadmin-summary-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.superadmin-profile-grid {
  grid-template-columns: minmax(320px, 1.3fr) repeat(3, minmax(170px, .7fr));
}

.superadmin-users-toolbar {
  grid-template-columns: 220px auto minmax(0, 1fr);
}

.superadmin-task-card {
  grid-template-columns: minmax(0, 1fr) auto;
}

.superadmin-instructions {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.superadmin-work-categories-hero {
  background: linear-gradient(#fffffff0, #fff), #fff;
  border: 1px solid #dfe5ee;
  border-radius: 22px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  padding: 28px;
  display: grid;
  box-shadow: 0 0 0 1px #0f172a05, 0 18px 48px #151f300d;
}

.superadmin-work-categories-hero span {
  color: #8a93a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 800;
}

.superadmin-work-categories-hero h1 {
  color: #20242b;
  margin: 10px 0 8px;
  font-size: clamp(34px, 4vw, 48px);
  line-height: 1.02;
}

.superadmin-work-categories-hero p {
  color: #697283;
  max-width: 620px;
  margin: 0;
  font-size: 18px;
  line-height: 1.45;
}

.superadmin-work-categories-hero__actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.superadmin-work-categories-ai, .superadmin-work-categories-add, .superadmin-work-category-plan button {
  color: #fff;
  cursor: pointer;
  min-height: 48px;
  font: inherit;
  white-space: nowrap;
  background: #111214;
  border: 0;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  font-weight: 800;
  transition: background .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.superadmin-work-categories-add {
  color: #20242b;
  background: #fff;
  border: 1px solid #dfe5ee;
}

.superadmin-work-categories-ai:disabled {
  opacity: .55;
  cursor: default;
}

.superadmin-work-kind-tabs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.superadmin-work-kind-tabs button {
  color: #697283;
  cursor: pointer;
  min-height: 62px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  padding: 0 18px;
  font-size: 18px;
  font-weight: 900;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), background .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-work-kind-tabs button.is-active {
  color: #fff;
  background: #111214;
  border-color: #111214;
  box-shadow: 0 16px 36px #11121424;
}

.superadmin-work-category-switch {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.superadmin-work-category-switch button {
  color: #20242b;
  cursor: pointer;
  min-height: 88px;
  font: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  padding: 0 24px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), background .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  box-shadow: 0 10px 30px #151f3008;
}

.superadmin-work-category-switch button.is-active {
  background: #fbfcfe;
  border-color: #111214;
  box-shadow: inset 0 -3px #ef0044, 0 14px 38px #151f300f;
}

.superadmin-work-category-switch strong {
  font-size: 20px;
}

.superadmin-work-category-switch span {
  background: #f0f2f6;
  border-radius: 999px;
  place-items: center;
  min-width: 42px;
  height: 42px;
  font-weight: 900;
  display: grid;
}

.superadmin-work-category-panel {
  gap: 18px;
  padding: 22px;
  display: grid;
}

.superadmin-work-category-list, .superadmin-work-category-plan, .superadmin-work-category-result {
  gap: 12px;
  display: grid;
}

.superadmin-work-category-card, .superadmin-work-category-plan article {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px 18px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  box-shadow: 0 0 0 1px #0f172a03, 0 10px 28px #151f3009;
}

.superadmin-work-category-card:hover {
  border-color: #cfd7e4;
  box-shadow: 0 0 0 1px #0f172a05, 0 16px 36px #151f300f;
}

.superadmin-work-category-card strong, .superadmin-work-category-plan strong {
  color: #20242b;
  font-size: 20px;
}

.superadmin-work-category-card > div:first-child {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.superadmin-work-category-card span, .superadmin-work-category-plan span, .superadmin-work-category-plan p, .superadmin-work-category-result p, .superadmin-modal-note {
  color: #697283;
  margin: 0;
}

.superadmin-work-category-card > div:first-child span {
  color: #7a8494;
  letter-spacing: .02em;
  text-transform: lowercase;
  background: #f1f3f7;
  border-radius: 999px;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  font-size: 12px;
  font-weight: 850;
  display: inline-flex;
}

.superadmin-work-category-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.superadmin-work-category-actions button, .superadmin-work-category-targets button, .superadmin-modal-actions button {
  color: #20242b;
  cursor: pointer;
  min-height: 44px;
  font: inherit;
  background: #f8f9fb;
  border: 1px solid #dfe5ee;
  border-radius: 12px;
  padding: 0 14px;
  font-weight: 750;
  transition: background .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1);
}

.superadmin-work-category-actions button:hover, .superadmin-work-category-targets button:hover, .superadmin-modal-actions button:hover:not(:disabled) {
  background: #fff;
  border-color: #cfd7e4;
}

.superadmin-work-category-actions button:last-child {
  color: #d5222f;
}

.superadmin-work-category-skeletons {
  gap: 12px;
  display: grid;
}

.superadmin-work-category-skeletons span {
  background: linear-gradient(90deg, #f2f4f8 0%, #e8edf5 50%, #f2f4f8 100%) 0 0 / 220% 100%;
  border-radius: 16px;
  height: 76px;
  animation: 1.2s linear infinite superadmin-skeleton;
}

.superadmin-work-category-llm {
  gap: 20px;
  display: grid;
}

.superadmin-work-category-plan article {
  align-items: start;
}

.superadmin-work-category-plan article > button {
  align-self: center;
}

.superadmin-work-category-result {
  background: #f4f8f5;
  border-radius: 16px;
  padding: 18px;
}

.superadmin-work-category-targets {
  gap: 8px;
  max-height: 300px;
  margin-top: 14px;
  display: grid;
  overflow: auto;
}

.superadmin-work-category-targets__empty {
  color: #697283;
  padding: 12px 4px;
  font-weight: 750;
  display: block;
}

.superadmin-work-category-targets__error {
  color: #8f1d14;
  background: #fff5f4;
  border: 1px solid #f5b7b1;
  border-radius: 7px;
  gap: 10px;
  width: 100%;
  padding: 12px;
  display: grid;
}

.superadmin-work-category-targets__error button {
  justify-self: start;
}

.superadmin-modal-input {
  gap: 8px;
  margin-top: 16px;
  display: grid;
}

.superadmin-modal-input span {
  color: #697283;
  font-weight: 800;
}

.superadmin-modal-input input, .superadmin-modal-input textarea {
  color: #20242b;
  width: 100%;
  min-height: 54px;
  font: inherit;
  background: #f5f7fa;
  border: 1px solid #d7dde7;
  border-radius: 14px;
  padding: 0 16px;
  font-size: 20px;
}

.superadmin-modal-input input:focus, .superadmin-modal-input textarea:focus {
  background: #fff;
  border-color: #111214;
  outline: none;
  box-shadow: 0 0 0 4px #11121414;
}

.superadmin-modal-actions button.is-primary {
  color: #fff;
  background: #111214;
  border-color: #111214;
  min-width: 120px;
}

.superadmin-modal-actions button.is-primary:disabled {
  opacity: .58;
  cursor: default;
}

.superadmin-modal-actions button.is-danger {
  background: #d5222f;
  border-color: #d5222f;
}

@media (max-width: 859px) {
  .superadmin-mobile, .superadmin-mobile *, .superadmin-mobile :before, .superadmin-mobile :after {
    box-sizing: border-box;
    min-width: 0;
  }

  .superadmin-mobile {
    width: 100%;
    max-width: 100vw;
    overflow-x: clip;
  }

  .superadmin-mobile-page, .superadmin-mobile .superadmin-stack, .superadmin-mobile .superadmin-notes-page, .superadmin-mobile .superadmin-instructions-page {
    width: 100%;
    max-width: 100%;
  }

  .superadmin-questionnaire-review {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .superadmin-questionnaire-review__heading {
    justify-content: space-between;
  }

  .superadmin-questionnaire-review > .superadmin-modal-action {
    width: 100%;
    min-width: 0;
  }

  .superadmin-work-categories-hero, .superadmin-work-category-card, .superadmin-work-category-plan article {
    grid-template-columns: 1fr;
  }

  .superadmin-work-categories-hero {
    padding: 24px;
  }

  .superadmin-delivery-card {
    grid-template-columns: 1fr;
    align-items: stretch;
  }

  .superadmin-delivery-card dl {
    grid-template-columns: 1fr;
  }

  .superadmin-delivery-card > button, .superadmin-delivery-error > button {
    width: 100%;
  }

  .superadmin-delivery-error {
    flex-direction: column;
    align-items: stretch;
  }

  .superadmin-work-categories-hero h1 {
    font-size: 36px;
  }

  .superadmin-work-categories-ai, .superadmin-work-categories-hero__actions, .superadmin-work-categories-add {
    width: 100%;
  }

  .superadmin-work-category-switch {
    grid-template-columns: 1fr;
  }

  .superadmin-page {
    padding: 14px 14px calc(136px + env(safe-area-inset-bottom));
  }

  .superadmin-mobile-page {
    padding-bottom: calc(136px + env(safe-area-inset-bottom));
    overflow-x: clip;
  }

  .superadmin-work-kind-tabs {
    grid-template-columns: 1fr;
  }

  .superadmin-work-category-actions {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }

  .superadmin-page-header h1 {
    font-size: 28px;
    line-height: 1.05;
  }

  .superadmin-page-header p {
    font-size: 13px;
    line-height: 1.32;
  }

  .superadmin-users-toolbar, .superadmin-summary-grid, .superadmin-attention-grid, .superadmin-kpi-grid, .superadmin-stats-two-columns, .superadmin-stats-wide-grid, .superadmin-profile-grid {
    grid-template-columns: 1fr;
  }

  .superadmin-summary-grid, .superadmin-audit-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-inline: 0;
    padding: 0;
    display: grid;
    overflow: visible;
  }

  .superadmin-summary-card, .superadmin-audit-overview-card {
    border-radius: 12px;
    min-width: 0;
    min-height: 72px;
    padding: 10px 12px;
  }

  .superadmin-summary-card strong, .superadmin-audit-overview-card strong {
    font-size: 24px;
  }

  .superadmin-audit-overview-card {
    gap: 3px;
  }

  .superadmin-audit-overview-card span, .superadmin-audit-overview-card small {
    font-size: 11px;
    line-height: 1.2;
  }

  .superadmin-stats-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .superadmin-role-filters, .superadmin-recipient-mode, .superadmin-editor-toolbar, .superadmin-trend-tabs {
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
    display: flex;
  }

  .superadmin-role-filters button, .superadmin-recipient-mode button, .superadmin-editor-toolbar button, .superadmin-trend-tabs button {
    white-space: normal;
    flex: auto;
    min-width: min(100%, 116px);
  }

  .superadmin-attention-card, .superadmin-kpi-card, .superadmin-stats-panel {
    border-radius: 10px;
    padding: 16px;
  }

  .superadmin-stats-panel > header, .superadmin-trend-panel__header, .superadmin-panel-head, .superadmin-order-admin-tasks__head, .superadmin-task-events__head, .superadmin-admin-task-card__top, .superadmin-admin-task-detail-card > header, .superadmin-admin-task-detail-card__hero {
    grid-template-columns: minmax(0, 1fr);
    justify-content: stretch;
    gap: 10px;
    display: grid;
  }

  .superadmin-funnel-list button, .superadmin-stats-list button, .superadmin-referral-list dl {
    grid-template-columns: 1fr;
  }

  .superadmin-funnel-list em {
    text-align: left;
  }

  .superadmin-instructions-hero, .superadmin-instruction-grid {
    grid-template-columns: 1fr;
  }

  .superadmin-instructions-hero {
    border-radius: 18px;
    align-items: stretch;
    padding: 16px;
  }

  .superadmin-instructions-hero h1 {
    font-size: 32px;
    line-height: 1.04;
  }

  .superadmin-instructions-hero p {
    font-size: 13px;
    line-height: 1.32;
  }

  .superadmin-instructions-hero__counter {
    text-align: left;
    min-width: 0;
  }

  .superadmin-instruction-card {
    border-radius: 18px;
    gap: 10px;
    min-height: 0;
    padding: 14px;
  }

  .superadmin-instructions-page {
    gap: 14px;
    padding: 0 14px;
  }

  .superadmin-instruction-card__preview {
    -webkit-line-clamp: 2;
  }

  .superadmin-table {
    background: none;
    border: 0;
    overflow: visible;
  }

  .superadmin-table-head {
    display: none;
  }

  .superadmin-table-row {
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 8px;
    grid-template-columns: 1fr;
    margin-bottom: 10px;
  }

  .superadmin-table-row.is-users, .superadmin-table-row.is-orders, .superadmin-table-row.is-audit, .superadmin-table-head.is-users, .superadmin-table-head.is-orders, .superadmin-table-head.is-audit, .superadmin-user-card__summary, .superadmin-order-card__summary {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .superadmin-payout-card {
    border-radius: 12px;
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 14px;
  }

  .superadmin-payout-card__amount strong {
    font-size: 26px;
  }

  .superadmin-payout-card__actions {
    grid-template-columns: 1fr;
    justify-content: stretch;
    display: grid;
  }

  .superadmin-payout-card__actions button {
    width: 100%;
  }

  .superadmin-user-card__avatar {
    display: none;
  }

  .superadmin-create-user, .superadmin-inline-edit, .superadmin-filter-grid, .superadmin-finance-settings, .superadmin-settings-card, .superadmin-settings-categories, .superadmin-integration-card, .superadmin-integration-actions, .superadmin-task-setting-row, .superadmin-notes-layout, .superadmin-article-workspace, .superadmin-chart-grid, .superadmin-audit-overview, .superadmin-audit-detail-grid, .superadmin-detail-stats, .superadmin-user-stat-grid, .superadmin-user-list-card, .superadmin-user-profile-grid, .superadmin-user-profile-layout, .superadmin-user-info-grid, .superadmin-user-section__split, .superadmin-surveyor-employee-card, .superadmin-passport-files, .superadmin-order-detail__facts, .superadmin-order-request-contact, .superadmin-order-detail-grid, .superadmin-order-ledger-row, .superadmin-order-audit-row, .superadmin-order-history-row, .superadmin-trend-grid, .superadmin-audit-filters, .superadmin-media-preview, .superadmin-trend-card, .superadmin-task-detail-grid, .superadmin-admin-task-card__message-details, .superadmin-admin-task-card__meta, .superadmin-admin-task-card__subject > div, .superadmin-admin-task-card__main, .superadmin-task-event, .superadmin-payout-card, .superadmin-order-file-grid, .superadmin-work-category-actions, .superadmin-work-category-card > div:first-child, .superadmin-work-category-switch button, .superadmin-work-kind-tabs, .superadmin-recipient-results > div, .superadmin-mailing-form, .superadmin-mailing-recipients, .superadmin-recipient-builder, .superadmin-order-edit, .superadmin-order-tabs {
    grid-template-columns: 1fr;
  }

  .superadmin-create-user button, .superadmin-inline-edit button, .superadmin-notify-user button, .superadmin-task-setting-row button, .superadmin-finance-settings button, .superadmin-primary-button, .superadmin-secondary-button, .superadmin-action-button, .superadmin-order-edit__actions button, .superadmin-order-control-actions button, .superadmin-order-admin-task > a, .superadmin-work-category-actions button, .superadmin-work-categories-ai, .superadmin-work-categories-add, .superadmin-add-user-button {
    width: 100%;
    min-width: 0;
  }

  .superadmin-passport-replacement {
    flex-direction: column;
    align-items: stretch;
  }

  .superadmin-passport-replacement__button {
    width: 100%;
    min-width: 0;
  }

  .superadmin-audit-filters, .superadmin-instruction-grid {
    scroll-margin-bottom: 136px;
  }

  .superadmin-instruction-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-inline: 0;
    padding: 0;
    display: grid;
    overflow: visible;
  }

  .superadmin-instruction-card-wrap {
    min-width: 0;
  }

  .superadmin-recipient-results > div {
    grid-template-columns: 1fr;
  }

  .superadmin-audit-row button {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .superadmin-audit-row {
    grid-template-columns: 1fr;
  }

  .superadmin-audit-row mark, .superadmin-audit-row time {
    grid-column: 2;
  }

  .superadmin-audit-row__actions {
    justify-content: flex-start;
    padding-left: 54px;
  }

  .superadmin-audit-row__actions, .superadmin-row-actions, .superadmin-task-relations, .superadmin-order-meta, .superadmin-task-meta, .superadmin-work-categories-hero__actions, .superadmin-work-category-actions, .superadmin-integration-actions, .superadmin-modal-actions {
    justify-content: stretch;
    width: 100%;
  }

  .superadmin-audit-row__actions button, .superadmin-row-actions button, .superadmin-task-relations button, .superadmin-task-relations span, .superadmin-modal-actions button {
    white-space: normal;
    flex: min(100%, 140px);
  }

  .superadmin-audit-detail-hero {
    grid-template-columns: 1fr;
  }

  .superadmin-audit-detail-hero time {
    white-space: normal;
  }

  .superadmin-audit-change-list p {
    grid-template-columns: 1fr;
  }

  .superadmin-chart-panel p {
    grid-template-columns: minmax(0, 1fr) 90px auto;
  }

  .superadmin-article-list {
    max-height: none;
    position: static;
  }

  .superadmin-notes-page > header, .superadmin-note-row {
    grid-template-columns: 1fr;
  }

  .superadmin-note-row {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }

  .superadmin-note-row__actions {
    grid-column: 1 / -1;
  }

  .superadmin-note-skeleton-actions {
    grid-column: 1 / -1;
    justify-content: stretch;
  }

  .superadmin-note-skeleton-actions i:first-child {
    flex: 1;
  }

  .superadmin-notes-bulkbar, .superadmin-notes-page > header {
    flex-direction: column;
    align-items: stretch;
  }

  .superadmin-notes-page > header button, .superadmin-note-row__actions, .superadmin-note-row__actions > a {
    width: 100%;
  }

  .superadmin-note-row__actions {
    justify-content: stretch;
  }

  .superadmin-article-shell {
    border-radius: 18px;
    min-height: auto;
    padding: 20px;
  }

  .superadmin-article-title-input {
    font-size: 42px;
  }

  .superadmin-article-editor__prose, .superadmin-article-viewer .ProseMirror {
    font-size: 18px;
    line-height: 1.65;
  }

  .superadmin-article-user-picker {
    width: min(340px, 100vw - 40px);
    top: 46px;
    left: 0;
  }

  .superadmin-table-controls {
    border-radius: 16px;
  }

  .superadmin-task-event {
    grid-template-columns: 1fr;
  }

  .superadmin-task-event__side {
    justify-items: start;
  }

  .superadmin-order-admin-task {
    grid-template-columns: 1fr;
  }

  .superadmin-order-admin-task > a {
    justify-self: start;
  }

  .superadmin-order-detail > header {
    display: grid;
  }

  .superadmin-order-edit__head {
    grid-template-columns: 1fr;
  }

  .superadmin-order-edit__actions, .superadmin-order-control-actions, .superadmin-order-description-save {
    width: 100%;
  }

  .superadmin-order-ledger-row > div:last-child, .superadmin-order-audit-row > div:last-child, .superadmin-order-history-row > div:last-child {
    text-align: left;
    justify-items: start;
  }

  .superadmin-order-detail > header > strong {
    font-size: 24px;
  }

  .superadmin-order-card__summary > strong {
    justify-self: start;
  }

  .superadmin-user-list-card {
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    padding: 14px;
  }

  .superadmin-user-list-card .superadmin-user-avatar {
    width: 44px;
    height: 44px;
    font-size: 18px;
  }

  .superadmin-user-list-card__main {
    gap: 6px;
  }

  .superadmin-user-list-card__main strong, .superadmin-user-list-card__main small {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .superadmin-user-list-card__main strong {
    font-size: 16px;
    line-height: 1.2;
  }

  .superadmin-user-list-card__side {
    grid-column: 1 / -1;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding-top: 8px;
    display: flex;
  }

  .superadmin-user-list-card__side .superadmin-card-action {
    min-height: 36px;
    padding-inline: 12px;
  }

  .superadmin-order-card, .superadmin-admin-task-card, .superadmin-panel, .superadmin-form-panel, .superadmin-stats-panel, .superadmin-instructions-hero, .superadmin-work-categories-hero, .superadmin-work-category-panel, .superadmin-settings-card, .superadmin-audit-detail-hero, .superadmin-audit-detail-card, .superadmin-user-profile-hero, .superadmin-user-section, .superadmin-order-detail {
    max-width: 100%;
    overflow: hidden;
  }

  .superadmin-order-card__summary > *, .superadmin-admin-task-card__main > *, .superadmin-panel > *, .superadmin-stats-panel > *, .superadmin-instructions-hero > *, .superadmin-work-categories-hero > *, .superadmin-work-category-card > *, .superadmin-audit-detail-card > *, .superadmin-user-profile-hero > *, .superadmin-user-section > *, .superadmin-order-detail > * {
    max-width: 100%;
  }

  .superadmin-order-card__summary strong, .superadmin-order-card__summary small, .superadmin-order-card__summary span, .superadmin-admin-task-card h2, .superadmin-admin-task-card p, .superadmin-admin-task-card strong, .superadmin-admin-task-card small, .superadmin-page-header h1, .superadmin-page-header p, .superadmin-panel h2, .superadmin-panel p, .superadmin-stats-panel h2, .superadmin-stats-panel p, .superadmin-work-categories-hero h1, .superadmin-work-categories-hero p, .superadmin-work-category-card strong, .superadmin-work-category-card span, .superadmin-instruction-card__preview, .superadmin-audit-detail-hero h1, .superadmin-audit-detail-hero p, .superadmin-audit-change-list strong, .superadmin-audit-change-list span, .superadmin-user-list-card__main strong, .superadmin-user-list-card__main small {
    overflow-wrap: anywhere;
    white-space: normal;
  }

  .superadmin-trend-card {
    min-height: 0;
  }

  .superadmin-sparkline {
    min-height: 96px;
  }

  .superadmin-table-controls {
    border-radius: 18px;
    width: auto;
    left: 14px;
    right: 14px;
  }

  .superadmin-editor-panel {
    max-width: none;
  }

  .superadmin-finance-settings, .superadmin-recovery-requisites {
    grid-template-columns: minmax(0, 1fr);
  }

  .superadmin-recovery-requisites {
    padding: 14px;
  }

  .superadmin-mailing-queue {
    gap: 14px;
    padding: 14px;
  }

  .superadmin-mailing-queue__header, .superadmin-mailing-campaign__topline {
    flex-direction: column;
    align-items: stretch;
  }

  .superadmin-mailing-queue__header button {
    width: 100%;
  }

  .superadmin-mailing-status {
    align-self: flex-start;
  }

  .superadmin-mailing-campaign {
    padding: 14px;
  }

  .superadmin-mailing-campaign dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .superadmin-create-user-modal {
    gap: 12px;
    width: min(100%, 560px);
    max-height: none;
    padding: 22px 18px 18px;
  }

  .superadmin-create-user-modal h2 {
    font-size: 26px;
  }

  .superadmin-create-user__fields {
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
  }

  .superadmin-create-user__role {
    grid-column: auto;
  }

  .superadmin-create-user__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .superadmin-create-user__actions .superadmin-modal-action {
    width: 100%;
    min-width: 0;
  }

  .superadmin-toast {
    bottom: 96px;
    right: 12px;
  }
}

@keyframes superadmin-skeleton {
  from {
    background-position: 0 0;
  }

  to {
    background-position: -220% 0;
  }
}

/* [project]/src/features/partner/partner.css [app-client] (css) */
.partner-cabinet {
  color: #202329;
  background: #f3f5f8;
  grid-template-columns: 280px minmax(0, 1fr);
  min-height: 100vh;
  display: grid;
}

.partner-cabinet-loading {
  background: #f3f5f8;
  min-height: 100vh;
  padding: 24px;
}

.partner-cabinet-loading header {
  justify-content: space-between;
  margin-bottom: 28px;
  display: flex;
}

.partner-cabinet-loading header span, .partner-cabinet-loading header i, .partner-cabinet-loading__hero span, .partner-cabinet-loading__metrics span, .partner-cabinet-loading__panel {
  background: linear-gradient(90deg, #e6e9ee 25%, #f5f6f8 50%, #e6e9ee 75%) 0 0 / 200% 100%;
  border-radius: 8px;
  animation: 1.3s linear infinite partner-loading-shimmer;
  display: block;
}

.partner-cabinet-loading header span {
  width: 150px;
  height: 34px;
}

.partner-cabinet-loading header i {
  width: 190px;
  height: 48px;
}

.partner-cabinet-loading > section {
  gap: 20px;
  width: min(1120px, 100%);
  margin: 0 auto;
  display: grid;
}

.partner-cabinet-loading__hero {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 14px;
  gap: 12px;
  padding: 28px;
  display: grid;
}

.partner-cabinet-loading__hero span:first-child {
  width: 110px;
  height: 16px;
}

.partner-cabinet-loading__hero span:nth-child(2) {
  width: min(440px, 80%);
  height: 42px;
}

.partner-cabinet-loading__hero span:nth-child(3) {
  width: min(620px, 95%);
  height: 18px;
}

.partner-cabinet-loading__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.partner-cabinet-loading__metrics span {
  height: 98px;
}

.partner-cabinet-loading__panel {
  height: 260px;
}

@keyframes partner-loading-shimmer {
  to {
    background-position: -200% 0;
  }
}

.partner-sidebar {
  background: #fff;
  border-right: 1px solid #dfe5ee;
  grid-template-rows: auto 1fr;
  gap: 46px;
  padding: 32px 24px;
  display: grid;
}

.partner-brand {
  letter-spacing: 0;
  align-items: center;
  gap: 12px;
  font-weight: 900;
  display: flex;
}

.partner-brand span {
  background: #ef002b;
  width: 34px;
  height: 34px;
  display: block;
}

.partner-sidebar nav {
  gap: 10px;
  display: grid;
}

.partner-sidebar a {
  color: #667085;
  border-radius: 14px;
  padding: 14px;
  font-weight: 850;
  text-decoration: none;
}

.partner-sidebar a.is-active, .partner-sidebar a:hover {
  color: #202329;
  background: #f2f4f8;
}

.partner-main {
  gap: 24px;
  padding: 28px;
  display: grid;
}

.partner-topbar {
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.partner-topbar > div {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 18px;
  align-items: center;
  gap: 12px;
  min-height: 56px;
  padding: 0 16px;
  display: flex;
}

.partner-topbar span {
  color: #fff;
  background: #111;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-weight: 900;
  display: inline-flex;
}

.partner-topbar small {
  color: #667085;
  font-weight: 800;
}

.partner-hero, .partner-panel {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 26px;
  padding: 28px;
}

.partner-topbar-logout, .partner-topbar-switch {
  color: #252a31;
  min-height: 42px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9dfe7;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

.partner-payout-history {
  gap: 10px;
  margin-top: 20px;
  display: grid;
}

.partner-payout-history h3 {
  margin: 0 0 4px;
  font-size: 18px;
}

.partner-payout-history article {
  background: #f8f9fb;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: grid;
}

.partner-payout-history article div {
  gap: 3px;
  display: grid;
}

.partner-payout-history article small {
  color: #6f7785;
}

.partner-payout-history article > span {
  color: #4e5868;
  background: #eef1f5;
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 13px;
  font-weight: 700;
}

.partner-payout-history article > span[data-status="paid"] {
  color: #20703c;
  background: #e6f6ec;
}

.partner-payout-history article > span[data-status="rejected"] {
  color: #bc2026;
  background: #fff0f0;
}

.partner-payout-history article > span[data-status="cancelled"] {
  color: #697283;
  background: #eef1f5;
}

.partner-payout-history article p {
  color: #bc2026;
  grid-column: 1 / -1;
  margin: 0;
  font-size: 14px;
}

.partner-payout-history article > button {
  color: #242932;
  min-height: 36px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d4dae4;
  border-radius: 7px;
  grid-column: 1 / -1;
  justify-self: start;
  padding: 7px 11px;
  font-weight: 750;
  transition: border-color .16s, transform .16s;
}

.partner-payout-history article > button:hover {
  border-color: #111214;
  transform: translateY(-1px);
}

.partner-payout-history .partner-payout-proof {
  color: #697283;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px 12px;
  font-size: 13px;
  display: flex;
}

.partner-payout-proof a {
  color: #111214;
  font-weight: 800;
  text-decoration: underline;
}

@media (max-width: 700px) {
  .partner-payout-history article {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .partner-payout-history article > span {
    grid-column: 1 / -1;
    justify-self: start;
  }
}

.partner-hero {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 20px;
  display: grid;
}

.partner-hero p, .partner-panel-head span {
  color: #8a93a3;
  margin: 0;
  font-weight: 850;
}

.partner-hero h1 {
  margin: 10px 0;
  font-size: clamp(40px, 6vw, 82px);
  line-height: .98;
}

.partner-hero span {
  color: #667085;
  font-size: 20px;
}

.partner-primary-button {
  color: #fff;
  background: #111;
  border: 0;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 22px;
  font-size: 17px;
  font-weight: 850;
  text-decoration: none;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.partner-primary-button:hover {
  background: #050505;
  transform: translateY(-1px);
}

.partner-primary-button svg {
  flex: none;
}

.partner-secondary-button {
  color: #202329;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  padding: 0 22px;
  font-size: 17px;
  font-weight: 850;
  display: inline-flex;
}

.role-partner-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  display: flex;
}

.role-prepared-order-modal {
  width: min(1120px, 100vw - 32px);
  max-height: calc(100vh - 32px);
  overflow: auto;
}

.role-prepared-order-modal__head {
  gap: 8px;
  padding: 0 0 18px;
  display: grid;
}

.role-prepared-order-modal__head p {
  color: #8a93a3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.role-prepared-order-modal__head h2 {
  color: #20242c;
  margin: 0;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.04;
}

.role-prepared-order-modal__head span {
  color: #667085;
  font-size: 16px;
  line-height: 1.45;
}

.partner-primary-button:disabled {
  cursor: default;
  opacity: .82;
}

.partner-button-spinner {
  border: 2px solid #ffffff61;
  border-top-color: #fff;
  border-radius: 999px;
  width: 18px;
  height: 18px;
  animation: .8s linear infinite partnerSpin;
}

@keyframes partnerSpin {
  to {
    transform: rotate(360deg);
  }
}

.partner-metrics {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.partner-metric, .partner-link-card, .partner-referral-card {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 20px;
  padding: 20px;
}

.partner-metric {
  gap: 8px;
  display: grid;
}

.partner-metric strong {
  font-size: 34px;
}

.partner-metric small, .partner-link-card small, .partner-referral-card span {
  color: #667085;
  font-weight: 750;
  line-height: 1.25;
}

.partner-panel {
  gap: 14px;
  display: grid;
}

.partner-panel-head, .partner-link-card, .partner-referral-card {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.partner-panel-head > div {
  min-width: 0;
}

.partner-panel-head p {
  color: #667085;
  max-width: 680px;
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

.partner-referral-card {
  flex-wrap: wrap;
  gap: 24px;
}

.partner-referral-card__content {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.partner-referral-card__content > strong {
  font-size: 18px;
}

.partner-referral-card__content p {
  color: #667085;
  max-width: 720px;
  margin: 0;
  line-height: 1.45;
}

.partner-referral-card__status {
  color: #344054;
  background: #f2f4f7;
  border-radius: 999px;
  justify-self: start;
  padding: 7px 10px;
}

.partner-referral-card__status[data-tone="progress"] {
  color: #875b12;
  background: #fff4df;
}

.partner-referral-card__status[data-tone="success"] {
  color: #176b3a;
  background: #e9f8ef;
}

.partner-referral-card__status[data-tone="danger"] {
  color: #b42332;
  background: #fff0f1;
}

.partner-referral-card__commission {
  text-align: right;
  flex: none;
  justify-items: end;
  gap: 4px;
  display: grid;
}

.partner-referral-card__commission small {
  color: #667085;
  font-weight: 700;
}

.partner-link-card > div:first-child {
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

.partner-link-card > div:first-child > div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.partner-link-card strong {
  overflow-wrap: anywhere;
}

.partner-link-card > div:first-child > span {
  background: #eef1f6;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
}

.partner-link-stats {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.partner-link-card.is-disabled {
  opacity: .82;
  background: #f7f8fa;
}

.partner-link-card-actions {
  place-items: flex-end end;
  gap: 8px;
  display: grid;
}

.partner-link-card-actions > span {
  color: #667085;
  font-size: 12px;
  font-weight: 850;
}

.partner-link-card-actions button {
  color: #a22c2c;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #e3b8b8;
  border-radius: 999px;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 850;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.partner-link-card-actions button:hover {
  background: #fff4f4;
  border-color: #d38d8d;
}

.partner-link-card-actions .partner-link-card-actions__copy {
  color: #394150;
  border-color: #d8e0ea;
}

.partner-link-card-actions .partner-link-card-actions__copy:hover {
  background: #f3f6fa;
  border-color: #b9c6d5;
}

.partner-link-card-actions .partner-link-card-actions__insights {
  color: #394150;
  border-color: #d8e0ea;
}

.partner-link-card-actions .partner-link-card-actions__insights:hover {
  background: #f3f6fa;
  border-color: #b9c6d5;
}

.partner-prepared-order-card {
  background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
  border: 1px solid #dfe5ee;
  border-radius: 20px;
  grid-template-columns: 48px minmax(0, 1fr) minmax(210px, auto);
  align-items: center;
  gap: 16px;
  padding: 20px;
  display: grid;
}

.partner-prepared-order-card__icon {
  color: #d9122c;
  background: #fce9eb;
  border-radius: 15px;
  justify-content: center;
  align-self: start;
  align-items: center;
  width: 48px;
  height: 48px;
  display: inline-flex;
}

.partner-prepared-order-card__main {
  gap: 6px;
  min-width: 0;
  display: grid;
}

.partner-prepared-order-card__main > strong {
  color: #20242c;
  overflow-wrap: anywhere;
  font-size: 19px;
  line-height: 1.25;
}

.partner-prepared-order-card__main > p {
  color: #667085;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 14px;
}

.partner-prepared-order-card__status {
  color: #875b12;
  background: #fff4df;
  border-radius: 999px;
  justify-self: start;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 850;
}

.partner-prepared-order-card__status.is-accepted {
  color: #176b3a;
  background: #e9f8ef;
}

.partner-prepared-order-card__facts {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.partner-prepared-order-card__facts span {
  color: #4d5969;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #f1f3f6;
  border-radius: 999px;
  max-width: 100%;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 750;
  overflow: hidden;
}

.partner-prepared-order-card__actions {
  place-items: flex-end stretch;
  gap: 8px;
  display: grid;
}

.partner-prepared-order-card__actions small {
  color: #667085;
  text-align: right;
  font-size: 12px;
  line-height: 1.35;
}

.partner-prepared-order-card__actions .partner-primary-button, .partner-prepared-order-card__actions .partner-secondary-button {
  justify-content: center;
  min-height: 38px;
  padding: 0 12px;
}

.partner-section-error {
  color: #9a2c25;
  background: #fff8f7;
  border: 1px solid #f1c6c3;
  border-radius: 14px;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px;
  display: flex;
}

.partner-section-error p {
  margin: 0;
  line-height: 1.4;
}

.partner-section-error button {
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #e2a8a2;
  border-radius: 9px;
  padding: 9px 12px;
  font-weight: 800;
}

.partner-insights-backdrop {
  z-index: 260;
  background: #12171f9e;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
}

.partner-insights-dialog {
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 24px;
  gap: 22px;
  width: min(1040px, 100%);
  max-height: min(860px, 100dvh - 48px);
  padding: 28px;
  display: grid;
  overflow: auto;
  box-shadow: 0 26px 70px #10182847;
}

.partner-insights-dialog__head {
  justify-content: space-between;
  align-items: start;
  gap: 18px;
  display: flex;
}

.partner-insights-dialog__head > div {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.partner-insights-dialog__head span {
  color: #8a93a3;
  letter-spacing: .06em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.partner-insights-dialog__head h2, .partner-insights-dialog__head p {
  margin: 0;
}

.partner-insights-dialog__head h2 {
  color: #20242c;
  overflow-wrap: anywhere;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.08;
}

.partner-insights-dialog__head p {
  color: #667085;
  max-width: 720px;
  font-size: 16px;
  line-height: 1.45;
}

.partner-insights-dialog__actions {
  background: #f7f8fb;
  border: 1px solid #e5e9f0;
  border-radius: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px;
  display: flex;
}

.partner-insights-dialog__actions > span {
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}

.partner-insights-body {
  gap: 24px;
  display: grid;
}

.partner-insights-body > section {
  gap: 14px;
  display: grid;
}

.partner-insights-order-focus {
  background: #f7f9fc;
  border: 1px solid #dce4ee;
  border-radius: 20px;
  padding: 18px;
}

.partner-insights-order-focus__card {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.partner-insights-order-focus__card > div {
  background: #fff;
  border: 1px solid #e4e9f0;
  border-radius: 13px;
  gap: 5px;
  min-width: 0;
  padding: 13px;
  display: grid;
}

.partner-insights-order-focus__card span {
  color: #788394;
  font-size: 12px;
  font-weight: 800;
}

.partner-insights-order-focus__card strong {
  color: #252c35;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.4;
}

.partner-insights-order-focus__card p {
  color: #5f6b7b;
  border-top: 1px solid #dde5ee;
  grid-column: 1 / -1;
  margin: 2px 0 0;
  padding-top: 14px;
  line-height: 1.5;
}

.partner-insights-section-head {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.partner-insights-section-head h3, .partner-insights-section-head span {
  margin: 0;
}

.partner-insights-section-head h3 {
  color: #20242c;
  font-size: 18px;
}

.partner-insights-section-head span {
  color: #7c8595;
  text-align: right;
  font-size: 13px;
  font-weight: 750;
}

.partner-funnel {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.partner-funnel__step {
  background: #f7f8fb;
  border: 1px solid #e6eaf0;
  border-radius: 16px;
  gap: 6px;
  min-height: 116px;
  padding: 14px;
  display: grid;
}

.partner-funnel__step > span {
  color: #fff;
  background: #202329;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  font-weight: 900;
  display: inline-flex;
}

.partner-funnel__step strong {
  color: #20242c;
  align-self: end;
  font-size: 26px;
  line-height: 1;
}

.partner-funnel__step small {
  color: #667085;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.partner-trend-chart {
  background: #fafbfd;
  border: 1px solid #e6eaf0;
  border-radius: 18px;
  align-items: end;
  gap: 8px;
  min-height: 210px;
  padding: 18px 16px 12px;
  display: flex;
  overflow-x: auto;
}

.partner-trend-chart__day {
  flex: 0 0 34px;
  justify-items: center;
  gap: 8px;
  display: grid;
}

.partner-trend-chart__bars {
  align-items: end;
  gap: 3px;
  height: 156px;
  display: flex;
}

.partner-trend-chart__bars i {
  background: #202329;
  border-radius: 5px 5px 2px 2px;
  width: 8px;
  min-height: 4px;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.partner-trend-chart__bars i:nth-child(2) {
  background: #ed1b2f;
}

.partner-trend-chart__bars i:nth-child(3) {
  background: #5f718a;
}

.partner-trend-chart__day:hover i {
  transform: translateY(-2px);
}

.partner-trend-chart__day small {
  color: #7b8492;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 800;
}

.partner-trend-chart__legend {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.partner-trend-chart__legend span {
  color: #667085;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}

.partner-trend-chart__legend span:before {
  content: "";
  background: #202329;
  border-radius: 99px;
  width: 8px;
  height: 8px;
  display: inline-block;
}

.partner-trend-chart__legend span:nth-child(2):before {
  background: #ed1b2f;
}

.partner-trend-chart__legend span:nth-child(3):before {
  background: #5f718a;
}

.partner-insights-columns {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
  display: grid !important;
}

.partner-insights-columns > div {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 18px;
  gap: 12px;
  padding: 16px;
  display: grid;
}

.partner-insights-list {
  gap: 8px;
  display: grid;
}

.partner-insights-list > div {
  border-top: 1px solid #edf0f4;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding-top: 10px;
  display: flex;
}

.partner-insights-list strong, .partner-insights-list small {
  display: block;
}

.partner-insights-list strong {
  color: #27303b;
  overflow-wrap: anywhere;
  font-size: 14px;
}

.partner-insights-list small {
  color: #7b8492;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.35;
}

.partner-insights-avatar, .partner-insights-order-icon {
  color: #394150;
  background: #eef1f6;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  font-size: 11px;
  font-weight: 900;
  display: inline-flex;
}

.partner-insights-order-icon {
  border-radius: 11px;
}

.partner-insights-orders > div > div {
  min-width: 0;
}

.partner-insights-orders aside {
  text-align: right;
  min-width: 0;
  margin-left: auto;
}

.partner-insights-prepared-order {
  background: #f7f8fa;
  border: 1px solid #e3e7ed;
  border-radius: 14px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
  padding: 14px;
  display: grid;
}

.partner-insights-prepared-order strong, .partner-insights-prepared-order small {
  display: block;
}

.partner-insights-prepared-order small {
  color: #667085;
  margin-top: 3px;
}

.partner-insights-prepared-order button {
  color: #242932;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dee7;
  border-radius: 10px;
  padding: 9px 11px;
  font-size: 13px;
  font-weight: 750;
}

.partner-insights-prepared-order button:hover {
  background: #f3f5f7;
}

.partner-insights-prepared-order__details {
  border-top: 1px solid #e3e7ed;
  grid-column: 1 / -1;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 12px;
  display: grid;
}

.partner-insights-prepared-order__details > div {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.partner-insights-prepared-order__details span {
  color: #7b8492;
  font-size: 12px;
  font-weight: 700;
}

.partner-insights-prepared-order__details strong {
  overflow-wrap: anywhere;
  font-size: 13px;
  line-height: 1.4;
}

.partner-insights-prepared-order__details p {
  color: #667085;
  grid-column: 1 / -1;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

.partner-prepared-order__period, .partner-prepared-order__description, .partner-prepared-order__files {
  grid-column: 1 / -1;
}

.partner-prepared-order__description {
  margin-top: 2px !important;
}

.partner-prepared-order__files {
  gap: 10px;
  padding-top: 2px;
  display: grid;
}

.partner-prepared-order__files > div:first-child {
  justify-content: space-between;
  align-items: baseline;
  gap: 8px;
  display: flex;
}

.partner-prepared-order__files > div:first-child strong {
  font-size: 14px;
}

.partner-prepared-order__files > div:first-child span {
  color: #7b8492;
  font-size: 12px;
  font-weight: 650;
}

.partner-prepared-order__media {
  gap: 8px;
  display: flex;
  overflow: hidden;
}

.partner-prepared-order__media > span {
  cursor: zoom-in;
  background-color: #e9edf2;
  background-position: center;
  background-size: cover;
  border-radius: 9px;
  flex: 0 0 96px;
  height: 74px;
  display: block;
  position: relative;
  overflow: hidden;
}

.partner-prepared-order__media > span video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.partner-prepared-order__media > span i {
  color: #fff;
  background: #1112144d;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.partner-prepared-order__documents {
  gap: 8px;
  display: grid;
}

.partner-prepared-order__documents a {
  color: #26303b;
  background: #fff;
  border: 1px solid #dbe1e9;
  border-radius: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 9px 10px;
  text-decoration: none;
  transition: border-color .16s, background-color .16s, transform .16s;
  display: grid;
}

.partner-prepared-order__documents a:hover {
  background: #f9fafb;
  border-color: #adb7c6;
  transform: translateY(-1px);
}

.partner-prepared-order__documents a > span {
  gap: 1px;
  min-width: 0;
  display: grid;
}

.partner-prepared-order__documents a strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  overflow: hidden;
}

.partner-prepared-order__documents a small {
  color: #7b8492;
  font-size: 11px;
}

.partner-prepared-order__documents a b {
  color: #1d2733;
  font-size: 12px;
}

.partner-insights-linked-order {
  grid-template-columns: 36px minmax(0, 1fr) minmax(148px, auto) auto;
  align-items: center;
  gap: 12px;
  display: grid;
}

.partner-insights-linked-order > button {
  color: inherit;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dee7;
  border-radius: 10px;
  min-height: 36px;
  padding: 9px 11px;
  font-weight: 750;
}

.partner-insights-linked-order > button:hover {
  background: #f3f5f7;
}

.partner-insights-linked-order > .partner-insights-prepared-order__details {
  grid-column: 2 / -1;
}

.partner-payout-panel {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 18px;
  grid-template-columns: minmax(220px, 1.2fr) minmax(250px, 1fr) auto;
  align-items: center;
  gap: 20px;
  margin-bottom: 24px;
  padding: 22px;
  display: grid;
}

.partner-payout-panel > div:first-child > span, .partner-payout-panel > div:first-child strong, .partner-payout-panel > div:first-child small {
  display: block;
}

.partner-payout-panel > div:first-child > span {
  color: #667085;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  display: flex;
}

.partner-payout-panel > div:first-child strong {
  letter-spacing: 0;
  margin-top: 7px;
  font-size: 28px;
}

.partner-payout-panel > div:first-child small {
  color: #667085;
  max-width: 330px;
  margin-top: 4px;
  line-height: 1.35;
}

.partner-payout-panel__stats {
  gap: 7px;
  display: grid;
}

.partner-payout-panel__stats span {
  color: #667085;
  justify-content: space-between;
  gap: 16px;
  font-size: 14px;
  display: flex;
}

.partner-payout-panel__stats b {
  color: #20242c;
  font-weight: 700;
}

.partner-payout-panel__error {
  color: #c72d3b;
  grid-column: 1 / -1;
  margin: -8px 0 0;
}

.partner-payout-history__list {
  gap: 9px;
  display: grid;
}

.partner-payout-history__list > div {
  border: 1px solid #e3e8ef;
  border-radius: 14px;
  grid-template-columns: 38px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  display: grid;
}

.partner-payout-history__list > div > span {
  color: #465263;
  background: #eef1f6;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
}

.partner-payout-history__list strong, .partner-payout-history__list small {
  display: block;
}

.partner-payout-history__list small {
  color: #667085;
  margin-top: 3px;
  font-size: 12px;
}

.partner-payout-history__list b {
  color: #20242c;
  white-space: nowrap;
  font-size: 16px;
}

.partner-referral-card__open {
  color: #20242c;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d6dce5;
  border-radius: 10px;
  align-self: center;
  padding: 10px 14px;
  font-weight: 700;
}

.partner-referral-card__open:hover {
  background: #f4f6f8;
}

.partner-referral-card__link {
  color: #20242c;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #d6dce5;
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  font-weight: 700;
  display: inline-flex;
}

.partner-referral-card__link:hover {
  background: #f4f6f8;
}

.partner-referral-card__details {
  background: #f7f8fa;
  border: 1px solid #e3e7ed;
  border-radius: 14px;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  padding: 16px;
  display: grid;
  overflow: hidden;
}

.partner-referral-card__details > div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.partner-referral-card__details span {
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}

.partner-referral-card__details strong {
  overflow-wrap: anywhere;
}

.partner-referral-card__details p {
  color: #667085;
  border-top: 1px solid #e3e7ed;
  grid-column: 1 / -1;
  margin: 2px 0 0;
  padding-top: 12px;
  line-height: 1.4;
}

.partner-insights-empty, .partner-insights-error {
  color: #667085;
  background: #f7f8fb;
  border-radius: 14px;
  padding: 14px;
  font-size: 14px;
  font-weight: 750;
}

.partner-insights-error {
  color: #a22c2c;
  background: #fff4f4;
  border: 1px solid #f6caca;
}

.partner-insights-skeleton {
  gap: 14px;
  display: grid;
}

.partner-insights-skeleton i {
  background: linear-gradient(90deg, #eef1f6 20%, #f8f9fb 50%, #eef1f6 80%);
  border-radius: 16px;
  height: 98px;
  animation: 1.3s ease-in-out infinite alternate partnerSkeletonPulse;
  display: block;
}

.partner-insights-skeleton i:nth-child(2) {
  height: 180px;
}

.partner-insights-skeleton i:nth-child(3) {
  height: 150px;
}

@keyframes partnerSkeletonPulse {
  to {
    opacity: .55;
  }
}

.partner-link-stats span {
  color: #667085;
  background: #f2f4f8;
  border-radius: 999px;
  padding: 8px 10px;
  font-weight: 800;
}

.partner-empty {
  color: #667085;
  background: #f7f8fb;
  border-radius: 18px;
  padding: 22px;
  font-weight: 800;
}

.partner-main-data {
  gap: 20px;
  display: grid;
}

.partner-load-error {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 24px;
  display: grid;
}

.partner-load-error h2, .partner-load-error p {
  margin: 0;
}

.partner-load-error h2 {
  font-size: 22px;
}

.partner-load-error p {
  color: #687281;
  margin-top: 6px;
  line-height: 1.45;
}

.partner-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 46px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 800;
}

@media (max-width: 700px) {
  .partner-load-error {
    grid-template-columns: minmax(0, 1fr);
    padding: 18px;
  }

  .partner-load-error button {
    width: 100%;
  }
}

.partner-modal-backdrop {
  overscroll-behavior: contain;
  z-index: 1000;
  background: #0f121875;
  justify-content: center;
  align-items: center;
  height: 100dvh;
  padding: 24px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.partner-modal {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border-radius: 24px;
  width: min(100%, 520px);
  max-width: 520px;
  min-height: 0;
  max-height: calc(100dvh - 48px);
  padding: 28px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 24px 80px #0c101638;
}

.partner-modal-close {
  background: #f2f4f8;
  border: 0;
  border-radius: 14px;
  width: 48px;
  height: 48px;
  font-size: 30px;
  position: absolute;
  top: 18px;
  right: 18px;
}

.partner-modal form, .partner-created-link {
  gap: 16px;
  display: grid;
}

.partner-modal h2 {
  margin: 0;
  font-size: 36px;
  line-height: 1;
}

.partner-disable-link-modal {
  gap: 16px;
  display: grid;
}

.partner-disable-link-modal > p {
  color: #8a93a3;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 900;
}

.partner-disable-link-modal > span {
  color: #667085;
  padding-right: 24px;
  line-height: 1.5;
}

.partner-danger-button {
  color: #fff;
  cursor: pointer;
  font: inherit;
  background: #bd2525;
  border: 0;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 56px;
  padding: 0 22px;
  font-weight: 850;
  display: inline-flex;
}

.partner-danger-button:disabled {
  cursor: default;
  opacity: .72;
}

.partner-modal label {
  color: #667085;
  gap: 8px;
  font-weight: 850;
  display: grid;
}

.partner-modal input, .partner-modal textarea {
  color: #202329;
  font: inherit;
  background: #f2f4f8;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  min-height: 54px;
  padding: 0 16px;
}

.partner-created-link input {
  text-overflow: ellipsis;
  font-weight: 800;
  overflow: hidden;
}

.partner-modal textarea {
  resize: vertical;
  min-height: 110px;
  padding: 16px;
}

.partner-toggle-row {
  color: #202329;
  background: #f7f8fb;
  border: 1px solid #dfe5ee;
  border-radius: 16px;
  flex-direction: row;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 14px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: flex !important;
}

.partner-toggle-row.is-active {
  background: #f0f7f2;
  border-color: #b7dfc0;
  box-shadow: 0 0 0 3px #2c925014;
}

.partner-modal .partner-toggle-row input {
  accent-color: #111;
  background: #fff;
  border-radius: 7px;
  flex: none;
  width: 24px;
  height: 24px;
  min-height: 24px;
  padding: 0;
}

.partner-toggle-row span {
  font-weight: 850;
}

.partner-field-motion {
  display: grid;
}

.partner-modal-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.partner-field-error, .partner-toast {
  color: #d92d20;
  font-weight: 800;
}

.partner-toast {
  color: #9a3412;
  background: #fff4ed;
  border: 1px solid #fed7aa;
  border-radius: 16px;
  padding: 14px 18px;
  position: fixed;
  bottom: 24px;
  right: 24px;
}

.partner-mobile-bottom-nav {
  display: none;
}

.partner-skeleton-list {
  gap: 12px;
  display: grid;
}

.partner-skeleton-list span {
  background: linear-gradient(90deg, #eef1f6 0%, #f8fafc 50%, #eef1f6 100%);
  border-radius: 18px;
  height: 84px;
  animation: 1.15s ease-in-out infinite adminSkeleton;
  display: block;
}

.partner-waiting {
  color: #202329;
  background: #f3f5f8;
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  display: grid;
}

.partner-waiting-topbar {
  background: #fff;
  border-bottom: 1px solid #dfe5ee;
  justify-content: space-between;
  align-items: center;
  min-height: 82px;
  padding: 0 clamp(18px, 5vw, 64px);
  display: flex;
}

.partner-logout-button {
  color: #202329;
  background: #fff;
  border: 1px solid #d7dee9;
  border-radius: 16px;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 850;
  display: inline-flex;
}

.partner-waiting-card {
  text-align: center;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 30px;
  place-self: center;
  gap: 16px;
  width: calc(100% - 32px);
  max-width: 720px;
  padding: clamp(30px, 5vw, 58px);
  display: grid;
  box-shadow: 0 26px 70px #1d293914;
}

.partner-waiting-avatar {
  color: #fff;
  background: #111;
  border-radius: 24px;
  justify-content: center;
  justify-self: center;
  align-items: center;
  width: 82px;
  height: 82px;
  font-size: 32px;
  font-weight: 900;
  display: inline-flex;
}

.partner-waiting-card p {
  color: #8a93a3;
  text-transform: uppercase;
  margin: 8px 0 0;
  font-weight: 900;
}

.partner-waiting-card h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 68px);
  line-height: 1;
}

.partner-waiting-card span {
  color: #667085;
  font-size: 20px;
  line-height: 1.45;
}

.partner-waiting-actions {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  display: flex;
}

.partner-waiting-actions a, .partner-waiting-primary {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 0 18px;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.partner-waiting-primary {
  color: #fff;
  background: #151617;
  border: 0;
  gap: 8px;
}

.partner-waiting-primary:disabled {
  cursor: wait;
  opacity: .62;
}

.partner-waiting-actions a {
  color: #202329;
  background: #fff;
  border: 1px solid #d7dee9;
}

.partner-action-spinner {
  animation: .75s linear infinite partner-spin;
}

@keyframes partner-spin {
  to {
    transform: rotate(360deg);
  }
}

.role-partner-page {
  gap: 22px;
  display: grid;
}

.role-partner-page.is-compact {
  padding-bottom: calc(168px + env(safe-area-inset-bottom));
}

.role-partner-hero {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 26px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 20px;
  padding: 28px;
  display: grid;
}

.role-partner-hero p {
  color: #8a93a3;
  margin: 0 0 8px;
  font-weight: 850;
}

.role-partner-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 1;
}

.role-partner-hero span {
  color: #667085;
  font-size: 18px;
  line-height: 1.35;
}

.role-partner-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.role-partner-workspace-nav {
  scrollbar-width: none;
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 10px;
  align-items: center;
  gap: 6px;
  padding: 6px;
  display: flex;
  overflow-x: auto;
}

.role-partner-workspace-nav::-webkit-scrollbar {
  display: none;
}

.role-partner-workspace-nav button {
  color: #667085;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  border-radius: 7px;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 16px;
  font-weight: 760;
  transition: background-color .16s, color .16s, transform .16s;
  display: inline-flex;
}

.role-partner-workspace-nav button:hover {
  color: #202329;
  background: #f2f4f7;
}

.role-partner-workspace-nav button:active {
  transform: scale(.98);
}

.role-partner-workspace-nav button.is-active {
  color: #fff;
  background: #202226;
}

.partner-panel--workspace {
  min-height: 260px;
}

@media (max-width: 860px) {
  .partner-cabinet-loading {
    padding: max(16px, env(safe-area-inset-top)) 14px calc(32px + env(safe-area-inset-bottom));
  }

  .partner-cabinet-loading header i {
    width: 112px;
  }

  .partner-cabinet-loading__hero {
    padding: 20px;
  }

  .partner-cabinet-loading__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-cabinet {
    padding-bottom: calc(128px + env(safe-area-inset-bottom));
    display: block;
  }

  .partner-sidebar {
    display: none;
  }

  .partner-main {
    padding: 14px;
  }

  .partner-topbar {
    display: none;
  }

  .partner-hero, .partner-panel {
    border-radius: 20px;
    padding: 20px;
  }

  .partner-hero, .partner-metrics, .role-partner-hero, .role-partner-metrics, .partner-panel-head, .partner-link-card, .partner-referral-card {
    grid-template-columns: 1fr;
    align-items: stretch;
    display: grid;
  }

  .partner-link-card, .partner-referral-card {
    gap: 16px;
  }

  .partner-referral-card__commission {
    text-align: left;
    justify-items: start;
  }

  .partner-referral-card__open, .partner-referral-card__link {
    justify-content: center;
    width: 100%;
  }

  .partner-referral-card__details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-link-stats {
    justify-content: flex-start;
  }

  .partner-link-card-actions {
    grid-template-columns: minmax(0, 1fr) auto;
    place-items: center start;
  }

  .role-partner-hero {
    padding: 20px;
  }

  .role-partner-page.is-compact {
    gap: 16px;
  }

  .role-partner-page.is-compact .role-partner-hero {
    border-radius: 22px;
    gap: 14px;
    padding: 18px;
  }

  .role-partner-page.is-compact .role-partner-hero p {
    margin-bottom: 6px;
    font-size: 15px;
  }

  .role-partner-page.is-compact .role-partner-hero h1 {
    margin-bottom: 10px;
    font-size: clamp(32px, 10vw, 40px);
    line-height: 1.04;
  }

  .role-partner-page.is-compact .role-partner-hero span {
    font-size: 16px;
    line-height: 1.34;
  }

  .role-partner-page.is-compact .role-partner-hero .partner-primary-button {
    border-radius: 16px;
    min-height: 52px;
    font-size: 16px;
  }

  .role-partner-page.is-compact .role-partner-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }

  .role-partner-workspace-nav {
    border-radius: 14px;
    gap: 4px;
    margin-inline: -2px;
    padding: 5px;
  }

  .role-partner-workspace-nav button {
    flex: none;
    min-height: 40px;
    padding: 0 12px;
    font-size: 14px;
  }

  .partner-panel--workspace {
    min-height: 0;
  }

  .role-partner-page.is-compact .partner-metric {
    border-radius: 18px;
    min-height: 104px;
    padding: 14px 12px;
  }

  .role-partner-page.is-compact .partner-metric strong {
    font-size: 28px;
    line-height: 1;
  }

  .role-partner-page.is-compact .partner-metric small {
    font-size: 12px;
  }

  .partner-waiting-topbar {
    min-height: 70px;
    padding: 0 16px;
  }

  .partner-waiting-card {
    border-radius: 24px;
    align-self: start;
    margin-top: 20px;
    padding: 28px 22px;
  }

  .partner-waiting-card span {
    font-size: 17px;
  }

  .partner-mobile-bottom-nav {
    display: flex;
  }

  .partner-insights-backdrop {
    align-items: end;
    padding: 0;
  }

  .partner-insights-dialog {
    max-height: min(88dvh, 760px);
    padding: 20px 16px calc(24px + env(safe-area-inset-bottom));
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 24px 24px 0 0;
    width: 100%;
  }

  .partner-insights-dialog__head h2 {
    font-size: 28px;
  }

  .partner-insights-dialog__head p {
    font-size: 15px;
  }

  .partner-insights-order-focus {
    padding: 15px;
  }

  .partner-insights-order-focus__card {
    grid-template-columns: 1fr;
  }

  .partner-funnel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-funnel__step {
    min-height: 102px;
  }

  .partner-insights-columns {
    grid-template-columns: 1fr;
  }

  .partner-insights-orders aside {
    max-width: 118px;
  }

  .partner-insights-prepared-order {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .partner-insights-prepared-order button {
    grid-column: 2;
    justify-self: start;
  }

  .partner-insights-prepared-order__details {
    grid-template-columns: 1fr;
  }

  .partner-prepared-order__files > div:first-child {
    flex-direction: column;
    align-items: start;
    gap: 2px;
  }

  .partner-prepared-order__media > span {
    flex-basis: 84px;
    height: 68px;
  }

  .partner-insights-linked-order {
    grid-template-columns: 36px minmax(0, 1fr);
  }

  .partner-insights-linked-order > aside {
    grid-column: 2;
  }

  .partner-insights-linked-order > button {
    grid-column: 2;
    justify-self: start;
  }

  .partner-insights-linked-order > .partner-insights-prepared-order__details {
    grid-column: 1 / -1;
  }

  .partner-payout-panel {
    grid-template-columns: 1fr;
    align-items: stretch;
    padding: 18px;
  }

  .partner-payout-panel .partner-primary-button {
    justify-content: center;
  }

  .partner-link-card-actions {
    grid-template-columns: 1fr 1fr;
  }

  .partner-link-card-actions > span {
    grid-column: 1 / -1;
  }

  .partner-prepared-order-card {
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: stretch;
    padding: 16px;
  }

  .partner-prepared-order-card__icon {
    width: 42px;
    height: 42px;
  }

  .partner-prepared-order-card__actions {
    grid-column: 1 / -1;
  }

  .partner-prepared-order-card__actions small {
    text-align: left;
  }

  .partner-section-error {
    flex-direction: column;
    align-items: stretch;
  }

  .partner-section-error button {
    align-self: start;
  }

  .partner-payout-history__list > div {
    grid-template-columns: 38px minmax(0, 1fr);
  }

  .partner-payout-history__list b {
    grid-column: 2;
  }
}

@media (prefers-reduced-motion: reduce) {
  .partner-trend-chart__bars i, .partner-insights-skeleton i {
    transition: none;
    animation: none;
  }

  .partner-trend-chart__day:hover i {
    transform: none;
  }
}

.partner-cabinet {
  grid-template-columns: 248px minmax(0, 1fr);
}

.partner-sidebar {
  grid-template-rows: auto auto;
  align-content: start;
  gap: 32px;
  height: 100vh;
  min-height: 100vh;
  padding: 26px 18px;
  position: sticky;
  top: 0;
}

.partner-sidebar nav {
  align-content: start;
  gap: 4px;
}

.partner-sidebar a {
  border-radius: 8px;
  align-items: center;
  gap: 11px;
  min-height: 46px;
  padding: 0 13px;
  transition: background-color .16s, color .16s, transform .16s;
  display: flex;
}

.partner-sidebar a:hover {
  transform: translateX(2px);
}

.partner-main {
  align-content: start;
  gap: 18px;
  min-width: 0;
  padding: 22px 28px 40px;
}

.partner-page-head {
  background: #fff;
  border: 1px solid #dfe5ee;
  border-radius: 8px;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
  padding: 24px 26px;
  display: flex;
}

.partner-page-head > div {
  min-width: 0;
}

.partner-page-head p {
  color: #8a93a3;
  text-transform: uppercase;
  margin: 0 0 6px;
  font-size: 12px;
  font-weight: 900;
}

.partner-page-head h1 {
  margin: 0;
  font-size: clamp(32px, 4vw, 48px);
  line-height: 1.04;
}

.partner-page-head span {
  color: #667085;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.45;
  display: block;
}

.partner-page-head .partner-primary-button {
  flex: none;
}

.partner-cabinet .partner-primary-button {
  border-radius: 8px;
  min-height: 48px;
}

.partner-panel {
  border-radius: 8px;
  gap: 14px;
  padding: 22px;
}

.partner-panel-head h2 {
  margin: 0;
  font-size: 24px;
}

.partner-metric, .partner-link-card, .partner-referral-card {
  border-radius: 8px;
  padding: 16px;
}

.partner-metrics--overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.partner-metrics--money {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.partner-overview {
  gap: 18px;
  min-width: 0;
  display: grid;
}

.partner-overview-grid {
  grid-template-columns: minmax(280px, .75fr) minmax(0, 1.7fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.partner-balance-summary {
  align-content: start;
  min-height: 220px;
}

.partner-balance-summary > strong {
  margin-top: 24px;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1;
}

.partner-balance-summary > span {
  color: #667085;
  font-weight: 750;
}

.partner-section-link {
  color: #202329;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.partner-section-link svg {
  transition: transform .16s;
}

.partner-section-link:hover svg {
  transform: translateX(3px);
}

.partner-settings-panel {
  gap: 28px;
}

@media (max-width: 1100px) {
  .partner-overview-grid {
    grid-template-columns: 1fr;
  }

  .partner-balance-summary {
    min-height: 0;
  }

  .partner-balance-summary > strong {
    margin-top: 8px;
  }
}

@media (max-width: 860px) {
  .partner-main {
    padding: 12px 12px calc(116px + env(safe-area-inset-bottom));
    gap: 14px;
  }

  .partner-page-head {
    border-radius: 8px;
    align-items: stretch;
    padding: 18px;
    display: grid;
  }

  .partner-page-head h1 {
    font-size: 32px;
  }

  .partner-page-head .partner-primary-button {
    justify-content: center;
    width: 100%;
  }

  .partner-panel {
    border-radius: 8px;
    padding: 16px;
  }

  .partner-metrics--overview, .partner-metrics--money {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .partner-overview-grid {
    grid-template-columns: 1fr;
  }

  .partner-panel-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
  }

  .partner-panel-head .partner-section-link {
    justify-self: end;
  }
}

@media (max-width: 430px) {
  .partner-page-head h1 {
    font-size: 29px;
  }

  .partner-metric {
    min-height: 104px;
  }

  .partner-metric strong {
    font-size: 30px;
  }

  .partner-section-link {
    font-size: 14px;
  }
}

/* [project]/src/features/master/master.css [app-client] (css) */
.master-mobile-card .customer-mobile-location-card {
  color: #202124;
  text-align: left;
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 10px;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 8px 10px 8px 8px;
  display: grid;
}

.master-mobile-card .customer-mobile-location-card > span {
  color: #4f5662;
  background: #f2f3f5;
  border-radius: 999px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.master-mobile-card .customer-mobile-location-card strong {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
  line-height: 1.15;
}

.master-mobile-card .customer-mobile-location-card small {
  color: #69707d;
  font-size: 11px;
  font-weight: 650;
}

.master-mobile-card .customer-mobile-location-card em {
  color: #c8102e;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
}

.master-cabinet {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: #202124;
  background: #f4f5f7;
  min-height: 100vh;
}

.master-mobile {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: #f2f3f5;
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.master-desktop {
  display: none;
}

.master-mobile-brand, .master-brand {
  color: #202124;
  align-items: center;
  gap: 9px;
  text-decoration: none;
  display: inline-flex;
}

.master-mobile-brand span, .master-brand span {
  background: #ed001f;
  width: 19px;
  height: 19px;
}

.master-mobile-screen {
  padding: max(env(safe-area-inset-top), 10px) 12px calc(128px + env(safe-area-inset-bottom));
  flex: 1;
}

.master-mobile-screen--no-bottom-nav {
  padding-bottom: calc(168px + env(safe-area-inset-bottom));
}

.master-mobile-page-motion, .master-mobile-stack {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.master-data-load-error {
  color: #15171a;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-width: 0;
  padding: 24px;
  display: grid;
}

.master-data-load-error > svg {
  color: #d4112b;
}

.master-data-load-error h1, .master-data-load-error p {
  margin: 0;
}

.master-data-load-error h1 {
  font-size: 20px;
}

.master-data-load-error p {
  color: #687281;
  margin-top: 6px;
  line-height: 1.45;
}

.master-data-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 46px;
  font: inherit;
  background: #15171a;
  border: 0;
  border-radius: 8px;
  padding: 0 20px;
  font-weight: 800;
}

.master-data-load-error.is-compact {
  grid-template-columns: auto minmax(0, 1fr);
  margin: 14px;
  padding: 18px;
}

.master-data-load-error.is-compact button {
  grid-column: 1 / -1;
  width: 100%;
}

.master-mobile-card, .master-mobile-page-title {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  min-width: 0;
  max-width: 100%;
  padding: 14px;
}

.master-mobile-page-title {
  background: none;
  border-color: #0000;
  padding: 4px 2px 2px;
}

.master-mobile-card h1, .master-mobile-page-title h1 {
  color: #202124;
  letter-spacing: 0;
  overflow-wrap: anywhere;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
}

.master-mobile-card p, .master-mobile-page-title p {
  color: #69707d;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.35;
}

.master-page-head__skeleton {
  background: #e9edf3;
  border-radius: 999px;
  width: min(260px, 70%);
  height: 18px;
  margin-top: 8px;
  display: block;
  position: relative;
  overflow: hidden;
}

.master-page-head__skeleton:after {
  content: "";
  background: linear-gradient(90deg, #0000, #ffffffbd, #0000);
  animation: 1.2s ease-in-out infinite master-skeleton-shimmer;
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
}

.master-mobile-card button, .master-mobile-order-card > button:not(.master-mobile-order-card__main), .master-mobile-primary-link, .master-primary, .master-form-actions button:last-child {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 8px;
  min-height: 42px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 750;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
}

.master-mobile-card button:active, .master-mobile-order-card > button:not(.master-mobile-order-card__main):active, .master-mobile-primary-link:active, .master-primary:active, .master-form-actions button:last-child:active {
  transform: scale(.985);
}

.master-mobile-primary-link {
  justify-content: center;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  display: inline-flex;
}

.master-mobile-card > button {
  margin-top: 12px;
}

.master-mobile-search, .master-catalog-toolbar label, .master-search {
  color: #69707d;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  display: flex;
}

.master-mobile-search {
  min-height: 44px;
}

.master-mobile-search input, .master-catalog-toolbar input, .master-search input {
  color: #202124;
  width: 100%;
  min-width: 0;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
}

.master-mobile-order-card {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  gap: 14px;
  padding: 15px;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.master-mobile-order-card:active {
  transform: scale(.992);
}

.master-mobile-order-card.is-new {
  background: #f8fbff;
  border-color: #d9e5ff;
}

.master-mobile-order-card__main {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 11px;
  min-height: 0;
  padding: 0;
  transition: opacity .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.master-mobile-order-card__main, .master-mobile-order-card__main:hover, .master-mobile-order-card__main:active {
  color: #202124;
  background: none;
}

.master-mobile-order-card h2 {
  color: #202124;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.25;
  display: flex;
}

.master-mobile-order-card h2 em, .master-order-row strong em {
  color: #1f5fd6;
  background: #e8f0ff;
  border-radius: 999px;
  align-items: center;
  min-height: 20px;
  padding: 0 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  line-height: 1;
  display: inline-flex;
}

.master-mobile-order-card p {
  color: #69707d;
  align-items: flex-start;
  gap: 7px;
  font-size: 13px;
  line-height: 1.35;
  display: flex;
}

.master-mobile-order-card__facts, .master-chip-row {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.master-mobile-order-card__facts span, .master-chip-row span {
  color: #59606b;
  background: #f2f3f5;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  min-height: 30px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 650;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-mobile-order-card__bottom {
  border-top: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  display: flex;
}

.master-mobile-order-card__bottom.is-catalog {
  justify-content: flex-end;
}

.master-mobile-order-card__bottom strong, .master-mobile-price {
  color: #202124;
  font-size: 17px;
  font-weight: 780;
}

.master-media-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.master-media-strip span {
  aspect-ratio: 1.28;
  background-color: #eef0f3;
  background-position: center;
  background-size: cover;
  border-radius: 8px;
  position: relative;
  overflow: hidden;
}

.master-media-strip span video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.master-media-strip span i {
  color: #fff;
  background: #0003;
  place-items: center;
  display: grid;
  position: absolute;
  inset: 0;
}

.master-media-empty {
  color: #69707d;
  background: #f2f3f5;
  border-radius: 8px;
  place-items: center;
  gap: 4px;
  min-height: 62px;
  font-size: 12px;
  font-weight: 750;
  display: grid;
}

.master-status-badge {
  color: #3f4651;
  background: #f1f3f5;
  border-radius: 999px;
  width: fit-content;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}

.master-panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: flex;
}

.master-panel-head h2 {
  color: #202124;
  font-size: 17px;
  font-weight: 850;
}

.master-panel-head span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.master-empty-state {
  color: #69707d;
  background: #fafbfc;
  border: 1px dashed #d9dee6;
  border-radius: 10px;
  gap: 6px;
  padding: 14px;
  display: grid;
}

.master-empty-state strong {
  color: #202124;
  font-size: 14px;
  font-weight: 750;
}

.master-empty-state p {
  color: #69707d;
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.master-empty-state button {
  color: #fff;
  cursor: pointer;
  min-height: 40px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  justify-self: start;
  padding: 0 16px;
  font-size: 13px;
  font-weight: 800;
  transition: transform .16s, box-shadow .16s;
}

.master-empty-state button:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 20px #11121426;
}

.master-events-list {
  gap: 12px;
  display: grid;
}

.master-event-card {
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: grid;
}

.master-event-card.is-unread {
  border-left: 4px solid #ed001f;
  padding-left: 15px;
}

.master-event-card-icon {
  color: #202124;
  background: #f1f3f5;
  border-radius: 50%;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.master-event-card-copy {
  gap: 4px;
  min-width: 0;
  display: grid;
}

.master-event-card-copy span {
  color: #ed001f;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.master-event-card-copy strong {
  color: #202124;
  font-size: 18px;
  line-height: 1.25;
}

.master-event-card-copy p {
  color: #69707d;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.master-event-card-action {
  color: #fff;
  min-height: 44px;
  font: inherit;
  cursor: pointer;
  background: #111214;
  border: 0;
  border-radius: 8px;
  padding: 0 18px;
  font-weight: 800;
  transition: transform .16s, background-color .16s;
}

.master-event-card-action:hover {
  background: #2a2c30;
  transform: translateY(-1px);
}

@media (max-width: 767px) {
  .master-event-card {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
  }

  .master-event-card.is-unread {
    padding-left: 11px;
  }

  .master-event-card-icon {
    width: 40px;
    height: 40px;
  }

  .master-event-card-copy strong {
    font-size: 16px;
  }

  .master-event-card-action {
    grid-column: 1 / -1;
    width: 100%;
  }
}

.master-catalog-skeleton {
  gap: 12px;
  display: grid;
}

.master-catalog-skeleton--desktop {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

.master-catalog-skeleton-card {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  gap: 12px;
  min-height: 156px;
  padding: 16px;
  display: grid;
}

.master-catalog-skeleton-card i, .master-catalog-skeleton-card b, .master-catalog-skeleton-card span, .master-catalog-skeleton-card em {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 999px;
  animation: 1.4s ease-in-out infinite master-skeleton-shimmer;
  display: block;
  overflow: hidden;
}

.master-catalog-skeleton-card i {
  width: 118px;
  height: 18px;
}

.master-catalog-skeleton-card b {
  width: min(76%, 360px);
  height: 28px;
}

.master-catalog-skeleton-card span {
  width: min(54%, 260px);
  height: 18px;
}

.master-catalog-skeleton-card em {
  border-radius: 18px;
  width: min(42%, 200px);
  height: 38px;
  margin-top: auto;
}

.master-route-order-skeleton {
  gap: 24px;
  display: grid;
}

.master-route-order-skeleton--desktop {
  max-width: 980px;
}

.master-route-order-skeleton__back {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 16px;
  width: 132px;
  height: 48px;
  animation: 1.4s ease-in-out infinite master-skeleton-shimmer;
}

.master-route-order-skeleton__card {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 18px;
  gap: 20px;
  min-height: 520px;
  padding: 28px;
  display: grid;
}

.master-route-order-skeleton__card i, .master-route-order-skeleton__card b, .master-route-order-skeleton__card span, .master-route-order-skeleton__card strong, .master-route-order-skeleton__card em, .master-route-order-skeleton__card div {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 999px;
  animation: 1.4s ease-in-out infinite master-skeleton-shimmer;
  display: block;
  overflow: hidden;
}

.master-route-order-skeleton__card i {
  width: 84px;
  height: 20px;
}

.master-route-order-skeleton__card b {
  width: min(80%, 640px);
  height: 44px;
}

.master-route-order-skeleton__card span {
  width: min(58%, 480px);
  height: 24px;
}

.master-route-order-skeleton__card strong {
  width: 184px;
  height: 34px;
}

.master-route-order-skeleton__card em {
  border-radius: 14px;
  width: min(36vw, 360px);
  max-width: 100%;
  height: 190px;
}

.master-route-order-skeleton__card div {
  border-radius: 14px;
  width: min(72%, 560px);
  height: 88px;
  margin-top: 18px;
}

.master-route-order-skeleton--mobile {
  gap: 14px;
}

.master-route-order-skeleton--mobile .master-route-order-skeleton__card {
  border-radius: 16px;
  gap: 16px;
  min-height: 360px;
  padding: 22px 18px;
}

.master-route-order-skeleton--mobile .master-route-order-skeleton__card b {
  height: 34px;
}

.master-route-order-skeleton--mobile .master-route-order-skeleton__card span, .master-route-order-skeleton--mobile .master-route-order-skeleton__card strong {
  height: 20px;
}

.master-route-order-skeleton--mobile .master-route-order-skeleton__card em {
  border-radius: 12px;
  width: min(72vw, 230px);
  height: 126px;
}

.master-route-order-skeleton--mobile .master-route-order-skeleton__card div {
  height: 58px;
  margin-top: 8px;
}

.master-route-order-loading {
  color: #202226;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 18px;
  align-content: center;
  justify-items: start;
  gap: 10px;
  width: min(100%, 520px);
  min-height: 164px;
  padding: 24px;
  display: grid;
}

.master-route-order-loading--desktop {
  margin: 24px 0;
}

.master-route-order-loading--mobile {
  border-radius: 16px;
  width: 100%;
  min-height: 138px;
  padding: 20px;
}

.master-route-order-loading span {
  border: 3px solid #e7ebf0;
  border-top-color: #202226;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  animation: .8s linear infinite master-loading-spin;
}

.master-route-order-loading strong {
  font-size: 20px;
  line-height: 1.15;
}

.master-route-order-loading p {
  color: #6f7683;
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
}

@keyframes master-skeleton-shimmer {
  0% {
    background-position: 140% 0;
  }

  100% {
    background-position: -80% 0;
  }
}

@keyframes master-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

.master-current-orders-screen, .master-offers-panel {
  gap: 14px;
  display: grid;
}

.master-offers-list {
  gap: 8px;
  display: grid;
}

.master-offer-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 8px;
  display: grid;
}

.master-offer-open {
  color: #202124;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px 12px;
  padding: 12px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.master-offer-open:hover {
  border-color: #bfc7d2;
  transform: translateY(-1px);
}

.master-offer-withdraw {
  color: #ad1d1d;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  min-width: 104px;
  padding: 0 16px;
  font-weight: 800;
  transition: background .16s, border-color .16s, transform .16s;
}

.master-offer-withdraw:hover {
  background: #fff7f7;
  border-color: #efb7b7;
  transform: translateY(-1px);
}

.master-offers-list span {
  color: #59606b;
  font-size: 12px;
  font-weight: 800;
}

.master-offers-list strong {
  justify-self: end;
  font-size: 16px;
  font-weight: 850;
}

.master-offers-list small {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
}

.master-offers-list p {
  color: #3f4651;
  grid-column: 1 / -1;
  margin: 0;
  font-size: 13px;
  line-height: 1.35;
}

.master-offer-withdraw-overlay {
  z-index: 10000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #16191e8f;
  place-items: center;
  padding: 20px;
  display: grid;
  position: fixed;
  inset: 0;
}

.master-offer-withdraw-dialog {
  background: #fff;
  border: 1px solid #e0e4ea;
  border-radius: 14px;
  gap: 20px;
  width: min(520px, 100%);
  padding: 24px;
  display: grid;
  box-shadow: 0 24px 80px #11141b38;
}

.master-offer-withdraw-dialog span {
  color: #7a8290;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.master-offer-withdraw-dialog h2 {
  margin: 6px 0 0;
  font-size: 26px;
  line-height: 1.08;
}

.master-offer-withdraw-dialog p {
  color: #626a76;
  margin: 10px 0 0;
  line-height: 1.5;
}

.master-offer-withdraw-error {
  background: #fff6f6;
  border: 1px solid #efb0b0;
  border-radius: 8px;
  padding: 11px 13px;
  color: #b42318 !important;
}

.master-offer-withdraw-actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.master-offer-withdraw-actions button {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  font-weight: 850;
  display: inline-flex;
}

.master-offer-withdraw-actions button:last-child {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.master-offer-withdraw-actions button:disabled {
  cursor: wait;
  opacity: .62;
}

@media (max-width: 640px) {
  .master-offer-row {
    grid-template-columns: 1fr;
  }

  .master-offer-withdraw {
    min-height: 44px;
  }

  .master-offer-withdraw-overlay {
    padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
    align-items: end;
  }

  .master-offer-withdraw-dialog {
    border-radius: 14px;
    padding: 20px;
  }

  .master-offer-withdraw-actions {
    grid-template-columns: 1fr;
  }
}

.master-mobile-back {
  color: #202124;
  background: #fff;
  border: 0;
  border-radius: 12px;
  width: fit-content;
  min-height: 44px;
  padding: 0 14px;
  font-size: 17px;
  font-weight: 800;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  box-shadow: 0 10px 24px #1112140d;
}

.master-mobile-back:hover {
  background: #f9fafb;
  transform: translateY(-1px);
}

.master-mobile-breadcrumbs {
  color: #69707d;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0 2px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.2;
  display: flex;
}

.master-mobile-breadcrumbs i {
  color: #a4abb6;
  font-style: normal;
}

.master-mobile-breadcrumbs strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 850;
  overflow: hidden;
}

.master-mobile-back + .master-mobile-detail {
  margin-top: 8px;
}

.master-mobile-detail {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  border-radius: 16px;
  gap: 34px;
  padding: 34px 24px 78px;
  display: grid;
}

.master-mobile-detail-summary {
  gap: 13px;
  padding-bottom: 0;
  display: grid;
}

.master-mobile-detail-summary > span {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

.master-mobile-detail-summary > h1 {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: clamp(23px, 6.4vw, 26px);
  line-height: 1.07;
}

.master-mobile-detail-summary > p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.master-mobile-detail .master-status-badge {
  margin-top: 0;
}

.master-mobile-detail .master-mobile-price {
  margin: 4px 0 0;
  font-size: 20px;
  line-height: 1.12;
}

.master-mobile-detail .master-chip-row {
  gap: 8px;
}

.master-mobile-detail .master-chip-row span {
  max-width: 100%;
  min-height: 31px;
  padding: 0 10px;
  font-size: 12px;
}

.master-mobile-detail .master-media-empty {
  width: min(100%, 232px);
  min-height: 140px;
  margin: 2px 0 0;
}

.master-mobile-detail .master-media-strip {
  max-width: 100%;
  margin: 2px 0 0;
}

.master-mobile-detail {
  padding: 22px 16px calc(92px + env(safe-area-inset-bottom));
  gap: 22px;
  display: grid;
}

.master-mobile-detail-summary {
  gap: 12px;
  display: grid;
}

.master-mobile-detail .master-page-head {
  gap: 8px;
  display: grid;
}

.master-mobile-detail .master-page-head > div {
  min-width: 0;
}

.master-mobile-detail .master-page-head h1 {
  overflow-wrap: anywhere;
  margin: 2px 0 0;
  font-size: clamp(22px, 6vw, 25px);
  line-height: 1.08;
}

.master-mobile-detail .master-page-head p {
  color: #69707d;
  margin: 4px 0 0;
  font-size: 14px;
  line-height: 1.3;
}

.master-order-address-line {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 10px;
  width: 100%;
  min-width: 0;
  margin: 0;
  display: flex;
}

.master-mobile-detail .master-order-address-line {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  margin-top: 2px;
  display: grid;
}

.master-order-address-line > span:first-child {
  overflow-wrap: anywhere;
  min-width: 0;
}

.master-order-address-distance {
  color: #69707d;
  white-space: nowrap;
  align-items: center;
  gap: 4px;
  font-size: .9em;
  font-weight: 800;
  display: inline-flex;
}

.master-order-address-distance svg {
  flex: none;
}

.master-mobile-detail .master-detail-facts {
  grid-template-columns: 1fr;
  gap: 10px;
  display: grid;
}

.master-mobile-detail .master-detail-facts p {
  background: #fbfcfd;
  border: 1px solid #e4e7ec;
  border-radius: 12px;
  gap: 5px;
  margin: 0;
  padding: 12px;
  display: grid;
}

.master-mobile-detail .master-detail-facts span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.master-mobile-detail .master-detail-facts strong {
  color: #202124;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.25;
}

.master-mobile-detail .master-order-tabs {
  gap: 0;
  margin-top: 4px;
}

.master-mobile-detail .master-order-tabs__nav {
  scrollbar-width: none;
  border-bottom: 1px solid #e8ecf2;
  flex-wrap: nowrap;
  gap: clamp(14px, 4vw, 20px);
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.master-mobile-detail .master-order-tabs__nav::-webkit-scrollbar {
  display: none;
}

.master-mobile-detail .master-order-tabs__nav button {
  text-align: center;
  white-space: nowrap;
  flex: none;
  min-width: auto;
  min-height: 42px;
  padding: 0 2px;
  font-size: 13.5px;
  line-height: 1.15;
}

.master-mobile-detail .master-order-tabs__panel {
  padding-top: 22px;
}

.master-mobile-detail .master-order-inline-content {
  color: #202124;
  gap: 20px;
  margin-top: 20px;
}

.master-mobile-detail .master-order-inline-section {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  color: #202124;
  background: #fff;
  padding-top: 20px;
}

.master-mobile-detail .master-order-inline-section:first-child {
  padding-top: 0;
}

.master-mobile-detail .master-order-inline-section__head h2 {
  font-size: 20px;
}

.master-mobile-detail .master-detail-section {
  gap: 18px;
  padding: 0;
  display: grid;
}

.master-mobile-detail .master-detail-section h2 {
  color: #202124;
  margin: 0;
  font-size: 22px;
  font-weight: 850;
  line-height: 1.12;
}

.master-mobile-detail .master-detail-section h2:not(:first-child) {
  margin-top: 8px;
}

.master-mobile-detail .master-detail-section p {
  color: #59606b;
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}

.master-mobile-detail .customer-order-materials, .master-mobile-detail .customer-order-materials__section, .master-mobile-detail .customer-order-materials__files, .master-mobile-detail .master-media-strip, .master-mobile-detail .master-media-empty {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

.master-mobile-detail > button, .master-mobile-detail .master-order-detail-actions > button {
  border-radius: 11px;
  min-height: 50px;
  margin-bottom: 6px;
  font-size: 15px;
}

.master-mobile-detail .master-order-customer-contact {
  border-radius: 16px;
  gap: 16px;
  margin: 4px 0 2px;
  padding: 20px 16px;
}

.master-mobile-detail .master-order-customer-contact a, .master-mobile-detail .master-order-customer-contact > div:last-child span {
  min-height: 48px;
  padding: 0 14px;
}

.master-mobile-detail .master-order-detail-actions {
  gap: 14px;
  margin-top: 12px;
  padding-top: 10px;
  display: grid;
}

.master-mobile-detail .master-order-wait-notice {
  width: 100%;
  padding: 14px;
}

@media (max-width: 430px) {
  .master-mobile-detail-summary > h1, .master-mobile-detail .master-page-head h1 {
    font-size: 21px;
    line-height: 1.12;
  }

  .master-mobile-detail .master-detail-section h2 {
    font-size: 20px;
  }
}

.master-offer-form {
  gap: 12px;
  display: grid;
}

.master-offer-form label {
  color: #59606b;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.master-offer-form input, .master-offer-form textarea {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  min-height: 44px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 700;
}

.master-offer-form input.is-error, .master-offer-form textarea.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.master-date-picker {
  gap: 8px;
  display: grid;
  position: relative;
}

.master-date-picker > button {
  color: #202124;
  min-height: 44px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  font-size: 15px;
  font-weight: 750;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  display: flex;
}

.master-date-picker > button.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.master-date-picker > button svg {
  color: #69707d;
  flex: none;
}

.master-date-calendar {
  background: #fafbfc;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.master-date-calendar__head {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.master-date-calendar__head strong {
  color: #1f232b;
  text-transform: capitalize;
  font-size: 15px;
}

.master-date-calendar__head button {
  color: #1d1f23;
  cursor: pointer;
  width: 34px;
  height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  font-size: 22px;
  line-height: 1;
}

.master-date-calendar__week, .master-date-calendar__grid {
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 5px;
  display: grid;
}

.master-date-calendar__week span {
  color: #8992a0;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.master-date-calendar__grid button, .master-date-calendar__grid span {
  height: 36px;
}

.master-date-calendar__grid button {
  color: #252932;
  cursor: pointer;
  font: inherit;
  background: #fff;
  border: 1px solid #0000;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 750;
}

.master-date-calendar__grid button:disabled {
  color: #c4cad4;
  cursor: default;
  background: none;
}

.master-date-calendar__grid button.is-active {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
}

.master-field-error {
  color: #d92d20;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.master-offer-form__hint {
  color: #747d8b;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.master-offer-form textarea {
  resize: vertical;
  min-height: 132px;
  padding: 12px;
  line-height: 1.4;
}

.master-offer-form__wide {
  grid-column: 1 / -1;
}

.master-form-error {
  color: #b00020;
  background: #fff0f1;
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 750;
}

.master-form-actions {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.master-form-actions button:first-child, .master-secondary-link {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.master-profile-settings {
  gap: 14px;
  display: grid;
}

.master-profile-settings__hero, .master-profile-settings__section {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 12px;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.master-profile-settings__hero:hover, .master-profile-settings__section:hover {
  border-color: #d5dbe4;
  box-shadow: 0 14px 30px #0f172a0d;
}

.master-profile-settings__hero {
  align-items: center;
  gap: 22px;
  padding: 22px;
  display: flex;
  position: relative;
}

.master-profile-settings__avatar {
  color: #fff;
  background: radial-gradient(circle at 30% 20%, #34373d, #111214);
  border: 1px solid #d7dce3;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 104px;
  height: 104px;
  font-size: 38px;
  font-weight: 850;
  display: grid;
  position: relative;
  overflow: hidden;
}

.master-profile-settings__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.master-profile-settings__camera {
  color: #202124;
  opacity: 0;
  background: #fff;
  border: 1px solid #d7dce3;
  border-radius: 999px;
  place-items: center;
  width: 42px;
  height: 42px;
  transition: opacity .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: grid;
  position: absolute;
  bottom: 20px;
  left: 94px;
  transform: translateY(4px);
  box-shadow: 0 10px 28px #0f172a24;
}

.master-profile-settings__hero:hover .master-profile-settings__camera, .master-profile-settings__camera:focus-visible, .master-profile-settings__avatar.is-empty + .master-profile-settings__camera {
  opacity: 1;
  transform: translateY(0);
}

.master-profile-settings__processing {
  color: #fff;
  background: #111214ad;
  place-items: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
  display: grid;
  position: absolute;
  inset: 0;
}

.master-profile-settings__identity {
  gap: 8px;
  min-width: 0;
  display: grid;
}

.master-profile-settings__name {
  align-items: center;
  gap: 9px;
  display: flex;
}

.master-profile-settings__name h2 {
  color: #202124;
  font-size: 32px;
  font-weight: 850;
  line-height: 1.05;
}

.master-profile-settings__name button, .master-profile-settings__section-head button {
  color: #59606b;
  background: #f6f7f9;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  min-height: 34px;
  padding: 0 10px;
  font-weight: 800;
  display: inline-flex;
}

.master-form-actions button:disabled {
  color: #8b93a1;
  cursor: not-allowed;
  background: #e5e8ee;
  transform: none;
}

.master-profile-settings__identity p {
  color: #59606b;
  font-size: 17px;
  font-weight: 800;
}

.master-profile-settings__badges {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.master-profile-settings__badges span, .master-profile-settings__badges a {
  color: #59606b;
  background: #f2f3f5;
  border-radius: 999px;
  align-items: center;
  width: fit-content;
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.master-profile-settings__badges a {
  color: #9a3412;
  background: #fff7ed;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
}

.master-profile-settings__badges a:hover {
  color: #7c2d12;
  background: #ffedd5;
  transform: translateY(-1px);
}

.master-profile-settings__section {
  overflow: hidden;
}

.master-profile-settings__section h3 {
  color: #202124;
  padding: 16px 18px 12px;
  font-size: 18px;
  font-weight: 850;
}

.master-profile-settings__row {
  border-top: 1px solid #edf0f3;
  grid-template-columns: 44px minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.master-profile-settings__row:hover {
  background: #fbfcfd;
}

.master-profile-settings__row > span {
  color: #202124;
  background: #f2f3f5;
  border-radius: 10px;
  place-items: center;
  width: 44px;
  height: 44px;
  display: grid;
}

.master-profile-settings__row div {
  gap: 3px;
  display: grid;
}

.master-profile-settings__row small, .master-profile-settings__details span {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.master-profile-settings__row strong, .master-profile-settings__details strong {
  color: #202124;
  font-size: 15px;
  font-weight: 850;
}

.master-profile-settings__row button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  min-height: 34px;
  padding: 0 12px;
  font-weight: 800;
}

.master-profile-settings__balance {
  border-top: 1px solid #edf0f3;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 0 18px 16px;
  display: grid;
}

.master-profile-settings__balance div {
  border-left: 1px solid #edf0f3;
  gap: 5px;
  padding: 12px 14px;
  display: grid;
}

.master-profile-settings__balance div:first-child {
  border-left: 0;
  padding-left: 0;
}

.master-profile-settings__balance span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.master-profile-settings__balance strong {
  color: #202124;
  font-size: 18px;
  font-weight: 900;
}

.master-profile-settings__balance-skeleton, .master-profile-settings__history-skeleton {
  border-top: 1px solid #edf0f3;
  gap: 10px;
  padding: 16px 18px;
  display: grid;
}

.master-profile-settings__balance-skeleton {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.master-profile-settings__balance-skeleton i, .master-profile-settings__history-skeleton i {
  background: linear-gradient(90deg, #f0f2f5 25%, #f8f9fb 50%, #f0f2f5 75%) 0 0 / 200% 100%;
  border-radius: 6px;
  min-height: 52px;
  animation: 1.35s linear infinite master-skeleton-shimmer;
  display: block;
}

.master-profile-settings__history-skeleton i {
  min-height: 46px;
}

.master-profile-settings__balance-error, .master-profile-settings__history-error {
  border-top: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  display: flex;
}

.master-profile-settings__balance-error p, .master-profile-settings__history-error p {
  color: #b42318;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.master-profile-settings__balance-error button, .master-profile-settings__history-error button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 6px;
  flex: none;
  min-height: 38px;
  padding: 0 14px;
  font-weight: 850;
}

.master-profile-settings__payout-history {
  border-top: 1px solid #edf0f3;
  gap: 8px;
  padding: 16px 18px 4px;
  display: grid;
}

.master-profile-settings__payout-history h4 {
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 900;
}

.master-profile-settings__payout-history > div {
  border-top: 1px solid #edf0f3;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px 14px;
  padding: 11px 0;
  display: grid;
}

.master-profile-settings__payout-history span, .master-profile-settings__payout-history span small {
  display: block;
}

.master-profile-settings__payout-history span {
  color: #202124;
  font-size: 13px;
  font-weight: 850;
}

.master-profile-settings__payout-history span small {
  color: #7b8492;
  margin-top: 2px;
  font-size: 11px;
}

.master-profile-settings__payout-history strong {
  font-size: 13px;
}

.master-profile-settings__payout-history em {
  color: #5e6673;
  background: #eef1f4;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
}

.master-profile-settings__payout-history em[data-status="paid"] {
  color: #247447;
  background: #e9f7ef;
}

.master-profile-settings__payout-history em[data-status="rejected"] {
  color: #b42318;
  background: #fff0f0;
}

.master-profile-settings__payout-history em[data-status="cancelled"] {
  color: #697283;
  background: #f2f3f5;
}

.master-profile-settings__payout-history p {
  color: #b42318;
  grid-column: 1 / -1;
  margin: -2px 0 0;
  font-size: 12px;
  line-height: 1.4;
}

.master-profile-settings__payout-history > div > button {
  color: #303640;
  min-height: 34px;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d7dde6;
  border-radius: 7px;
  grid-column: 1 / -1;
  justify-self: start;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 800;
  transition: border-color .16s, transform .16s;
}

.master-profile-settings__payout-history > div > button:hover {
  border-color: #111214;
  transform: translateY(-1px);
}

.master-profile-settings__payout-proof {
  color: #697283;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px 12px;
  font-size: 12px;
  line-height: 1.45;
  display: flex;
}

.master-profile-settings__payout-proof a {
  color: #111214;
  font-weight: 800;
  text-decoration: underline;
}

.master-profile-settings__button-spinner {
  border: 2px solid;
  border-right-color: #0000;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  margin-right: 6px;
  animation: .7s linear infinite master-spin;
  display: inline-block;
}

@media (max-width: 560px) {
  .master-profile-settings__balance-skeleton {
    grid-template-columns: 1fr;
  }

  .master-profile-settings__balance-error, .master-profile-settings__history-error {
    flex-direction: column;
    align-items: stretch;
  }

  .master-profile-settings__balance-error button, .master-profile-settings__history-error button {
    width: 100%;
  }

  .master-profile-settings__payout-history > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .master-profile-settings__payout-history em {
    grid-column: 1 / -1;
    width: max-content;
  }
}

.master-profile-settings__type {
  text-align: left;
  background: #fff;
  border: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-height: 72px;
  padding: 16px 18px;
  display: flex;
}

.master-profile-settings__type span {
  gap: 4px;
  display: grid;
}

.master-profile-settings__type strong {
  color: #202124;
  font-size: 17px;
  font-weight: 850;
}

.master-profile-settings__type small {
  color: #69707d;
  font-size: 13px;
  font-weight: 750;
}

.master-profile-settings__type svg {
  transition: transform .16s cubic-bezier(.22, 1, .36, 1);
}

.master-profile-settings__type svg.is-open {
  transform: rotate(180deg);
}

.master-profile-settings__details {
  border-top: 1px solid #edf0f3;
  padding: 0 18px 4px;
  display: grid;
}

.master-profile-settings__fact-group {
  border-top: 1px solid #edf0f3;
  padding: 14px 0 2px;
  display: grid;
}

.master-profile-settings__fact-group:first-child {
  border-top: 0;
}

.master-profile-settings__fact-group h4 {
  color: #202124;
  margin: 0 0 4px;
  font-size: 14px;
  font-weight: 850;
}

.master-profile-settings__fact-group p {
  border-top: 1px solid #edf0f3;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  padding: 13px 0;
  display: grid;
}

.master-profile-settings__fact-group p:first-of-type {
  border-top: 0;
}

.master-profile-settings__section .master-secondary-link {
  margin: 0 18px 18px;
}

.master-profile-settings__section-head {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-right: 18px;
  display: flex;
}

.master-profile-settings__portfolio {
  border-top: 1px solid #edf0f3;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 10px;
  padding: 14px 18px 18px;
  display: grid;
}

.master-profile-settings__portfolio-card {
  color: inherit;
  text-align: left;
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  padding: 0;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  overflow: hidden;
}

.master-profile-settings__portfolio-card:hover {
  border-color: #d5dbe4;
  transform: translateY(-2px);
  box-shadow: 0 14px 30px #0f172a12;
}

.master-profile-settings__portfolio img, .master-profile-settings__portfolio-card > span {
  aspect-ratio: 4 / 3;
  color: #69707d;
  object-fit: cover;
  background: #f2f3f5;
  place-items: center;
  width: 100%;
  display: grid;
}

.master-profile-settings__portfolio strong, .master-profile-settings__portfolio small {
  padding: 0 10px;
  display: block;
}

.master-portfolio-dialog {
  width: min(820px, 100vw - 28px);
}

.master-portfolio-dialog__gallery {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  display: grid;
}

.master-portfolio-dialog__gallery img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 10px;
  width: 100%;
}

.master-mobile-filterbar, .master-catalog-filterbar {
  align-items: center;
  gap: 6px;
  display: flex;
}

.master-mobile-filterbar {
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  margin: -2px -12px 0;
  padding: 2px 12px 4px;
  overflow-x: auto;
}

.master-mobile-filterbar::-webkit-scrollbar {
  display: none;
}

.master-mobile-filterbar button, .master-catalog-filterbar button {
  color: #59606b;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 999px;
  flex: none;
  min-height: 34px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 650;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), background-color .16s cubic-bezier(.22, 1, .36, 1), border-color .16s cubic-bezier(.22, 1, .36, 1), color .16s cubic-bezier(.22, 1, .36, 1);
}

.master-mobile-filterbar button:hover, .master-catalog-filterbar button:hover {
  border-color: #cfd5dd;
  transform: translateY(-1px);
}

.master-mobile-filterbar button.is-active, .master-catalog-filterbar button.is-active {
  color: #202124;
  background: #f1f3f5;
  border-color: #c7ccd4;
}

.master-order-tabs {
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.master-order-tabs__nav {
  border-bottom: 1px solid #edf0f3;
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
}

.master-order-tabs__nav button {
  color: #69707d;
  background: none;
  border: 0;
  min-height: 38px;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 800;
  transition: color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  position: relative;
}

.master-order-tabs__nav button:hover {
  color: #202124;
  transform: translateY(-1px);
}

.master-order-tabs__nav button.is-active {
  color: #202124;
}

.master-order-tabs__indicator {
  background: #ed001f;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.master-order-tabs__panel {
  min-width: 0;
}

.master-order-inline-content {
  gap: 18px;
  margin-top: 24px;
  display: grid;
}

.master-order-inline-section {
  border-top: 1px solid #edf0f3;
  min-width: 0;
  padding-top: 20px;
}

.master-order-inline-section:first-child {
  border-top: 0;
  padding-top: 0;
}

.master-order-inline-section__head {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  display: flex;
}

.master-order-inline-section__head h2 {
  color: #202124;
  margin: 0;
  font-size: 20px;
  font-weight: 850;
  line-height: 1.15;
}

.master-order-inline-section__head span {
  color: #69707d;
  background: #f2f3f5;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 32px;
  min-height: 28px;
  font-size: 13px;
  font-weight: 850;
  display: inline-flex;
}

.master-attachment-list {
  border: 1px solid #edf0f3;
  border-radius: 10px;
  display: grid;
  overflow: hidden;
}

.master-attachment-list a {
  color: #202124;
  border-top: 1px solid #edf0f3;
  align-items: center;
  gap: 9px;
  min-height: 44px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  display: flex;
}

.master-attachment-list a:first-child {
  border-top: 0;
}

.master-attachment-empty {
  color: #69707d;
  border: 1px dashed #d8dde5;
  border-radius: 10px;
  padding: 14px;
  font-size: 14px;
  font-weight: 750;
}

.master-active-deal {
  gap: 16px;
  display: grid;
}

.master-active-deal__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.master-active-deal__head span {
  color: #69707d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.master-active-deal__head h1 {
  color: #202124;
  margin-top: 5px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1.08;
}

.master-active-deal__head p {
  color: #69707d;
  margin-top: 5px;
  font-size: 14px;
}

.master-active-deal__address {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 12px;
  min-width: 0;
  display: flex;
}

.master-active-deal__address > span:first-child {
  overflow-wrap: anywhere;
  min-width: 0;
}

.master-active-deal__address > span:last-child:not(:first-child) {
  color: #69707d;
  white-space: nowrap;
  flex: none;
  align-items: center;
  gap: 4px;
  font-weight: 850;
  display: inline-flex;
}

.master-active-deal__address svg {
  flex: none;
}

.master-active-deal__route-loading-head {
  gap: 8px;
  display: grid;
}

.master-active-deal__route-loading-head span, .master-active-deal__route-loading-head strong, .master-active-deal__route-loading-head p {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 999px;
  animation: 1.4s ease-in-out infinite master-skeleton-shimmer;
  display: block;
  overflow: hidden;
}

.master-active-deal__route-loading-head span {
  width: 118px;
  height: 12px;
}

.master-active-deal__route-loading-head strong {
  width: min(68%, 380px);
  height: 30px;
}

.master-active-deal__route-loading-head p {
  width: min(54%, 320px);
  height: 16px;
  margin: 0;
}

.master-active-deal__summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.master-active-deal__summary > div {
  background: #fbfcfd;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 4px 9px;
  padding: 12px;
  display: grid;
}

.master-active-deal__summary > div > span {
  color: #202124;
  background: #f0f2f5;
  border-radius: 9px;
  grid-row: span 2;
  place-items: center;
  width: 34px;
  height: 34px;
  display: inline-grid;
}

.master-active-deal__summary small {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.master-active-deal__summary strong {
  color: #202124;
  font-size: 15px;
  font-weight: 850;
}

.master-active-deal__local-loading {
  gap: 14px;
  display: grid;
}

.master-active-deal__local-loading i, .master-active-deal__local-loading b, .master-active-deal__local-loading span, .master-active-deal__local-loading strong, .master-active-deal__local-loading p {
  background: linear-gradient(100deg, #eef1f5 0%, #f7f8fa 42%, #eef1f5 84%) 0 0 / 220% 100%;
  border-radius: 999px;
  animation: 1.4s ease-in-out infinite master-skeleton-shimmer;
  display: block;
  overflow: hidden;
}

.master-active-deal__local-loading .master-active-deal__summary > div {
  min-height: 70px;
}

.master-active-deal__local-loading .master-active-deal__summary i {
  border-radius: 9px;
  grid-row: span 2;
  width: 34px;
  height: 34px;
}

.master-active-deal__local-loading .master-active-deal__summary b {
  width: min(70%, 170px);
  height: 12px;
}

.master-active-deal__local-loading .master-active-deal__summary div > b:last-child {
  width: min(48%, 120px);
  height: 18px;
}

.master-active-deal__loading-card, .master-active-deal__loading-section {
  background: #fff;
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.master-active-deal__loading-card span {
  width: 94px;
  height: 12px;
}

.master-active-deal__loading-card strong, .master-active-deal__loading-section strong {
  width: min(70%, 360px);
  height: 22px;
}

.master-active-deal__loading-card p, .master-active-deal__loading-section p {
  width: min(92%, 520px);
  height: 14px;
  margin: 0;
}

.master-active-deal__loading-card p:last-child, .master-active-deal__loading-section p:last-child {
  width: min(58%, 320px);
}

.master-active-deal__loading-tabs {
  border-bottom: 1px solid #edf0f3;
  flex-wrap: wrap;
  gap: 8px;
  padding-bottom: 10px;
  display: flex;
}

.master-active-deal__loading-tabs span {
  border-radius: 10px;
  width: 96px;
  height: 30px;
}

.master-active-deal__customer-card, .master-active-deal__completion {
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  padding: 16px;
  display: grid;
  box-shadow: 0 12px 30px #1218200d;
}

.master-active-deal__customer-card span, .master-active-deal__completion span {
  color: #7b8491;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.master-active-deal__customer-card strong, .master-active-deal__completion strong {
  color: #202124;
  margin-top: 4px;
  font-size: 18px;
  font-weight: 850;
  line-height: 1.15;
  display: block;
}

.master-active-deal__customer-card p, .master-active-deal__completion p {
  color: #69707d;
  margin-top: 6px;
  font-size: 14px;
  line-height: 1.42;
}

.master-active-deal__customer-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.master-active-deal__customer-actions a, .master-active-deal__customer-actions span {
  color: #202124;
  text-transform: none;
  background: #fff;
  border: 1px solid #dfe4eb;
  border-radius: 10px;
  align-items: center;
  min-height: 40px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-active-deal__customer-actions a:hover {
  border-color: #bfc7d2;
  transform: translateY(-1px);
}

.master-order-customer-contact {
  background: linear-gradient(#fff 0%, #f8fafc 100%);
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  padding: 14px;
  display: grid;
  box-shadow: 0 12px 28px #1218200d;
}

.master-order-customer-contact span {
  color: #7b8491;
  font-size: 12px;
  font-weight: 850;
}

.master-order-customer-contact strong {
  color: #202124;
  margin-top: 4px;
  font-size: 17px;
  font-weight: 850;
  display: block;
}

.master-order-customer-contact > div:last-child {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.master-order-customer-contact a, .master-order-customer-contact > div:last-child span {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe4eb;
  border-radius: 10px;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-order-customer-contact a:hover {
  border-color: #bfc7d2;
  transform: translateY(-1px);
}

.master-order-detail-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.master-order-detail-actions > button {
  min-height: 46px;
}

.master-order-wait-notice {
  color: #202124;
  background: #f8fafc;
  border: 1px solid #dfe4eb;
  border-radius: 14px;
  grid-template-columns: 22px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  width: min(100%, 520px);
  padding: 13px 14px;
  display: grid;
}

.master-order-wait-notice svg {
  color: #69707d;
  margin-top: 2px;
}

.master-order-wait-notice div {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.master-order-wait-notice strong {
  font-size: 14px;
  font-weight: 850;
  line-height: 1.25;
}

.master-order-wait-notice span {
  color: #69707d;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.master-secondary-action {
  color: #202124;
  background: #fff;
  border: 1px solid #dfe4eb;
  border-radius: 11px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 850;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.master-secondary-action:hover {
  background: #f8fafc;
  border-color: #c9d1dc;
  transform: translateY(-1px);
}

.master-secondary-action:active {
  transform: scale(.985);
}

.master-active-deal__completion {
  background: #fff;
  border-color: #cfd6df;
}

.master-active-deal__completion button {
  color: #fff;
  white-space: nowrap;
  background: #111214;
  border: 0;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 46px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-active-deal__completion button:hover:not(:disabled) {
  background: #000;
  transform: translateY(-1px);
}

.master-active-deal__completion button:disabled {
  cursor: default;
  color: #7c8491;
  background: #dfe3e8;
  transform: none;
}

.master-active-deal__process {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.master-active-deal__process > div {
  color: #69707d;
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 10px;
  display: flex;
}

.master-active-deal__process span {
  color: #69707d;
  background: #edf0f3;
  border-radius: 999px;
  place-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  font-weight: 850;
  display: inline-grid;
}

.master-active-deal__process strong {
  min-width: 0;
  color: inherit;
  font-size: 12px;
  font-weight: 850;
}

.master-active-deal__process .is-active {
  color: #202124;
  background: #f8f9fb;
  border-color: #cfd6df;
}

.master-active-deal__process .is-active span {
  color: #fff;
  background: #202124;
}

.master-active-deal__process .is-done {
  color: #17663a;
}

.master-active-deal__process .is-done span {
  color: #17663a;
  background: #dff4e8;
}

.master-active-deal__tabs {
  border-bottom: 1px solid #edf0f3;
  gap: 18px;
  display: flex;
}

.master-active-deal__tabs button {
  color: #69707d;
  background: none;
  border: 0;
  min-height: 38px;
  padding: 0 2px;
  font-size: 14px;
  font-weight: 850;
  position: relative;
}

.master-active-deal__tabs button.is-active {
  color: #202124;
}

.master-active-deal__tab-indicator {
  background: #ed001f;
  border-radius: 999px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
}

.master-active-deal__section, .master-active-deal__block {
  min-width: 0;
}

.master-active-deal__block {
  gap: 14px;
  display: grid;
}

.master-active-deal__block h2 {
  color: #202124;
  font-size: 19px;
  font-weight: 850;
}

.master-active-deal__block p {
  color: #69707d;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.4;
}

.master-active-deal__list {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  display: grid;
  overflow: hidden;
}

.master-active-deal__row {
  color: #202124;
  border-top: 1px solid #edf0f3;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 10px 12px;
  text-decoration: none;
  display: grid;
}

.master-active-deal__row:first-child {
  border-top: 0;
}

.master-active-deal__row strong {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
  display: block;
}

.master-active-deal__row span {
  color: #69707d;
  font-size: 13px;
  line-height: 1.3;
}

.master-active-deal__document-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.master-active-deal__document-actions > a, .master-active-deal__row .master-active-deal__signature-proof {
  color: #202124;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.master-active-deal__act-signature, .master-active-deal__act-signature-action, .master-active-deal__row .master-active-deal__act-proof {
  grid-column: 1 / -1;
}

.master-active-deal__act-signature-action {
  gap: 8px;
  display: grid;
}

.master-active-deal__row .master-active-deal__signature-proof {
  color: #202124;
  background: #fff;
}

.master-active-deal__row b {
  color: #202124;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 850;
}

.master-active-deal__row button, .master-active-deal__code-form button, .master-active-deal__act-form button, .master-active-deal__payout button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 8px;
  min-height: 36px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
}

.master-active-deal__row button:hover, .master-active-deal__code-form button:hover, .master-active-deal__act-form button:hover, .master-active-deal__payout button:hover {
  background: #111214;
  transform: translateY(-1px);
}

.master-active-deal__row button:disabled, .master-active-deal__code-form button:disabled, .master-active-deal__act-form button:disabled, .master-active-deal__payout button:disabled {
  cursor: default;
  color: #7c8491;
  background: #dfe3e8;
  transform: none;
}

.master-active-deal__code-form .master-active-deal__secondary-action {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
}

.master-active-deal__code-form .master-active-deal__secondary-action:hover {
  color: #202124;
  background: #f5f6f8;
  border-color: #b8c0cb;
}

.master-active-deal__code-form .master-active-deal__secondary-action:disabled {
  color: #7c8491;
  background: #f3f4f6;
  border-color: #dfe3e8;
}

.master-active-deal__quiet {
  color: #69707d;
  border: 1px dashed #d8dde5;
  border-radius: 10px;
  padding: 12px;
  font-size: 14px;
  font-weight: 750;
}

.master-additional-work {
  gap: 18px;
}

.master-additional-work__status, .master-additional-work__form {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 14px;
  gap: 12px;
  padding: 16px;
  animation: .26s cubic-bezier(.22, 1, .36, 1) both masterCardReveal;
  display: grid;
}

.master-additional-work__status {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.master-additional-work__status > div {
  min-width: 0;
}

.master-additional-work__status > div > span {
  color: #59606b;
  background: #f1f3f6;
  border-radius: 999px;
  width: fit-content;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
}

.master-additional-work__status h3 {
  color: #202124;
  margin: 9px 0 0;
  font-size: 20px;
  font-weight: 900;
  line-height: 1.16;
}

.master-additional-work__status > strong {
  color: #202124;
  white-space: nowrap;
  font-size: 22px;
  font-weight: 950;
}

.master-additional-work__status > p, .master-additional-work__status > small, .master-additional-work__finance {
  grid-column: 1 / -1;
}

.master-additional-work__finance {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.master-additional-work__finance p {
  background: #f8fafc;
  border: 1px solid #e8edf4;
  border-radius: 12px;
  gap: 4px;
  margin: 0;
  padding: 10px;
  display: grid;
}

.master-additional-work__finance p span {
  color: #69707d;
  text-transform: none;
  background: none;
  padding: 0;
  font-size: 11px;
  line-height: 1.2;
  display: block;
}

.master-additional-work__finance p strong {
  color: #202124;
  font-size: 15px;
  font-weight: 950;
}

.master-additional-work__status > small {
  color: #4b5563;
  background: #f4f6f8;
  border-radius: 999px;
  width: fit-content;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 900;
}

.master-additional-work__status > a {
  color: #202124;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  grid-column: 1 / -1;
  width: fit-content;
  padding: 9px 12px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
}

.master-additional-work__status > button, .master-additional-work__form > button, .master-additional-work__form-actions button {
  color: #fff;
  cursor: pointer;
  background: #111;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  width: fit-content;
  min-height: 42px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 900;
  transition: transform .16s cubic-bezier(.22, 1, .36, 1), opacity .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-additional-work__status > button:hover, .master-additional-work__form > button:hover, .master-additional-work__form-actions button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px #11111124;
}

.master-additional-work__status > button:disabled, .master-additional-work__form > button:disabled, .master-additional-work__form-actions button:disabled {
  cursor: not-allowed;
  opacity: .58;
  box-shadow: none;
  transform: none;
}

.master-additional-work__status > .master-additional-work__cancel {
  color: #a72525;
  box-shadow: none;
  background: #fff8f8;
  border: 1px solid #efc4c4;
}

.master-additional-work__status > .master-additional-work__cancel:hover {
  box-shadow: none;
  background: #fff1f1;
  border-color: #e89b9b;
}

.master-additional-work__status.is-rejected > div > span {
  color: #b00020;
  background: #fff0f1;
}

.master-additional-work__form label {
  gap: 6px;
  display: grid;
}

.master-additional-work__form label span, .master-additional-work__upload > span {
  color: #69707d;
  font-size: 12px;
  font-weight: 900;
}

.master-additional-work__form input, .master-additional-work__form textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #f8fafc;
  border: 1px solid #d9dfe8;
  border-radius: 12px;
  outline: none;
  padding: 12px;
  font-size: 14px;
  transition: border-color .16s cubic-bezier(.22, 1, .36, 1), box-shadow .16s cubic-bezier(.22, 1, .36, 1);
}

.master-additional-work__form textarea {
  resize: vertical;
  min-height: 96px;
}

.master-additional-work__form input:focus, .master-additional-work__form textarea:focus {
  border-color: #202124;
  box-shadow: 0 0 0 4px #20212414;
}

.master-additional-work__policy {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.master-additional-work__policy button {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  min-height: 42px;
  font-size: 13px;
  font-weight: 900;
}

.master-additional-work__policy button.is-active {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.master-additional-work__upload {
  cursor: pointer;
  background: #f8fafc;
  border: 1px dashed #cdd5df;
  border-radius: 14px;
  padding: 14px;
  position: relative;
  overflow: hidden;
}

.master-additional-work__upload input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.master-additional-work__upload strong {
  color: #202124;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 900;
  display: block;
}

.master-additional-work__upload em {
  color: #69707d;
  margin-top: 6px;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.35;
  display: block;
}

.master-additional-work__upload i {
  background: #111;
  border-radius: 999px;
  height: 4px;
  margin-top: 10px;
  display: block;
}

.master-additional-work__error {
  color: #b42318;
  background: #fff5f3;
  border: 1px solid #f6b5ad;
  border-radius: 10px;
  margin: 0;
  padding: 11px 12px;
  font-size: 13px;
  font-weight: 850;
}

.master-additional-work__form-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.master-additional-work__form-actions button:last-child {
  color: #202124;
  background: #fff;
  border: 1px solid #e1e6ee;
}

@media (max-width: 720px) {
  .master-additional-work__status {
    grid-template-columns: minmax(0, 1fr);
  }

  .master-additional-work__status > strong {
    white-space: normal;
  }

  .master-additional-work__policy, .master-additional-work__finance {
    grid-template-columns: 1fr;
  }

  .master-additional-work__status > button, .master-additional-work__form > button, .master-additional-work__form-actions button {
    width: 100%;
  }

  .master-additional-work__form-actions {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.master-active-deal__code-form, .master-active-deal__act-form {
  gap: 10px;
  max-width: 560px;
  display: grid;
}

.master-active-deal__code-form p {
  color: #5f6875;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.master-active-deal__code-form label, .master-active-deal__act-form label {
  color: #59606b;
  gap: 6px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.master-active-deal__code-form input, .master-active-deal__act-form input, .master-active-deal__act-form textarea {
  color: #202124;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  padding: 0 12px;
}

.master-active-deal__code-form input, .master-active-deal__act-form input {
  height: 42px;
}

.master-active-deal__act-form textarea {
  resize: vertical;
  min-height: 92px;
  padding: 11px 12px;
}

.master-active-deal__contact {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  display: grid;
  overflow: hidden;
}

.master-active-deal__contact p {
  border-top: 1px solid #edf0f3;
  grid-template-columns: auto 130px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 48px;
  margin: 0;
  padding: 0 12px;
  display: grid;
}

.master-active-deal__contact p:first-child {
  border-top: 0;
}

.master-active-deal__contact span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.master-active-deal__contact strong {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
}

.master-active-deal__payout {
  background: #fbfcfd;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 4px 12px;
  padding: 14px;
  display: grid;
}

.master-active-deal__payout strong {
  color: #202124;
  font-size: 24px;
  font-weight: 850;
}

.master-active-deal__payout span {
  color: #69707d;
  font-size: 13px;
  font-weight: 800;
}

.master-active-deal__payout button {
  grid-row: span 2;
}

.master-active-deal__payout--loading {
  min-height: 104px;
}

.master-active-deal__payout--loading > div:first-child {
  gap: 8px;
  display: grid;
}

.master-active-deal__payout--loading i, .master-active-deal__payout--loading > b {
  background: linear-gradient(90deg, #eef1f6 0%, #f8fafc 48%, #eef1f6 100%) 0 0 / 180% 100%;
  border-radius: 999px;
  animation: 1.1s ease-in-out infinite master-skeleton-shimmer;
  display: block;
}

.master-active-deal__payout--loading i {
  width: min(180px, 70%);
  height: 28px;
}

.master-active-deal__payout--loading > b {
  border-radius: 10px;
  justify-self: end;
  width: 128px;
  height: 42px;
}

.master-active-deal__payout-summary {
  border-top: 1px solid #e7eaf0;
  grid-column: 1 / -1;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 12px;
  margin-top: 8px;
  padding-top: 10px;
  display: grid;
}

.master-active-deal__payout-summary span {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.master-active-deal__payout-summary b {
  color: #202124;
  text-align: right;
  font-size: 13px;
  font-weight: 850;
}

@media (max-width: 640px) {
  .master-active-deal__payout {
    grid-template-columns: 1fr;
  }

  .master-active-deal__payout button {
    grid-row: auto;
    width: 100%;
  }
}

.master-inline-spinner {
  animation: .9s linear infinite master-spin;
}

.master-completion-modal {
  z-index: 10000;
  overscroll-behavior: contain;
  background: #13171d94;
  place-items: center;
  height: 100dvh;
  padding: 22px;
  display: grid;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.master-completion-modal__backdrop {
  background: none;
  border: 0;
  position: absolute;
  inset: 0;
}

.master-completion-modal__panel {
  z-index: 1;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #dfe4ebf2;
  border-radius: 18px;
  width: min(560px, 100%);
  min-height: 0;
  max-height: calc(100dvh - 44px);
  position: relative;
  overflow-y: auto;
  box-shadow: 0 30px 90px #0c121c3d;
}

.master-completion-modal__head {
  border-bottom: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 22px 24px 18px;
  display: flex;
}

.master-completion-modal__head span {
  color: #7b8491;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 850;
}

.master-completion-modal__head h2 {
  color: #202124;
  margin-top: 4px;
  font-size: 24px;
  font-weight: 850;
  line-height: 1.1;
}

.master-completion-modal__head button {
  color: #59606b;
  background: #f1f3f6;
  border: 0;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-grid;
}

.master-completion-modal__head button:hover {
  background: #e7ebf0;
  transform: scale(1.03);
}

.master-completion-modal__body {
  gap: 16px;
  padding: 22px 24px 24px;
  display: grid;
}

.master-completion-modal__body p {
  color: #69707d;
  margin: 0;
  font-size: 15px;
  line-height: 1.48;
}

.master-completion-modal__amount {
  background: #f8fafc;
  border: 1px solid #e4e7ec;
  border-radius: 13px;
  padding: 14px;
}

.master-completion-modal__amount span {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.master-completion-modal__amount strong {
  color: #202124;
  margin-top: 4px;
  font-size: 28px;
  font-weight: 850;
  line-height: 1;
  display: block;
}

.master-completion-modal__actions {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr);
  gap: 10px;
  display: grid;
}

.master-completion-modal__actions button {
  color: #202124;
  border: 0;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 0 16px;
  font-size: 14px;
  font-weight: 850;
  transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  display: inline-flex;
}

.master-completion-modal__actions button:first-child {
  background: #eef1f5;
}

.master-completion-modal__actions button:last-child {
  color: #fff;
  background: #111214;
}

.master-completion-modal__actions button:hover:not(:disabled) {
  transform: translateY(-1px);
}

.master-completion-modal__actions button:disabled {
  cursor: default;
  opacity: .68;
  transform: none;
}

@keyframes master-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 760px) {
  .master-active-deal {
    gap: 12px;
  }

  .master-active-deal__head {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    display: grid;
  }

  .master-active-deal__head h1 {
    overflow-wrap: anywhere;
    font-size: 24px;
    line-height: 1.08;
  }

  .master-active-deal__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .master-active-deal__summary > div {
    grid-template-columns: 36px minmax(0, 1fr);
    min-width: 0;
  }

  .master-active-deal__summary small, .master-active-deal__summary strong {
    overflow-wrap: anywhere;
    min-width: 0;
  }

  .master-active-deal__customer-card, .master-active-deal__completion, .master-order-customer-contact {
    grid-template-columns: 1fr;
    min-width: 0;
  }

  .master-active-deal__customer-actions, .master-order-customer-contact > div:last-child {
    justify-content: stretch;
  }

  .master-active-deal__customer-actions a, .master-active-deal__customer-actions span, .master-order-customer-contact a, .master-order-customer-contact > div:last-child span, .master-active-deal__completion button, .master-order-detail-actions > button {
    width: 100%;
  }

  .master-active-deal__process, .master-active-deal__tabs {
    scrollbar-width: none;
    margin-inline: -14px;
    padding-inline: 14px;
    overflow-x: auto;
  }

  .master-active-deal__process::-webkit-scrollbar {
    display: none;
  }

  .master-active-deal__tabs::-webkit-scrollbar {
    display: none;
  }

  .master-active-deal__process {
    padding-inline: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-inline: 0;
    padding-bottom: 4px;
    display: grid;
    overflow: visible;
  }

  .master-active-deal__process > div {
    min-width: 0;
  }

  .master-active-deal__tabs {
    border-bottom: 0;
    flex-wrap: wrap;
    gap: 8px;
    margin-inline: 0;
    padding-inline: 0;
    overflow: visible;
  }

  .master-active-deal__tabs button {
    white-space: nowrap;
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 12px;
    flex: calc(50% - 4px);
    min-height: 40px;
    padding: 0 10px;
  }

  .master-active-deal__tabs button.is-active {
    border-color: #202124;
  }

  .master-active-deal__tab-indicator {
    display: none;
  }

  .master-active-deal__list {
    border-radius: 14px;
  }

  .master-active-deal__row {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 8px;
    padding: 13px 14px;
  }

  .master-active-deal__row > div {
    min-width: 0;
  }

  .master-active-deal__row strong, .master-active-deal__row span {
    overflow-wrap: anywhere;
  }

  .master-active-deal__row > span {
    width: fit-content;
  }

  .master-active-deal__row button {
    width: 100%;
  }

  .master-active-deal__document-actions {
    align-items: stretch;
    display: grid;
  }

  .master-order-detail-actions {
    grid-template-columns: 1fr;
    display: grid;
  }

  .master-completion-modal {
    align-items: end;
    padding: 12px;
  }

  .master-completion-modal__panel {
    border-radius: 18px;
  }

  .master-completion-modal__actions {
    grid-template-columns: 1fr;
  }
}

.master-profile-settings__portfolio strong {
  color: #202124;
  margin-top: 9px;
  font-size: 14px;
  font-weight: 850;
}

.master-profile-settings__portfolio small {
  color: #69707d;
  margin: 4px 0 10px;
  font-size: 12px;
  font-weight: 750;
}

.master-profile-settings__empty, .master-profile-settings__uploading {
  color: #69707d;
  border-top: 1px solid #edf0f3;
  align-items: center;
  gap: 9px;
  padding: 16px 18px 18px;
  font-weight: 800;
  display: flex;
}

.master-profile-viewer {
  z-index: 10000;
  background: #000;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

.master-profile-viewer img {
  object-fit: contain;
  max-width: 100vw;
  max-height: 100vh;
}

.master-profile-viewer button {
  top: max(18px, env(safe-area-inset-top));
  color: #fff;
  background: #ffffff1a;
  border: 1px solid #ffffff29;
  border-radius: 999px;
  place-items: center;
  width: 54px;
  height: 54px;
  display: grid;
  position: fixed;
  right: 18px;
}

.master-profile-settings.is-compact {
  gap: 10px;
}

.master-profile-settings.is-compact .master-profile-settings__hero {
  gap: 13px;
  padding: 14px;
}

.master-profile-settings.is-compact .master-profile-settings__avatar {
  width: 74px;
  height: 74px;
  font-size: 28px;
}

.master-profile-settings.is-compact .master-profile-settings__camera {
  opacity: 1;
  width: 36px;
  height: 36px;
  bottom: 12px;
  left: 68px;
  transform: none;
}

.master-profile-settings.is-compact .master-profile-settings__name h2 {
  font-size: 22px;
}

.master-profile-settings.is-compact .master-profile-settings__name button {
  width: 34px;
  min-height: 32px;
  padding: 0;
}

.master-profile-settings.is-compact .master-profile-settings__identity p {
  font-size: 14px;
}

.master-profile-settings.is-compact .master-profile-settings__section h3 {
  padding: 14px 14px 10px;
  font-size: 16px;
}

.master-profile-settings.is-compact .master-profile-settings__row {
  grid-template-columns: 38px minmax(0, 1fr) auto;
  gap: 10px;
  padding: 12px 14px;
}

.master-profile-settings.is-compact .master-profile-settings__row > span {
  width: 38px;
  height: 38px;
}

.master-profile-settings.is-compact .master-profile-settings__row button {
  min-height: 32px;
  padding: 0 9px;
  font-size: 12px;
}

.master-profile-settings.is-compact .master-profile-settings__type {
  padding: 14px;
}

.master-profile-settings.is-compact .master-profile-settings__details {
  padding: 0 14px 4px;
}

.master-profile-settings.is-compact .master-profile-settings__fact-group {
  padding: 12px 0 2px;
}

.master-profile-settings.is-compact .master-profile-settings__fact-group h4 {
  font-size: 13px;
}

.master-profile-settings.is-compact .master-profile-settings__fact-group p {
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 11px 0;
}

.master-profile-settings.is-compact .master-profile-settings__section .master-secondary-link {
  width: calc(100% - 28px);
  margin: 0 14px 14px;
}

.master-profile-settings.is-compact .master-profile-settings__section-head {
  padding-right: 14px;
}

.master-profile-settings.is-compact .master-profile-settings__portfolio {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 12px 14px 14px;
}

.master-empty-welcome {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 13px;
  min-height: calc(100vh - 96px);
  padding: 34px;
  display: flex;
}

.master-empty-welcome > span {
  color: #59606b;
  background: #f2f3f5;
  border-radius: 999px;
  width: fit-content;
  padding: 7px 12px;
  font-size: 13px;
  font-weight: 850;
}

.master-empty-welcome h1 {
  color: #202124;
  max-width: 760px;
  font-size: 36px;
  font-weight: 850;
  line-height: 1.08;
}

.master-empty-welcome p {
  color: #69707d;
  max-width: 660px;
  font-size: 16px;
  line-height: 1.45;
}

.master-empty-welcome div {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.master-empty-welcome button {
  color: #202124;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  min-height: 44px;
  padding: 0 16px;
  font-weight: 850;
}

.master-empty-welcome button:first-child {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.master-empty-welcome.is-mobile {
  justify-content: flex-start;
  min-height: 0;
  padding: 22px 18px;
}

.master-empty-welcome.is-mobile h1 {
  font-size: 24px;
}

.master-empty-welcome.is-mobile p {
  font-size: 14px;
}

.master-action-row {
  border-top: 1px solid #edf0f3;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  transition: background-color .16s cubic-bezier(.22, 1, .36, 1), transform .16s cubic-bezier(.22, 1, .36, 1);
  display: grid;
}

.master-action-row:hover {
  transform: translateX(2px);
}

.master-action-row > span {
  background: #f2f3f5;
  border-radius: 8px;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.master-action-row h3 {
  color: #202124;
  font-size: 14px;
  font-weight: 850;
}

.master-action-row p {
  color: #69707d;
  margin-top: 3px;
  font-size: 12px;
}

.master-action-row button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 7px;
  min-height: 32px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
}

@media (min-width: 900px) {
  .master-mobile {
    display: none;
  }

  .master-desktop {
    background: #f4f5f7;
    grid-template-columns: 220px minmax(0, 1fr);
    min-height: 100vh;
    display: grid;
  }

  .master-sidebar {
    background: #fff;
    border-right: 1px solid #dfe3e8;
    flex-direction: column;
    min-height: 100vh;
    padding: 22px 14px 18px;
    display: flex;
  }

  .master-brand {
    text-transform: uppercase;
    margin-bottom: 22px;
    font-size: 13px;
    font-weight: 850;
  }

  .master-sidebar-nav {
    gap: 4px;
    display: grid;
  }

  .master-sidebar-nav a {
    color: #59606b;
    border-radius: 8px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: background .18s cubic-bezier(.22, 1, .36, 1), color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
    display: grid;
  }

  .master-sidebar-nav a:hover {
    color: #202124;
    background: #f7f8fa;
    transform: translateX(2px);
  }

  .master-sidebar-nav a.is-active {
    color: #202124;
    background: #f2f3f5;
    box-shadow: inset 3px 0 #ed001f;
  }

  .master-sidebar-nav i, .master-icon-button i {
    color: #fff;
    background: #ed001f;
    border-radius: 999px;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    display: grid;
  }

  .master-sidebar-help {
    background: #fafbfc;
    border: 1px solid #dfe3e8;
    border-radius: 10px;
    gap: 8px;
    margin-top: auto;
    padding: 14px;
    display: grid;
  }

  .master-sidebar-help strong {
    color: #202124;
    font-size: 14px;
    font-weight: 850;
  }

  .master-sidebar-help span {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .master-sidebar-help button {
    color: #202124;
    background: none;
    border: 0;
    width: fit-content;
    padding: 0;
    font-weight: 850;
  }

  .master-workspace {
    min-width: 0;
  }

  .master-topbar {
    z-index: 10000;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    background: #ffffffe0;
    border-bottom: 1px solid #dfe3e8;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    min-height: 64px;
    padding: 0 24px;
    display: flex;
    position: relative;
  }

  .master-search {
    background: #f3f4f6;
    width: min(500px, 38vw);
    min-height: 40px;
  }

  .master-topbar-actions {
    align-items: center;
    gap: 8px;
    display: flex;
  }

  .master-city-button, .master-icon-button, .master-profile-button {
    color: #202124;
    background: #fff;
    border: 1px solid #d8dde5;
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
    display: inline-flex;
  }

  .master-city-button:hover, .master-icon-button:hover, .master-profile-button:hover {
    background: #fbfcfd;
    border-color: #cfd5dd;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px #0f172a0f;
  }

  .master-city-button:active, .master-icon-button:active, .master-profile-button:active {
    transform: scale(.985);
  }

  .master-icon-button {
    justify-content: center;
    width: 38px;
    padding: 0;
    position: relative;
  }

  .master-icon-button i {
    position: absolute;
    top: -6px;
    right: -6px;
  }

  .master-topbar-popover, .master-profile-popover {
    z-index: 10010;
    position: relative;
  }

  .master-avatar, .master-profile-button > span {
    color: #fff;
    object-fit: cover;
    background: #202124;
    border-radius: 999px;
    flex: none;
    place-items: center;
    width: 26px;
    height: 26px;
    display: grid;
    overflow: hidden;
  }

  img.master-avatar {
    background: none;
  }

  .master-profile-button small {
    color: #69707d;
    font-size: 12px;
    font-weight: 700;
  }

  .master-profile-button strong {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
    font-size: 14px;
    font-weight: 750;
    overflow: hidden;
  }

  .master-topbar-dropdown, .master-profile-dropdown {
    z-index: 10020;
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 12px;
    gap: 8px;
    width: 280px;
    padding: 16px;
    display: grid;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    box-shadow: 0 18px 60px #0f172a24;
  }

  .master-location-dropdown {
    gap: 10px;
    width: 340px;
  }

  .master-location-dropdown strong, .master-topbar-dropdown__head strong {
    color: #202124;
    font-size: 15px;
    font-weight: 850;
  }

  .master-location-dropdown p, .master-location-dropdown span, .master-notification-dropdown > p, .master-notification-item p {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .master-location-dropdown label {
    gap: 6px;
    display: grid;
  }

  .master-location-dropdown label span {
    color: #69707d;
    font-size: 12px;
    font-weight: 750;
  }

  .master-location-dropdown input {
    color: #202124;
    min-height: 38px;
    font: inherit;
    background: #fff;
    border: 1px solid #d8dde5;
    border-radius: 8px;
    outline: 0;
    padding: 0 10px;
  }

  .master-location-dropdown button {
    color: #fff;
    background: #202124;
    border: 0;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    min-height: 38px;
    font-weight: 850;
    display: inline-flex;
  }

  .master-location-dropdown .customer-pro-dropdown-head button {
    color: #69707d;
    background: none;
    border: 0;
    min-height: auto;
    padding: 0;
    font-size: 12px;
    font-weight: 700;
  }

  .master-location-dropdown .customer-location-detect, .master-location-dropdown .customer-location-suggest button {
    color: #30343b;
    background: #fff;
    border: 1px solid #d8dde4;
    min-height: 36px;
    font-weight: 750;
  }

  .master-location-dropdown .customer-location-suggest button {
    text-align: left;
    justify-content: flex-start;
    padding: 0 9px;
  }

  .master-location-dropdown .customer-location-save {
    color: #fff;
    background: #171717;
    border-color: #171717;
    min-height: 36px;
  }

  .master-location-dropdown .cabinet-location-menu__head button {
    color: #4f5662;
    background: #f1f3f6;
    border: 0;
    width: 30px;
    min-height: 30px;
    padding: 0;
  }

  .master-location-dropdown .cabinet-location-menu__detect {
    color: #23262c;
    background: #fff;
    border: 1px solid #d9dee6;
    min-height: 34px;
    padding: 0 10px;
  }

  .master-location-dropdown .cabinet-location-menu__detect span, .master-location-dropdown .cabinet-location-menu__save span {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
  }

  .master-location-dropdown .cabinet-location-menu__suggestions button {
    justify-content: initial;
    color: #202124;
    background: #f7f8fa;
    border: 0;
    min-height: 0;
    padding: 10px;
    font-weight: 500;
  }

  .master-location-dropdown .cabinet-location-menu__suggestions button:not(:disabled):hover {
    background: #eef1f5;
  }

  .master-location-dropdown .cabinet-location-menu__save {
    color: #fff;
    background: #111214;
    border: 0;
    min-height: 42px;
  }

  .master-location-dropdown .cabinet-location-menu__save:disabled {
    color: #8b939e;
    opacity: 1;
    background: #e8ebef;
  }

  .master-notification-dropdown {
    gap: 0;
    width: 360px;
    padding: 12px;
  }

  .master-topbar-dropdown__head {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 2px 4px 10px;
    display: flex;
  }

  .master-topbar-dropdown__head span {
    color: #b91c1c;
    background: #fee2e2;
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 11px;
    font-weight: 850;
  }

  .master-notification-item {
    border-top: 1px solid #edf0f3;
    gap: 4px;
    padding: 11px 4px 11px 14px;
    display: grid;
    position: relative;
  }

  .master-notification-item.is-unread:before {
    content: "";
    background: #ed001f;
    border-radius: 999px;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 16px;
    left: 2px;
  }

  .master-notification-item strong {
    color: #202124;
    font-size: 14px;
    font-weight: 850;
  }

  .master-notification-error {
    color: #b42318;
    background: #fff5f4;
    border: 1px solid #f5b7b1;
    border-radius: 7px;
    gap: 10px;
    padding: 12px;
    display: grid;
  }

  .master-notification-error p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
  }

  .master-notification-error button {
    color: #fff;
    cursor: pointer;
    background: #111214;
    border: 0;
    border-radius: 6px;
    justify-self: start;
    min-height: 36px;
    padding: 0 13px;
  }

  .master-active-deal__wait-state {
    background: #f7f8fa;
    border: 1px solid #d9dee7;
    border-radius: 7px;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 14px;
    display: flex;
  }

  .master-active-deal__wait-state p {
    color: #5f6878;
    margin: 0;
    font-size: 14px;
    line-height: 1.45;
  }

  @media (max-width: 640px) {
    .master-active-deal__wait-state {
      flex-direction: column;
      align-items: stretch;
    }
  }

  .master-profile-dropdown-head {
    align-items: center;
    gap: 10px;
    padding-bottom: 8px;
    display: flex;
  }

  .master-profile-dropdown-head .master-avatar {
    width: 38px;
    height: 38px;
    font-size: 16px;
  }

  .master-profile-dropdown-head div {
    gap: 3px;
    min-width: 0;
    display: grid;
  }

  .master-profile-dropdown-head strong, .master-profile-dropdown-head span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .master-profile-dropdown span {
    color: #69707d;
  }

  .master-profile-dropdown a, .master-profile-dropdown button {
    color: #202124;
    text-align: left;
    background: none;
    border: 0;
    border-top: 1px solid #edf0f3;
    align-items: center;
    gap: 8px;
    min-height: 36px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
  }

  .master-profile-dropdown-head strong {
    font-size: 16px;
    font-weight: 800;
  }

  .master-profile-dropdown-head span {
    font-size: 13px;
  }

  .master-page-motion {
    padding: 28px 32px 48px;
  }

  .master-desktop-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, .8fr);
    gap: 16px;
    display: grid;
  }

  .master-panel {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 12px;
    padding: 18px;
    transition: border-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  }

  .master-panel:hover {
    border-color: #d6dce4;
  }

  .master-panel-wide {
    grid-column: 1 / -1;
  }

  .master-overview-hero {
    gap: 10px;
    display: grid;
  }

  .master-overview-hero > span {
    color: #69707d;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 850;
  }

  .master-overview-hero h1, .master-page-head h1, .master-unavailable-flow h1 {
    color: #202124;
    letter-spacing: 0;
    font-size: 32px;
    font-weight: 850;
    line-height: 1.05;
  }

  .master-overview-hero p, .master-page-head p, .master-unavailable-flow p {
    color: #69707d;
    font-size: 15px;
    line-height: 1.45;
  }

  .master-overview-hero > div {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    display: flex;
  }

  .master-overview-hero button, .master-page-head button {
    color: #202124;
    background: #fff;
    border: 1px solid #d8dde5;
    border-radius: 8px;
    min-height: 40px;
    padding: 0 14px;
    font-weight: 850;
  }

  .master-overview-hero button:first-child {
    color: #fff;
    background: #202124;
    border-color: #202124;
  }

  .master-page-head {
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 18px;
    display: flex;
  }

  .master-catalog-toolbar {
    margin-bottom: 14px;
    display: flex;
  }

  .master-catalog-toolbar label {
    background: #f8f9fb;
    width: 360px;
    min-height: 40px;
  }

  .master-order-table {
    border: 1px solid #e4e7ec;
    border-radius: 10px;
    overflow: hidden;
  }

  .master-order-table-head, .master-order-row {
    grid-template-columns: minmax(360px, 1.5fr) 130px 120px 140px minmax(150px, auto);
    align-items: center;
    gap: 18px;
    padding: 0 18px;
    display: grid;
  }

  .master-order-table-head {
    color: #69707d;
    text-transform: uppercase;
    background: #f8f9fb;
    min-height: 42px;
    font-size: 12px;
    font-weight: 850;
  }

  .master-order-row {
    border-top: 1px solid #edf0f3;
    min-height: 102px;
    transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1);
  }

  .master-order-row.is-new {
    background: #f8fbff;
  }

  .master-order-row:hover {
    background: #fbfcfd;
    transform: translateY(-1px);
    box-shadow: 0 12px 24px #0f172a0f;
  }

  .master-order-row > button:first-child {
    color: inherit;
    text-align: left;
    background: none;
    border: 0;
    gap: 8px;
    padding: 0;
    transition: opacity .16s cubic-bezier(.22, 1, .36, 1);
    display: grid;
  }

  .master-order-row > button:first-child:hover {
    opacity: .86;
  }

  .master-order-row strong {
    color: #202124;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 850;
    display: flex;
  }

  .master-order-row span, .master-order-row small {
    color: #69707d;
    font-size: 13px;
    line-height: 1.35;
  }

  .master-order-row span {
    align-items: center;
    gap: 6px;
    display: inline-flex;
  }

  .master-order-row > button:last-child {
    color: #fff;
    white-space: nowrap;
    background: #202124;
    border: 0;
    border-radius: 7px;
    min-height: 34px;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 800;
    transition: transform .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1);
  }

  .master-order-row > button:last-child:hover, .master-primary:hover, .master-action-row button:hover {
    background: #111214;
    transform: translateY(-1px);
  }

  .master-order-row > button:last-child:active, .master-primary:active, .master-action-row button:active {
    transform: scale(.985);
  }

  .master-order-detail-desktop {
    display: block;
  }

  .master-order-detail-desktop-price {
    color: #202124;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 850;
    line-height: 1.1;
  }

  .master-detail-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 18px;
    display: grid;
  }

  .master-detail-facts p {
    border: 1px solid #e4e7ec;
    border-radius: 9px;
    gap: 5px;
    padding: 12px;
    transition: border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
    display: grid;
  }

  .master-detail-facts p:hover {
    background: #fbfcfd;
    border-color: #d5dbe4;
    transform: translateY(-1px);
  }

  .master-detail-facts span {
    color: #69707d;
    font-size: 12px;
    font-weight: 800;
  }

  .master-detail-facts strong {
    color: #202124;
    font-size: 14px;
    font-weight: 850;
  }

  .master-detail-section {
    border-top: 1px solid #edf0f3;
    padding: 16px 0;
  }

  .master-detail-section h2 {
    color: #202124;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 850;
  }

  .master-detail-section p {
    color: #59606b;
    font-size: 15px;
    line-height: 1.45;
  }

  .master-primary {
    width: fit-content;
    min-width: 180px;
  }

  .master-offer-form-panel {
    max-width: 720px;
  }

  .master-profile-screen, .master-reviews-screen {
    gap: 16px;
    display: grid;
  }
}

.master-reviews-list {
  gap: 10px;
  display: grid;
}

.master-review-card {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.master-review-card > div {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.master-review-card strong {
  color: #202124;
  font-size: 16px;
  font-weight: 850;
}

.master-review-card span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.master-review-card p {
  color: #3f4651;
  font-size: 14px;
  line-height: 1.45;
}

.master-mobile-bottom-nav .customer-mobile-bottom-nav__icons, .master-mobile-bottom-nav .customer-mobile-bottom-nav__buttons {
  grid-template-columns: repeat(var(--customer-mobile-nav-count, 5), 1fr);
}

.master-avatar-upload, .master-photo-button {
  cursor: pointer;
  width: fit-content;
  position: relative;
}

.master-avatar-upload {
  gap: 6px;
  margin-bottom: 28px;
  display: grid;
}

.master-avatar-upload input, .master-photo-button input, .master-change-photos-button input, .master-project-photo-add input {
  z-index: 2;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.master-avatar-preview {
  color: #666;
  background: radial-gradient(circle at 50% 35%, #e4e4e4 0 19%, #0000 20%), radial-gradient(at 50% 78%, #e4e4e4 0 29%, #0000 30%), #f7f7f7;
  border-radius: 8px;
  place-items: center;
  width: 128px;
  height: 128px;
  font-size: 32px;
  font-weight: 700;
  display: grid;
  position: relative;
  overflow: hidden;
}

.master-avatar-preview img, .master-uploaded-thumb img {
  object-fit: cover;
}

.master-avatar-upload .mock-dark-button {
  width: 128px;
}

.master-description-actions {
  grid-template-columns: 1fr 1fr;
}

.master-description-actions .mock-muted-button:first-child {
  grid-column: 1 / -1;
}

.master-photo-button {
  width: 100%;
}

.master-project-button {
  margin-bottom: 4px;
}

.master-portfolio-empty {
  color: #3d3d3d;
  text-align: center;
  align-content: center;
  justify-items: center;
  gap: 8px;
  min-height: 300px;
  display: grid;
}

.master-portfolio-processing {
  background: #f7f7f7;
  border-radius: 8px;
}

.master-portfolio-empty h2 {
  margin: 0;
  font-size: 24px;
}

.master-portfolio-empty p {
  margin: 0;
  font-size: 18px;
}

.master-empty-icon {
  background: radial-gradient(circle at 30% 30%, #efc35a 0 8%, #0000 9%), linear-gradient(135deg, #0000 42%, #70a8a6 43% 61%, #0000 62%), linear-gradient(135deg, #0000 30%, #87c7c5 31% 53%, #0000 54%), #ebe8de;
  border: 4px solid #555;
  border-radius: 5px;
  width: 74px;
  height: 74px;
}

.master-project-list {
  gap: 14px;
  margin-top: 8px;
  display: grid;
}

.master-project-card {
  background: #fff;
  border: 1px solid #ececf0;
  border-radius: 8px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.master-project-card-header {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.master-project-card-header h2 {
  color: #333;
  margin: 0;
  font-size: 18px;
  line-height: 1.2;
}

.master-change-photos-button {
  cursor: pointer;
  color: #555;
  flex: none;
  font-size: 14px;
  text-decoration: underline;
  position: relative;
}

.master-project-photo-row {
  scroll-snap-type: x proximity;
  gap: 8px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.master-project-photo-tile, .master-project-photo-add {
  scroll-snap-align: start;
  background: #f0f1f6;
  border-radius: 8px;
  flex: none;
  width: 74px;
  height: 74px;
  position: relative;
  overflow: hidden;
}

.master-project-photo-tile img {
  object-fit: cover;
}

.master-project-photo-actions {
  grid-template-columns: repeat(3, 1fr);
  gap: 3px;
  display: grid;
  position: absolute;
  inset: auto 4px 4px;
}

.master-project-photo-actions button {
  color: #fff;
  background: #151515d1;
  border: 0;
  border-radius: 5px;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
}

.master-project-photo-actions button:disabled {
  opacity: .36;
}

.master-project-photo-add {
  color: #555;
  cursor: pointer;
  border: 1px dashed #9a9a9a;
  place-items: center;
  display: grid;
}

.master-uploaded-list {
  gap: 10px;
  margin-top: 22px;
  display: grid;
}

.master-uploaded-list h2 {
  margin: 0 0 2px;
  font-size: 18px;
}

.master-uploaded-item {
  color: #3d3d3d;
  background: #f0f1f6;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  min-height: 45px;
  padding: 10px 14px;
  font-size: 15px;
  display: flex;
}

.master-uploaded-thumb {
  background: #fff;
  border-radius: 6px;
  flex: none;
  width: 54px;
  height: 54px;
  position: relative;
  overflow: hidden;
}

.master-uploaded-item span:last-child {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.master-uploaded-item strong {
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 500;
  overflow: hidden;
}

.master-uploaded-item small {
  color: #777;
  font-size: 13px;
}

.master-mobile-section-links {
  gap: 12px;
}

.master-mobile-section-links button {
  color: #333;
  cursor: pointer;
  min-height: 50px;
  font: inherit;
  text-align: left;
  background: #f4f6fa;
  border: 1px solid #dfe4ec;
  border-radius: 14px;
  padding: 0 14px;
  font-size: 16px;
  font-weight: 800;
}

.master-profile-settings__section.master-mobile-section-links {
  padding: 0 14px 14px;
}

@media (max-width: 899px) {
  .master-offer-form-panel {
    border-radius: 16px;
    margin-top: 10px;
    padding: 28px 18px 76px;
  }

  .master-offer-form-panel .master-page-head {
    gap: 8px;
    display: grid;
  }

  .master-offer-form-panel .master-page-head h1 {
    letter-spacing: 0;
    margin: 0;
    font-size: clamp(32px, 10vw, 44px);
    line-height: 1.02;
  }

  .master-offer-form-panel .master-page-head p {
    color: #3f4651;
    margin: 0;
    font-size: 16px;
    line-height: 1.25;
  }

  .master-offer-form {
    gap: 14px;
  }

  .master-offer-form input, .master-offer-form textarea, .master-date-picker > button {
    border-radius: 12px;
  }

  .master-form-actions {
    bottom: max(16px, env(safe-area-inset-bottom));
    z-index: 2;
    background: linear-gradient(#f2f3f500, #f2f3f5 34%);
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    padding-top: 8px;
    display: grid;
    position: sticky;
  }
}

.master-order-detail-desktop {
  padding: clamp(22px, 3vw, 42px);
}

.master-order-detail-desktop .master-panel {
  border-radius: 24px;
  max-width: 1180px;
  padding: clamp(28px, 3vw, 44px);
  box-shadow: 0 18px 54px #0f172a0d;
}

.master-order-detail-desktop .master-page-head {
  margin-bottom: 28px;
}

.master-order-detail-desktop .master-page-head h1 {
  max-width: 860px;
  font-size: clamp(36px, 3.2vw, 56px);
  line-height: 1;
}

.master-order-detail-desktop .master-order-tabs {
  margin-top: 26px;
}

.master-order-detail-desktop .master-order-tabs__panel {
  padding-top: 10px;
}

.master-order-detail-desktop .master-order-inline-content {
  max-width: 980px;
}

.master-order-detail-desktop .master-order-inline-content .master-detail-section {
  padding: 0;
}

.master-order-detail-desktop .master-detail-section {
  padding: 22px 0 6px;
}

.master-order-detail-desktop .master-primary {
  margin-top: 20px;
}

.master-create-order-page {
  padding: clamp(18px, 3vw, 42px);
}

.master-create-order-panel {
  max-width: 1180px;
}

.master-create-order-head {
  border-bottom: 1px solid #edf0f4;
  align-items: center;
  padding-bottom: 20px;
}

.master-create-order-head span {
  color: #8a93a3;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 900;
  display: block;
}

.master-create-order-head h1 {
  color: #20242c;
  margin: 0;
  font-size: clamp(34px, 4.2vw, 58px);
  line-height: 1;
}

.master-create-order-head p {
  max-width: 680px;
  margin: 10px 0 0;
}

.master-create-order-page--mobile {
  gap: 14px;
  padding: 14px 0 28px;
  display: grid;
}

.master-create-order-page--mobile .master-create-order-panel {
  padding-bottom: 88px;
}

.master-create-order-page--mobile .master-create-order-head {
  border-bottom: 0;
  gap: 8px;
  padding-bottom: 8px;
  display: grid;
}

.master-create-order-page--mobile .master-create-order-head h1 {
  font-size: clamp(30px, 9vw, 42px);
}

.master-create-order-page--mobile .master-create-order-head p {
  font-size: 16px;
  line-height: 1.28;
}

.master-create-order-draft-status {
  gap: 10px;
  margin: 14px 0;
  display: grid;
}

.master-create-order-draft-status .master-order-card-skeleton {
  background: linear-gradient(90deg, #eef1f5 0%, #f8fafc 50%, #eef1f5 100%) 0 0 / 220% 100%;
  border-radius: 999px;
  width: min(460px, 100%);
  height: 16px;
  animation: 1.2s ease-in-out infinite master-skeleton-shimmer;
}

.master-create-order-draft-status .master-order-card-skeleton.short {
  width: min(280px, 70%);
}

@media (max-width: 899px) {
  .master-order-detail-desktop {
    padding: 0;
  }
}

/* [project]/src/features/surveyor/surveyor.css [app-client] (css) */
.customer-pro-notification-thumb, .customer-mobile-notification-thumb, .surveyor-notification-thumb {
  cursor: zoom-in;
  border-radius: 8px;
  outline: 0;
  display: block;
  overflow: hidden;
}

.customer-mobile-notification-thumb, .surveyor-notification-thumb {
  width: 100%;
  height: 100%;
}

.customer-pro-notification-thumb:focus-visible, .customer-mobile-notification-thumb:focus-visible, .surveyor-notification-thumb:focus-visible {
  box-shadow: 0 0 0 3px #f20d2f2e;
}

.customer-pro-notification-thumb img, .customer-mobile-notification-thumb img, .surveyor-notification-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.surveyor-cabinet {
  min-height: 100vh;
}

.surveyor-load-error button {
  color: #fff;
  cursor: pointer;
  min-height: 42px;
  font: inherit;
  background: #111214;
  border: 0;
  border-radius: 8px;
  justify-self: start;
  padding: 0 17px;
  font-weight: 800;
  transition: transform .16s, box-shadow .16s;
}

.surveyor-load-error button:hover {
  transform: translateY(-1px);
  box-shadow: 0 9px 20px #11121426;
}

.surveyor-mobile-screen {
  padding-top: max(env(safe-area-inset-top), 18px);
  padding-bottom: calc(128px + env(safe-area-inset-bottom));
}

.surveyor-mobile-screen.master-mobile-screen--no-bottom-nav {
  padding-bottom: calc(112px + env(safe-area-inset-bottom));
}

.surveyor-page-motion {
  min-height: calc(100vh - 64px);
}

.surveyor-detail-layout {
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .55fr);
  gap: 16px;
  display: grid;
}

.surveyor-context-panel {
  align-self: start;
  position: sticky;
  top: 86px;
}

.surveyor-detail-head span {
  color: #69707d;
  font-size: 13px;
  font-weight: 850;
}

.surveyor-detail-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.surveyor-result-cta {
  color: #fff;
  background: #141517;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 850;
  text-decoration: none;
  transition: transform .16s, box-shadow .16s, background .16s;
  display: inline-flex;
}

.surveyor-result-cta:hover {
  background: #0b0c0e;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f172a29;
}

.surveyor-detail-facts {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.surveyor-result-page {
  gap: 16px;
  width: min(100%, 1120px);
  display: grid;
}

.surveyor-result-page--mobile {
  max-width: none;
}

.surveyor-result-head {
  align-items: center;
}

.surveyor-result-head span {
  color: #69707d;
  font-size: 13px;
  font-weight: 850;
}

.surveyor-result-head button {
  color: #202124;
  background: #eef1f6;
  border: 0;
  border-radius: 10px;
  min-height: 42px;
  padding: 0 14px;
  font-weight: 850;
}

.surveyor-result-summary {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 4px 0 24px;
  display: grid;
}

.surveyor-result-summary p {
  background: #f8f9fb;
  border: 1px solid #e3e7ed;
  border-radius: 10px;
  align-content: start;
  gap: 6px;
  min-width: 0;
  margin: 0;
  padding: 14px 16px;
  display: grid;
}

.surveyor-result-summary span, .surveyor-result-summary strong {
  display: block;
}

.surveyor-result-summary span {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.3;
}

.surveyor-result-summary strong {
  color: #202124;
  overflow-wrap: anywhere;
  font-size: 15px;
  font-weight: 850;
  line-height: 1.35;
}

.surveyor-measurement-table {
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  overflow: hidden;
}

.surveyor-measurement-table__head, .surveyor-measurement-row {
  grid-template-columns: minmax(340px, 1.6fr) minmax(110px, .45fr) minmax(170px, .75fr) 150px minmax(150px, auto);
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  display: grid;
}

.surveyor-measurement-table.has-fee-column .surveyor-measurement-table__head, .surveyor-measurement-table.has-fee-column .surveyor-measurement-row {
  grid-template-columns: minmax(300px, 1.45fr) minmax(105px, .4fr) minmax(120px, .45fr) minmax(160px, .7fr) 150px minmax(150px, auto);
}

.surveyor-measurement-table__head {
  color: #69707d;
  text-transform: uppercase;
  background: #f8f9fb;
  min-height: 42px;
  font-size: 12px;
  font-weight: 850;
}

.surveyor-measurement-row {
  border-top: 1px solid #edf0f3;
  min-height: 92px;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), box-shadow .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.surveyor-measurement-row:hover {
  background: #fbfcfd;
  transform: translateY(-1px);
  box-shadow: 0 12px 24px #0f172a0f;
}

.surveyor-measurement-row.is-new {
  background: #f8fbff;
}

.surveyor-measurement-row > button:first-child {
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  gap: 4px;
  padding: 0;
  display: grid;
}

.surveyor-measurement-row strong {
  color: #202124;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 850;
  display: flex;
}

.surveyor-measurement-row strong em, .surveyor-mobile-measurement em {
  color: #1f5fd6;
  background: #e8f0ff;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 11px;
  font-style: normal;
  font-weight: 850;
  line-height: 1;
}

.surveyor-measurement-row span, .surveyor-measurement-row small {
  color: #69707d;
  font-size: 13px;
  line-height: 1.3;
}

.surveyor-measurement-row span {
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.surveyor-measurement-row > button:last-child {
  color: #fff;
  white-space: nowrap;
  background: #202124;
  border: 0;
  border-radius: 7px;
  min-height: 34px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 800;
  transition: background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.surveyor-measurement-row > button:last-child:hover {
  background: #111214;
  transform: translateY(-1px);
}

.surveyor-mobile-segmented {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.surveyor-mobile-segmented button {
  color: #59606b;
  text-align: left;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 9px;
  min-height: 78px;
  padding: 8px;
  font-size: 13px;
  font-weight: 850;
  transition: border-color .18s cubic-bezier(.22, 1, .36, 1), background-color .18s cubic-bezier(.22, 1, .36, 1), transform .18s cubic-bezier(.22, 1, .36, 1);
}

.surveyor-mobile-segmented button.is-active {
  color: #202124;
  background: #f8f9fb;
  border-color: #202124;
}

.surveyor-mobile-measurement {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  gap: 10px;
  padding: 14px;
  display: grid;
}

.surveyor-mobile-measurement.is-new {
  background: #f8fbff;
  border-color: #d9e5ff;
}

.surveyor-mobile-measurement > button:first-child {
  color: inherit;
  text-align: left;
  background: none;
  border: 0;
  gap: 9px;
  padding: 0;
  display: grid;
}

.surveyor-mobile-measurement > button:first-child > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  display: flex;
}

.surveyor-mobile-measurement strong {
  color: #202124;
  font-size: 17px;
  font-weight: 780;
  line-height: 1.18;
}

.surveyor-mobile-measurement p, .surveyor-mobile-measurement .surveyor-data-row {
  color: #69707d;
  font-size: 13px;
  line-height: 1.35;
}

.surveyor-mobile-measurement b {
  color: #fff;
  background: #202124;
  border-radius: 6px;
  width: fit-content;
  padding: 5px 8px;
  font-size: 12px;
  font-weight: 750;
}

.surveyor-mobile-measurement > button:last-child {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 8px;
  min-height: 42px;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 12px 24px #20212421;
}

.surveyor-data-rows {
  border: 1px solid #edf0f3;
  border-radius: 10px;
  gap: 0;
  margin-top: 12px;
  display: grid;
  overflow: hidden;
}

.surveyor-data-row {
  border-top: 1px solid #edf0f3;
  grid-template-columns: 160px minmax(0, 1fr);
  gap: 12px;
  margin: 0;
  padding: 12px;
  display: grid;
}

.surveyor-data-row:first-child {
  border-top: 0;
}

.surveyor-data-row span {
  color: #69707d;
  font-weight: 750;
}

.surveyor-data-row strong, .surveyor-data-row a {
  color: #202124;
  font-weight: 800;
}

.surveyor-data-row a {
  text-underline-offset: 3px;
  -webkit-text-decoration: underline #bcc3cf;
  text-decoration: underline #bcc3cf;
  transition: color .16s, text-decoration-color .16s;
}

.surveyor-data-row a:hover {
  color: #e60022;
  text-decoration-color: currentColor;
}

.surveyor-action-panel, .surveyor-schedule-form, .surveyor-result-form {
  gap: 12px;
  display: grid;
}

.surveyor-result-form {
  border-top: 1px solid #e7eaf0;
  gap: 20px;
  padding-top: 22px;
}

.surveyor-action-panel p, .surveyor-action-note {
  color: #59606b;
  font-size: 14px;
  line-height: 1.42;
}

.surveyor-imported-draft-note {
  background: #f8fafc;
  border: 1px solid #dfe3ea;
  border-radius: 12px;
  gap: 4px;
  padding: 12px;
  display: grid;
}

.surveyor-imported-draft-note strong {
  color: #202124;
  font-size: 15px;
}

.surveyor-imported-draft-note span {
  color: #69707d;
  font-size: 13px;
  line-height: 1.35;
}

.surveyor-action-panel span, .surveyor-schedule-form p {
  color: #b00020;
  background: #fff0f1;
  border-radius: 8px;
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 750;
}

.surveyor-action-panel button, .surveyor-action-panel a, .surveyor-schedule-form button {
  color: #fff;
  background: #202124;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 14px;
  font-weight: 850;
  text-decoration: none;
  display: inline-flex;
}

.surveyor-action-panel .surveyor-withdraw-button {
  color: #b42318;
  background: #fff;
  border: 1px solid #d7dee8;
}

.surveyor-detail-skeleton {
  gap: 16px;
  min-height: 300px;
  display: grid;
}

.surveyor-detail-skeleton span {
  background: #eef1f5;
  border-radius: 8px;
  height: 22px;
  animation: 1.2s ease-in-out infinite alternate surveyor-skeleton-pulse;
  display: block;
}

.surveyor-detail-skeleton span:first-child {
  width: min(520px, 72%);
  height: 46px;
}

.surveyor-detail-skeleton span:nth-child(2) {
  width: min(680px, 90%);
}

.surveyor-detail-skeleton span:nth-child(3) {
  height: 110px;
}

.surveyor-detail-skeleton span:last-child {
  width: min(360px, 54%);
}

@keyframes surveyor-skeleton-pulse {
  from {
    opacity: .55;
  }

  to {
    opacity: 1;
  }
}

.surveyor-withdraw-modal {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #dfe4ec;
  border-radius: 8px;
  width: calc(100% - 32px);
  max-width: 560px;
  min-height: 0;
  max-height: calc(100dvh - 32px);
  padding: 28px;
  position: relative;
  overflow-y: auto;
  box-shadow: 0 28px 80px #0f172a3d;
}

.surveyor-withdraw-modal form {
  gap: 15px;
  display: grid;
}

.surveyor-withdraw-modal p, .surveyor-withdraw-modal h2, .surveyor-withdraw-modal small {
  margin: 0;
}

.surveyor-withdraw-modal p {
  color: #7a8494;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 850;
}

.surveyor-withdraw-modal h2 {
  padding-right: 44px;
  font-size: 28px;
}

.surveyor-withdraw-modal > form > span, .surveyor-withdraw-modal small {
  color: #667085;
}

.surveyor-withdraw-modal label {
  gap: 7px;
  display: grid;
}

.surveyor-withdraw-modal label span {
  color: #4f5867;
  font-size: 13px;
  font-weight: 800;
}

.surveyor-withdraw-modal textarea {
  font: inherit;
  resize: vertical;
  border: 1px solid #cfd7e3;
  border-radius: 8px;
  width: 100%;
  padding: 13px;
}

.surveyor-withdraw-modal textarea:focus {
  border-color: #202124;
  outline: none;
  box-shadow: 0 0 0 3px #20212414;
}

.surveyor-action-spinner {
  animation: .75s linear infinite surveyor-spin;
}

@keyframes surveyor-spin {
  to {
    transform: rotate(360deg);
  }
}

.surveyor-accept-backdrop {
  overscroll-behavior: contain;
  overflow: hidden;
}

.surveyor-accept-modal {
  overscroll-behavior: contain;
  background: #fff;
  border: 1px solid #e3e7ee;
  border-radius: 16px;
  flex-direction: column;
  width: min(560px, 100vw - 32px);
  max-height: calc(100dvh - 32px);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 90px #0f172a3d;
}

.surveyor-accept-modal__content {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  gap: 15px;
  min-height: 0;
  padding: 32px;
  display: grid;
  overflow-y: auto;
}

.surveyor-accept-modal__actions {
  background: #fff;
  border-top: 1px solid #e7eaf0;
  flex: none;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 10px;
  margin: 0;
  padding: 14px 32px 18px;
  box-shadow: 0 -12px 28px #0f172a0d;
}

.surveyor-accept-modal__actions > button {
  width: 100%;
  min-width: 0;
}

.surveyor-accept-modal__content > p {
  color: #6b7280;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin: 0;
  font-size: 13px;
  font-weight: 850;
}

.surveyor-accept-modal__content h2 {
  color: #181a1f;
  margin: 0;
  padding-right: 52px;
  font-size: 28px;
  line-height: 1.12;
}

.surveyor-accept-modal__content > span {
  color: #667085;
  font-size: 15px;
}

.surveyor-calendar {
  background: #fafbfc;
  border: 1px solid #e4e8ef;
  border-radius: 12px;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.surveyor-calendar__head {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.surveyor-calendar__head strong {
  color: #1f232b;
  text-transform: capitalize;
  font-size: 15px;
}

.surveyor-calendar__head button {
  color: #1d1f23;
  cursor: pointer;
  background: #fff;
  border: 1px solid #dfe3ea;
  border-radius: 8px;
  place-items: center;
  width: 34px;
  height: 34px;
  font-size: 22px;
  display: grid;
}

.surveyor-calendar__week, .surveyor-calendar__grid {
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  display: grid;
}

.surveyor-calendar__week span {
  color: #8992a0;
  text-align: center;
  font-size: 12px;
  font-weight: 800;
}

.surveyor-calendar__grid button {
  color: #252932;
  cursor: pointer;
  height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #0000;
  border-radius: 9px;
  font-size: 14px;
  font-weight: 750;
}

.surveyor-calendar__grid button:disabled {
  color: #c4cad4;
  cursor: default;
  background: none;
}

.surveyor-calendar__grid button.is-active {
  color: #fff;
  background: #17181b;
  border-color: #17181b;
}

.surveyor-time-grid {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.surveyor-time-grid label {
  color: #4b5563;
  gap: 7px;
  font-weight: 750;
  display: grid;
}

.surveyor-time-grid input {
  color: #1d1f23;
  height: 44px;
  font: inherit;
  border: 1px solid #cfd6e1;
  border-radius: 9px;
  outline: 0;
  padding: 0 12px;
}

.surveyor-time-grid input:focus {
  border-color: #17181b;
}

.surveyor-schedule-form label, .surveyor-result-form label {
  color: #59606b;
  gap: 8px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.surveyor-result-form label > span:first-child {
  line-height: 1.35;
}

.surveyor-schedule-form input, .surveyor-result-form input, .surveyor-result-form textarea {
  color: #202124;
  min-height: 42px;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  outline: 0;
  padding: 0 11px;
}

.surveyor-result-form .surveyor-money-input {
  min-height: 42px;
  color: inherit;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  display: grid;
  position: relative;
}

.surveyor-result-form .surveyor-money-input input {
  background: none;
  border: 0;
  width: 100%;
  min-height: 40px;
  padding-right: 8px;
}

.surveyor-result-form .surveyor-money-input > span {
  color: #202124;
  pointer-events: none;
  padding: 0 13px 0 2px;
  font-weight: 800;
}

.surveyor-result-form input.is-error, .surveyor-result-form textarea.is-error, .surveyor-result-form .surveyor-money-input.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.surveyor-field-error {
  color: #d92d20;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.surveyor-field-hint {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

.surveyor-result-form textarea {
  resize: vertical;
  min-height: 124px;
  padding: 14px 16px;
  line-height: 1.5;
}

.surveyor-work-type-selector {
  gap: 9px;
  display: grid;
}

.surveyor-work-type-selector.is-error {
  border-radius: 10px;
}

.surveyor-work-type-selector__selected, .surveyor-work-type-selector__suggestions {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.surveyor-work-type-selector__selected button, .surveyor-work-type-selector__suggestions button {
  color: #202124;
  cursor: pointer;
  min-height: 32px;
  font: inherit;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 999px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 800;
}

.surveyor-work-type-selector__selected button {
  color: #fff;
  background: #202124;
  border-color: #202124;
}

.surveyor-work-type-selector__selected button:disabled, .surveyor-work-type-selector__suggestions button:disabled {
  cursor: not-allowed;
  opacity: .68;
}

.surveyor-work-type-selector__suggestions button.is-selected {
  background: #f0f2f5;
  border-color: #202124;
}

.surveyor-work-type-selector__suggestions > span:not(.surveyor-chip-skeleton) {
  color: #8b93a1;
  font-size: 13px;
  font-weight: 700;
}

.surveyor-work-type-selector__search {
  position: relative;
}

.surveyor-work-type-selector__search.has-add-button input {
  padding-right: 104px;
}

.surveyor-work-type-selector__search button {
  color: #fff;
  cursor: pointer;
  min-height: 32px;
  font: inherit;
  background: #202124;
  border: 0;
  border-radius: 7px;
  padding: 0 11px;
  font-size: 13px;
  font-weight: 850;
  position: absolute;
  top: 5px;
  right: 5px;
}

.surveyor-chip-skeleton {
  background: linear-gradient(90deg, #eef1f5, #f8f9fb, #eef1f5) 0 0 / 180% 100%;
  border-radius: 999px;
  width: 112px;
  height: 32px;
  animation: 1.15s ease-in-out infinite surveyor-skeleton;
}

.surveyor-chip-skeleton.is-short {
  width: 74px;
}

@keyframes surveyor-skeleton {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: 0 0;
  }
}

.surveyor-upload-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.surveyor-master-estimate-total {
  background: #f7f8fa;
  border: 1px solid #d9dee7;
  border-radius: 12px;
  align-content: center;
  gap: 8px;
  min-height: 132px;
  padding: 16px;
  display: grid;
}

.surveyor-master-estimate-total > span:first-child {
  color: #69707d;
  font-size: 12px;
  font-weight: 850;
}

.surveyor-master-estimate-total strong {
  color: #202124;
  font-size: clamp(22px, 2vw, 30px);
  font-weight: 950;
  line-height: 1;
}

.surveyor-master-estimate-total small {
  color: #69707d;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
}

.surveyor-master-estimate-total small.is-error {
  color: #b42318;
}

.surveyor-master-estimate-total__skeleton {
  background: linear-gradient(90deg, #e5e8ed, #f4f5f7, #e5e8ed) 0 0 / 180% 100%;
  border-radius: 7px;
  width: min(190px, 75%);
  height: 30px;
  animation: 1.15s ease-in-out infinite surveyor-skeleton;
}

.surveyor-materials-upload {
  background: #fff;
  border: 1px solid #e2e7ef;
  border-radius: 14px;
  grid-column: 1 / -1;
  gap: 12px;
  padding: 14px;
  display: grid;
}

.surveyor-materials-upload__head {
  gap: 4px;
  display: grid;
}

.surveyor-materials-upload__head span {
  color: #202124;
  font-size: 15px;
  font-weight: 900;
}

.surveyor-materials-upload__head small {
  color: #69707d;
  max-width: 720px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

.surveyor-materials-upload__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.surveyor-material-upload-card {
  background: #fafbfc;
  border: 1px dashed #cfd5dd;
  border-radius: 12px;
  align-content: start;
  gap: 12px;
  min-height: 150px;
  padding: 12px;
  display: grid;
}

.surveyor-material-upload-card.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.surveyor-material-upload-card__title {
  align-items: flex-start;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.surveyor-material-upload-card__title > svg, .surveyor-material-upload-card__title > .media-processing-spinner {
  flex: none;
  margin-top: 2px;
}

.surveyor-material-upload-card__title > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.surveyor-material-upload-card__title strong {
  color: #202124;
  font-size: 14px;
  font-weight: 900;
}

.surveyor-material-upload-card__title small {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.25;
}

.surveyor-material-upload-card__button {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  font-size: 13px;
  font-weight: 850;
  transition: transform .16s, border-color .16s, box-shadow .16s;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.surveyor-result-form .surveyor-material-upload-card__button {
  color: #202124;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  line-height: 1;
  display: inline-flex;
}

.surveyor-result-form .surveyor-material-upload-card__button > svg {
  flex: none;
  margin: 0;
}

.surveyor-result-form .surveyor-material-upload-card__button > span {
  line-height: 1.2;
  display: inline;
}

.surveyor-material-upload-card__button:hover {
  border-color: #b9c1ce;
  transform: translateY(-1px);
  box-shadow: 0 10px 20px #0f172a14;
}

.surveyor-material-upload-card__button input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.surveyor-material-upload-card__button:has(input:disabled) {
  cursor: not-allowed;
  opacity: .62;
}

.surveyor-material-upload-card__button:has(input:disabled) input {
  cursor: not-allowed;
}

.surveyor-material-upload-card__preview {
  gap: 8px;
  display: grid;
}

.surveyor-material-preview {
  background: #fff;
  border: 1px solid #e1e6ee;
  border-radius: 10px;
  grid-template-columns: 42px minmax(0, 1fr) 28px;
  align-items: center;
  gap: 8px;
  padding: 7px;
  display: grid;
}

.surveyor-material-preview.is-uploading, .surveyor-material-preview.is-processing {
  background: #f8fafc;
  border-color: #cfd8e6;
}

.surveyor-material-preview.is-uploaded {
  background: #fbfffc;
  border-color: #cce7d6;
}

.surveyor-material-preview.is-error {
  background: #fff8f7;
  border-color: #f5b8b3;
}

.surveyor-material-preview > div {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.surveyor-material-preview strong {
  color: #202124;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 850;
  overflow: hidden;
}

.surveyor-material-preview small {
  color: #69707d;
  font-size: 11px;
  font-weight: 750;
}

.surveyor-material-preview__status {
  color: #69707d;
  font-size: 11px;
  font-weight: 800;
}

.surveyor-material-preview.is-uploaded .surveyor-material-preview__status {
  color: #23864d;
}

.surveyor-material-preview.is-error .surveyor-material-preview__status, .surveyor-material-preview__error {
  color: #d92d20;
}

.surveyor-material-preview__progress {
  background: #e7ebf1;
  border-radius: 999px;
  width: 100%;
  height: 5px;
  display: block;
  overflow: hidden;
}

.surveyor-material-preview__progress > span {
  border-radius: inherit;
  background: #202124;
  height: 100%;
  transition: width .16s;
  display: block;
}

.surveyor-material-preview button {
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 999px;
  place-items: center;
  width: 28px;
  height: 28px;
  display: grid;
}

.surveyor-material-preview__thumb {
  color: #69707d;
  background: #edf0f5;
  border-radius: 8px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
  overflow: hidden;
}

.surveyor-material-preview__thumb img, .surveyor-material-preview__thumb video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.surveyor-material-upload-card em {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.surveyor-file-picker {
  color: #202124;
  cursor: pointer;
  background: #fafbfc;
  border: 1px dashed #cfd5dd;
  border-radius: 10px;
  align-content: center;
  gap: 7px;
  min-height: 96px;
  padding: 14px;
  display: grid;
  position: relative;
}

.surveyor-file-picker.is-error {
  background: snow;
  border-color: #d92d20;
  box-shadow: 0 0 0 2px #d92d201a;
}

.surveyor-file-picker.is-uploading {
  background: #f8fafc;
  border-color: #cfd8e6;
}

.surveyor-file-picker.is-uploaded {
  background: #fbfffc;
  border-color: #cce7d6;
}

.surveyor-file-picker.is-uploading:has(input:disabled) {
  opacity: 1;
  cursor: progress;
}

.surveyor-file-picker input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.surveyor-file-picker:has(input:disabled) {
  opacity: .65;
  cursor: not-allowed;
}

.surveyor-file-picker:has(input:disabled) input {
  cursor: not-allowed;
}

.surveyor-file-picker span {
  color: #202124;
  font-size: 13px;
  font-weight: 850;
}

.surveyor-file-picker > .media-processing-spinner {
  width: 18px;
  height: 18px;
}

.surveyor-file-picker small {
  color: #69707d;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
  overflow: hidden;
}

.surveyor-file-picker__status {
  color: #69707d;
  font-size: 12px;
  font-weight: 800;
}

.surveyor-file-picker.is-uploaded .surveyor-file-picker__status {
  color: #23864d;
}

.surveyor-file-picker.is-error .surveyor-file-picker__status {
  color: #d92d20;
}

.surveyor-file-picker__progress {
  background: #e7ebf1;
  border-radius: 999px;
  width: 100%;
  height: 6px;
  display: block;
  overflow: hidden;
}

.surveyor-file-picker__progress > span {
  border-radius: inherit;
  background: #202124;
  height: 100%;
  transition: width .16s;
  display: block;
}

.surveyor-file-picker em {
  color: #d92d20;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
  line-height: 1.25;
}

.surveyor-file-picker button {
  z-index: 2;
  color: #202124;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d8dde5;
  border-radius: 999px;
  place-items: center;
  width: 26px;
  height: 26px;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.surveyor-file-picker__list {
  gap: 4px;
  display: grid;
}

.surveyor-file-picker__list b {
  color: #59606b;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 750;
  display: grid;
}

.surveyor-file-picker__list b > span:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.surveyor-file-picker__thumb {
  color: #69707d;
  background: #eceff4;
  border-radius: 5px;
  place-items: center;
  width: 24px;
  height: 24px;
  display: grid;
  overflow: hidden;
}

.surveyor-file-picker__thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.surveyor-upload-progress {
  color: #1f4fd6;
  background: #eef2ff;
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  font-size: 13px;
  font-weight: 800;
  display: grid;
}

.surveyor-upload-progress small {
  color: #59606b;
  grid-column: 1 / -1;
  font-size: 12px;
  font-weight: 750;
}

.surveyor-upload-progress__bar {
  background: #1f4fd624;
  border-radius: 999px;
  height: 8px;
  overflow: hidden;
}

.surveyor-upload-progress__bar span {
  border-radius: inherit;
  background: #1f4fd6;
  height: 100%;
  transition: width .18s cubic-bezier(.22, 1, .36, 1);
  display: block;
}

.surveyor-toast-inline {
  z-index: 11000;
  color: #202124;
  background: #fff;
  border: 1px solid #dfe3e8;
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 850;
  animation: .22s cubic-bezier(.22, 1, .36, 1) surveyor-toast-in;
  position: fixed;
  top: 18px;
  right: 18px;
  box-shadow: 0 22px 64px #0f172a2e;
}

.surveyor-events-list, .surveyor-help-steps {
  gap: 10px;
  display: grid;
}

.surveyor-event-item, .surveyor-help-steps article {
  background: #fff;
  border: 1px solid #e1e5eb;
  border-radius: 10px;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  padding: 12px;
  display: grid;
}

.surveyor-event-item.is-unread {
  background: #f8fbff;
  border-color: #d9e5ff;
}

.surveyor-event-item > span, .surveyor-help-steps article > span {
  color: #202124;
  background: #f2f3f5;
  border-radius: 10px;
  place-items: center;
  width: 40px;
  height: 40px;
  font-weight: 850;
  display: grid;
}

.surveyor-event-item small {
  color: #69707d;
  font-size: 12px;
  font-weight: 750;
}

.surveyor-event-item strong, .surveyor-help-steps strong {
  color: #202124;
  margin-top: 3px;
  font-size: 14px;
  font-weight: 850;
  display: block;
}

.surveyor-event-item p, .surveyor-help-steps p {
  color: #69707d;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.35;
}

.surveyor-location-card {
  width: calc(100% - 36px);
  margin: 0 18px 18px;
}

@keyframes surveyor-toast-in {
  from {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    filter: blur();
    transform: translateY(0);
  }
}

@media (max-width: 899px) {
  .surveyor-accept-backdrop {
    padding: max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
    justify-content: center;
    align-items: center;
  }

  .surveyor-accept-modal {
    border-radius: 18px;
    width: min(100%, 100vw - 24px);
    max-height: calc(100dvh - 24px);
    overflow: hidden;
  }

  .surveyor-accept-modal__content {
    gap: 12px;
    padding: 22px 18px 16px;
  }

  .surveyor-accept-modal__actions {
    padding: 12px 18px calc(12px + env(safe-area-inset-bottom));
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
  }

  .surveyor-accept-modal__content h2 {
    overflow-wrap: anywhere;
    word-break: break-word;
    padding-right: 46px;
    font-size: clamp(22px, 7vw, 28px);
  }

  .surveyor-calendar {
    padding: 10px;
  }

  .surveyor-calendar__week, .surveyor-calendar__grid {
    gap: 3px;
  }

  .surveyor-calendar__grid button {
    border-radius: 8px;
    min-width: 0;
    height: 34px;
    font-size: 13px;
  }

  .surveyor-time-grid {
    grid-template-columns: 1fr;
  }

  .surveyor-detail-layout {
    display: contents;
  }

  .surveyor-detail-head {
    gap: 10px;
    display: grid;
  }

  .surveyor-detail-actions {
    justify-content: flex-start;
  }

  .surveyor-detail-facts {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .surveyor-result-summary {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-bottom: 18px;
  }

  .surveyor-result-summary p {
    padding: 12px 14px;
  }

  .surveyor-result-form {
    gap: 16px;
    padding-top: 18px;
  }

  .surveyor-data-row {
    grid-template-columns: 1fr;
    gap: 3px;
    padding: 10px;
  }

  .surveyor-upload-grid {
    grid-template-columns: 1fr;
  }

  .surveyor-master-estimate-total {
    min-height: 0;
  }

  .surveyor-materials-upload {
    padding: 12px;
  }

  .surveyor-materials-upload__grid {
    grid-template-columns: 1fr;
  }

  .surveyor-location-card {
    width: calc(100% - 28px);
    margin: 0 14px 14px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .surveyor-toast-inline, .surveyor-measurement-row, .surveyor-mobile-segmented button, .surveyor-mobile-measurement {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
  }
}

/* [project]/src/app/cabinet-system.css [app-client] (css) */
:root {
  --cabinet-bg: #f4f5f7;
  --cabinet-surface: #fff;
  --cabinet-surface-muted: #f7f8fa;
  --cabinet-border: #dfe3ea;
  --cabinet-border-soft: #e7ebf0;
  --cabinet-text: #202124;
  --cabinet-muted: #69707d;
  --cabinet-accent: #ed001f;
  --cabinet-radius: 8px;
  --cabinet-radius-lg: 10px;
  --cabinet-ease: cubic-bezier(.22, 1, .36, 1);
  --cabinet-motion-fast: .16s;
  --cabinet-motion-base: .22s;
  --cabinet-mobile-bottom-space: calc(260px + env(safe-area-inset-bottom));
}

.cabinet-mobile-header {
  display: none;
}

@media (max-width: 859px) {
  .cabinet-mobile-header {
    z-index: 45;
    width: 100%;
    min-height: calc(72px + env(safe-area-inset-top));
    padding: max(env(safe-area-inset-top), 10px) 14px 10px;
    -webkit-backdrop-filter: blur(22px) saturate(1.4);
    background: #f8f9fbd1;
    border-bottom: 1px solid #d7dde6c7;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    display: grid;
    position: sticky;
    top: 0;
  }

  .cabinet-mobile-header__title {
    align-items: center;
    gap: 10px;
    min-width: 0;
    display: flex;
  }

  .cabinet-mobile-header__title > span {
    background: #ed001f;
    flex: none;
    width: 18px;
    height: 18px;
  }

  .cabinet-mobile-header__title div {
    gap: 1px;
    min-width: 0;
    display: grid;
  }

  .cabinet-mobile-header__title small {
    color: #7b8491;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.1;
  }

  .cabinet-mobile-header__title strong {
    color: #202124;
    letter-spacing: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.12;
    overflow: hidden;
  }

  .cabinet-mobile-header__actions {
    grid-area: 1 / 2;
    justify-self: end;
    align-items: center;
    gap: 8px;
    display: inline-flex;
    position: relative;
  }

  .cabinet-mobile-header__icon {
    color: #202124;
    cursor: pointer;
    width: 44px;
    height: 44px;
    transition: transform var(--cabinet-motion-fast) var(--cabinet-ease),
      background-color var(--cabinet-motion-fast) var(--cabinet-ease),
      border-color var(--cabinet-motion-fast) var(--cabinet-ease);
    background: #ffffffc7;
    border: 1px solid #d3dae4e0;
    border-radius: 14px;
    place-items: center;
    display: grid;
    position: relative;
    box-shadow: 0 14px 34px #10182814;
  }

  .cabinet-mobile-header__icon:active {
    transform: scale(.96);
  }

  .cabinet-mobile-header__profile-trigger {
    padding: 4px;
  }

  .cabinet-mobile-header__avatar {
    color: #fff;
    background: #111;
    border-radius: 999px;
    place-items: center;
    width: 34px;
    height: 34px;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
    display: grid;
    overflow: hidden;
  }

  .cabinet-mobile-header__avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .cabinet-mobile-header__avatar.is-empty {
    box-shadow: inset 0 0 0 1px #ffffff2e;
  }

  .cabinet-mobile-header__icon i, .cabinet-mobile-header__menu i {
    color: #fff;
    background: #ed001f;
    border-radius: 999px;
    place-items: center;
    min-width: 19px;
    height: 19px;
    font-size: 10px;
    font-style: normal;
    font-weight: 850;
    line-height: 1;
    display: grid;
  }

  .cabinet-mobile-header__icon i {
    position: absolute;
    top: -5px;
    right: -1px;
  }

  .cabinet-mobile-header__more, .cabinet-mobile-header__location, .cabinet-mobile-header__notification-wrap {
    position: relative;
  }

  .cabinet-mobile-header__location {
    width: auto;
  }

  .cabinet-mobile-header__location .cabinet-location, .cabinet-mobile-header__location .cabinet-location-anchor {
    width: auto;
    position: static;
  }

  .cabinet-mobile-location-button {
    color: #202124;
    cursor: pointer;
    width: 44px;
    max-width: 44px;
    min-height: 44px;
    font: inherit;
    transition: transform var(--cabinet-motion-fast) var(--cabinet-ease),
      background-color var(--cabinet-motion-fast) var(--cabinet-ease),
      border-color var(--cabinet-motion-fast) var(--cabinet-ease);
    background: #ffffffc7;
    border: 1px solid #d3dae4e0;
    border-radius: 14px;
    grid-template-columns: 1fr;
    place-items: center;
    gap: 0;
    padding: 0;
    display: inline-grid;
    box-shadow: 0 14px 34px #10182814;
  }

  .cabinet-mobile-location-button:active {
    transform: scale(.96);
  }

  .cabinet-mobile-location-button span {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    color: #202124;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 1px;
    height: 1px;
    margin: -1px;
    font-size: 13px;
    font-weight: 820;
    line-height: 1.1;
    position: absolute;
    overflow: hidden;
  }

  .cabinet-mobile-location-button svg:last-child {
    display: none;
  }

  .cabinet-mobile-location-menu {
    top: calc(max(env(safe-area-inset-top), 10px) + 64px);
    z-index: 57;
    width: min(100vw - 28px, 350px);
    position: fixed;
    right: 14px;
  }

  @media (max-width: 520px) {
    .cabinet-mobile-header {
      gap: 8px 10px;
      padding-left: 12px;
      padding-right: 12px;
    }

    .cabinet-mobile-header__title {
      min-width: 0;
    }

    .cabinet-mobile-header__title strong {
      font-size: 16px;
    }

    .cabinet-mobile-header__actions {
      gap: 7px;
    }

    .cabinet-mobile-header__location .cabinet-mobile-location-button {
      grid-template-columns: 1fr;
      justify-items: center;
      width: 44px;
      max-width: 44px;
      padding: 0;
    }

    .cabinet-mobile-location-menu {
      width: min(100vw - 24px, 350px);
      right: 12px;
    }
  }

  .cabinet-mobile-header__notifications {
    z-index: 56;
    -webkit-backdrop-filter: blur(22px);
    background: #fffffff5;
    border: 1px solid #d6dce5e6;
    border-radius: 18px;
    gap: 8px;
    width: min(88vw, 350px);
    max-height: min(68vh, 450px);
    padding: 10px;
    display: grid;
    position: absolute;
    top: calc(100% + 8px);
    right: -52px;
    overflow: auto;
    box-shadow: 0 30px 78px #10182833;
  }

  .cabinet-mobile-header__notifications-head {
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    padding: 4px 4px 7px;
    display: flex;
  }

  .cabinet-mobile-header__notifications-head strong {
    color: #202124;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.1;
  }

  .cabinet-mobile-header__notifications-head span {
    color: #7b8491;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.2;
  }

  .cabinet-mobile-header__notifications-list {
    gap: 6px;
    display: grid;
  }

  .cabinet-mobile-header__notifications-list article {
    background: #f7f8fa;
    border: 1px solid #0000;
    border-radius: 14px;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
    display: grid;
    position: relative;
  }

  .cabinet-mobile-header__notifications-list article.is-unread {
    background: #fff8f8;
    border-color: #ed001f33;
  }

  .cabinet-mobile-header__notifications-list article.is-unread:after {
    content: "";
    background: #ed001f;
    border-radius: 999px;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 12px;
    right: 12px;
  }

  .cabinet-mobile-header__notification-icon {
    color: #5f6876;
    background: #fff;
    border-radius: 12px;
    place-items: center;
    width: 38px;
    height: 38px;
    display: grid;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px #d6dce5b3;
  }

  .cabinet-mobile-header__notification-icon img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
  }

  .cabinet-mobile-header__notifications-list small, .cabinet-mobile-header__notifications-list p {
    color: #69707d;
  }

  .cabinet-mobile-header__notifications-list small {
    margin-bottom: 3px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.2;
    display: block;
  }

  .cabinet-mobile-header__notifications-list h3 {
    color: #202124;
    margin: 0;
    padding-right: 14px;
    font-size: 13px;
    font-weight: 850;
    line-height: 1.18;
  }

  .cabinet-mobile-header__notifications-list p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 4px 0 0;
    font-size: 12px;
    font-weight: 650;
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
  }

  .cabinet-mobile-header__notifications-empty {
    color: #69707d;
    background: #f7f8fa;
    border-radius: 14px;
    margin: 0;
    padding: 14px;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.35;
  }

  .cabinet-mobile-header__notifications-error {
    background: #fff7f8;
    border: 1px solid #ffd2d6;
    border-radius: 14px;
    gap: 10px;
    padding: 12px;
    display: grid;
  }

  .cabinet-mobile-header__notifications-error p {
    color: #b4232d;
    margin: 0;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.4;
  }

  .cabinet-mobile-header__notifications-error button {
    color: #fff;
    min-height: 38px;
    font: inherit;
    background: #202124;
    border: 0;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  .cabinet-mobile-header__notifications-error button:disabled {
    opacity: .62;
  }

  .cabinet-mobile-header__retry-spinner {
    animation: .8s linear infinite cabinet-mobile-logout-spin;
  }

  .cabinet-mobile-header__menu {
    z-index: 55;
    -webkit-backdrop-filter: blur(20px);
    background: #fffffff0;
    border: 1px solid #d6dce5e0;
    border-radius: 16px;
    gap: 4px;
    width: min(78vw, 260px);
    padding: 8px;
    display: grid;
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    box-shadow: 0 28px 70px #1018282e;
  }

  .cabinet-mobile-header__menu button {
    color: #202124;
    cursor: pointer;
    min-height: 42px;
    font: inherit;
    text-align: left;
    background: none;
    border: 0;
    border-radius: 12px;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    font-size: 14px;
    font-weight: 760;
    display: grid;
  }

  .cabinet-mobile-header__menu button.is-active {
    background: #f1f3f6;
  }

  .cabinet-mobile-header__menu .cabinet-mobile-header__logout {
    color: #b42318;
    border-top: 1px solid #edf0f3;
    border-radius: 0 0 12px 12px;
    margin-top: 3px;
  }

  .cabinet-mobile-header__menu span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .master-mobile-screen, .surveyor-mobile-screen, .customer-cabinet-mobile:not(.customer-cabinet-mobile--flow) .customer-mobile-screen {
    padding-top: 10px;
    padding-bottom: var(--cabinet-mobile-bottom-space);
  }

  .admin-mobile {
    padding-top: 0;
    padding-bottom: var(--cabinet-mobile-bottom-space);
  }

  .admin-mobile > .cabinet-mobile-header {
    width: calc(100% + 24px);
    margin: 0 -12px 14px;
  }

  .admin-mobile-page, .superadmin-mobile-page {
    padding-top: 14px;
    padding-bottom: 176px;
  }

  .partner-main {
    padding-top: 14px;
  }

  .customer-mobile-bottom-nav:before {
    content: "";
    z-index: 0;
    background: linear-gradient(0deg,
      var(--cabinet-bg) 0%,
      #f4f5f7eb 50%,
      #f4f5f700 100%);
    pointer-events: none;
    height: 108px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .customer-mobile-bottom-nav__inner {
    z-index: 1;
    position: relative;
  }

  .customer-request-form, .admin-task-list, .superadmin-user-list, .superadmin-order-list {
    padding-bottom: 184px;
  }
}

.cabinet-mobile-logout-overlay {
  z-index: 14500;
  padding: max(18px, env(safe-area-inset-top)) 18px max(18px, env(safe-area-inset-bottom));
  -webkit-backdrop-filter: blur(14px);
  background: #11182780;
  place-items: center;
  display: grid;
  position: fixed;
  inset: 0;
}

.cabinet-mobile-logout-dialog {
  background: #fff;
  border: 1px solid #ffffffc7;
  border-radius: 14px;
  width: min(100%, 420px);
  overflow: hidden;
  box-shadow: 0 28px 80px #0f172a47;
}

.cabinet-mobile-logout-dialog__head {
  border-bottom: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 15px 16px;
  display: flex;
}

.cabinet-mobile-logout-dialog__head h2 {
  color: #17191d;
  margin: 0;
  font-size: 18px;
  font-weight: 850;
}

.cabinet-mobile-logout-dialog__head button {
  color: #4b5563;
  background: #f1f3f6;
  border: 0;
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  display: grid;
}

.cabinet-mobile-logout-dialog > p {
  color: #59606b;
  margin: 0;
  padding: 16px 16px 0;
  font-size: 14px;
  line-height: 1.5;
}

.cabinet-mobile-logout-dialog__actions {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 16px;
  display: grid;
}

.cabinet-mobile-logout-dialog__actions button {
  color: #202124;
  min-height: 46px;
  font: inherit;
  transition: transform .16s var(--cabinet-ease), background-color .16s ease;
  background: #f1f3f6;
  border: 0;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-weight: 850;
  display: inline-flex;
}

.cabinet-mobile-logout-dialog__actions button:last-child {
  color: #fff;
  background: #202124;
}

.cabinet-mobile-logout-dialog__actions button:active:not(:disabled) {
  transform: scale(.98);
}

.cabinet-mobile-logout-dialog__actions button:disabled, .cabinet-mobile-logout-dialog__head button:disabled {
  cursor: not-allowed;
  opacity: .55;
}

.cabinet-mobile-logout-spinner {
  animation: .8s linear infinite cabinet-mobile-logout-spin;
}

@keyframes cabinet-mobile-logout-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (min-width: 860px) {
  .customer-pro-desktop, .admin-desktop, .master-desktop {
    background: var(--cabinet-bg);
    color: var(--cabinet-text);
    grid-template-columns: 216px minmax(0, 1fr);
  }

  .customer-pro-sidebar, .admin-sidebar, .master-sidebar {
    border-right: 1px solid var(--cabinet-border);
    background: var(--cabinet-surface);
    height: 100vh;
    padding: 22px 14px 18px;
  }

  .customer-pro-brand, .admin-brand, .master-brand {
    min-height: 38px;
    color: var(--cabinet-text);
    letter-spacing: 0;
    text-transform: uppercase;
    align-items: center;
    gap: 9px;
    margin: 0 0 20px;
    padding: 0 9px;
    font-size: 13px;
    font-weight: 850;
    display: inline-flex;
  }

  .customer-pro-brand span, .admin-brand span, .master-brand span {
    background: var(--cabinet-accent);
    width: 24px;
    height: 24px;
  }

  .customer-pro-nav, .admin-sidebar-nav, .master-sidebar-nav {
    gap: 4px;
  }

  .customer-pro-nav a, .admin-sidebar-nav a, .master-sidebar-nav a {
    border-radius: var(--cabinet-radius);
    color: #59606b;
    min-height: 40px;
    transition: background-color var(--cabinet-motion-fast) var(--cabinet-ease),
      color var(--cabinet-motion-fast) var(--cabinet-ease),
      transform var(--cabinet-motion-fast) var(--cabinet-ease);
    grid-template-columns: 22px minmax(0, 1fr) auto;
    gap: 10px;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
  }

  .customer-pro-nav a:hover, .admin-sidebar-nav a:hover, .master-sidebar-nav a:hover {
    background: var(--cabinet-surface-muted);
    color: var(--cabinet-text);
    transform: translateX(1px);
  }

  .customer-pro-nav a.is-active, .admin-sidebar-nav a.is-active, .master-sidebar-nav a.is-active {
    color: var(--cabinet-text);
    box-shadow: none;
    background: #f1f3f6;
    font-weight: 750;
  }

  .customer-pro-nav a:before, .admin-sidebar-nav a:before, .master-sidebar-nav a:before {
    background: var(--cabinet-accent);
    content: "";
    opacity: 0;
    width: 3px;
    height: 22px;
    transition: opacity var(--cabinet-motion-fast) var(--cabinet-ease),
      transform var(--cabinet-motion-fast) var(--cabinet-ease);
    border-radius: 999px;
    position: absolute;
    left: 0;
    transform: scaleY(.68);
  }

  .customer-pro-nav a.is-active:before, .admin-sidebar-nav a.is-active:before, .master-sidebar-nav a.is-active:before {
    opacity: 1;
    transform: scaleY(1);
  }

  .customer-pro-topbar, .admin-topbar, .master-topbar {
    z-index: 20;
    border-bottom: 1px solid var(--cabinet-border);
    -webkit-backdrop-filter: blur(16px);
    background: #ffffffeb;
    justify-content: flex-end;
    min-height: 64px;
    padding: 0 24px;
    position: sticky;
    top: 0;
  }

  .customer-pro-topbar-actions, .admin-topbar-actions, .master-topbar-actions {
    gap: 8px;
    margin-left: auto;
  }

  .customer-pro-location-button, .customer-pro-profile-button, .customer-pro-icon-button, .admin-location-button, .admin-profile-button, .admin-icon-button, .master-city-button, .master-profile-button, .master-icon-button {
    border-radius: var(--cabinet-radius);
    background: var(--cabinet-surface);
    min-height: 38px;
    color: var(--cabinet-text);
    transition: border-color var(--cabinet-motion-fast) var(--cabinet-ease),
      background-color var(--cabinet-motion-fast) var(--cabinet-ease),
      box-shadow var(--cabinet-motion-fast) var(--cabinet-ease),
      transform var(--cabinet-motion-fast) var(--cabinet-ease);
    border: 1px solid #d8dde5;
    font-size: 14px;
    font-weight: 700;
  }

  .customer-pro-location-button:hover, .customer-pro-profile-button:hover, .customer-pro-icon-button:hover, .admin-location-button:hover, .admin-profile-button:hover, .admin-icon-button:hover, .master-city-button:hover, .master-profile-button:hover, .master-icon-button:hover {
    background: #fbfcfd;
    border-color: #cfd5dd;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px #0f172a0f;
  }

  .customer-pro-location-button:active, .customer-pro-profile-button:active, .customer-pro-icon-button:active, .admin-location-button:active, .admin-profile-button:active, .admin-icon-button:active, .master-city-button:active, .master-profile-button:active, .master-icon-button:active {
    transform: scale(.985);
  }
}

.customer-pro-order-card, .customer-pro-offer-card, .customer-pro-overview-action, .customer-pro-overview-order, .admin-task-card, .admin-profile-card, .master-panel, .master-action-row, .master-project-card, .master-review-card, .master-mobile-card, .master-mobile-order-card, .surveyor-mobile-measurement {
  transition: border-color var(--cabinet-motion-base) var(--cabinet-ease),
    box-shadow var(--cabinet-motion-base) var(--cabinet-ease),
    transform var(--cabinet-motion-base) var(--cabinet-ease),
    background-color var(--cabinet-motion-base) var(--cabinet-ease);
}

@media (hover: hover) {
  .customer-pro-order-card:hover, .customer-pro-offer-card:hover, .customer-pro-overview-action:hover, .customer-pro-overview-order:hover, .admin-task-card:hover, .master-panel:hover, .master-action-row:hover, .master-project-card:hover, .master-review-card:hover, .surveyor-mobile-measurement:hover {
    border-color: #d8dde5;
    transform: translateY(-1px);
    box-shadow: 0 14px 34px #0f172a12;
  }
}

@media (prefers-reduced-motion: reduce) {
  .customer-pro-nav a, .admin-sidebar-nav a, .master-sidebar-nav a, .customer-pro-location-button, .customer-pro-profile-button, .customer-pro-icon-button, .admin-location-button, .admin-profile-button, .admin-icon-button, .master-city-button, .master-profile-button, .master-icon-button, .customer-pro-order-card, .customer-pro-offer-card, .customer-pro-overview-action, .customer-pro-overview-order, .admin-task-card, .admin-profile-card, .master-panel, .master-action-row, .master-project-card, .master-review-card, .master-mobile-card, .master-mobile-order-card, .surveyor-mobile-measurement {
    transition: none !important;
  }
}

.cabinet-auth-recovery {
  background: #f4f6f8;
  place-items: center;
  min-height: 100svh;
  padding: 24px;
  display: grid;
}

.cabinet-auth-recovery__panel {
  background: #fff;
  border: 1px solid #dfe5ed;
  border-radius: 8px;
  width: min(460px, 100%);
  padding: 32px;
  box-shadow: 0 18px 50px #141f2d1a;
}

.cabinet-auth-recovery__icon {
  color: #3f4957;
  background: #eef1f5;
  border-radius: 8px;
  place-items: center;
  width: 50px;
  height: 50px;
  display: grid;
}

.cabinet-auth-recovery__panel > p {
  color: #7a8493;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 22px 0 8px;
  font-size: 12px;
  font-weight: 850;
}

.cabinet-auth-recovery__panel h1 {
  color: #1f252d;
  letter-spacing: 0;
  margin: 0;
  font-size: clamp(27px, 7vw, 36px);
  line-height: 1.1;
}

.cabinet-auth-recovery__panel > span:not(.cabinet-auth-recovery__icon) {
  color: #697383;
  margin-top: 14px;
  font-size: 16px;
  line-height: 1.5;
  display: block;
}

.cabinet-auth-recovery__panel button {
  color: #fff;
  width: 100%;
  min-height: 50px;
  font: inherit;
  background: #17191c;
  border: 0;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 25px;
  font-weight: 800;
  transition: background-color .18s cubic-bezier(.16, 1, .3, 1), transform .18s cubic-bezier(.16, 1, .3, 1);
  display: inline-flex;
}

.cabinet-auth-recovery__panel button:hover {
  background: #30353c;
}

.cabinet-auth-recovery__panel button:active {
  transform: scale(.97);
}

.cabinet-auth-recovery__panel > a {
  color: #4f5a6a;
  text-align: center;
  text-underline-offset: 3px;
  margin-top: 14px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: underline;
  display: block;
}

/*# sourceMappingURL=src_1z29957._.css.map*/