/* Canonical surface bundle. Generated by bin/rebuild_product_css.py. */

/* Source: resources/css/platform-base.css */
/* Canonical platform foundation source. */

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--op-bg);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100%;
  font-family: -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",system-ui,Roboto,Arial,sans-serif;
  color: var(--op-text);
  background: var(--op-bg);
  font-size: 14px;
  line-height: 1.34;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

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

/* Shared application header */
.app-shell-header {
  width: 100%;
  min-height: 64px;
  background: #fff;
  border-bottom: 1px solid #dce6f2;
}

.shell-topbar {
  width: 100%;
}

.shell-topbar__inner {
  width: 100%;
  min-height: 64px;
  padding: 10px 18px 9px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.topbar-title--brand {
  min-width: 0;
  display: flex;
  align-items: center;
}

.brand-slot--lockup {
  display: inline-flex;
  align-items: center;
  min-width: 0;
}

.brand-logo-img {
  display: block;
  width: 190px;
  max-width: 100%;
  height: auto;
}

.topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  flex: 0 0 auto;
}

.topbar-btn,
.topbar-icon-btn {
  min-height: 42px;
  border: 1px solid #dce6f2;
  border-radius: 14px;
  background: #fff;
  color: #071225;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.topbar-btn {
  padding: 0 14px;
  font-size: 16px;
  line-height: 1;
}

.topbar-icon-btn {
  width: 42px;
  padding: 0;
  position: relative;
}

.topbar-icon-btn svg {
  width: 20px;
  height: 20px;
}

@media (max-width: 420px) {
  .shell-topbar__inner {
    padding-inline: 20px 18px;
  }

  .brand-logo-img {
    width: 190px;
  }
}

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

button {
  cursor: pointer;
}

img,svg {
  display: block;
  max-width: 100%;
}

[hidden],.is-hidden {
  display: none !important;
}

.op-surface-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: -1px;
}

.op-surface-body {
  background: var(--op-bg);
}

.op-surface-page {
  width: 100%;
  min-height: 100svh;
  background: var(--op-bg);
  padding: 0 0 calc(154px + env(safe-area-inset-bottom));
}

.op-surface-safe-bottom .op-surface-shell {
  padding-bottom: calc(176px + env(safe-area-inset-bottom));
}

.op-surface-shell--wide {
  width: min(100% - 28px,940px);
}

.op-surface-shell--requisites {
  width: min(100% - 28px,404px);
}

.op-surface-section {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.op-surface-section + .op-surface-section {
  margin-top: 0;
}

.op-surface-header {
  display: block;
}

.op-surface-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.op-surface-header-brand {
  display: flex;
  align-items: center;
  min-width: 0;
}

.op-surface-home-logo {
  width: 154px;
  height: auto;
  margin: 5px auto 7px;
}

.op-surface-home-logo--large {
  width: 168px;
}

.op-surface-icon-button i,.op-surface-header-bell-dot {
  position: absolute;
  right: 7px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--op-blue);
  box-shadow: 0 0 0 2px #fff;
}

.op-surface-card,.op-surface-order-card,.op-surface-notification-card,.op-surface-dispute-card,.op-surface-client-order-stage-card,.op-surface-master-order-card,.op-surface-master-repair-stage-card,.op-surface-master-profile-card,.op-surface-master-payouts,.op-surface-master-requisites-card,.op-surface-payment-card,.op-surface-support-tile {
  background: var(--op-card);
  border: 1px solid rgba(222,231,242,.82);
  border-radius: var(--op-radius);
  box-shadow: var(--op-shadow);
  color: var(--op-text);
}

.op-surface-card,.op-surface-order-card,.op-surface-notification-card,.op-surface-dispute-card,.op-surface-client-order-stage-card,.op-surface-master-order-card,.op-surface-master-repair-stage-card,.op-surface-master-profile-card,.op-surface-master-requisites-card,.op-surface-payment-card,.op-surface-master-payouts {
  padding: 12px;
  display: grid;
  gap: 9px;
  overflow: hidden;
}

.op-surface-title {
  margin: 0;
  font-size: 19px;
  line-height: 1.08;
  font-weight: 620;
  letter-spacing: -.025em;
}

.op-surface-section-title {
  margin: 0;
  font-size: 13.8px;
  line-height: 1.15;
  font-weight: 590;
  letter-spacing: -.012em;
}

.op-surface-subtitle {
  margin: 0;
  color: var(--op-muted);
  font-size: 12.2px;
  line-height: 1.3;
  font-weight: 420;
}

.op-surface-text {
  margin: 0;
  font-size: 12.8px;
  line-height: 1.34;
}

.op-surface-text-muted,.op-surface-muted {
  color: var(--op-muted);
}

.op-surface-card-headline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

.op-surface-order-num {
  font-size: 10.8px;
  color: #7B8798;
}

.op-surface-card-row {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 0;
  padding: 8px 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.op-surface-card-row+.op-surface-card-row,.op-surface-card-row:not(:first-child) {
  border-top: 1px solid rgba(222,231,242,.72);
}

.op-surface-card-row-title,.op-surface-card-row strong {
  font-size: 12.7px;
  font-weight: 560;
  line-height: 1.16;
  min-width: 0;
}

.op-surface-card-row-subtitle,.op-surface-card-row .op-surface-text-muted {
  display: block;
  margin-top: 1px;
  font-size: 11.2px;
  color: #748095;
  line-height: 1.2;
  font-weight: 390;
}

.op-surface-card-row svg {
  width: 15px;
  height: 15px;
}

.op-surface-card-row>svg:last-child {
  display: none;
}

.op-surface-icon-tile--warning {
  background: var(--op-soft-blue);
  color: var(--op-blue);
}

.op-surface-icon-tile--success {
  background: var(--op-success-soft);
  color: var(--op-success);
}

.op-surface-icon-tile--neutral {
  background: #F4F7FB;
  color: #607087;
}

.op-surface-button-primary,.op-surface-button-outline,.op-surface-button-danger-outline,.op-surface-button-ghost {
  width: 100%;
  min-height: 41px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 6px;
  padding: 0 12px;
  font-size: 12.8px;
  font-weight: 560;
  line-height: 1.1;
  text-decoration: none;
  appearance: none;
}

.op-surface-button-outline {
  background: #fff;
  color: #0060F4;
  border: 1px solid rgba(0,96,244,.25);
}

.op-surface-button-danger-outline {
  background: #fff;
  color: var(--op-danger);
  border: 1px solid rgba(212,58,58,.28);
}

.op-surface-button-ghost {
  background: transparent;
  color: var(--op-blue);
  border: 0;
}

.op-surface-button-primary svg,.op-surface-button-outline svg,.op-surface-button-danger-outline svg,.op-surface-button-ghost svg {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}

.op-surface-button-row,.op-surface-card-actions {
  display: grid;
  gap: 8px;
}

.op-surface-card-actions--split,.op-surface-button-row--split {
  grid-template-columns: 1fr 1fr;
}

.op-surface-inline-action {
  width: auto;
  min-height: 30px;
  border-radius: 10px;
  padding: 0 9px;
  font-size: 11px;
}

.op-surface-inline-form {
  display: grid;
  gap: 8px;
  margin: 0;
  width: 100%;
}

.op-surface-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: 100%;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #EEF5FF;
  color: var(--op-blue);
  font-size: 10.6px;
  font-weight: 560;
  line-height: 1;
  border: 1px solid rgba(0,96,244,.08);
}

.op-surface-status-chip--blue {
  background: #EEF5FF;
  color: var(--op-blue);
}

.op-surface-status-chip--green {
  background: var(--op-success-soft);
  color: var(--op-success);
}

.op-surface-status-chip--red {
  background: var(--op-danger-soft);
  color: var(--op-danger);
}

.op-surface-status-chip--warning {
  background: #EEF5FF;
  color: var(--op-blue);
}

.op-surface-status-chip--neutral {
  background: #F3F6FA;
  color: #677386;
}

.op-surface-meta-row {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #667287;
  font-size: 11.2px;
  line-height: 1.15;
  font-weight: 400;
}

.op-surface-meta-row svg {
  width: 13px;
  height: 13px;
  color: #7F8A9E;
  flex: 0 0 auto;
}

.op-surface-meta-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 7px 10px;
  padding: 0;
  margin: 0;
}

.op-surface-search-card {
  min-height: 39px;
  border: 1px solid rgba(222,231,242,.84);
  border-radius: 15px;
  background: rgba(255,255,255,.74);
  box-shadow: none;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr) auto;
  gap: 7px;
  align-items: center;
  padding: 0 9px;
}

.op-surface-search-card svg {
  width: 14px;
  height: 14px;
  color: #7B8798;
}

.op-surface-search-card input {
  border: 0;
  background: transparent;
  outline: 0;
  font-size: 11.6px;
  color: var(--op-text);
  min-width: 0;
}

.op-surface-search-card button {
  min-height: 27px;
  border: 0;
  border-radius: 10px;
  background: #fff;
  color: #071225;
  padding: 0 10px;
  font-size: 11.2px;
  font-weight: 520;
}

.op-surface-order-card {
  grid-template-columns: 94px minmax(0,1fr);
  gap: 9px;
  align-items: start;
}

.op-surface-order-photo {
  width: 94px;
  height: 104px;
  min-height: 104px;
  border-radius: 17px;
  background: #EEF3FA;
  overflow: hidden;
  color: var(--op-blue);
  display: block;
}

.op-surface-order-photo img,.op-surface-order-photo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: transparent;
  display: block;
  transform: none;
}

.op-surface-order-content {
  display: grid;
  gap: 4px;
  min-width: 0;
  align-content: start;
}

.op-surface-order-content h2 {
  margin: 0;
  font-size: 14.3px;
  line-height: 1.11;
  font-weight: 600;
  letter-spacing: -.018em;
}

.op-surface-order-content p {
  display: none;
}

.op-surface-order-content .op-surface-meta-row:nth-of-type(n+2) {
  display: none;
}

.op-surface-order-action {
  grid-column: 1/-1;
  min-height: 39px;
  margin-top: 0;
}

.op-surface-photo-preview,.op-surface-hero-photo {
  width: 100%;
  height: 170px;
  border-radius: 18px;
  background: #EEF3FA;
  overflow: hidden;
  display: grid;
  place-items: center;
  color: var(--op-blue);
}

.op-surface-photo-preview img,.op-surface-hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
}

.op-surface-hero-photo>svg {
  width: 100%;
  height: 100%;
  padding: 0;
  object-fit: cover;
}

.op-surface-object-stage-card {
  grid-template-columns: 96px minmax(0,1fr);
  gap: 9px;
  align-items: start;
}

.op-surface-object-preview {
  width: 96px;
  min-height: 106px;
  height: 106px;
  border-radius: 17px;
  background: #EEF3FA;
  overflow: hidden;
  display: block;
}

.op-surface-object-preview img,.op-surface-object-preview svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: transparent;
  display: block;
  transform: none;
}

.op-surface-object-main {
  display: grid;
  gap: 4px;
  min-width: 0;
  align-content: start;
}

.op-surface-object-main h1 {
  margin: 0;
  font-size: 15.3px;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -.018em;
}

.op-surface-object-main p {
  display: none;
}

.op-surface-object-stage-card>.op-surface-card-row,.op-surface-object-stage-card>.op-surface-card-actions,.op-surface-object-stage-card>.op-surface-master-action-grid,.op-surface-object-stage-card>.op-surface-fault-decode,.op-surface-object-stage-card>.op-surface-button-primary,.op-surface-object-stage-card>.op-surface-button-outline,.op-surface-object-stage-card>.op-surface-panel {
  grid-column: 1/-1;
}

.op-surface-stage-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.op-surface-stage-copy h2 {
  margin: 0;
  font-size: 15.2px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.018em;
}

.op-surface-stage-copy p {
  display: none;
}

.op-surface-stage-panel {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 8px;
  align-items: start;
  padding: 8px 0;
  border-top: 1px solid rgba(222,231,242,.72);
  background: transparent;
  border-radius: 0;
}

.op-surface-stage-panel h2 {
  margin: 0;
  font-size: 13.1px;
  line-height: 1.16;
  font-weight: 560;
}

.op-surface-stage-panel p {
  display: none;
}

.op-surface-panel {
  display: grid;
  gap: 8px;
  padding: 8px 0;
  background: transparent;
  border-top: 1px solid rgba(222,231,242,.72);
  border-radius: 0;
  box-shadow: none;
}

.op-surface-panel summary {
  cursor: pointer;
  list-style: none;
}

.op-surface-panel summary::-webkit-details-marker {
  display: none;
}

.op-surface-panel[open]>summary {
  margin-bottom: 0;
}

.op-surface-master-repair-monolith {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
}

.op-surface-master-repair-photo img,.op-surface-master-repair-photo svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: transparent;
  display: block;
  transform: none;
}

.op-surface-master-repair-summary {
  display: grid;
  gap: 4px;
}

.op-surface-master-repair-summary h1 {
  margin: 0;
  font-size: 16.3px;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.018em;
}

.op-surface-master-repair-summary p {
  display: none;
}

.op-surface-master-action-grid,.op-surface-compact-action-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid rgba(222,231,242,.72);
  background: transparent;
  padding-top: 0;
  margin-top: 0;
}

.op-surface-master-action-grid a {
  min-height: 39px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0;
  color: var(--op-text);
  text-decoration: none;
  min-width: 0;
}

.op-surface-master-action-grid a+a {
  border-left: 1px solid rgba(222,231,242,.72);
}

.op-surface-master-action-grid strong {
  font-size: 11.8px;
  font-weight: 520;
  line-height: 1.1;
}

.op-surface-master-action-grid small {
  display: none;
}

.op-surface-fault-decode p:not(.op-surface-fault-decode-hint) {
  display: none;
}

.op-surface-support-tile>svg:last-child {
  display: none;
}

.op-surface-support-tile strong {
  display: block;
  font-size: 12.6px;
  font-weight: 560;
  line-height: 1.15;
}

.op-surface-support-tile span span,.op-surface-support-tile div>span {
  display: block;
  margin-top: 1px;
  font-size: 11.1px;
  color: #69758A;
  line-height: 1.22;
}

.op-surface-support-tile[data-visual-support-tile] {
  margin-bottom: 0;
}

.op-surface-master-repair-stage-card>.op-surface-support-tile {
  border: 0;
  border-top: 1px solid rgba(222,231,242,.72);
  border-radius: 0;
  padding: 9px 0;
  box-shadow: none;
  background: transparent;
}

.op-surface-profile-head {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr);
  gap: 9px;
  align-items: center;
}

.op-surface-avatar {
  width: 48px;
  height: 48px;
  border-radius: 18px;
  background: var(--op-soft-blue);
  color: var(--op-blue);
  display: grid;
  place-items: center;
  overflow: hidden;
}

.op-surface-avatar svg {
  width: 21px;
  height: 21px;
}

.op-surface-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.op-surface-master-profile-card .op-surface-subtitle {
  display: none;
}

.op-surface-kpi-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 0;
  border-top: 1px solid rgba(222,231,242,.72);
  border-bottom: 1px solid rgba(222,231,242,.72);
}

.op-surface-kpi,.op-surface-kpi-item {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 8px 6px;
  min-width: 0;
}

.op-surface-kpi+.op-surface-kpi,.op-surface-kpi-item+.op-surface-kpi-item {
  border-left: 1px solid rgba(222,231,242,.72);
}

.op-surface-kpi-value {
  font-size: 15.5px;
  font-weight: 600;
  letter-spacing: -.015em;
}

.op-surface-kpi-label {
  margin-top: 2px;
  font-size: 9.8px;
  line-height: 1.15;
  color: #758197;
  font-weight: 420;
}

.op-surface-kpi-note {
  display: none;
}

.op-surface-dispute-card {
  gap: 8px;
}

.op-surface-dispute-card>p.op-surface-subtitle {
  display: none;
}

.op-surface-dispute-card h1 {
  margin: 0;
  font-size: 17.8px;
  line-height: 1.08;
  font-weight: 610;
  letter-spacing: -.02em;
}

.op-surface-dispute-status {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr);
  gap: 8px;
  align-items: start;
  border-top: 1px solid rgba(222,231,242,.72);
  padding-top: 8px;
}

.op-surface-dispute-status .op-surface-subtitle {
  display: none;
}

.op-surface-dispute-card .op-surface-card-row[data-action-row="back"] {
  padding-top: 0;
  border-top: 0;
}

.op-surface-dispute-card .op-surface-card-row-subtitle {
  display: none;
}

.op-surface-dispute-card .op-surface-button-outline {
  min-height: 36px;
}

.op-surface-dispute-card .op-surface-card-row:last-child {
  display: none;
}

.op-surface-payout-card {
  gap: 8px;
}

.op-surface-payout-card .op-surface-stage-panel {
  border-top: 0;
  padding-top: 0;
}

.op-surface-payout-card .op-surface-card-headline {
  padding-top: 8px;
  border-top: 1px solid rgba(222,231,242,.72);
}

.op-surface-payout-card .op-surface-card-headline h2 {
  margin: 0;
  font-size: 13px;
  font-weight: 560;
}

.op-surface-payout-card .op-surface-card-headline b {
  font-size: 15px;
  font-weight: 610;
}

.op-surface-payout-row {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  align-items: center;
  gap: 8px;
  padding: 8px 0;
  background: transparent;
  border-top: 1px solid rgba(222,231,242,.72);
  border-radius: 0;
  font-size: 12.4px;
}

.op-surface-payout-amount {
  font-size: 12.4px;
  font-weight: 600;
}

.op-surface-payout-card .op-surface-status-chip+ .op-surface-status-chip {
  margin-left: 5px;
}

.op-surface-payout-card .op-surface-icon-tile--warning,.op-surface-payout-monolith .op-surface-icon-tile--warning {
  background: #EEF5FF;
  color: var(--op-blue);
}

.op-surface-payout-monolith [class*="warning"],.op-surface-master-payouts [class*="warning"] {
  --op-warning: var(--op-blue);
  --op-warning-soft: #EEF5FF;
}

.op-surface-payout-monolith .op-surface-status-chip--warning,.op-surface-master-payouts .op-surface-status-chip--warning {
  background: #F3F7FC;
  color: #627086;
  border-color: rgba(222,231,242,.86);
}

.op-surface-requisites-hero {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.op-surface-payout-illustration {
  height: 104px;
  border-radius: 18px;
  background: linear-gradient(135deg,#EFF6FF,#F8FBFF);
  position: relative;
  overflow: hidden;
  display: grid;
  place-items: center;
}

.op-surface-ill-wallet {
  width: 58px;
  height: 58px;
  border-radius: 19px;
  background: #0060F4;
  color: #fff;
  display: grid;
  place-items: center;
  box-shadow: 0 14px 30px rgba(0,96,244,.18);
}

.op-surface-ill-wallet svg {
  width: 27px;
  height: 27px;
}

.op-surface-ill-orbit,.op-surface-ill-card,.op-surface-ill-coin {
  position: absolute;
}

.op-surface-ill-orbit {
  inset: 18px 52px;
  border-radius: 999px;
  border: 1px solid rgba(0,96,244,.16);
}

.op-surface-ill-card {
  left: 62px;
  bottom: 27px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #DCEBFF;
  color: var(--op-blue);
  display: grid;
  place-items: center;
  font-weight: 600;
  font-size: 13px;
}

.op-surface-ill-coin {
  right: 62px;
  bottom: 27px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #DCEBFF;
  color: var(--op-blue);
  display: grid;
  place-items: center;
  font-weight: 600;
}

.op-surface-requisites-copy h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 610;
  letter-spacing: -.02em;
}

.op-surface-requisites-copy p {
  margin: 2px 0 0;
  color: var(--op-muted);
  font-size: 12.4px;
  line-height: 1.28;
}

.op-surface-requisites-chip {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 8px 0;
  border-top: 1px solid rgba(222,231,242,.72);
  font-size: 12.5px;
}

.op-surface-requisites-chip svg {
  width: 15px;
  height: 15px;
  color: var(--op-blue);
}

.op-surface-requisites-fields {
  display: grid;
  gap: 7px;
  border-top: 1px solid rgba(222,231,242,.72);
  padding-top: 8px;
}

.op-surface-requisites-fields label {
  display: grid;
  gap: 4px;
}

.op-surface-requisites-fields label span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #5D697A;
  font-size: 11.8px;
}

.op-surface-requisites-fields label svg {
  width: 13px;
  height: 13px;
}

.op-surface-input,.op-surface-textarea,.op-surface-select {
  width: 100%;
  min-height: 42px;
  border: 1px solid rgba(222,231,242,.95);
  border-radius: 13px;
  background: #fff;
  color: var(--op-text);
  padding: 0 12px;
  outline: 0;
  font-size: 12.8px;
}

.op-surface-textarea {
  min-height: 92px;
  padding: 11px;
  resize: vertical;
}

.op-surface-input:focus,.op-surface-textarea:focus,.op-surface-select:focus {
  border-color: rgba(0,96,244,.44);
  box-shadow: 0 0 0 3px rgba(0,96,244,.08);
}

.op-surface-payment-success {
  margin-top: 18px;
  padding: 20px 16px;
  gap: 10px;
  text-align: center;
}

.op-surface-payment-success h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.08;
  font-weight: 620;
  letter-spacing: -.02em;
}

.op-surface-payment-success p {
  margin: 0;
  color: #667285;
  font-size: 12.5px;
  line-height: 1.32;
}

.op-surface-success-mark {
  width: 58px;
  height: 58px;
  margin: 0 auto;
  border-radius: 999px;
  background: #F0F7FF;
  color: var(--op-blue);
  display: grid;
  place-items: center;
}

.op-surface-success-mark svg {
  width: 27px;
  height: 27px;
}

.op-surface-hero-img {
  width: 100%;
  height: 205px;
  object-fit: cover;
  border-radius: 24px;
  display: block;
}

.op-surface-home-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.op-surface-home-primary {
  min-height: 42px;
}

.op-surface-home-order {
  gap: 8px;
}

.op-surface-home-order .op-surface-title {
  font-size: 17px;
}

.op-surface-home-order .op-surface-button-outline svg {
  display: none;
}

.op-surface-home-order .op-surface-card-actions--split {
  display: flex;
  gap: 9px;
}

.op-surface-upload {
  min-height: 86px;
  border: 1px dashed rgba(0,96,244,.26);
  border-radius: 17px;
  background: #F8FBFF;
  color: var(--op-blue);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 12px;
}

.op-surface-upload strong {
  font-size: 13px;
  font-weight: 570;
}

.op-surface-field {
  display: grid;
  gap: 5px;
}

.op-surface-field label,.op-surface-field-label {
  font-size: 11.8px;
  font-weight: 520;
  color: #536176;
}

.op-surface-form {
  display: grid;
  gap: 9px;
}

.op-surface-support-monolith .op-surface-title,.op-surface-notifications-monolith .op-surface-title {
  font-size: 18px;
}

.op-surface-support-monolith .op-surface-card-row {
  border-top: 1px solid rgba(222,231,242,.72);
}

.op-surface-notification-row {
  grid-template-columns: auto minmax(0,1fr) auto;
}

.op-surface-notification-row .op-surface-card-row-subtitle {
  display: none;
}

.op-surface-notification-card h2 {
  margin: 0;
  font-size: 14px;
}

.op-surface-notification-card p {
  margin: 0;
  color: var(--op-muted);
}

.op-surface-key-values {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(222,231,242,.72);
  border-bottom: 1px solid rgba(222,231,242,.72);
}

.op-surface-key-values>div {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 7px 0;
}

.op-surface-key-values>div+div {
  border-top: 1px solid rgba(222,231,242,.62);
}

.op-surface-key-values span {
  color: #738095;
  font-size: 11.4px;
  line-height: 1.16;
}

.op-surface-key-values b {
  font-size: 11.8px;
  line-height: 1.16;
  font-weight: 560;
  text-align: right;
}

.op-surface-key-values--flat {
  grid-column: 1/-1;
}

.op-surface-scenario-proof-card .op-surface-button-danger-outline {
  min-height: 39px;
}

.op-surface-scenario-proof-card .op-surface-fault-decode {
  padding: 8px 0;
}

.op-surface-scenario-state {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr);
  align-items: center;
  gap: 9px;
  padding: 2px 0 8px;
  border-bottom: 1px solid rgba(222,231,242,.72);
}

.op-surface-scenario-state h1 {
  margin: 0;
  font-size: 17px;
  line-height: 1.08;
  font-weight: 610;
  letter-spacing: -.02em;
}

.op-surface-scenario-state p {
  margin: 2px 0 0;
  color: #667285;
  font-size: 11.8px;
  line-height: 1.28;
}

.modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
  background: rgba(7,18,37,.38);
}

.modal-overlay.is-hidden {
  display: none;
}

.modal {
  width: 100%;
  max-width: 430px;
  background: #fff;
  border-radius: 28px 28px 22px 22px;
  box-shadow: 0 24px 60px rgba(7,18,37,.25);
  padding: 18px;
  display: grid;
  gap: 12px;
  position: relative;
}

.modal:before {
  content: "";
  width: 52px;
  height: 5px;
  border-radius: 999px;
  background: #DDE4EF;
  justify-self: center;
  margin: -3px 0 4px;
}

.modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.modal-title {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 620;
  letter-spacing: -.02em;
}

.modal-close {
  border: 1px solid rgba(222,231,242,.9);
  background: #F7FAFE;
  border-radius: 13px;
  width: 36px;
  height: 36px;
  color: #071225;
  font-size: 22px;
  line-height: 1;
}

.modal-body {
  color: #566174;
  line-height: 1.34;
  font-size: 12.8px;
}

.modal-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.op-surface-modal-proof .modal {
  max-width: 404px;
}

.op-surface-modal-hero {
  height: 112px;
  border-radius: 20px;
  background: linear-gradient(135deg,#EFF6FF,#FFFFFF);
  display: grid;
  place-items: center;
  color: var(--op-blue);
}

.op-surface-modal-hero svg {
  width: 68px;
  height: 68px;
}

.op-surface-modal-steps {
  display: grid;
  gap: 6px;
}

.op-surface-modal-step {
  display: grid;
  grid-template-columns: 26px 30px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  min-height: 42px;
  border: 1px solid rgba(222,231,242,.86);
  border-radius: 13px;
  padding: 7px 9px;
  background: #fff;
}

.op-surface-modal-step b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #0060F4;
  color: #fff;
  font-size: 11px;
}

.op-surface-modal-step svg {
  width: 19px;
  height: 19px;
  color: #0060F4;
}

.op-surface-modal-step span {
  font-size: 12.4px;
  font-weight: 520;
}

.op-surface-modal-page {
  padding: 0;
}

.op-surface-modal-page .op-surface-shell {
  padding-bottom: 0;
}

.op-surface-modal-proof-bg {
  min-height: 100svh;
  display: grid;
  align-content: start;
  gap: 10px;
  filter: brightness(.82);
}

.op-surface-chat-thread {
  display: grid;
  gap: 7px;
}

.op-surface-chat-bubble.is-own {
  background: #EEF5FF;
  color: #071225;
  margin-left: 36px;
}

.op-surface-photo-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
}

.op-surface-photo-grid .op-surface-photo-preview {
  height: 96px;
}

.op-surface-modal-hero--install {
  position: relative;
  min-height: 136px;
  overflow: hidden;
}

.op-surface-modal-hero--install .op-surface-install-phone {
  width: 82px;
  height: 112px;
  border-radius: 24px;
  display: grid;
  place-items: center;
  color: var(--op-blue);
  background: #fff;
  box-shadow: 0 16px 44px rgba(0,96,244,.10);
  border: 2px solid rgba(0,96,244,.20);
}

.op-surface-modal-hero--install .op-surface-install-phone svg {
  width: 62px;
  height: 62px;
  stroke-width: 1.35;
}

.op-surface-modal-hero--install .op-surface-install-share {
  position: absolute;
  left: calc(50% - 18px);
  top: 45px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #EAF3FF;
  color: var(--op-blue);
}

.op-surface-modal-hero--install .op-surface-install-share svg {
  width: 24px;
  height: 24px;
  stroke-width: 1.25;
}

.op-surface-modal-hero--install .op-surface-install-plus {
  position: absolute;
  left: calc(50% + 42px);
  top: 73px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff;
  color: var(--op-blue);
  border: 4px solid var(--op-blue);
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
}

.op-surface-requisites-fields .op-surface-button-primary {
  margin-bottom: 104px;
}

.op-surface-screen-master-requisites .op-surface-card {
  padding: 12px;
  gap: 7px;
}

.op-surface-screen-master-requisites .op-surface-payout-illustration {
  height: 78px;
  border-radius: 16px;
}

.op-surface-screen-master-requisites .op-surface-ill-wallet {
  width: 46px;
  height: 46px;
  border-radius: 16px;
}

.op-surface-screen-master-requisites .op-surface-ill-wallet svg {
  width: 22px;
  height: 22px;
}

.op-surface-screen-master-requisites .op-surface-ill-orbit {
  inset: 13px 58px;
}

.op-surface-screen-master-requisites .op-surface-ill-card {
  left: 66px;
  right: auto;
  bottom: 21px;
  top: auto;
  width: 29px;
  height: 29px;
  font-size: 12px;
}

.op-surface-screen-master-requisites .op-surface-ill-coin {
  right: 66px;
  bottom: 21px;
  width: 29px;
  height: 29px;
  font-size: 12px;
}

.op-surface-screen-master-requisites .op-surface-requisites-copy h1 {
  font-size: 18px;
}

.op-surface-screen-master-requisites .op-surface-requisites-copy p {
  font-size: 11.6px;
  line-height: 1.22;
}

.op-surface-screen-master-requisites .op-surface-requisites-chip {
  padding: 6px 0;
  font-size: 12px;
}

.op-surface-screen-master-requisites .op-surface-requisites-fields {
  gap: 5px;
  padding-top: 6px;
}

.op-surface-screen-master-requisites .op-surface-requisites-fields label {
  gap: 2px;
}

.op-surface-screen-master-requisites .op-surface-requisites-fields label span {
  font-size: 10.8px;
}

.op-surface-screen-master-requisites .op-surface-input {
  min-height: 34px;
  border-radius: 11px;
  font-size: 11.8px;
  padding: 0 10px;
}

.op-surface-screen-master-requisites .op-surface-requisites-fields .op-surface-button-primary {
  min-height: 38px;
  border-radius: 12px;
  margin-bottom: 0;
}

.op-surface-bottom-nav svg :where(path,circle,rect,line,polyline,polygon,ellipse),.op-surface-icon-tile svg :where(path,circle,rect,line,polyline,polygon,ellipse) {
  stroke-width: .86px;
}

.op-surface-scenario-proof-card>* {
  grid-column: 1/-1;
  min-width: 0;
}

.op-surface-scenario-proof-card .op-surface-object-preview img,.op-surface-scenario-proof-card .op-surface-master-repair-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: none;
}

.op-surface-scenario-copy {
  display: grid;
  gap: 4px;
  padding: 0;
}

.op-surface-scenario-copy h1,.op-surface-scenario-proof-card .op-surface-object-main h1 {
  font-size: 17px;
  line-height: 1.1;
  font-weight: 610;
  letter-spacing: -.02em;
}

.op-surface-scenario-copy p,.op-surface-scenario-proof-card .op-surface-object-main p {
  display: block;
  margin: 0;
  color: #657185;
  font-size: 12.4px;
  line-height: 1.34;
}

.op-surface-return-flow {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0;
  border-top: 1px solid rgba(222,231,242,.72);
  border-bottom: 1px solid rgba(222,231,242,.72);
  border: 1px solid rgba(222,231,242,.86);
  border-radius: 18px;
  overflow: hidden;
  background: #F8FBFF;
  box-shadow: none;
}

.op-surface-return-flow span {
  display: grid;
  gap: 3px;
  justify-items: center;
  text-align: center;
  color: #7A8494;
  min-height: 48px;
  padding: 8px 3px;
  background: transparent;
  font-size: 10.8px;
  line-height: 1.05;
}

.op-surface-return-flow span+span {
  border-left: 1px solid rgba(222,231,242,.74);
}

.op-surface-return-flow b {
  display: grid;
  place-items: center;
  border-radius: 999px;
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-weight: 650;
  background: #EAF3FF;
  color: var(--op-blue);
}

.op-surface-return-flow .is-current {
  background: #FFFFFF;
  color: #071225;
  font-weight: 560;
}

.op-surface-return-flow .is-current b {
  background: var(--op-blue);
  color: #fff;
  box-shadow: 0 8px 18px rgba(0,96,244,.16);
}

.op-surface-scenario-strip {
  display: grid;
  align-items: start;
  border-top: 1px solid rgba(222,231,242,.72);
  background: transparent;
  grid-template-columns: 30px minmax(0,1fr);
  padding: 9px 0;
  gap: 9px;
}

.op-surface-scenario-strip strong {
  display: block;
  line-height: 1.15;
  font-size: 13.4px;
  font-weight: 590;
}

.op-surface-scenario-strip span span,.op-surface-scenario-strip div>span {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.32;
  color: #657185;
}

.op-surface-scenario-proof-card .op-surface-key-values {
  border-top: 1px solid rgba(222,231,242,.72);
  border-bottom: 1px solid rgba(222,231,242,.72);
}

.op-surface-scenario-proof-card .op-surface-key-values>div {
  grid-template-columns: minmax(0,.9fr) minmax(0,1.35fr);
  padding: 8px 0;
}

.op-surface-scenario-proof-card .op-surface-key-values span {
  font-size: 11.6px;
}

.op-surface-scenario-proof-card .op-surface-key-values b {
  font-size: 12.2px;
  line-height: 1.22;
  text-align: right;
}

.op-surface-master-action-grid.op-surface-compact-action-grid {
  min-height: 44px;
  border-top: 1px solid rgba(222,231,242,.72);
  margin-top: 1px;
}

.op-surface-master-action-grid.op-surface-compact-action-grid a {
  min-height: 42px;
  padding: 6px 8px;
}

.op-surface-master-action-grid.op-surface-compact-action-grid strong {
  font-size: 12.8px;
  font-weight: 560;
}

.op-surface-master-action-grid.op-surface-compact-action-grid .op-surface-icon-tile {
  width: 26px;
  height: 26px;
  border-radius: 10px;
}

.op-surface-master-action-grid.op-surface-compact-action-grid .op-surface-icon-tile svg {
  width: 13px;
  height: 13px;
}

.op-surface-screen-support .op-surface-card {
  padding: 14px;
  gap: 9px;
  border-radius: 24px;
}

.op-surface-screen-support .op-surface-title {
  font-size: 20px;
}

.op-surface-screen-support .op-surface-input {
  min-height: 44px;
}

.op-surface-screen-support .op-surface-textarea {
  min-height: 116px;
}

.op-surface-screen-support .op-surface-card-row-title {
  font-size: 13px;
}

.op-surface-screen-support .op-surface-shell {
  padding-bottom: calc(96px + env(safe-area-inset-bottom));
}

.op-surface-scenario-proof-card .op-surface-master-action-grid {
  grid-column: 1/-1;
  display: none;
}

.op-surface-icon-tile {
  color: var(--op-blue);
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 29px;
  height: 29px;
  border-radius: 12px;
  background: #F3F8FF;
}

.op-surface-icon-tile svg {
  width: 13.5px;
  height: 13.5px;
}

.op-surface-icon-tile--small {
  width: 23px;
  height: 23px;
  border-radius: 9px;
}

.op-surface-icon-tile--small svg {
  width: 11.5px;
  height: 11.5px;
}

.op-surface-card-row svg,.op-surface-meta-row svg,.op-surface-button-primary svg,.op-surface-button-outline svg,.op-surface-button-danger-outline svg {
  stroke-width: .72px;
}

.op-surface-bottom-nav-item.is-active {
  color: var(--op-blue);
  background: #EEF5FF;
}

.op-surface-scenario-proof-card {
  grid-template-columns: 1fr;
  border-radius: 26px;
  padding-bottom: 14px;
  gap: 8px;
  padding: 13px;
}

.op-surface-scenario-proof-card .op-surface-scenario-state {
  display: grid;
  align-items: center;
  padding: 0 0 9px;
  border-bottom: 1px solid rgba(222,231,242,.72);
  grid-template-columns: 30px minmax(0,1fr);
  gap: 8px;
  padding-bottom: 8px;
}

.op-surface-scenario-proof-card .op-surface-scenario-state h1 {
  letter-spacing: -.025em;
  white-space: normal;
  font-size: 16px;
  font-weight: 590;
  line-height: 1.08;
}

.op-surface-scenario-proof-card .op-surface-scenario-state p {
  line-height: 1.24;
  font-size: 11.2px;
}

.op-surface-scenario-proof-card .op-surface-status-chip {
  line-height: 1.05;
  white-space: normal;
  text-align: left;
  font-size: 9.8px;
  min-height: 20px;
  padding: 3px 7px;
  font-weight: 540;
}

.op-surface-scenario-proof-card .op-surface-object-preview,.op-surface-scenario-proof-card .op-surface-master-repair-photo {
  width: 100%;
  overflow: hidden;
  background: #EEF3FA;
  box-shadow: inset 0 0 0 1px rgba(222,231,242,.54);
  height: 132px;
  min-height: 132px;
  border-radius: 19px;
}

.op-surface-simple-flow span {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  align-items: center;
  gap: 7px;
  min-height: 44px;
  padding: 7px 10px;
  color: #748095;
  font-size: 11px;
  line-height: 1.05;
  font-weight: 500;
}

.op-surface-simple-flow span+span {
  border-left: 1px solid rgba(222,231,242,.72);
}

.op-surface-simple-flow b {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  background: #EEF5FF;
  color: var(--op-blue);
  font-size: 10px;
  font-weight: 620;
}

.op-surface-simple-flow .is-done b {
  background: #F3F7FC;
  color: #667285;
}

.op-surface-simple-flow .is-current {
  background: #fff;
  color: #071225;
  font-weight: 570;
}

.op-surface-simple-flow .is-current b {
  background: var(--op-blue);
  color: #fff;
}

.op-surface-scenario-proof-card .op-surface-return-flow {
  display: none;
}

.op-surface-scenario-strip--simple {
  padding: 8px 0;
}

.op-surface-scenario-strip--simple strong {
  font-size: 12.8px;
  font-weight: 570;
}

.op-surface-scenario-strip--simple span span,.op-surface-scenario-strip--simple div>span {
  font-size: 11.6px;
  line-height: 1.26;
}

.op-surface-key-values--compact>div {
  padding: 6px 0;
}

.op-surface-key-values--compact span {
  font-size: 11px;
}

.op-surface-key-values--compact b {
  font-size: 11.6px;
  font-weight: 540;
}

.op-surface-scenario-proof-card .op-surface-button-primary,.op-surface-scenario-proof-card .op-surface-button-outline,.op-surface-scenario-proof-card .op-surface-button-danger-outline {
  min-height: 38px;
  border-radius: 13px;
  font-size: 12.2px;
  font-weight: 540;
}

.op-surface-icon-tile svg,.op-master-icon-tile svg {
  stroke-width: .68px;
}

.op-surface-icon-tile--danger {
  background: #FFF5F5;
  color: #D43A3A;
}

.op-master-icon-tile--fault,.op-surface-fault-decode .op-surface-icon-tile {
  background: #F6FAFF;
  color: var(--op-blue);
}

.op-surface-stage-head {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  align-items: center;
  gap: 8px;
}

.op-surface-stage-copy h1,.op-surface-stage-copy h2,.op-surface-object-main h1,.op-surface-order-content h2 {
  font-weight: 580;
  letter-spacing: -.018em;
}

body[class*="op-surface-screen-client"] .op-surface-fault-decode,body[class*="op-surface-screen-client"] .op-master-order-fault-link {
  display: none;
}

.op-surface-visual-note {
  margin: 0;
  color: #657185;
  font-size: 12px;
  line-height: 1.3;
  display: none;
}

.op-surface-fault-decode .op-surface-icon-tile,.op-master-icon-tile--fault {
  background: #F3F8FF;
  color: #0060F4;
  border-color: rgba(0,96,244,.10);
}

.op-surface-fault-decode .op-surface-icon-tile svg,.op-master-icon-tile--fault svg {
  width: 12px;
  height: 12px;
  stroke-width: .64px;
}

.op-master-order-code-row {
  gap: 2px;
}

.op-master-order-code {
  font-weight: 570;
  font-size: 12.3px;
  letter-spacing: -.01em;
  color: #071225;
}

.op-master-order-fault-title {
  font-weight: 540;
  font-size: 11.8px;
  color: #0060F4;
}

.op-master-order-fault-copy,.op-master-order-fault-scope {
  font-size: 10.6px;
  line-height: 1.22;
  color: #687386;
}

.op-surface-object-stage-card,.op-surface-client-order-stage-card,.op-surface-master-order-card,.op-surface-master-repair-stage-card {
  box-shadow: 0 10px 28px rgba(7,18,37,.055);
  border-color: rgba(222,231,242,.76);
}

body[class*="op-surface-screen-client"] .op-surface-fault-decode, body[class*="op-surface-screen-client"] .op-master-order-fault-link, body[class*="op-surface-screen-client"] .op-master-order-fault-title, body[class*="op-surface-screen-client"] .op-master-order-fault-copy, body[class*="op-surface-screen-client"] .op-master-order-fault-scope {
  display: none;
}

.op-surface-staff-screen {
  display: grid;
  gap: 12px;
  padding-bottom: calc(84px + env(safe-area-inset-bottom));
}

.op-surface-staff-hero {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 10px;
  align-items: start;
  padding: 15px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(222,231,242,.78);
  box-shadow: 0 10px 30px rgba(7,18,37,.055);
}

.op-surface-staff-hero h1 {
  margin: 5px 0 2px;
  font-size: 22px;
  line-height: 1.04;
  font-weight: 610;
  letter-spacing: -.03em;
  color: #071225;
}

.op-surface-staff-hero p {
  margin: 0;
  font-size: 12.4px;
  line-height: 1.3;
  color: #687386;
}

.op-surface-staff-kpis {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 8px;
}

.op-surface-staff-kpis article {
  padding: 10px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(222,231,242,.78);
  box-shadow: 0 8px 22px rgba(7,18,37,.04);
}

.op-surface-staff-kpis span {
  display: block;
  font-size: 10.5px;
  color: #687386;
  line-height: 1.15;
}

.op-surface-staff-kpis b {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  color: #071225;
  line-height: 1.1;
  font-weight: 600;
  letter-spacing: -.02em;
}

.op-surface-staff-table {
  gap: 0;
  padding: 14px;
  border-radius: 24px;
}

.op-surface-staff-table .op-surface-card-headline {
  padding-bottom: 9px;
  border-bottom: 1px solid rgba(222,231,242,.72);
}

.op-surface-staff-table .op-surface-card-headline h2 {
  font-size: 16px;
  font-weight: 590;
  margin: 0;
}

.op-surface-staff-row {
  display: grid;
  grid-template-columns: 28px minmax(0,1fr) auto;
  gap: 9px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid rgba(222,231,242,.62);
}

.op-surface-staff-row:last-child {
  border-bottom: 0;
}

.op-surface-staff-row strong {
  display: block;
  font-size: 12.8px;
  font-weight: 560;
  line-height: 1.18;
  color: #071225;
}

.op-surface-staff-row span {
  display: block;
  font-size: 11px;
  line-height: 1.22;
  color: #6B7586;
}

.op-surface-staff-row b {
  font-size: 11.2px;
  font-weight: 560;
  color: #0060F4;
}

.pn-wrap {
  padding: 10px 12px calc(10px + env(safe-area-inset-bottom));
  background: rgba(7,18,37,.94);
  backdrop-filter: blur(14px);
  border-top: 1px solid rgba(255,255,255,.10);
}

.pn-btn,.pn-switch {
  border-radius: 13px;
  font-weight: 600;
}

svg :where(path,circle,rect,line,polyline,polygon,ellipse) {
  stroke-width: .76px;
  vector-effect: non-scaling-stroke;
}

.op-surface-icon-tile svg,.op-master-icon-tile svg,.op-master-order-fault-icon svg {
  stroke-width: .76px;
}

.op-surface-order-card, .op-surface-client-order-stage-card, .op-surface-master-order-card, .op-surface-master-repair-stage-card {
  border-color: var(--op-card-edge);
  box-shadow: 0 10px 26px rgba(7,18,37,.048);
}

.op-surface-hero-photo, .op-surface-order-photo, .op-surface-object-preview, .op-surface-master-repair-photo, .op-master-order-media, .uix-media-shell {
  background: var(--op-media-bg);
  border: 0;
  box-shadow: inset 0 0 0 1px var(--op-media-edge);
  overflow: hidden;
  display: block;
  isolation: isolate;
}

.op-surface-hero-photo img, .op-surface-order-photo img, .op-surface-object-preview img, .op-surface-master-repair-photo img, .op-master-order-media img, .uix-media-shell .uix-media-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  padding: 0;
  margin: 0;
  background: transparent;
  filter: none;
}

[data-media-source="client-photo"] img, [data-order-image-source="client-photo"] img, .uix-media-shell--has-real-photo .uix-media-image {
  object-fit: cover;
  transform: none;
}

[data-media-source="appliance-fallback"] img, [data-order-image-source="fallback"] img, [data-order-image-source="appliance-fallback"] img, .uix-media-shell--support-fallback .uix-media-image, .op-surface-hero-photo--fallback img {
  object-fit: cover;
  object-position: center;
  transform: none;
}

.op-surface-order-card[data-visual-order-card] .op-surface-order-content {
  align-self: center;
}

.op-surface-object-stage-card, .op-surface-scenario-proof-card {
  padding: 10px;
  border-radius: 24px;
  gap: 9px;
}

.op-surface-object-stage-card .op-surface-object-preview {
  border-radius: 18px;
}

.op-surface-scenario-proof-card .op-surface-object-preview, .op-surface-scenario-proof-card .op-surface-master-repair-photo, .op-surface-master-repair-photo {
  height: 142px;
  min-height: 142px;
  border-radius: 18px;
}

.op-surface-scenario-proof-card--simple .op-surface-simple-flow, .op-surface-scenario-proof-card--simple .op-surface-key-values {
  display: none;
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-state {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(222,231,242,.58);
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-state h1 {
  font-size: 18px;
  line-height: 1.06;
  font-weight: 600;
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-state p {
  font-size: 11.6px;
  color: #6B7586;
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-strip {
  border-top: 1px solid rgba(222,231,242,.58);
  border-bottom: 0;
  padding: 9px 0;
  background: transparent;
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-strip strong {
  font-size: 13px;
  font-weight: 560;
}

.op-surface-scenario-proof-card--simple .op-surface-scenario-strip span span, .op-surface-scenario-proof-card--simple .op-surface-scenario-strip div>span {
  font-size: 11.6px;
  line-height: 1.26;
}

.op-surface-scenario-proof-card--simple .op-surface-button-primary, .op-surface-scenario-proof-card--simple .op-surface-button-outline, .op-surface-scenario-proof-card--simple .op-surface-button-danger-outline {
  min-height: 40px;
  border-radius: 14px;
  font-size: 12.4px;
  font-weight: 550;
}

.op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 10px;
  border-radius: 24px;
}

.op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-object-main, .op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-card-row, .op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-card-actions, .op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-master-action-grid {
  grid-column: 1/-1;
}

.op-surface-auth-proof,.op-surface-master-pending-proof,.op-surface-chat-proof,.op-surface-fault-search-proof,.op-surface-flow-proof,.op-surface-push-proof {
  gap: 10px;
}

.op-surface-chat-proof {
  display: grid;
}

.op-surface-chat-bubble {
  max-width: 86%;
  padding: 9px 11px;
  border-radius: 16px;
  font-size: 12.8px;
  line-height: 1.28;
  background: #F2F6FB;
  color: #071225;
}

.op-surface-chat-bubble--master {
  justify-self: end;
  background: #0060F4;
  color: #fff;
}

.op-surface-chat-composer {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: center;
  border-top: 1px solid rgba(222,231,242,.62);
  padding-top: 9px;
}

.op-surface-chat-composer .op-surface-button-primary {
  width: auto;
  min-width: 88px;
  min-height: 38px;
  padding: 0 12px;
}

.op-surface-push-proof>.op-surface-icon-tile {
  width: 44px;
  height: 44px;
  border-radius: 15px;
}

.op-surface-fault-decode-hint {
  color: #556172;
  font-weight: 430;
  font-size: 11.1px;
}

.op-surface-order-card,.op-surface-object-stage-card,.op-surface-master-repair-stage-card {
  box-shadow: 0 8px 24px rgba(7,18,37,.042);
  border-color: rgba(222,231,242,.70);
}

.op-surface-order-card[data-visual-order-card] {
  border-radius: 23px;
  align-items: stretch;
  grid-template-columns: 102px minmax(0,1fr);
  padding: 10px;
  gap: 10px;
}

.op-surface-order-card[data-visual-order-card] .op-surface-order-photo {
  border-radius: 17px;
  align-self: stretch;
  width: 102px;
  min-width: 102px;
  height: 102px;
}

.op-surface-master-order-card.op-surface-object-stage-card {
  align-items: stretch;
  grid-template-columns: 102px minmax(0,1fr);
}

.op-surface-master-order-card.op-surface-object-stage-card .op-surface-object-preview {
  width: 102px;
  height: 102px;
  min-height: 102px;
}

.op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-object-preview {
  width: 100%;
  min-height: 136px;
  order: 0;
  height: 144px;
  border-radius: 20px;
}

.op-surface-master-repair-photo {
  background: #EEF3FA;
  overflow: hidden;
  border: 0;
  display: block;
  height: 152px;
  border-radius: 20px;
}

.op-surface-flow-proof .op-surface-simple-flow {
  grid-template-columns: 1fr 1fr 1fr;
  display: none;
}

.op-surface-flow-proof .op-surface-stage-panel {
  border-top: 0;
  padding-top: 0;
}

.op-surface-flow-proof .op-surface-card-row {
  border-top: 1px solid var(--op-line-subtle);
}

.op-surface-route-proof-card {
  gap: 10px;
  border-radius: 24px;
}

.op-surface-route-proof-card .op-surface-card-row {
  border-top: 1px solid rgba(222,231,242,.58);
  padding-top: 9px;
}

body[class*="op-surface-screen-client"] .op-surface-card-row-subtitle:has(+ .__never__) {
  display: initial;
}

.op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card)>.op-surface-object-preview, .op-surface-master-repair-photo {
  border-radius: 18px;
  overflow: hidden;
}

.op-surface-client-order-stage-card.op-surface-object-stage-card:not(.op-surface-scenario-proof-card), .op-surface-master-repair-stage-card, .op-surface-master-order-card, .op-surface-order-card[data-visual-order-card] {
  box-shadow: 0 10px 26px rgba(7,18,37,.038);
  border-color: rgba(222,231,242,.66);
}

.op-surface-staff-card,.op-surface-admin-card {
  border-radius: 22px;
  box-shadow: 0 9px 24px rgba(7,18,37,.035);
}

.op-surface-fault-decode .op-surface-icon-tile, .op-master-icon-tile--fault, .op-master-order-fault-icon, .op-surface-icon-tile--fault {
  width: 24px;
  height: 24px;
  border-radius: 9px;
  background: #F7FAFE;
  color: #0060F4;
  border: 1px solid rgba(222,231,242,.72);
  box-shadow: none;
}

.op-surface-fault-decode .op-surface-icon-tile svg, .op-master-icon-tile--fault svg, .op-master-order-fault-icon svg, .op-surface-icon-tile--fault svg {
  width: 13px;
  height: 13px;
  stroke-width: .78px;
}

body[class*="op-surface-screen-client"] .op-surface-fault-decode, body[class*="op-surface-screen-client"] [class*="fault"], body[class*="op-surface-screen-client"] [data-fault-decode], body[class*="op-surface-screen-client"] [data-error-decode] {
  display: none;
}

.op-surface-client-order-stage-card,.op-surface-master-repair-stage-card,.op-surface-scenario-proof-card,.op-surface-master-order-card,.op-surface-order-card[data-visual-order-card] {
  border-color: rgba(222,231,242,.64);
  box-shadow: 0 9px 24px rgba(7,18,37,.038);
}

.op-surface-route-proof-card .op-surface-card-row-subtitle,.op-surface-flow-proof .op-surface-subtitle {
  font-size: 11.5px;
  line-height: 1.28;
}

.op-surface-flow-proof .op-surface-scenario-strip div>span {
  font-size: 11.4px;
}

.op-master-order-card .op-master-icon-tile--fault {
  background: #F7FAFE;
  border-color: rgba(222,231,242,.72);
  color: #0060F4;
}

.op-surface-icon-tile,.op-master-icon-tile,.op-client-orders-meta-icon,.op-surface-meta-row svg {
  color: #0060F4;
}

.op-surface-icon-tile svg,.op-master-icon-tile svg,.op-client-orders-meta-icon svg,.op-surface-meta-row svg {
  stroke-width: .92px;
  vector-effect: non-scaling-stroke;
}

.op-surface-icon-tile--fault,.op-master-icon-tile--fault,.op-master-order-fault-icon,.op-surface-fault-decode .op-surface-icon-tile {
  background: var(--op-surface-muted);
  border: 1px solid var(--op-line-default);
  color: #0060F4;
  box-shadow: none;
}

.op-surface-icon-tile--fault svg,.op-master-icon-tile--fault svg,.op-master-order-fault-icon svg,.op-surface-fault-decode .op-surface-icon-tile svg {
  width: 14px;
  height: 14px;
  stroke-width: .92px;
}

.op-surface-fault-decode {
  display: grid;
  gap: 7px;
  background: transparent;
  border-top: 1px solid rgba(225,234,245,.86);
  border-radius: 0;
  box-shadow: none;
  padding: 9px 0;
}

.op-surface-fault-decode-head {
  display: grid;
  align-items: center;
  grid-template-columns: 26px minmax(0,1fr);
  gap: 8px;
}

.op-surface-fault-decode-head strong {
  display: block;
  line-height: 1.14;
  letter-spacing: -.01em;
  font-size: 12px;
  font-weight: 560;
  color: #071225;
}

.op-surface-fault-decode-head span {
  display: block;
  margin-top: 1px;
  line-height: 1.2;
  font-size: 10.7px;
  color: #667285;
}

.op-surface-fault-decode p {
  margin: 0;
  font-size: 11.2px;
  line-height: 1.28;
  color: #5F6B7B;
}

body[class*="op-surface-screen-client"] .op-surface-fault-decode, body[class*="op-surface-screen-client"] .op-master-order-fault-link, body[class*="op-surface-screen-client"] .op-master-order-fault-title, body[class*="op-surface-screen-client"] .op-master-order-fault-copy, body[class*="op-surface-screen-client"] .op-master-order-fault-scope, body[class*="op-surface-screen-client"] [data-fault-decode], body[class*="op-surface-screen-client"] [data-error-decode] {
  display: none;
}

.op-surface-object-stage-card,.op-surface-client-order-stage-card,.op-surface-master-repair-stage-card,.op-surface-master-order-card,.op-client-orders-list-card {
  box-shadow: 0 8px 24px rgba(7,18,37,.05);
  border: 1px solid rgba(222,231,242,.82);
}

.op-surface-card-row,.op-surface-meta-grid,.op-surface-key-values {
  border-color: rgba(225,234,245,.86);
}

.op-surface-button-primary {
  background: #0060F4;
  color: #FFFFFF;
  border: 0;
  box-shadow: none;
}

.op-surface-simple-flow {
  grid-template-columns: 1fr 1fr;
  border: 1px solid rgba(222,231,242,.82);
  border-radius: 16px;
  overflow: hidden;
  background: #F8FBFF;
  display: none;
}

.op-surface-flow-proof .op-surface-subtitle {
  font-size: 12.2px;
  line-height: 1.3;
}

.op-surface-icon-tile,.op-master-icon-tile {
  box-shadow: none;
  border: 1px solid rgba(222,231,242,.72);
  background: #F6FAFF;
  color: var(--op-blue);
  overflow: visible;
}

.op-surface-button-primary .platform-icon-img,.op-surface-button-outline .platform-icon-img,.op-surface-button-danger-outline .platform-icon-img,.op-client-button-primary .platform-icon-img,.op-client-button-secondary .platform-icon-img {
  width: 19px;
  height: 19px;
}

.op-surface-meta-row .platform-icon-img,.op-surface-card-row .platform-icon-img {
  width: 18px;
  height: 18px;
}

.op-surface-bottom-nav-item .platform-icon-img,.bn-ic .platform-icon-img,.op-staff-bottom-nav-item .platform-icon-img {
  width: 22px;
  height: 22px;
  display: block;
  margin: 0 auto;
}

.pwa-install-step-img {
  width: 24px;
  height: 24px;
  display: block;
}

.platform-icon-img {
  display: inline-block;
  vertical-align: -0.18em;
  width: 1.2em;
  height: 1.2em;
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
  image-rendering: auto;
  object-fit: contain;
  object-position: center;
  overflow: visible;
  background: transparent;
}

.op-surface-icon-tile,.op-master-icon-tile,.op-client-orders-meta-icon,.op-client-orders-filter-icon,.op-client-orders-search-icon,.op-surface-meta-row,.op-surface-card-row,.bn-ic,.op-surface-bottom-nav-item,.op-staff-bottom-nav-item {
  overflow: visible;
}

.op-surface-icon-tile--appliance {
  background: #EEF6FF;
  border: 1px solid rgba(0,102,245,.10);
  color: #0066F5;
  overflow: visible;
}

.op-surface-icon-tile--appliance .platform-icon-img {
  width: 28px;
  height: 28px;
  max-width: 28px;
  max-height: 28px;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: auto;
  overflow: visible;
}

.op-client-orders-card-title {
  display: flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}

.op-client-orders-card-title>span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.op-surface-stage-head>.op-surface-icon-tile--appliance {
  align-self: start;
  margin-top: 2px;
}

.op-surface-object-stage-card .op-surface-stage-head,.op-surface-master-repair-stage-card .op-surface-stage-head {
  grid-template-columns: 44px minmax(0,1fr);
  gap: 10px;
  align-items: start;
}

.op-surface-object-stage-card .op-surface-stage-copy h1,.op-surface-master-repair-stage-card .op-surface-stage-copy h2 {
  margin-top: 3px;
}

.op-surface-icon-tile .platform-icon-img,.op-master-icon-tile .platform-icon-img,.op-client-orders-meta-icon .platform-icon-img,.op-surface-meta-row .platform-icon-img,.op-client-orders-filter-icon .platform-icon-img,.op-client-orders-search-icon .platform-icon-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  overflow: visible;
}

.op-surface-stage-head--appliance-title {
  display: block;
  grid-template-columns: 1fr;
  gap: 0;
}

.op-surface-stage-head--appliance-title>.op-surface-stage-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.op-surface-appliance-title {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
}

.op-surface-appliance-title>span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}

.op-surface-appliance-title-icon {
  width: 31px;
  height: 31px;
  min-width: 31px;
  border-radius: 10px;
  display: inline-grid;
  place-items: center;
  background: #EEF6FF;
  border: 1px solid rgba(0,102,245,.10);
  color: #0066F5;
  overflow: visible;
}

.op-surface-appliance-title-icon .platform-icon-img {
  width: 25px;
  height: 25px;
  display: block;
  object-fit: contain;
  object-position: center;
  overflow: visible;
}

.op-client-orders-title-icon {
  display: inline-grid;
  place-items: center;
  overflow: visible;
  color: #0066F5;
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 10px;
  background: #EEF6FF;
  border: 1px solid rgba(0,102,245,.10);
}

.op-client-orders-title-icon .platform-icon-img {
  display: block;
  object-fit: contain;
  object-position: center;
  overflow: visible;
  width: 24px;
  height: 24px;
}

.op-client-orders-title-icon, .op-surface-appliance-title-icon, .op-master-order-card [data-master-appliance-icon] {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 10px;
  background: #EEF6FF;
  border: 1px solid rgba(0,102,245,.10);
  color: #0066F5;
  display: inline-grid;
  place-items: center;
  overflow: visible;
  box-shadow: none;
}

.op-client-orders-title-icon .platform-icon-img, .op-surface-appliance-title-icon .platform-icon-img, .op-master-order-card [data-master-appliance-icon] .platform-icon-img {
  width: 21px;
  height: 21px;
  max-width: 21px;
  max-height: 21px;
  display: block;
  object-fit: contain;
  object-position: center;
  overflow: visible;
  margin: auto;
  image-rendering: auto;
}

.op-master-icon-tile--fault, .op-master-order-fault-icon, .op-surface-icon-tile--fault, .op-surface-fault-decode .op-surface-icon-tile {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 9px;
  display: inline-grid;
  place-items: center;
  overflow: visible;
  background: #F6FAFF;
  border: 1px solid #E1EAF5;
  color: #0060F4;
  box-shadow: none;
}

.op-master-icon-tile--fault .platform-icon-img, .op-master-order-fault-icon .platform-icon-img, .op-surface-icon-tile--fault .platform-icon-img, .op-surface-fault-decode .op-surface-icon-tile .platform-icon-img {
  width: 15px;
  height: 15px;
  max-width: 15px;
  max-height: 15px;
  object-fit: contain;
  object-position: center;
  display: block;
  overflow: visible;
  margin: auto;
}

.op-surface-support-tile {
  display: grid;
  padding: 10px 12px;
  border-radius: 18px;
  box-shadow: none;
  overflow: hidden;
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
  gap: 10px;
}

.op-surface-support-tile .op-surface-icon-tile, .op-client-orders-support-icon {
  width: 42px;
  height: 42px;
  min-width: 42px;
  border-radius: 13px;
  display: grid;
  place-items: center;
  overflow: visible;
}

.op-surface-support-tile .op-surface-icon-tile .platform-icon-img, .op-client-orders-support-icon .platform-icon-img {
  width: 25px;
  height: 25px;
  max-width: 25px;
  max-height: 25px;
  object-fit: contain;
  object-position: center;
  display: block;
  margin: auto;
}

.op-client-orders-support-card {
  grid-template-columns: 42px minmax(0,1fr);
  align-items: center;
}

.op-client-orders-support-copy {
  min-width: 0;
}

.op-surface-hero-photo--fallback > .op-surface-media-appliance-icon {
  width: 72px;
  height: 72px;
  border-radius: 22px;
  display: grid;
  place-items: center;
  margin: auto;
  background: #F3F8FF;
  color: #0060F4;
}

.op-surface-hero-photo--fallback > .op-surface-media-appliance-icon svg, .op-surface-hero-photo--fallback > .op-surface-media-appliance-icon .platform-icon-img {
  width: 42px;
  height: 42px;
  object-fit: contain;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card {
  gap: 10px;
  padding: 12px;
  border-radius: 22px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-stage-head {
  grid-template-columns: 56px minmax(0,1fr);
  align-items: start;
  gap: 12px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-avatar {
  width: 56px;
  height: 56px;
  border-radius: 18px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-stage-copy {
  gap: 5px;
  align-content: start;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-stage-copy h2 {
  font-size: 15.5px;
  line-height: 1.12;
  font-weight: 600;
  letter-spacing: -.018em;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-stage-copy p {
  display: block;
  margin: 0;
  color: var(--op-muted);
  font-size: 12.2px;
  line-height: 1.3;
  font-weight: 420;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-stage-copy .op-surface-button-row--split {
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 4px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card [data-profile-photo-pick] {
  width: 100%;
  min-height: 38px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-card-row {
  grid-template-columns: 36px minmax(0,1fr);
  align-items: start;
  gap: 10px;
  padding: 10px 0;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-card-row>.op-surface-button-primary, body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-card-row>.op-surface-button-outline, body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-card-row>button {
  grid-column: 1/-1;
  width: 100%;
  min-height: 39px;
  margin-top: 2px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-kpi-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-kpi-item {
  padding: 8px 5px;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-kpi-value {
  font-size: 15px;
  font-weight: 600;
}

body[class~="op-surface-screen-master-profile"] .op-surface-master-profile-card .op-surface-kpi-label {
  font-size: 9.5px;
}

body.op-surface-screen-client-order-detail #master-choices.op-surface-card {
  gap: 10px;
  padding: 14px;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-list {
  display: grid;
  gap: 10px;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-card {
  display: grid;
  gap: 10px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-card-head {
  display: grid;
  grid-template-columns: 56px minmax(0,1fr);
  gap: 12px;
  align-items: center;
  min-width: 0;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-avatar {
  width: 56px;
  height: 56px;
  border-radius: 16px;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-card h3 {
  margin: 0;
  font-size: 20px;
  line-height: 1.12;
  font-weight: 620;
  letter-spacing: -.02em;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-card p {
  margin: 3px 0 0;
  font-size: 14px;
  line-height: 1.25;
}

body.op-surface-screen-client-order-detail #master-choices .op-surface-master-card .op-surface-inline-form {
  margin-top: 2px;
}

#platformConfirmModal.platform-payment-confirm {
  background: rgba(7,18,37,.46);
  backdrop-filter: blur(2px);
}

#platformConfirmModal.platform-payment-confirm .modal {
  width: min(calc(100% - 32px),366px);
  max-width: 366px;
  padding: 0;
  gap: 0;
  border-radius: 28px;
  border: 1px solid rgba(216,224,234,.95);
  background: #fff;
  box-shadow: 0 26px 74px rgba(7,18,37,.25);
  overflow: hidden;
}

#platformConfirmModal.platform-payment-confirm .modal::before {
  width: 52px;
  height: 5px;
  margin: 14px auto 2px;
  background: #DDE4EF;
}

#platformConfirmModal.platform-payment-confirm .modal-header {
  padding: 14px 18px 8px;
  border: 0;
  align-items: flex-start;
}

#platformConfirmModal.platform-payment-confirm .modal-title {
  color: #071225;
  font-size: 21px;
  line-height: 1.12;
  font-weight: 720;
  letter-spacing: -.03em;
}

#platformConfirmModal.platform-payment-confirm .modal-close {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border-radius: 14px;
  background: #F7FAFE;
  border: 1px solid #DCE6F2;
  color: #071225;
  font-size: 23px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
}

#platformConfirmModal.platform-payment-confirm .modal-close:focus-visible {
  outline: 3px solid rgba(0,96,244,.22);
  outline-offset: 2px;
}

#platformConfirmModal.platform-payment-confirm .modal-body {
  padding: 2px 18px 16px;
  display: grid;
  gap: 10px;
  color: #6B7586;
  font-size: 14px;
  line-height: 1.38;
}

#platformConfirmModal.platform-payment-confirm .platform-confirm-trust {
  display: grid;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}

#platformConfirmModal.platform-payment-confirm .platform-confirm-trust::before, #platformConfirmModal.platform-payment-confirm .platform-confirm-trust__logo {
  display: none;
  content: none;
}

#platformConfirmModal.platform-payment-confirm .platform-confirm-trust__text {
  color: #071225;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 650;
}

#platformConfirmModal.platform-payment-confirm .platform-confirm-trust__caption {
  color: #6B7586;
  font-size: 13px;
  line-height: 1.32;
  font-weight: 450;
}

#platformConfirmModal.platform-payment-confirm #platform_confirm_message {
  color: #6B7586;
  font-size: 14px;
  line-height: 1.38;
  font-weight: 450;
}

#platformConfirmModal.platform-payment-confirm .modal-footer {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 10px;
  padding: 0 18px 18px;
  margin: 0;
  border: 0;
}

#platformConfirmModal.platform-payment-confirm :is(#platformConfirmOk,#platformConfirmCancel) {
  width: 100%;
  min-width: 0;
  min-height: 50px;
  border-radius: 15px;
  padding: 0 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 15px;
  line-height: 1;
  font-weight: 680;
  appearance: none;
}

#platformConfirmModal.platform-payment-confirm #platformConfirmOk {
  background: #0060F4;
  border: 1px solid #0060F4;
  color: #fff;
  box-shadow: 0 12px 24px rgba(0,96,244,.20);
}

#platformConfirmModal.platform-payment-confirm #platformConfirmCancel {
  background: #F5F8FC;
  color: #071225;
  border: 1px solid #DCE6F2;
  box-shadow: none;
}

@media (max-width:370px) {
  .op-surface-shell {
    width: min(100% - 22px,404px);
  }

  .op-surface-header,.op-surface-topbar {
    padding-left: max(11px,calc(50vw - 202px));
    padding-right: max(11px,calc(50vw - 202px));
  }

  .op-surface-logo {
    width: 138px;
  }

  .op-surface-hero-img {
    height: 198px;
  }

  .modal-footer {
    grid-template-columns: 1fr;
  }

  .op-surface-order-card {
    grid-template-columns: 98px minmax(0,1fr);
  }

  .op-surface-order-photo {
    min-height: 98px;
    width: 98px;
    height: 106px;
  }

  .op-surface-object-stage-card {
    grid-template-columns: 98px minmax(0,1fr);
  }

  .op-surface-object-preview {
    width: 98px;
    height: 106px;
    min-height: 106px;
  }

  #platformConfirmModal.platform-payment-confirm .modal-footer {
    grid-template-columns: 1fr;
  }
}

#platformConfirmModal:not(.platform-payment-confirm) {
  padding: 14px;
  background: rgba(7,18,37,.34);
}

#platformConfirmModal:not(.platform-payment-confirm) .modal {
  max-width: 404px;
  padding: 17px;
  border: 1px solid rgba(220,230,242,.86);
  border-radius: 26px 26px 22px 22px;
  gap: 13px;
  box-shadow: 0 26px 64px rgba(7,18,37,.22);
}

#platformConfirmModal:not(.platform-payment-confirm) .modal::before {
  width: 46px;
  height: 4px;
  background: #DCE5F0;
  margin: -2px 0 3px;
}

#platformConfirmModal:not(.platform-payment-confirm) .modal-header {
  align-items: center;
}

#platformConfirmModal:not(.platform-payment-confirm) .modal-title {
  font-size: 20px;
  line-height: 1.12;
  font-weight: 680;
  letter-spacing: -.025em;
  color: #071225;
}

#platformConfirmModal:not(.platform-payment-confirm) .modal-close {
  width: 38px;
  height: 38px;
  border-color: #DDE6F1;
  border-radius: 12px;
  background: #F7FAFE;
  color: #4C596D;
  font-size: 20px;
}

#platformConfirmModal:not(.platform-payment-confirm) .modal-body {
  font-size: 14px;
  line-height: 1.45;
  color: #5F6B7D;
}

#platformConfirmModal:not(.platform-payment-confirm) #platform_confirm_message {
  padding: 2px 0 3px;
}

#platformConfirmModal:not(.platform-payment-confirm) .modal-footer {
  grid-template-columns: 1fr 1.2fr;
  gap: 9px;
}

#platformConfirmModal:not(.platform-payment-confirm) :is(#platformConfirmCancel,#platformConfirmOk) {
  min-height: 50px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 650;
  box-shadow: none;
}

#platformConfirmModal:not(.platform-payment-confirm) #platformConfirmCancel {
  background: #F5F8FC;
  color: #435168;
  border: 1px solid #DDE6F1;
}

#platformConfirmModal:not(.platform-payment-confirm) #platformConfirmOk {
  background: #0060F4;
  color: #fff;
  border: 1px solid #0060F4;
  box-shadow: 0 10px 22px rgba(0,96,244,.16);
}

.op-surface-state-page {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: clamp(10px,3vw,22px) 0 26px;
}

.op-surface-state-card {
  --op-state-accent: #2E67B1;
  --op-state-soft: #EDF4FD;
  width: 100%;
  max-width: 620px;
  min-width: 0;
  box-sizing: border-box;
  padding: clamp(22px,6vw,32px);
  border: 1px solid rgba(220,230,242,.94);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(7,18,37,.08);
  display: grid;
  justify-items: center;
  align-content: center;
  gap: 15px;
  text-align: center;
  color: #071225;
}

.op-surface-state-card--compact {
  max-width: none;
  min-height: 174px;
  padding: 24px 20px;
  gap: 12px;
}

.op-surface-state-card--inline {
  max-width: none;
  min-height: 0;
  padding: 18px;
  grid-template-columns: auto minmax(0,1fr);
  justify-items: stretch;
  align-items: start;
  text-align: left;
}

.op-surface-state-card--empty {
  --op-state-accent: #2E67B1;
  --op-state-soft: #EDF4FD;
}

.op-surface-state-card--error {
  --op-state-accent: #B64A52;
  --op-state-soft: #FFF0F1;
}

.op-surface-state-card--forbidden {
  --op-state-accent: #9A651B;
  --op-state-soft: #FFF5E5;
}

.op-surface-state-card--missing {
  --op-state-accent: #526177;
  --op-state-soft: #EEF2F7;
}

.op-surface-state-card--failure {
  --op-state-accent: #B63B48;
  --op-state-soft: #FFF0F2;
}

.op-surface-state-card--locked {
  --op-state-accent: #3766A6;
  --op-state-soft: #EDF4FF;
}

.op-surface-state-card--success {
  --op-state-accent: #23835B;
  --op-state-soft: #EAF8F1;
}

.op-surface-state-card--pending {
  --op-state-accent: #98701D;
  --op-state-soft: #FFF7E2;
}

.op-surface-state-card__icon {
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--op-state-soft);
  color: var(--op-state-accent);
  border: 1px solid color-mix(in srgb,var(--op-state-accent) 13%,transparent);
}

.op-surface-state-card__icon img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  opacity: .88;
}

.op-surface-state-card__content {
  min-width: 0;
  display: grid;
  justify-items: center;
  gap: 9px;
  width: 100%;
}

.op-surface-state-card--inline .op-surface-state-card__content {
  justify-items: start;
}

.op-surface-state-card__meta {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border: 0;
  border-radius: 999px;
  background: var(--op-state-soft);
  color: var(--op-state-accent);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .01em;
}

.op-surface-state-card__title {
  margin: 0;
  max-width: 520px;
  color: #071225;
  font-size: clamp(1.5rem,7vw,2rem);
  line-height: 1.08;
  font-weight: 720;
  letter-spacing: -.035em;
}

.op-surface-state-card__title--compact {
  font-size: 1.25rem;
  line-height: 1.15;
  letter-spacing: -.02em;
}

.op-surface-state-card__copy,.op-surface-state-card__detail {
  margin: 0;
  max-width: 520px;
  color: #5F6B7D;
  font-size: 15px;
  line-height: 1.48;
  font-weight: 450;
}

.op-surface-state-card__detail {
  font-size: 14px;
  color: #718096;
}

.op-surface-state-card__actions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}

.op-surface-state-card__action {
  min-height: 48px;
  min-width: 150px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.op-surface-state-card :is(.btn,.badge,.muted,.state-title-lg) {
  margin-top: 0;
  margin-bottom: 0;
}

.op-surface-state-card.op-client-orders-empty,.op-surface-state-card.op-master-orders-empty,.op-surface-state-card.op-client-notifications-empty,.op-surface-state-card.op-master-ip-empty {
  color: #071225;
}

.op-master-ip-screen[data-access-state="locked"] .op-master-ip-primary-action {
  background: #F5F8FC;
  color: #435168;
  border: 1px solid #DCE6F2;
  box-shadow: none;
}

.op-master-ip-screen[data-access-state="locked"] .op-master-ip-primary-action:hover {
  background: #EDF3FA;
  color: #20304A;
}

.op-master-ip-screen .op-surface-state-card--locked {
  padding: 16px 16px 18px;
  gap: 8px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__content {
  gap: 6px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__icon {
  width: 44px;
  height: 44px;
  flex-basis: 44px;
  border-radius: 15px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__icon img {
  width: 22px;
  height: 22px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__meta {
  min-height: 25px;
  padding: 4px 9px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__title {
  font-size: 1.125rem;
  line-height: 1.14;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__copy {
  font-size: 13.5px;
  line-height: 1.38;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__detail {
  font-size: 12.5px;
  line-height: 1.34;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__actions {
  margin-top: 2px;
  gap: 6px;
}

.op-master-ip-screen .op-surface-state-card--locked .op-surface-state-card__action {
  min-height: 44px;
}

.op-surface-header,.op-surface-topbar {
  margin: 0 calc(50% - 50vw) 4px;
  position: relative;
  z-index: 25;
  min-height: var(--op-header-height);
  margin-bottom: 8px;
  padding: 0 max(var(--op-shell-side),calc(50vw - 202px));
  background: rgba(255,255,255,.97);
  border-bottom: 1px solid rgba(220,230,242,.88);
  box-shadow: 0 6px 18px rgba(7,18,37,.04);
  backdrop-filter: saturate(140%) blur(12px);
}

.op-surface-header-inner {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: var(--op-header-height);
  width: min(100%,var(--op-shell-max));
  gap: 8px;
}

.op-surface-logo {
  height: auto;
  object-fit: contain;
  width: var(--op-header-logo-width);
  max-height: 20px;
}

.op-surface-header-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 8px;
}

.op-surface-icon-button,.op-surface-header-bell {
  border: 1px solid rgba(222,231,242,.92);
  background: #fff;
  display: grid;
  place-items: center;
  position: relative;
  color: #424D5F;
  width: var(--op-header-control);
  height: var(--op-header-control);
  border-radius: 13px;
  box-shadow: none;
}

.op-surface-icon-button svg,.op-surface-header-bell svg {
  width: 18px;
  height: 18px;
}

.op-surface-logout,.op-surface-header-logout {
  border: 1px solid rgba(0,96,244,.34);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--op-header-control);
  padding: 0 13px;
  border-color: #DCE6F2;
  border-radius: 13px;
  color: #314158;
  font-size: 14px;
  font-weight: 620;
  box-shadow: none;
}

.op-surface-shell {
  width: min(100% - 28px,404px);
  margin: 0 auto;
  padding: 10px 0 calc(164px + env(safe-area-inset-bottom));
  display: grid;
}

.op-surface-bottom-nav {
  position: fixed;
  left: 50%;
  right: auto;
  z-index: 40;
  transform: translateX(-50%);
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 3px;
  border: 1px solid rgba(222,231,242,.92);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(16px);
  bottom: calc(10px + env(safe-area-inset-bottom));
  width: min(calc(100% - 24px),404px);
  min-height: var(--op-bottom-nav-height);
  height: var(--op-bottom-nav-height);
  padding: 6px 8px;
  border-radius: 22px;
  box-shadow: 0 10px 28px rgba(7,18,37,.10);
}

.op-surface-bottom-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #6E7889;
  min-width: 0;
  min-height: 54px;
  border-radius: 17px;
  font-size: 10.5px;
  font-weight: 560;
  gap: 3px;
}

.op-surface-bottom-nav-item svg {
  stroke-width: .68px;
  width: 17px;
  height: 17px;
}

@media (max-width: 520px) {
  body:not(.home-page) .state-title-lg, body:not(.home-page) .op-surface-page-title, body:not(.home-page) .op-master-page-title, body:not(.home-page) .op-client-page-title {
    font-size: clamp(22px, 6.2vw, 27px);
    line-height: 1.08;
    letter-spacing: -.025em;
    text-wrap: balance;
  }

  body:not(.home-page) .op-surface-card, body:not(.home-page) .card, body:not(.home-page) .op-master-card-panel, body:not(.home-page) .op-client-card {
    border-color: rgba(216, 226, 239, .78);
    box-shadow: 0 8px 24px rgba(27, 52, 89, .045);
  }

  body:not(.home-page) .op-surface-button, body:not(.home-page) .btn, body:not(.home-page) button[type="submit"] {
    min-height: 46px;
    border-radius: 15px;
    font-weight: 690;
    letter-spacing: -.01em;
  }

  body:not(.home-page) input:not([type="checkbox"]):not([type="radio"]), body:not(.home-page) select, body:not(.home-page) textarea {
    min-height: 46px;
    border-radius: 15px;
    border-color: #d9e3ef;
    background: #fff;
  }

  body:not(.home-page) .op-surface-status-chip, body:not(.home-page) .badge {
    max-width: 100%;
    line-height: 1.15;
  }

  body:not(.home-page) .op-surface-support-tile {
    min-height: 62px;
    padding: 11px 13px;
    border: 1px solid rgba(216, 226, 239, .76);
    background: rgba(255,255,255,.92);
  }

  body:not(.home-page) .op-surface-state-card {
    min-height: min(560px, calc(100svh - 116px));
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  body:not(.home-page) .op-surface-state-card__content {
    width: 100%;
  }

  body:not(.home-page) .modal {
    border-radius: 26px 26px 20px 20px;
    padding: 22px 18px calc(18px + env(safe-area-inset-bottom));
  }
}

body.staff-app, body.accountant-app, body[data-surface="staff"], body[data-surface="accountant"] {
  background: #f4f8ff;
}

body.staff-app .card, body.accountant-app .card, body[data-surface="staff"] .card, body[data-surface="accountant"] .card {
  border-radius: 20px;
  border-color: rgba(216, 226, 239, .78);
  box-shadow: 0 8px 24px rgba(27, 52, 89, .045);
}

body.staff-app table, body.accountant-app table, body[data-surface="staff"] table, body[data-surface="accountant"] table {
  border-collapse: separate;
  border-spacing: 0;
}

body.staff-app th, body.accountant-app th, body[data-surface="staff"] th, body[data-surface="accountant"] th {
  background: #f7f9fc;
  color: #667085;
  font-size: 12px;
  font-weight: 720;
}

body.staff-app td, body.accountant-app td, body[data-surface="staff"] td, body[data-surface="accountant"] td {
  border-color: #edf1f6;
}

:root {
  --op-blue: #0060F4;
  --op-bg: #F5F8FC;
  --op-card: #FFFFFF;
  --op-soft: #F7FAFE;
  --op-soft-blue: #EEF5FF;
  --op-danger: #D43A3A;
  --op-danger-soft: #FFF2F2;
  --op-success: #18A85A;
  --op-success-soft: #ECFAF2;
  --op-neutral-soft: #F3F7FC;
  --op-radius: 22px;
  --op-radius-sm: 14px;
  --op-shadow: 0 8px 24px rgba(7,18,37,.05);
  --op-master-nav-h: 64px;
  --op-media-line: rgba(222,231,242,.58);
  --op-card-edge: rgba(220,229,240,.78);
  --op-media-bg: #F6F9FD;
  --op-media-edge: rgba(218,228,240,.38);
  --op-line-subtle: rgba(222,231,242,.56);
  --op-blue-soft: #F6FAFF;
  --op-surface-soft: #F7FAFE;
  --op-line-default: #E1EAF5;
  --op-surface-muted: #F6FAFF;
  --op-shell-side: 14px;
  --op-shell-max: 404px;
  --op-header-height: 64px;
  --op-header-logo-width: 156px;
  --op-header-control: 40px;
  --op-bottom-nav-height: 68px;
  --op-canvas: #ffffff;
  --op-page: #f3f7fd;
  --op-line: #e4ebf4;
  --op-line-soft: #edf2f7;
  --op-text: #0b1628;
  --op-muted: #667085;
  --op-shell-radius: 28px;
  --op-section-radius: 20px;
  --op-gap: 12px;
}

body.staff-app :is(.card,.op-surface-card),body.accountant-app :is(.card,.op-surface-card) {
  padding: 14px;
}

body.staff-app :is(th,td),body.accountant-app :is(th,td) {
  padding-block: 10px;
}

.op-surface-semantic-redundant {
  display: none;
}

@media (max-width:520px) {
  .op-surface-state-page {
    padding-top: 4px;
  }

  .op-surface-state-card {
    border-radius: 22px;
    padding: 24px 18px;
  }

  .op-surface-state-card--compact {
    min-height: 168px;
    padding: 22px 17px;
  }

  .op-surface-state-card__title {
    font-size: 1.6875rem;
  }

  .op-surface-state-card__title--compact {
    font-size: 1.1875rem;
  }

  .op-surface-state-card__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .op-surface-state-card__action {
    width: 100%;
    min-width: 0;
  }

  .op-surface-state-card--inline {
    grid-template-columns: auto minmax(0,1fr);
    text-align: left;
  }

  .op-surface-state-card--inline .op-surface-state-card__actions {
    display: flex;
  }

  body:not(.home-page) :is(.op-surface-shell,.op-client-shell,.op-master-shell,.staff-shell,main) {
    max-width: 430px;
    margin-inline: auto;
  }

  body:not(.home-page) :is(.op-surface-page-title,.op-client-page-title,.op-master-page-title,.state-title-lg,h1) {
    letter-spacing: -.032em;
  }

  body:not(.home-page) :is(.op-surface-page-title,.op-client-page-title,.op-master-page-title,.state-title-lg) {
    font-size: 25px;
    line-height: 1.08;
    font-weight: 740;
  }

  body:not(.home-page) h2 {
    font-size: 18px;
    line-height: 1.18;
    letter-spacing: -.02em;
  }

  body:not(.home-page) :is(.op-surface-page-subtitle,.op-client-page-subtitle,.op-master-page-subtitle,.muted) {
    font-size: 14px;
    line-height: 1.45;
    color: var(--op-muted);
  }

  body:not(.home-page) :is(.op-surface-card,.card,.op-client-card,.op-master-card-panel,.op-surface-state-card) {
    border-radius: var(--op-section-radius);
    border: 1px solid var(--op-line);
    box-shadow: none;
    background: #fff;
  }

  body:not(.home-page) .op-surface-support-tile {
    border: 1px solid var(--op-line);
    border-radius: 18px;
    box-shadow: none;
    background: #fff;
  }

  body:not(.home-page) .op-surface-bottom-nav {
    border: 1px solid rgba(216,226,239,.95);
    box-shadow: 0 12px 32px rgba(11,22,40,.12);
  }

  body.staff-app :is(.card,.op-surface-card),body.accountant-app :is(.card,.op-surface-card) {
    border-radius: var(--op-section-radius);
    box-shadow: none;
  }

  body.staff-app table,body.accountant-app table {
    font-size: 12.5px;
  }

  body.staff-app th,body.accountant-app th {
    background: #f6f8fb;
  }

  body:not(.home-page) {
    background: var(--op-page);
    color: var(--op-text)--op-pad:14px;
    --op-gap: 10px;
    --op-line: #e7edf5;
    --op-soft: #f7f9fc;
  }

  body:not(.home-page) :is(.op-surface-card,.card,.op-client-card,.op-master-card-panel) {
    padding: var(--op-pad);
  }

  body:not(.home-page) :is(.op-surface-card,.card,.op-client-card,.op-master-card-panel)+:is(.op-surface-card,.card,.op-client-card,.op-master-card-panel) {
    margin-top: var(--op-gap);
  }

  body:not(.home-page) :is(.op-surface-status-chip,.badge) {
    font-size: 10px;
    line-height: 1.15;
    padding: 4px 7px;
    border-radius: 999px;
    font-weight: 700;
  }

  body:not(.home-page) :is(.op-surface-button,.btn,button[type="submit"]) {
    border-radius: 14px;
    font-weight: 700;
    min-height: 44px;
    padding-inline: 15px;
  }

  body:not(.home-page) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea) {
    border-radius: 14px;
    border-color: #dce5f0;
    box-shadow: none;
    min-height: 44px;
    padding: 11px 12px;
  }

  body:not(.home-page) :is(label,.op-surface-field-label) {
    font-size: 12.5px;
    line-height: 1.25;
  }

  body:not(.home-page) :is(.muted,.op-surface-muted,.op-surface-page-subtitle,.op-client-page-subtitle,.op-master-page-subtitle) {
    line-height: 1.42;
  }

  body:not(.home-page) :is(dl,.op-surface-facts,.op-client-facts,.op-master-facts)>div {
    min-height: 34px;
  }

  body:not(.home-page) :is(.op-surface-support-tile,.op-surface-notification-row) {
    padding: 12px 13px;
  }

  body:not(.home-page) .op-surface-bottom-nav-item {
    font-size: 10px;
  }

  body:not(.home-page) [data-client-order-detail] .op-surface-client-order-stage-card > .op-surface-stage-head .op-surface-status-chip, body:not(.home-page) .proof-stage .proof-row > .op-surface-status-chip, body:not(.home-page) .proof-device .proof-row > .op-surface-status-chip {
    display: none;
  }

  body:not(.home-page) :is(.op-client-orders-list-card,.proof-list-card,.proof-master-order,.op-surface-payout-row,table) .op-surface-status-chip {
    display: inline-flex;
    max-width: 132px;
    white-space: normal;
    text-align: right;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.18;
    padding: 4px 7px;
    background: #f3f7fc;
    color: #52627a;
    border-color: #e5ebf3;
  }

  body:not(.home-page) :is(.op-surface-stage-copy,.proof-stage>div:last-child) {
    min-width: 0;
  }

  body:not(.home-page) :is(.op-surface-stage-copy,.proof-stage>div:last-child) > :is(h1,h2) {
    margin: 0;
  }

  body:not(.home-page) :is(.op-surface-stage-copy,.proof-stage>div:last-child) > :is(h1,h2) + p {
    margin-top: 5px;
  }

  body:not(.home-page) .proof-stage {
    grid-template-columns: 34px minmax(0,1fr);
    gap: 10px;
    padding-block: 15px;
  }

  body:not(.home-page) :is(.proof-details,.op-surface-support-tile) {
    background: rgba(255,255,255,.68);
    border-color: #e9eef5;
  }

  body:not(.home-page) .proof-details {
    padding-block: 11px;
  }

  body:not(.home-page) .proof-main > .op-surface-card:not(.proof-device):not(.proof-stage), body:not(.home-page) [data-client-order-detail] .op-surface-page .op-surface-card:not(.op-surface-client-order-stage-card) {
    box-shadow: none;
  }

  body:not(.home-page) .proof-stage .op-surface-button, body:not(.home-page) .op-surface-stage-panel .op-surface-button {
    margin-top: 12px;
    width: 100%;
  }

  body:not(.home-page) .proof-actions {
    gap: 8px;
    margin-top: 11px;
  }

  body:not(.home-page) :is(.proof-facts,.op-surface-key-values) dt, body:not(.home-page) .op-surface-key-values span {
    color: #8792a3;
    font-size: 10.5px;
    font-weight: 520;
  }

  body:not(.home-page) :is(.proof-facts,.op-surface-key-values) dd, body:not(.home-page) .op-surface-key-values b {
    color: #162238;
    font-weight: 620;
  }

  body.staff-app :is(.op-staff-status,.op-surface-status-chip), body.accountant-app :is(.op-staff-status,.op-surface-status-chip) {
    font-size: 10px;
    font-weight: 620;
    padding: 4px 7px;
    box-shadow: none;
  }

  body:not(.home-page) :is([data-client-order-detail],.proof-main,.op-surface-order-detail) {
    --op-workspace: #fff;
    --op-line: #e5ebf3;
    --op-muted: #657185;
  }

  body:not(.home-page) .proof-main {
    gap: 0;
    padding: 10px;
    background: #f3f7fc;
  }

  body:not(.home-page) .proof-main > :is(.proof-device,.proof-stage,.op-surface-card) {
    margin: 0;
    box-shadow: none;
  }

  body:not(.home-page) .proof-main > .proof-device {
    border-radius: 24px 24px 0 0;
    border-bottom: 0;
    padding-bottom: 12px;
  }

  body:not(.home-page) .proof-main > .proof-device + .proof-stage {
    border-radius: 0 0 24px 24px;
    border-top: 1px solid var(--op-line);
    padding-top: 15px;
    margin-bottom: 12px;
  }

  body:not(.home-page) .proof-main > .proof-stage + .op-surface-card, body:not(.home-page) .proof-main > .proof-stage + section {
    margin-top: 0;
  }

  body:not(.home-page) :is(.proof-stage,.op-surface-stage-head) {
    background: #fff;
  }

  body:not(.home-page) :is(.proof-stage,.op-surface-stage-head) :is(h1,h2) {
    font-size: 18px;
    line-height: 1.16;
    font-weight: 680;
    letter-spacing: -.025em;
  }

  body:not(.home-page) :is(.proof-stage,.op-surface-stage-head) p {
    color: var(--op-muted);
    font-size: 12.5px;
    line-height: 1.38;
  }

  body:not(.home-page) .proof-stage__icon {
    width: 30px;
    height: 30px;
    border-radius: 10px;
    background: #edf5ff;
  }

  body:not(.home-page) .proof-main > :is(.op-surface-card,.proof-master,.proof-details,.proof-support):not(.proof-device):not(.proof-stage) {
    border-radius: 20px;
    border-color: var(--op-line);
    background: #fff;
    box-shadow: none;
    margin-bottom: 10px;
  }

  body:not(.home-page) :is(.proof-details,.op-surface-key-values,.op-surface-facts) > div {
    min-height: 32px;
  }

  body:not(.home-page) :is(.proof-details,.op-surface-key-values,.op-surface-facts) :is(span,dt) {
    color: #8390a3;
    font-size: 10.5px;
    font-weight: 500;
  }

  body:not(.home-page) :is(.proof-details,.op-surface-key-values,.op-surface-facts) :is(b,dd) {
    color: #17243a;
    font-size: 11.5px;
    font-weight: 620;
  }

  body:not(.home-page) :is(.proof-stage,.op-surface-client-order-stage-card) .op-surface-button-primary {
    min-height: 46px;
    border-radius: 15px;
    font-weight: 720;
    box-shadow: 0 8px 18px rgba(0,96,244,.16);
  }

  body:not(.home-page) :is(.proof-stage,.op-surface-client-order-stage-card) .op-surface-button-outline {
    box-shadow: none;
    background: #fff;
  }

  body:not(.home-page) :is(.op-client-orders-list-card,.proof-list-card,.op-surface-order-card) .op-surface-status-chip {
    font-size: 9px;
    line-height: 1.15;
    font-weight: 620;
    color: #607087;
    background: #f2f6fb;
    border-color: #e5ebf3;
    padding: 4px 7px;
  }

  body.staff-app :is(.op-staff-status,.op-surface-status-chip), body.accountant-app :is(.op-finance-status-pill,.op-surface-status-chip) {
    font-size: 10px;
    font-weight: 620;
    background: #f2f6fb;
    color: #607087;
    border-color: #e5ebf3;
  }
}

body:not(.home-page) .op-master-master-diagnostic-payout {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  margin-top: 2px;
  padding: 10px 12px;
  border-radius: 14px;
  background: #F4F7FB;
  border: 1px solid rgba(222,231,242,.82);
  color: #748094;
  font-size: 12px;
  line-height: 1.2;
}

body:not(.home-page) .op-master-master-diagnostic-payout strong {
  color: var(--op-text);
  font-size: 18px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: -.02em;
  white-space: nowrap;
}

body:not(.home-page) :is(.op-surface-status-chip,.op-client-card-chip,.op-staff-status,.op-finance-status-pill,.badge) {
  font-weight: 560;
  letter-spacing: 0;
}

body:not(.home-page) :is(.op-surface-stage-panel,.op-surface-client-order-stage-card,.op-surface-master-repair-stage-card) :is(.op-surface-status-chip,.badge) {
  font-size: 10px;
  min-height: 20px;
  padding: 3px 7px;
  font-weight: 540;
}

body:not(.home-page) .op-surface-support-tile :is(.platform-icon-img--action-show,.platform-icon-img--eye), body:not(.home-page) .op-surface-support-tile > svg:not(:first-child), body:not(.home-page) .op-surface-support-tile > img:not(.platform-icon-img--nav-support) {
  display: none;
}

body:not(.home-page) .op-surface-support-tile .op-surface-icon-tile {
  color: var(--op-blue);
}

body.op-surface-screen-master-profile .op-surface-master-profile-card .op-surface-stage-head {
  grid-template-columns: 56px minmax(0,1fr);
}

body.op-surface-screen-master-profile .op-surface-master-profile-card .op-surface-stage-copy .op-surface-button-row--split {
  grid-template-columns: 1fr;
}

body.op-surface-screen-master-profile .op-surface-master-profile-card [data-profile-photo-pick] {
  width: 100%;
}

body.op-surface-screen-master-profile .op-surface-master-profile-card .op-surface-card-row>.op-surface-button-primary {
  width: 100%;
}

body:not(.home-page) {
  background: #fbfcfe;
}

.op-card, .op-surface-card, .op-surface-object-stage-card, .op-surface-master-repair-stage-card, .op-surface-section, .op-product-panel, .op-master-order-card, .op-client-orders-card, .op-finance-card, .op-shell-main .card {
  box-shadow: 0 14px 36px rgba(16,24,40,.045);
}

.op-button, .op-shell-header__logout, .op-ui-iconified {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.op-button {
  letter-spacing: -0.01em;
}

.op-ui-decor-icon {
  width: 26px;
  height: 26px;
  min-width: 26px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0,96,244,.08);
  background: #EEF4FF;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
  flex: 0 0 auto;
}

.op-ui-decor-icon__img {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.op-ui-decor-icon--inverse {
  background: rgba(255,255,255,.15);
  border-color: rgba(255,255,255,.18);
}

.op-ui-decor-icon--inverse .op-ui-decor-icon__img, .op-button--primary .op-ui-decor-icon__img, .op-shell-header__logout .op-ui-decor-icon__img {
  filter: brightness(0) invert(1);
}

.op-ui-decor-icon--danger {
  background: #FFF4F3;
  border-color: rgba(217,45,32,.12);
}

.op-button--primary .op-ui-decor-icon, .op-surface-button-primary .op-ui-decor-icon, .op-client-button-primary .op-ui-decor-icon, .op-shell-header__logout .op-ui-decor-icon {
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.18);
}

.op-button--danger, .op-button--danger:visited, .op-button--secondary[data-ui-tone="danger"], .op-ui-iconified[data-ui-tone="danger"] {
  color: #D92D20;
}

.op-button--danger .op-ui-decor-icon, .op-ui-iconified .op-ui-decor-icon--danger, .op-ui-iconified[data-ui-tone="danger"] .op-ui-decor-icon {
  background: #FFF4F3;
  border-color: rgba(217,45,32,.14);
}

.op-shell-header__logout {
  justify-content: center;
}

.op-shell-header__logout .op-ui-decor-icon {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 9px;
}

.op-shell-header__logout .op-ui-decor-icon__img {
  width: 16px;
  height: 16px;
}

a.op-ui-iconified:not(.op-button), summary.op-ui-iconified, button.op-ui-iconified:not(.op-button) {
  text-decoration: none;
}

a.op-ui-iconified:not(.op-button):not(.op-shell-header__logout), summary.op-ui-iconified, button.op-ui-iconified:not(.op-button) {
  gap: 12px;
}

a.op-ui-iconified:not(.op-button) .op-ui-decor-icon, summary.op-ui-iconified .op-ui-decor-icon, button.op-ui-iconified:not(.op-button) .op-ui-decor-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: 12px;
}

.op-button--secondary, .op-button--ghost, .op-surface-button-outline, .op-surface-button-danger-outline {
  background: #FFFFFF;
}

.op-button--primary, .op-surface-button-primary, .op-client-button-primary {
  box-shadow: none;
}

.op-surface-button-outline, .op-surface-button-danger-outline, .op-button--secondary {
  border-width: 1.5px;
}

@media (max-width: 640px) {
  .op-ui-decor-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 9px;
  }

  .op-ui-decor-icon__img {
    width: 16px;
    height: 16px;
  }

  a.op-ui-iconified:not(.op-button) .op-ui-decor-icon, summary.op-ui-iconified .op-ui-decor-icon, button.op-ui-iconified:not(.op-button) .op-ui-decor-icon {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 11px;
  }
}

/* Security: POST logout wrappers preserve the existing visual geometry. */
.op-shell-header__logout-form,.topbar-logout-form{display:contents}
.op-shell-header__logout,button.topbar-btn{font-family:inherit;cursor:pointer}

/* Source: resources/css/product-public-screens.css */
/* Canonical public screen source. */

* {
  box-sizing: border-box;
}

html {
  background: var(--op-soft);
  -webkit-text-size-adjust: 100%;
}

.op-public-icon {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.op-public-icon * {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.op-public-create-file-input {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.is-hidden {
  display: none !important;
}

a {
  text-decoration: none;
}

.op-public-home-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.op-public-home-action {
  height: 48px;
  min-height: 48px;
  border-radius: 14px;
  font-size: 17px;
  font-weight: 560;
}

.op-public-home-action-icon {
  width: 24px;
  height: 24px;
}

.op-public-home-create {
  grid-column: 1/-1;
  height: 56px;
  min-height: 56px;
  border-radius: 14px;
  font-weight: 580;
}

.op-public-home-create-icon {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff;
  color: var(--op-blue);
  display: grid;
  place-items: center;
  flex: 0 0 28px;
}

.op-public-home-create-plus {
  position: relative;
  display: block;
  width: 12px;
  height: 12px;
  color: inherit;
}

.op-public-home-create-plus::before, .op-public-home-create-plus::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: currentColor;
  border-radius: 999px;
  transform: translate(-50%,-50%);
}

.op-public-home-create-plus::before {
  width: 12px;
  height: 2.2px;
}

.op-public-home-create-plus::after {
  width: 2.2px;
  height: 12px;
}

.op-public-home-create-icon .op-public-icon {
  width: 22px;
  height: 22px;
}

.op-public-home-photo {
  margin: 0;
  border-radius: 17px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(216,224,234,.86);
  box-shadow: 0 12px 30px rgba(15,34,64,.08);
}

.op-public-home-order {
  display: grid;
  gap: 10px;
  background: #fff;
  border: 1px solid rgba(216,224,234,.90);
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 16px 36px rgba(15,34,64,.10);
}

.op-public-home-order-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.op-public-home-status {
  min-height: 34px;
  padding: 0 13px;
  border-radius: 10px;
  background: #DDF6E8;
  color: #08783F;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 16px;
  font-weight: 560;
}

.op-public-home-status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #14B866;
}

.op-public-home-order-id {
  color: #6F7786;
  font-size: 16px;
  font-weight: 500;
}

.op-public-home-order-title {
  margin: 0;
  color: var(--op-ink);
  font-size: 24px;
  line-height: 1.08;
  font-weight: 580;
  letter-spacing: -.04em;
}

.op-public-home-order-meta {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #E5EBF3;
  border-bottom: 1px solid #E5EBF3;
}

.op-public-home-meta-item {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #697386;
  font-size: 16px;
}

.op-public-home-meta-item+.op-public-home-meta-item {
  border-left: 1px solid #E5EBF3;
  padding-left: 16px;
}

.op-public-home-meta-icon {
  width: 23px;
  height: 23px;
  color: #697386;
}

.op-public-home-detail {
  min-height: 48px;
  border: 1.5px solid var(--op-blue);
  border-radius: 12px;
  color: var(--op-blue);
  font-weight: 560;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 16px;
}

.op-public-home-detail::after {
  content: "→";
  font-size: 25px;
  line-height: 1;
}

.op-public-create-head {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 0 16px;
}

.op-public-create-back {
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(216,224,234,.96);
  background: #fff;
  color: var(--op-ink);
  display: grid;
  place-items: center;
}

.op-public-create-title, .op-public-master-title, .op-public-auth-tail-title {
  margin: 0;
  color: var(--op-ink);
  font-size: 30px;
  line-height: 1.04;
  font-weight: 760;
  letter-spacing: -.035em;
  text-align: center;
}

.op-public-create-fields, .op-public-login-phone-form, .op-public-login-password-form, .op-public-master-form, .op-public-auth-tail-form, .op-public-register-fields {
  display: grid;
  gap: 8px;
}

.op-public-create-field, .op-public-master-field, .op-public-auth-tail-field {
  display: grid;
  gap: 7px;
  position: relative;
}

.op-public-select, .op-public-textarea {
  width: 100%;
  min-height: 56px;
  border: 1.5px solid #CED8E7;
  border-radius: 15px;
  background: #fff;
  color: var(--op-ink);
  font-size: 16px;
  padding: 0 14px;
  appearance: none;
  outline: 0;
}

.op-public-textarea {
  height: 96px;
  min-height: 96px;
  padding-top: 12px;
  resize: vertical;
}

.op-public-textarea::placeholder {
  color: #A8B2C1;
}

.op-public-select-wrap {
  position: relative;
}

.op-public-select {
  padding-right: 48px;
}

.op-public-create-select-icon {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 25px;
  height: 25px;
  transform: translateY(-50%);
  color: var(--op-ink);
  pointer-events: none;
}

.op-public-create-upload {
  min-height: 114px;
  border: 1.6px dashed rgba(0,96,244,.50);
  border-radius: 18px;
  background: #FBFCFF;
  color: var(--op-blue);
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  text-align: center;
  cursor: pointer;
}

.op-public-create-photo-icon {
  width: 36px;
  height: 36px;
}

.op-public-create-upload-title {
  font-size: 18px;
  font-weight: 760;
}

.op-public-create-upload-note {
  font-size: 14px;
  color: #667085;
}

.op-public-master-login-link, .op-public-register-login-link {
  color: var(--op-blue);
  font-weight: 700;
}

.op-public-master-consent, .op-public-register-consent {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 8px;
  color: var(--op-ink);
  font-size: 13px;
  line-height: 1.35;
}

.op-public-check-shell {
  display: block;
  align-self: start;
  width: 18px;
  height: 18px;
  margin: 1px 0 0;
  line-height: 0;
}

.op-public-check-input {
  display: block;
  width: 18px !important;
  min-width: 18px !important;
  height: 18px !important;
  min-height: 18px !important;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  accent-color: var(--op-blue);
}

.op-public-check-box {
  display: none;
}

.city-autocomplete-results {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 8px);
  z-index: 20;
  max-height: 260px;
  overflow: auto;
  border: 1px solid var(--op-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: var(--op-shadow);
  padding: 8px;
}

.city-autocomplete-results[hidden] {
  display: none;
}

.city-autocomplete-item {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  border-radius: 10px;
  padding: 10px;
  color: var(--op-ink);
  font-size: 14px;
}

.city-autocomplete-item:hover, .city-autocomplete-item.is-active {
  background: #EEF6FF;
}

.op-public-login-segment-links {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 12px 0;
}

.op-public-login-segment-links a {
  min-height: 44px;
  border: 1px solid var(--op-line);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--op-blue);
  font-weight: 700;
  text-decoration: none;
  background: #fff;
}

.op-public-create-consent {
  overflow-wrap: anywhere;
}

.op-public-icon :where(path,circle,rect,line,polyline,polygon,ellipse) {
  stroke-width: 1.55px !important;
  vector-effect: non-scaling-stroke;
}

.op-public-home-title, .op-public-create-title, .op-public-master-title, .op-public-auth-tail-title, .op-public-home-order-title {
  font-weight: 700 !important;
}

.op-public-create-submit, .op-public-login-submit, .op-public-login-enter, .op-public-master-submit, .op-public-auth-tail-submit {
  width: 100%;
  height: 56px;
  min-height: 56px;
  border: 0;
  border-radius: 16px;
  background: var(--op-blue);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  font-weight: 660 !important;
}

.op-public-home-photo img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master,.public-screen-create-order) {
  background: #F4F8FF;
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) .op-public-brand-strip {
  min-height: 92px;
  padding: 18px 16px 14px;
  border-bottom-color: #E5ECF5;
  background: rgba(255,255,255,.95);
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) .op-public-brand-logo, body.public-screen-login.op-public-direct .op-public-login-brand-logo {
  width: 198px;
  height: auto;
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) :is(.op-public-login,.op-public-auth-tail,.op-public-master) {
  padding: 22px 14px max(34px,env(safe-area-inset-bottom));
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) :is(.op-public-login-card,.op-public-auth-tail-panel,.op-public-master-card) {
  border-color: rgba(220,230,242,.92);
  border-radius: 24px;
  padding: 20px 16px 18px;
  box-shadow: 0 16px 38px rgba(7,18,37,.07);
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) :is(.op-public-login-phone-form,.op-public-login-password-form,.op-public-auth-tail-form,.op-public-master-form,.op-public-register-fields) {
  gap: 10px;
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) .op-public-textarea {
  min-height: 96px;
}

body.op-public-direct:is(.public-screen-login,.public-screen-auth-tail,.public-screen-register-master) :is(.op-public-login-submit,.op-public-login-enter,.op-public-auth-tail-submit,.op-public-master-submit) {
  height: 52px;
  min-height: 52px;
  border-radius: 14px;
  font-size: 16px;
  font-weight: 660;
  box-shadow: 0 10px 24px rgba(0,96,244,.16);
}

body.public-screen-register-master.op-public-direct input[type="file"] {
  width: 100%;
  min-height: 52px;
  border: 1px dashed rgba(0,96,244,.34);
  border-radius: 14px;
  background: #F8FBFF;
  padding: 6px;
  color: #667085;
  font-size: 12px;
}

body.public-screen-register-master.op-public-direct input[type="file"]::file-selector-button {
  height: 38px;
  margin-right: 9px;
  border: 0;
  border-radius: 10px;
  background: #EAF3FF;
  color: #0060F4;
  padding: 0 12px;
  font-weight: 560;
  cursor: pointer;
}

body.public-screen-create-order.op-public-direct {
  --op-create-ink: #101828;
  --op-create-muted: #667085;
  --op-create-line: #e2e8f0;
  --op-create-blue: #075ee8;
  --op-create-blue-soft: #eaf2ff;
  background: #f3f6fa;
}

body.public-screen-create-order.op-public-direct .op-public-create {
  display: block;
  width: 100%;
  padding: 16px 14px max(26px, env(safe-area-inset-bottom));
}

body.public-screen-create-order.op-public-direct .op-public-create-card {
  width: min(100%, 680px);
  max-width: 680px;
  margin: 0 auto;
  padding: 16px 16px 18px;
  overflow: hidden;
  border: 1px solid var(--op-create-line);
  border-radius: 26px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(16, 24, 40, .07);
}

body.public-screen-create-order.op-public-direct .op-public-create-head {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr) 48px;
  align-items: start;
  gap: 8px;
  min-height: 0;
  margin: 0 0 10px;
}

body.public-screen-create-order.op-public-direct .op-public-create-back {
  position: static;
  grid-column: 1;
  width: 46px;
  height: 46px;
  border-color: var(--op-create-line);
  border-radius: 14px;
  color: #344054;
  box-shadow: 0 4px 14px rgba(16, 24, 40, .04);
}

body.public-screen-create-order.op-public-direct .op-public-create-heading-copy {
  grid-column: 2;
  min-width: 0;
  text-align: center;
}

body.public-screen-create-order.op-public-direct .op-public-create-title {
  margin: 1px 0 0;
  color: var(--op-create-ink);
  font-size: 24px !important;
  line-height: 1.04 !important;
  font-weight: 620 !important;
  letter-spacing: -.04em !important;
  text-align: center;
}

body.public-screen-create-order.op-public-direct .op-public-create-subtitle {
  max-width: 470px;
  margin: 6px auto 0;
  color: var(--op-create-muted);
  font-size: 14px;
  line-height: 1.4;
}

body.public-screen-create-order.op-public-direct .op-public-create-confidence {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin: 0 0 4px;
}

body.public-screen-create-order.op-public-direct .op-public-create-confidence span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid #dbe6f6;
  border-radius: 999px;
  background: #f8fbff;
  color: #40536b;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 560;
}

body.public-screen-create-order.op-public-direct .op-public-create-confidence svg {
  width: 15px;
  height: 15px;
  color: var(--op-create-blue);
}

body.public-screen-create-order.op-public-direct .op-public-create-fields {
  display: grid;
  gap: 0;
  margin-top: 2px;
  border-top: 1px solid var(--op-create-line);
}

body.public-screen-create-order.op-public-direct .op-public-create-section {
  position: relative;
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 14px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.public-screen-create-order.op-public-direct .op-public-create-section + .op-public-create-section {
  border-top: 1px solid var(--op-create-line);
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head {
  position: relative;
  display: grid;
  gap: 5px;
  padding-left: 42px;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head::before {
  content: attr(data-step-label);
}

body.public-screen-create-order.op-public-direct .op-public-create-section::before {
  content: attr(data-create-step);
  position: absolute;
  top: 14px;
  left: 0;
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border-radius: 10px;
  background: var(--op-create-blue-soft);
  color: var(--op-create-blue);
  font-size: 13px;
  line-height: 1;
  font-weight: 800;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head h2 {
  margin: 0;
  color: var(--op-create-ink);
  font-size: 17px;
  line-height: 1.15;
  letter-spacing: -.025em;
  font-weight: 580;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head p {
  margin: 0;
  color: var(--op-create-muted);
  font-size: 13px;
  line-height: 1.4;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__content {
  display: grid;
  gap: 10px;
}

body.public-screen-create-order.op-public-direct .op-public-create-field {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 4px;
  margin: 0;
}

body.public-screen-create-order.op-public-direct .op-public-create-field .op-field__label {
  color: #344054;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 560;
}

body.public-screen-create-order.op-public-direct .op-public-create-field .op-field__hint {
  color: #667085;
  font-size: 12px;
  line-height: 1.35;
}

body.public-screen-create-order.op-public-direct :is(.op-control, .op-public-select, .op-public-textarea) {
  width: 100%;
  min-height: 46px;
  border: 1px solid #d3dce8;
  border-radius: 14px;
  background: #fff;
  color: var(--op-create-ink);
  padding: 10px 13px;
  font-size: 16px;
  line-height: 1.35;
  outline: 0;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .02);
}

body.public-screen-create-order.op-public-direct :is(.op-control, .op-public-select, .op-public-textarea):focus {
  border-color: #76a7f5;
  box-shadow: 0 0 0 4px rgba(7, 94, 232, .10);
}

body.public-screen-create-order.op-public-direct .op-public-textarea {
  min-height: 88px;
  resize: vertical;
}

body.public-screen-create-order.op-public-direct .op-public-create-upload {
  min-height: 84px;
  border: 1.5px dashed #9bbcf1;
  border-radius: 16px;
  background: #f7faff;
  color: var(--op-create-blue);
}

body.public-screen-create-order.op-public-direct .op-public-create-upload-title {
  font-size: 16px;
  font-weight: 580;
}

body.public-screen-create-order.op-public-direct .op-public-create-upload-note {
  color: #6f7f92;
  font-size: 12px;
}

body.public-screen-create-order.op-public-direct .op-public-create-photo-icon {
  width: 30px;
  height: 30px;
}

body.public-screen-create-order.op-public-direct .op-public-create-submit-note {
  margin: 0;
  padding: 12px 0 8px;
  border-top: 1px solid var(--op-create-line);
  color: #6b7788;
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

body.public-screen-create-order.op-public-direct .op-public-create-actions {
  margin: 0;
  padding: 0;
  background: transparent;
}

body.public-screen-create-order.op-public-direct .op-public-create-actions .op-order-action-bar__primary {
  width: 100%;
}

body.public-screen-create-order.op-public-direct .op-public-create-submit {
  width: 100%;
  min-height: 50px;
  height: 50px;
  margin: 0;
  border: 0;
  border-radius: 15px;
  background: var(--op-create-blue);
  color: #fff;
  font-size: 16px;
  font-weight: 580 !important;
  letter-spacing: -.01em;
  box-shadow: 0 10px 22px rgba(7, 94, 232, .18);
  cursor: pointer;
}

@media (min-width: 620px) {
  body.public-screen-create-order.op-public-direct .op-public-create {
    padding-top: 30px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-card {
    padding: 22px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-section {
    padding: 22px 0;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-section::before {
    top: 22px;
    left: 0;
  }
}

@media (max-width: 430px) {
  body.public-screen-create-order.op-public-direct .op-public-create-head {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-back {
    width: 44px;
    height: 44px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-title {
    font-size: 27px !important;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-subtitle {
    font-size: 13px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-card {
    padding: 17px 14px 15px;
    border-radius: 23px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-section {
    padding: 17px 0;
    border-radius: 0;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-section::before {
    top: 17px;
    left: 0;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head {
    padding-left: 36px;
  }
}

body.op-public-direct {
  margin: 0;
  min-height: 100svh;
  color: var(--op-ink);
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Inter","Segoe UI",Roboto,Arial,sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  overflow-x: hidden;
  font-size: 16px;
  line-height: 1.35;
  background: #F5F8FC;
}

.op-public-home {
  width: 100%;
  min-height: 100svh;
  display: flex;
  justify-content: center;
  padding: 28px var(--op-side) 32px;
  background: #F5F8FC;
}

.op-public-home-panel {
  width: min(100%,var(--op-max));
  display: grid;
  justify-items: stretch;
  gap: 10px;
}

.op-public-home-brand {
  display: grid;
  justify-items: center;
  gap: 7px;
}

.op-public-home-logo {
  object-fit: contain;
  width: 72px;
  height: 72px;
}

.op-public-home-title {
  margin: 0;
  color: var(--op-blue);
  font-weight: 760;
  text-align: center;
  font-size: 32px;
  line-height: 1.04;
  letter-spacing: -.045em;
}

.op-public-brand-strip {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(216,224,234,.74);
  min-height: 78px;
  padding: 17px 16px 15px;
  background: rgba(255,255,255,.97);
  border-bottom-color: rgba(220,230,242,.88);
}

.op-public-brand-logo {
  height: auto !important;
  object-fit: contain !important;
  width: 168px !important;
}

.op-public-login-brand-logo {
  display: block;
  height: auto;
  width: 168px !important;
  margin: 0 auto 14px;
}

.op-public-create, .op-public-login, .op-public-master, .op-public-auth-tail {
  display: flex;
  justify-content: center;
  padding: 18px 14px max(30px,env(safe-area-inset-bottom));
}

.op-public-create-card, .op-public-login-card, .op-public-master-card, .op-public-auth-tail-panel, .op-public-email-verify-panel {
  width: min(100%,var(--op-max));
  background: #fff;
  border: 1px solid rgba(216,224,234,.92);
  border-radius: 22px;
  padding: 22px 14px 18px;
  overflow: hidden;
  box-shadow: 0 12px 32px rgba(7,18,37,.07);
}

@media (max-width:374px) {
  .op-public-home-action {
    font-size: 15px;
  }

  .op-public-home-order-title {
    font-size: 22px;
  }

  .op-public-create-title {
    font-size: 28px;
  }

  .op-public-brand-logo {
    width: 196px !important;
  }

  .op-public-home-logo {
    width: 66px;
    height: 66px;
  }

  .op-public-home-title {
    font-size: 30px;
  }

  .op-public-brand-logo, .op-public-login-brand-logo {
    width: 156px !important;
  }
}

body.op-public-direct :is(.op-public-create-card,.op-public-login-card,.op-public-master-card,.op-public-auth-tail-panel,.op-public-email-verify-panel) {
  border-radius: 20px;
  padding: 20px 16px 18px;
  border-color: rgba(220,230,242,.90);
  box-shadow: 0 10px 28px rgba(7,18,37,.065);
}

body.public-screen-home.op-public-direct .op-public-home-order {
  border-radius: 20px;
  padding: 16px;
  gap: 8px;
  box-shadow: 0 10px 28px rgba(7,18,37,.065);
}

body.public-screen-home.op-public-direct .op-public-home-status {
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 620;
}

body.public-screen-home.op-public-direct .op-public-home-order-title {
  font-size: 22px;
  line-height: 1.12;
  font-weight: 680;
}

body.public-screen-home.op-public-direct :is(.op-public-home-order-id,.op-public-home-meta-item) {
  font-size: 14px;
}

body.op-public-direct .op-public-icon, body.op-public-direct svg.op-public-icon {
  stroke-width: 1.6 !important;
}

body.op-public-direct :is(.op-public-create-title,.op-public-master-title,.op-public-auth-tail-title) {
  font-size: 26px !important;
  line-height: 1.1 !important;
  font-weight: 700 !important;
  letter-spacing: -.03em !important;
}

@media (max-width:560px) {
  body.op-product--public main :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),select,textarea) {
    min-height: 46px;
    border-radius: 14px;
    padding: 10px 13px;
    font-size: 16px;
    line-height: 1.35;
  }

  body.op-product--public main textarea {
    min-height: 112px;
  }
}

body.op-public-direct:is( .public-screen-login, .public-screen-auth-tail, .public-screen-register, .public-screen-register-client, .public-screen-register-master, .public-screen-phone-verify, .public-screen-email-verify, .public-screen-forgot-password, .public-screen-reset-password, .public-screen-twofa, .public-screen-admin-2fa, .public-screen-master-pending, .public-screen-master-rejected ) :is(.op-public-login,.op-public-auth-tail,.op-public-master) {
  box-sizing: border-box;
  min-height: calc(100svh - 92px);
  align-items: center;
  padding-block: clamp(22px, 6svh, 56px) max(34px, env(safe-area-inset-bottom));
}

body.op-public-direct:is( .public-screen-login, .public-screen-auth-tail, .public-screen-register, .public-screen-register-client, .public-screen-register-master, .public-screen-phone-verify, .public-screen-email-verify, .public-screen-forgot-password, .public-screen-reset-password, .public-screen-twofa, .public-screen-admin-2fa, .public-screen-master-pending, .public-screen-master-rejected ) :is(.op-public-login-card,.op-public-auth-tail-panel,.op-public-master-card,.op-public-email-verify-panel) {
  width: min(100%, 460px);
  margin-inline: auto;
}

.op-proof-auth-back {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  margin: -4px 0 10px;
  color: var(--op-blue);
  font-weight: 560;
  text-decoration: none;
}

body.op-product--public:is( .op-product--surface-login, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-master-pending-auth, .op-product--surface-master-rejected-auth, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-product-screen--public {
  box-sizing: border-box;
  width: 100%;
  min-height: 100svh;
  display: grid;
  align-content: center;
  padding: clamp(24px, 7svh, 64px) 14px max(34px, env(safe-area-inset-bottom));
}

body.op-product--public:is( .op-product--surface-login, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-master-pending-auth, .op-product--surface-master-rejected-auth, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-product-family--public {
  width: min(100%, 460px);
  margin-inline: auto;
}

@media (max-height: 690px), (max-width: 360px) {
  body.op-public-direct:is( .public-screen-login, .public-screen-auth-tail, .public-screen-register, .public-screen-register-client, .public-screen-register-master, .public-screen-phone-verify, .public-screen-email-verify, .public-screen-forgot-password, .public-screen-reset-password, .public-screen-twofa, .public-screen-admin-2fa, .public-screen-master-pending, .public-screen-master-rejected ) :is(.op-public-login,.op-public-auth-tail,.op-public-master) {
    align-items: flex-start;
    padding-top: 18px;
  }

  body.op-product--public:is( .op-product--surface-login, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-master-pending-auth, .op-product--surface-master-rejected-auth, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-product-screen--public {
    align-content: start;
    padding-top: 18px;
  }
}

:root {
  --op-card: #FFFFFF;
  --op-radius: 20px;
  --op-side: 16px;
  --op-max: 390px;
  --op-blue: #0867f2;
  --op-blue-2: #0a70ff;
  --op-ink: #101828;
  --op-muted: #667085;
  --op-soft: #fbfcfe;
  --op-line: #e4eaf1;
  --op-shadow: 0 12px 34px rgba(16,24,40,.06);
}

html, body.op-product.op-product--public, body.op-public-direct {
  background: #fbfcfe;
}

body.op-public-direct :is(.op-public-create-card,.op-public-login-card,.op-public-master-card,.op-public-auth-tail-panel,.op-public-email-verify-panel), body.op-product--public .op-proof-public-card {
  border-color: #e4eaf1;
  border-radius: 22px;
  box-shadow: 0 12px 34px rgba(16,24,40,.06);
}

body.op-product--public .op-proof-public-card {
  padding: 16px 16px 18px;
}

body.op-product--public :is(.op-product-page-head__title,.op-public-create-title,.op-public-master-title,.op-public-auth-tail-title,.op-public-login-title) {
  color: #101828;
  font-weight: 680;
}

body.op-product--public :is(.op-product-page-head__copy,.op-public-create-subtitle,.op-public-master-copy,.op-public-auth-tail-copy) {
  color: #667085;
  font-weight: 400;
}

body.op-product--public :is(.op-field__label,.op-public-create-field .op-field__label) {
  color: #344054;
  font-weight: 520;
}

body.op-product--public .op-proof-auth-back {
  font-weight: 560;
}

body.public-screen-create-order.op-public-direct .op-public-create-card, body.op-product--public.op-product--surface-create-order .op-public-create-card {
  padding: 14px 14px 16px;
  border-radius: 24px;
}

body.public-screen-create-order.op-public-direct .op-public-create-head, body.op-product--public.op-product--surface-create-order .op-public-create-head {
  margin-bottom: 8px;
}

body.public-screen-create-order.op-public-direct .op-public-create-subtitle, body.op-product--public.op-product--surface-create-order .op-public-create-subtitle {
  max-width: 34ch;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.42;
}

body.public-screen-create-order.op-public-direct .op-public-create-fields, body.op-product--public.op-product--surface-create-order .op-public-create-fields {
  margin-top: 4px;
  border-top-color: #e7ecf2;
}

body.public-screen-create-order.op-public-direct .op-public-create-section, body.op-product--public.op-product--surface-create-order .op-public-create-section {
  gap: 8px;
  padding: 12px 0;
}

body.public-screen-create-order.op-public-direct .op-public-create-section::before, body.op-product--public.op-product--surface-create-order .op-public-create-section::before {
  display: none;
  content: none;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head, body.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head {
  gap: 4px;
  padding-left: 0;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head h2, body.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head h2 {
  font-size: 18px;
  font-weight: 560;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head p, body.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head p {
  color: #667085;
  font-size: 13px;
  font-weight: 400;
}

body.op-product--public .op-public-create-upload {
  min-height: 90px;
  border-color: #c8d6e8;
  background: #fbfdff;
}

body.op-product--public .op-public-create-upload-title {
  font-weight: 560;
}

body.op-product--public .op-public-create-submit {
  box-shadow: none;
}

body.op-product--public .op-public-create-submit-note {
  color: #667085;
  font-weight: 400;
}

@media (max-width: 360px) {
  body.op-product--public .op-proof-public-card, body.public-screen-create-order.op-public-direct .op-public-create-card, body.op-product--public.op-product--surface-create-order .op-public-create-card {
    padding-inline: 14px;
  }
}

body.op-product--public .op-public-create-upload-note, body.public-screen-create-order.op-public-direct .op-public-create-upload-note {
  color: #5f6b7a;
}

/* Source: resources/css/product-components.css */
/* Canonical shared product component source. */

.op-product-screen {
  display: block;
  min-width: 0;
}

.op-product-screen--public {
  display: contents;
}

.op-product-screen> :first-child {
  margin-top: 0;
}

.op-product-screen> :last-child {
  margin-bottom: 0;
}

body.op-product * {
  box-sizing: border-box;
}

body.op-product :where(a,button,input,select,textarea) {
  font: inherit;
  -webkit-tap-highlight-color: transparent;
}

body.op-product :where(a) {
  color: inherit;
}

body.op-product :where(img,svg) {
  max-width: 100%;
}

body.op-product [hidden], body.op-product .is-hidden, body.op-product .op-hidden {
  display: none;
}

.op-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.op-shell-header__inner {
  width: min(calc(100% - 28px),var(--op-ops));
  min-height: var(--op-header);
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 0;
}

.op-shell-header__brand {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  text-decoration: none;
}

.op-shell-header__logo {
  display: block;
  width: 174px;
  height: auto;
  max-width: 48vw;
}

.op-shell-header__context {
  min-width: 0;
  display: grid;
  gap: 2px;
  margin-right: auto;
}

.op-shell-header__role {
  font-size: 12px;
  font-weight: 700;
  color: var(--op-blue);
}

.op-shell-header__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: var(--op-muted);
}

.op-shell-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}

.op-shell-header__bell, .op-shell-header__logout {
  min-height: 42px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-md);
  background: #fff;
  color: var(--op-text);
  text-decoration: none;
  box-shadow: none;
}

.op-shell-header__bell {
  position: relative;
  width: 42px;
  min-width: 42px;
  display: grid;
  place-items: center;
  color: var(--op-blue);
}

.op-shell-header__bell svg {
  width: 20px;
  height: 20px;
}

.op-shell-header__bell-dot {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 8px;
  height: 8px;
  border: 2px solid #fff;
  border-radius: 999px;
  background: #ff3b30;
}

.op-shell-header__logout {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 650;
}

.op-shell-header__bell:hover, .op-shell-header__logout:hover {
  border-color: #bfd2ea;
  background: #f8fbff;
}

.op-shell-main {
  position: relative;
  width: min(calc(100% - 24px),var(--op-content));
  margin: 0 auto;
  padding: 18px 0 100px;
}

.op-shell-main--staff {
  width: min(calc(100% - 312px),var(--op-ops));
  max-width: var(--op-ops);
  margin-left: max(280px,calc((100vw - 1440px)/2 + 268px));
  padding-bottom: 44px;
}

.op-nav {
  z-index: 65;
}

.op-nav__item {
  color: var(--op-muted);
  text-decoration: none;
  transition: color .16s ease,background .16s ease,border-color .16s ease;
}

.op-nav__icon {
  display: grid;
  place-items: center;
  line-height: 0;
}

.op-nav__icon svg {
  width: 21px;
  height: 21px;
}

.op-nav__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.op-nav--master {
  position: fixed;
  left: 50%;
  bottom: max(8px,env(safe-area-inset-bottom));
  transform: translateX(-50%);
  width: min(calc(100% - 20px),520px);
  min-height: 64px;
  padding: 5px;
  display: flex;
  align-items: stretch;
  gap: 2px;
  border: 1px solid var(--op-line);
  border-radius: 18px;
  background: rgba(255,255,255,.97);
  box-shadow: 0 14px 40px rgba(19,43,75,.14);
  backdrop-filter: blur(16px);
}

.op-nav__item--master, .op-nav__item--mobile {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: 650;
}

.op-nav__item.is-active {
  color: var(--op-blue);
}

.op-nav__item--master.is-active, .op-nav__item--mobile.is-active {
  background: var(--op-blue-soft);
}

.op-nav--side {
  position: fixed;
  left: max(18px,calc((100vw - 1440px)/2));
  top: calc(var(--op-header) + 18px);
  width: 244px;
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid var(--op-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--op-shadow);
}

.op-nav__title {
  padding: 4px 10px 8px;
  font-size: 12px;
  font-weight: 700;
  color: var(--op-muted);
}

.op-nav__item--side {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 8px 10px;
  border-radius: 11px;
  font-size: 14px;
  font-weight: 650;
}

.op-nav__item--side.is-active {
  background: var(--op-blue-soft);
}

.op-nav--staff-mobile {
  display: none;
}

.op-product-page-head, .op-product-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.op-product-page-head__body, .op-product-section-head__body {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.op-product-page-head__title {
  margin: 0;
  font-size: clamp(26px,4vw,34px);
  line-height: 1.08;
  letter-spacing: -.035em;
  font-weight: 740;
}

.op-product-page-head__copy, .op-product-section-head__copy {
  margin: 0;
  color: var(--op-muted);
  line-height: 1.5;
}

.op-product-section-head__title, .op-card__title {
  margin: 0;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: -.018em;
  font-weight: 700;
  color: var(--op-ink);
}

.op-product-page-head__meta, .op-product-section-head__aside {
  flex: 0 0 auto;
}

.op-heading-reset {
  margin: 0;
}

.op-section-label {
  display: block;
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: var(--op-muted);
}

.op-muted {
  color: var(--op-muted);
}

.op-muted--small {
  font-size: 12px;
}

.op-link {
  color: var(--op-blue);
  font-weight: 650;
  text-decoration: none;
}

.op-link:hover {
  text-decoration: underline;
}

.op-link-reset {
  color: inherit;
  text-decoration: none;
}

.op-fade-in {
  animation: opFadeIn .2s ease both;
}

@keyframes opFadeIn {
  from {
    opacity: 0;
    transform: translateY(3px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.op-card {
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-lg);
  background: var(--op-surface);
  box-shadow: var(--op-shadow);
}

.op-card--flat {
  box-shadow: none;
}

.op-card--hero {
  padding: 20px;
  background: linear-gradient(145deg,#fff,#f8fbff);
}

.op-card--ops {
  box-shadow: none;
}

.op-card--monolith {
  padding: 22px;
}

.op-notice, .op-product-notice {
  display: flex;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid #cfe0f7;
  border-radius: var(--op-radius-md);
  background: #f2f7ff;
  color: var(--op-text);
  line-height: 1.45;
}

.op-notice--success, .op-product-notice--success {
  border-color: #cdebdc;
  background: var(--op-success-soft);
  color: #12643f;
}

.op-notice--warning, .op-product-notice--warning {
  border-color: #f0ddb0;
  background: var(--op-warning-soft);
  color: #765000;
}

.op-notice--danger, .op-product-notice--danger {
  border-color: #f0cbc7;
  background: var(--op-danger-soft);
  color: #8f2119;
}

.op-notice--neutral {
  border-color: var(--op-line);
  background: var(--op-soft);
  color: var(--op-text);
}

.op-product-notice__body {
  display: grid;
  gap: 3px;
}

.op-product-notice__title {
  font-weight: 700;
}

.op-product-notice__copy {
  min-width: 0;
}

.op-button {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: var(--op-radius-md);
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: background .16s ease,border-color .16s ease,color .16s ease,transform .08s ease;
}

.op-button:active {
  transform: translateY(1px);
}

.op-button--primary {
  background: var(--op-blue);
  border-color: var(--op-blue);
  color: #fff;
}

.op-button--primary:hover {
  background: var(--op-blue-hover);
  border-color: var(--op-blue-hover);
}

.op-button--secondary, .op-button--outline {
  background: #fff;
  border-color: var(--op-line-strong);
  color: var(--op-text);
}

.op-button--secondary:hover, .op-button--outline:hover, .op-button--ghost:hover {
  background: #f7faff;
  border-color: #bcd0e7;
}

.op-button--ghost {
  background: transparent;
  border-color: transparent;
  color: var(--op-text);
}

.op-button--danger {
  background: var(--op-danger);
  border-color: var(--op-danger);
  color: #fff;
}

.op-button--success {
  background: var(--op-success);
  border-color: var(--op-success);
  color: #fff;
}

.op-button--pill {
  min-height: 38px;
  border-radius: 999px;
}

.op-button[disabled], .op-button[aria-disabled="true"] {
  opacity: .5;
  pointer-events: none;
}

.op-field {
  min-width: 0;
  display: grid;
  gap: 7px;
  margin: 0;
}

.op-field__label {
  font-size: 13px;
  font-weight: 680;
  color: var(--op-text);
}

.op-field__hint {
  font-size: 12px;
  line-height: 1.45;
  color: var(--op-muted);
}

.op-field__error {
  font-size: 12px;
  color: var(--op-danger);
}

.op-control {
  width: 100%;
  min-height: 46px;
  padding: 11px 13px;
  border: 1px solid var(--op-line-strong);
  border-radius: 12px;
  outline: none;
  background: #fff;
  color: var(--op-ink);
  box-shadow: none;
  transition: border-color .16s ease,box-shadow .16s ease,background .16s ease;
}

.op-control:hover {
  border-color: #b7c9dc;
}

.op-control:focus {
  border-color: var(--op-blue);
  box-shadow: 0 0 0 3px rgba(0,96,244,.12);
}

.op-control--textarea {
  min-height: 104px;
  resize: vertical;
  line-height: 1.5;
}

.op-control--with-icon {
  padding-left: 42px;
}

.op-field.is-invalid .op-control {
  border-color: #d75a50;
  box-shadow: 0 0 0 3px rgba(180,35,24,.09);
}

.op-inline-form {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}

.op-status, .op-product-status, .op-surface-status-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  max-width: 100%;
  min-height: 28px;
  padding: 5px 9px;
  border: 1px solid #cfe0f7;
  border-radius: 999px;
  background: var(--op-blue-soft);
  color: #1452a3;
  font-size: 12px;
  font-weight: 650;
  line-height: 1.15;
}

.op-status--neutral, .op-surface-status-chip--neutral {
  border-color: var(--op-line);
  background: var(--op-soft);
  color: var(--op-muted);
}

.op-status--success, .op-surface-status-chip--green {
  border-color: #cdebdc;
  background: var(--op-success-soft);
  color: #12643f;
}

.op-status--warning, .op-surface-status-chip--yellow {
  border-color: #f0ddb0;
  background: var(--op-warning-soft);
  color: #765000;
}

.op-status--danger, .op-surface-status-chip--red {
  border-color: #f0cbc7;
  background: var(--op-danger-soft);
  color: #8f2119;
}

.op-status--action {
  border-color: #cfe0f7;
  background: #edf5ff;
  color: var(--op-blue);
}

.op-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9px;
  flex-wrap: wrap;
}

.op-actions--start {
  justify-content: flex-start;
}

.op-actions--end {
  justify-content: flex-end;
}

.op-row {
  display: flex;
  align-items: center;
  gap: 10px;
}

.op-row--between {
  justify-content: space-between;
}

.op-segmented {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--op-line);
  border-radius: 12px;
  background: var(--op-soft);
}

.op-segmented__item {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 9px;
  color: #53647A;
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
}

.op-segmented__item.is-active {
  background: #fff;
  color: var(--op-blue);
  box-shadow: 0 1px 3px rgba(17,39,70,.08);
}

.op-metrics, .op-product-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 10px;
}

.op-metric, .op-product-metric {
  min-width: 0;
  display: grid;
  gap: 5px;
  padding: 14px;
  border: 1px solid var(--op-line);
  border-radius: 14px;
  background: #fff;
}

.op-metric__label, .op-product-metric__label {
  font-size: 12px;
  color: var(--op-muted);
}

.op-metric__value, .op-product-metric__value {
  font-size: 22px;
  line-height: 1.1;
  letter-spacing: -.025em;
  color: var(--op-ink);
}

.op-product-metric__detail {
  font-size: 12px;
  color: var(--op-muted);
}

.op-table-wrap {
  max-width: 100%;
  overflow: auto;
  border: 1px solid var(--op-line);
  border-radius: 14px;
  background: #fff;
}

.op-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.op-table th, .op-table td {
  padding: 11px 12px;
  border-bottom: 1px solid var(--op-line);
  text-align: left;
  vertical-align: top;
}

.op-table th {
  position: sticky;
  top: 0;
  background: #f8fafc;
  color: var(--op-muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: none;
}

.op-table tr:last-child td {
  border-bottom: 0;
}

.op-table__number {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.op-empty, .op-product-empty {
  display: grid;
  place-items: center;
  gap: 12px;
  min-height: 230px;
  padding: 28px;
  text-align: center;
  border: 1px dashed var(--op-line-strong);
  border-radius: var(--op-radius-lg);
  background: #fff;
}

.op-product-empty__icon {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: var(--op-soft);
  color: var(--op-blue);
}

.op-product-empty__content {
  max-width: 440px;
  display: grid;
  gap: 7px;
}

.op-product-empty__title {
  margin: 0;
  font-size: 19px;
}

.op-product-empty__copy {
  margin: 0;
  color: var(--op-muted);
  line-height: 1.5;
}

.op-product-empty__actions {
  margin-top: 7px;
}

.op-modal-overlay {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 16px;
  background: rgba(13,31,56,.45);
  backdrop-filter: blur(4px);
}

.op-modal {
  width: min(100%,460px);
  max-height: min(86vh,720px);
  overflow: auto;
  border: 1px solid var(--op-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--op-shadow-float);
}

.op-modal--compact {
  width: min(100%,420px);
}

.op-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 18px 10px;
}

.op-modal__title {
  font-size: 19px;
  font-weight: 720;
  letter-spacing: -.02em;
}

.op-modal__close {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 10px;
  background: var(--op-soft);
  color: var(--op-muted);
  font-size: 24px;
  line-height: 1;
  cursor: pointer;
}

.op-modal__body {
  display: grid;
  gap: 14px;
  padding: 10px 18px 18px;
  line-height: 1.5;
  color: var(--op-text);
}

.op-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding: 14px 18px 18px;
}

.op-confirm-proof {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--op-line);
  border-radius: 14px;
  background: var(--op-soft);
}

.op-confirm-proof__logo {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.op-confirm-proof__copy {
  min-width: 0;
  display: grid;
  gap: 2px;
}

.op-confirm-proof__text {
  font-weight: 700;
}

.op-confirm-proof__caption {
  font-size: 12px;
  color: var(--op-muted);
}

.op-appliance-preview, [data-appliance-preview="1"] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(145deg,#f8fbfe,#edf3f8);
}

.op-appliance-preview__image {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  border: 0;
  object-fit: cover;
  object-position: center;
}

.op-appliance-preview__image--fallback {
  transform: scale(1.012);
  filter: saturate(.93) contrast(1.025);
}

.op-appliance-preview__finish {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.18),transparent 32%,rgba(9,24,45,.05));
  box-shadow: inset 0 0 0 1px rgba(203,215,228,.42);
}

.op-appliance-preview--appliance-fallback .op-appliance-preview__finish, [data-media-source="appliance-fallback"]>.op-appliance-preview__finish {
  opacity: 1;
}

.op-appliance-preview__placeholder {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: grid;
  place-items: center;
  padding: 14px;
  color: #64748b;
  background: linear-gradient(145deg,#f8fbfe,#eaf1f7);
  font-size: 13px;
  font-weight: 650;
  text-align: center;
}

.op-appliance-preview__placeholder[hidden] {
  display: none;
}

body.op-product a {
  color: var(--opv-blue);
}

body.op-product a.op-button--primary, body.op-product a.op-button--danger, body.op-product a.op-button--success {
  color: #fff;
}

body.op-product a.op-button--secondary, body.op-product a.op-button--outline, body.op-product a.op-button--ghost {
  color: var(--op-text);
}

body.op-product :where(button,a,input,select,textarea,summary):focus-visible {
  outline: 3px solid rgba(0,96,244,.2);
  outline-offset: 2px;
}

body.op-product :where(h1,h2,h3,h4,p) {
  margin-block-start: 0;
}

body.op-product :where(h3) {
  font-size: 15px;
  line-height: 1.3;
  font-weight: 670;
}

body.op-product .op-product-page-head__body {
  min-width: 0;
}

body.op-product .op-product-page-head__title {
  margin: 0;
  color: var(--opv-ink);
}

body.op-product .op-product-page-head__copy {
  margin: 6px 0 0;
  color: var(--opv-muted);
  font-size: 14px;
}

body.op-product .op-product-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

body.op-product .op-product-section-head__title {
  margin: 0;
  color: var(--opv-ink);
}

body.op-product .op-product-section-head__copy {
  margin: 4px 0 0;
  color: var(--opv-muted);
  font-size: 13px;
}

body.op-product .op-product-section-head__aside {
  display: flex;
  align-items: center;
  gap: 8px;
}

body.op-product .op-product-notice {
  display: flex;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--opv-line);
  border-radius: var(--opv-radius-md);
  background: #fff;
  color: var(--opv-text);
  box-shadow: none;
}

body.op-product .op-product-notice--success {
  background: var(--opv-green-soft);
  border-color: #ccead9;
  color: #17633f;
}

body.op-product .op-product-notice--warning {
  background: var(--opv-amber-soft);
  border-color: #efdfae;
  color: #795000;
}

body.op-product .op-product-notice--danger {
  background: var(--opv-red-soft);
  border-color: #f0d1cd;
  color: #8e211a;
}

body.op-product .op-product-notice--info {
  background: var(--opv-blue-soft);
  border-color: #cfe2ff;
  color: #164c93;
}

body.op-product .op-product-notice__title {
  font-weight: 680;
}

body.op-product .op-product-notice__copy {
  font-size: 13px;
  line-height: 1.4;
}

body.op-product .op-product-notice__title+.op-product-notice__copy {
  margin-top: 3px;
}

body.op-product .op-product-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 660;
  border: 1px solid transparent;
}

body.op-product .op-product-empty {
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 28px 22px;
  text-align: left;
}

body.op-product .op-product-empty__icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  color: var(--opv-blue);
}

body.op-product .op-product-empty__title {
  margin: 0 0 5px;
  font-size: 18px;
}

body.op-product .op-product-empty__copy {
  margin: 0;
  font-size: 13.5px;
  color: var(--opv-muted);
}

body.op-product .op-product-empty__actions {
  margin-top: 14px;
}

body.op-product .op-product-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(130px,1fr));
  gap: 8px;
}

body.op-product .op-product-metric {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 13px;
  border: 1px solid var(--opv-line);
  border-radius: 14px;
  background: #fff;
}

body.op-product .op-product-metric__label {
  font-size: 11px;
  color: var(--opv-muted);
  font-weight: 620;
}

body.op-product .op-product-metric__value {
  font-size: 22px;
  line-height: 1.1;
  color: var(--opv-ink);
}

body.op-product .op-product-metric__detail {
  font-size: 11px;
  color: var(--opv-muted);
}

body.op-product .op-product-kv {
  display: grid;
  gap: 0;
}

body.op-product .op-product-kv__row {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 42px;
  border-top: 1px solid var(--opv-line);
}

body.op-product .op-product-kv__row:first-child {
  border-top: 0;
}

body.op-product .op-product-kv__label {
  font-size: 13px;
  color: var(--opv-muted);
}

body.op-product .op-product-kv__value {
  font-size: 13px;
  color: var(--opv-ink);
  text-align: right;
}

body.op-product :is(.op-client-orders-screen,.op-client-settings-screen,.op-client-notifications-screen,.op-client-support-screen,.op-master-orders-screen,.op-master-ip-screen,.op-master-fault-screen,.op-finance-wallet-screen,.op-finance-dispute-screen,.op-finance-payment-screen) {
  display: grid;
  gap: 12px;
}

body.op-product :is(.op-surface-panel,.op-master-card-soft,.op-finance-dispute-text-block--soft,.op-client-settings-summary-list) {
  border: 1px solid var(--opv-line);
  border-radius: var(--opv-radius-md);
  background: var(--opv-surface-soft);
  box-shadow: none;
}

body.op-product.op-product--public {
  background: linear-gradient(180deg,#f7f9fc 0,#f2f6fb 100%);
}

body.op-product.op-product--public :is(.op-public-brand-strip,.auth-shell-brand) {
  width: min(calc(100% - 28px),460px);
  margin: 0 auto;
  padding: 16px 0 8px;
  background: transparent;
  border: 0;
}

body.op-product.op-product--public :is(.op-public-brand-logo,.auth-shell-brand__logo) {
  width: 176px;
  height: auto;
}

body.op-product.op-product--public :is(.op-public-login,.op-public-register,.op-public-master,.op-public-auth-tail,.op-public-create,.auth-shell-stage) {
  width: min(calc(100% - 24px),460px);
  margin: 0 auto;
  padding: 12px 0 32px;
}

body.op-product.op-product--public :is(.op-public-login-brand-head,.op-public-auth-tail-head,.op-public-create-head) {
  margin-bottom: 18px;
}

body.op-product.op-product--public :is(.op-public-login-brand-logo,.op-public-brand-logo) {
  width: 164px;
}

body.op-product.op-product--public :is(.op-public-login-segment-links) {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #eef2f7;
}

body.op-product.op-product--public .op-public-login-segment-link {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  color: var(--opv-muted);
  font-size: 12.5px;
  font-weight: 650;
  text-decoration: none;
}

body.op-product.op-product--public .op-public-login-segment-link--active {
  background: #fff;
  color: var(--opv-ink);
  box-shadow: 0 1px 4px rgba(19,43,75,.08);
}

body.op-product.op-product--public :is(.op-public-login-frame,.op-public-register-form,.op-public-master-form,.op-public-auth-tail-form,.op-public-create-fields) {
  display: grid;
  gap: 14px;
}

body.op-product.op-product--public :is(.op-public-login-phone-form,.op-public-login-password-form) {
  display: grid;
  gap: 10px;
}

body.op-product.op-product--public .op-public-divider {
  margin: 2px 0;
  color: #687588;
  font-size: 11px;
}

body.op-product.op-product--public .op-public-login-forgot {
  justify-self: end;
  margin-top: -2px;
  font-size: 12.5px;
  text-decoration: none;
}

body.op-product.op-product--public .op-public-login-legal {
  margin: 16px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--opv-muted);
  text-align: center;
}

body.op-product.op-product--public :is(.op-public-auth-tail-title,.op-public-register-title,.op-public-master-title,.op-public-create-title) {
  font-size: 25px;
  line-height: 1.08;
  margin: 0;
}

body.op-product.op-product--public .op-public-auth-tail-head--center {
  text-align: left;
}

body.op-product.op-product--public .op-public-auth-tail-note {
  padding: 12px 13px;
  border-radius: 13px;
  background: var(--opv-surface-soft);
  border: 1px solid var(--opv-line);
  font-size: 12.5px;
}

body.op-product.op-product--public .op-public-create-card {
  padding: 16px 18px 20px;
}

body.op-product.op-product--public .op-public-create-head {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) 36px;
  align-items: center;
  gap: 8px;
}

body.op-product.op-product--public .op-public-create-back {
  width: 36px;
  height: 36px;
  border-radius: 11px;
  background: #f4f7fb;
  color: var(--opv-blue);
}

body.op-product.op-product--public .op-public-create-title {
  text-align: center;
}

body.op-product.op-product--public .op-public-create-fields {
  gap: 12px;
}

body.op-product.op-product--public .op-public-create-upload {
  min-height: 118px;
  padding: 18px;
  border: 1.5px dashed #b9cae0;
  border-radius: 16px;
  background: #f8fbff;
}

body.op-product.op-product--public .op-public-create-upload:hover {
  border-color: #79aefd;
  background: var(--opv-blue-soft);
}

body.op-product.op-product--public .op-public-create-consent {
  margin-top: 4px;
  padding: 12px;
  border-radius: 13px;
  background: #f8fafc;
}

body.op-product.op-product--public .op-public-create-submit {
  position: sticky;
  bottom: max(10px,env(safe-area-inset-bottom));
  z-index: 8;
  box-shadow: 0 12px 34px rgba(0,96,244,.18);
}

body.op-product.op-product--public .op-public-login-eye {
  width: 38px;
  height: 38px;
  border-radius: 10px;
  color: var(--opv-muted);
}

body.op-product.op-product--client .op-client-orders-toolbar {
  position: sticky;
  top: calc(var(--opv-header) + 8px);
  z-index: 20;
  padding: 2px;
  background: linear-gradient(var(--opv-bg) 80%,transparent);
}

body.op-product.op-product--client .op-client-orders-search {
  height: 48px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(19,43,75,.035);
}

body.op-product.op-product--client .op-client-orders-filter-button {
  height: 48px;
  width: 48px;
  border-radius: 14px;
  background: #fff;
}

body.op-product.op-product--client .op-client-orders-list {
  gap: 10px;
}

body.op-product.op-product--client .op-client-orders-card.op-client-orders-list-card {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(19,43,75,.045);
  transition: transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

body.op-product.op-product--client .op-client-orders-card.op-client-orders-list-card:hover {
  transform: translateY(-1px);
  border-color: #c8d6e8;
  box-shadow: 0 9px 28px rgba(19,43,75,.07);
}

body.op-product.op-product--client .op-client-orders-list-card-main {
  grid-template-columns: 108px minmax(0,1fr);
  padding: 10px;
  gap: 10px;
}

body.op-product.op-product--client .op-client-orders-media {
  width: 108px;
  height: 126px;
  min-height: 126px;
  border-radius: 14px;
  background: #edf2f7;
}

body.op-product.op-product--client .op-client-orders-list-card-content {
  padding: 2px 2px 0;
  gap: 5px;
}

body.op-product.op-product--client .op-client-orders-brand {
  font-size: 12.5px;
  color: var(--opv-muted);
}

body.op-product.op-product--client .op-client-orders-list-meta {
  display: grid;
  gap: 4px;
}

body.op-product.op-product--client .op-client-orders-meta-line {
  font-size: 11.5px;
  color: var(--opv-muted);
}

body.op-product.op-product--client .op-client-orders-list-status-row {
  margin-top: auto;
}

body.op-product.op-product--client .op-client-orders-open-row {
  padding: 0 10px 10px;
}

body.op-product.op-product--client .op-client-orders-open-row :is(a,button) {
  min-height: 40px;
  border-radius: 11px;
}

body.op-product.op-product--client .op-client-orders-details-panel {
  margin: 0 10px 10px;
  border-radius: 13px;
  background: #f8fafc;
}

body.op-product.op-product--client .op-client-orders-details-summary {
  min-height: 40px;
  font-size: 12.5px;
  color: var(--opv-text);
}

body.op-product.op-product--client .op-client-orders-support-card {
  padding: 14px;
  border-radius: 17px;
  box-shadow: none;
  background: #fff;
}

body.op-product.op-product--client .op-client-orders-support-icon {
  width: 32px;
  height: 32px;
  min-width: 32px;
}

body.op-product.op-product--client :is(.op-client-settings-head,.op-client-support-head) {
  padding: 2px 2px 5px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product.op-product--client :is(.op-client-settings-title,.op-client-support-title) {
  font-size: 26px;
  margin: 0;
}

body.op-product.op-product--client :is(.op-client-settings-card,.op-client-support-panel,.op-client-support-thread) {
  padding: 16px;
  border-radius: 18px;
}

body.op-product.op-product--client .op-client-settings-form {
  display: grid;
  gap: 12px;
  margin-top: 14px;
}

body.op-product.op-product--client .op-client-settings-form-grid {
  gap: 10px;
}

body.op-product.op-product--client .op-client-settings-summary-list {
  padding: 4px 12px;
}

body.op-product.op-product--client .op-client-settings-summary-item {
  min-height: 42px;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--client .op-client-settings-summary-item:first-child {
  border-top: 0;
}

body.op-product.op-product--client .op-client-notifications-list {
  display: grid;
  gap: 9px;
}

body.op-product.op-product--client .op-client-notifications-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  padding: 14px;
  border-radius: 17px;
}

body.op-product.op-product--client .op-client-notifications-item--unread {
  border-color: #bcd6fa;
  background: linear-gradient(90deg,#f7fbff,#fff 50%);
  box-shadow: inset 3px 0 0 var(--opv-blue),var(--opv-shadow-card);
}

body.op-product.op-product--client .op-client-notifications-item-topline {
  align-items: flex-start;
  gap: 8px;
}

body.op-product.op-product--client .op-client-notifications-copy {
  font-size: 13px;
  line-height: 1.4;
}

body.op-product.op-product--client .op-client-notifications-actions {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  gap: 6px;
}

body.op-product.op-product--client .op-client-notifications-actions :is(a,button) {
  min-height: 36px;
  padding-inline: 10px;
  font-size: 12px;
  white-space: nowrap;
}

body.op-product.op-product--client .op-client-support-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

body.op-product.op-product--client .op-client-support-form-grid {
  display: grid;
  gap: 11px;
}

body.op-product.op-product--client .op-client-support-message-list {
  padding: 12px;
  border-radius: 14px;
  background: #f5f8fc;
}

body.op-product.op-product--client .op-client-support-message {
  max-width: 86%;
  border-radius: 14px;
  box-shadow: none;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card {
  padding: 0 0 14px;
  border-radius: 22px;
  overflow: hidden;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-stage-head {
  padding: 15px 16px 11px;
  margin: 0;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-hero-photo {
  margin: 0 12px;
  width: calc(100% - 24px);
  border-radius: 17px;
  overflow: hidden;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-meta-grid, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-meta-row, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-key-values, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-section, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-master-list, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>.op-surface-button-row, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-client-order-stage-card>details {
  margin-inline: 16px;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-master-card {
  padding: 13px;
  border-radius: 15px;
  background: #f9fbfe;
  border-color: var(--opv-line);
  box-shadow: none;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-button-row {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}

body.op-product.op-product--client.op-product--intent-order-detail .op-surface-button-row>.op-surface-button-primary, body.op-product.op-product--client.op-product--intent-order-detail .op-surface-button-row>form:has(.op-surface-button-primary) {
  grid-column: 1/-1;
  width: 100%;
}

body.op-product.op-product--client.op-product--intent-order-detail details.op-surface-panel {
  padding: 0 12px;
  background: #f9fbfd;
}

body.op-product.op-product--client.op-product--intent-order-detail details.op-surface-panel>summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}

body.op-product.op-product--master {
  background: #f2f6fb;
}

body.op-product.op-product--master .op-master-page-title {
  font-size: 26px;
  margin: 0;
}

body.op-product.op-product--master .op-master-orders-list {
  gap: 10px;
}

body.op-product.op-product--master .op-master-order-body {
  grid-template-columns: 108px minmax(0,1fr);
  padding: 10px;
  gap: 10px;
}

body.op-product.op-product--master .op-master-order-media {
  width: 108px;
  height: 126px;
  border-radius: 14px;
}

body.op-product.op-product--master .op-master-order-row {
  font-size: 11.5px;
  color: var(--opv-muted);
}

body.op-product.op-product--master .op-master-order-actions {
  padding: 0 10px 10px;
  gap: 7px;
}

body.op-product.op-product--master .op-master-order-actions :is(a,button) {
  min-height: 40px;
  border-radius: 11px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-shell {
  width: min(calc(100% - 20px),520px);
  padding-top: 10px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-master-repair-stage-card {
  padding: 0 0 14px;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 7px 26px rgba(19,43,75,.065);
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-master-repair-stage-card>.op-surface-stage-head {
  padding: 14px 16px 10px;
  margin: 0;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-master-repair-stage-card>.op-surface-hero-photo {
  width: calc(100% - 24px);
  margin: 0 12px;
  border-radius: 17px;
  overflow: hidden;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-master-repair-stage-card>:is(.op-surface-meta-grid,.op-surface-meta-row,.op-surface-key-values,.op-surface-fault-decode,.op-surface-section,.op-surface-panel,.op-surface-button-row,.op-surface-support-tile,details) {
  margin-inline: 16px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-master-repair-stage-card>.op-surface-meta-grid {
  margin-top: 10px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-fault-decode {
  padding: 10px 0;
  border-width: 1px 0;
  border-radius: 0;
  background: transparent;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-fault-decode-head {
  gap: 8px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-fault-decode-hint {
  font-size: 12.5px;
  line-height: 1.4;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
  margin-top: 12px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row>:is(a,button,form) {
  min-width: 0;
  width: 100%;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row :is(.op-surface-button-outline) {
  min-height: 58px;
  height: 100%;
  padding: 7px 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 11px;
  line-height: 1.15;
  text-align: center;
  border-radius: 12px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row .op-surface-button-outline :is(svg,.platform-icon-img) {
  width: 18px;
  height: 18px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row>:is(.op-surface-button-primary,form:has(.op-surface-button-primary),button[data-open-master-target]) {
  grid-column: 1/-1;
  width: 100%;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row form .op-surface-button-primary {
  width: 100%;
}

body.op-product.op-product--master.op-product--intent-work-order details.op-surface-panel {
  padding: 0 12px;
  background: #f8fafc;
  border-radius: 13px;
}

body.op-product.op-product--master.op-product--intent-work-order details.op-surface-panel>summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  font-size: 13px;
  cursor: pointer;
}

body.op-product.op-product--master.op-product--intent-work-order details.op-surface-panel[open] {
  padding-bottom: 12px;
}

body.op-product.op-product--master.op-product--intent-work-order .op-surface-support-tile {
  margin-top: 12px;
  padding: 12px 0;
  border-width: 1px 0 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product.op-product--master .op-surface-master-profile-card {
  padding: 0 16px 16px;
  overflow: hidden;
}

body.op-product.op-product--master .op-surface-master-profile-card .op-surface-stage-head {
  margin: 0 -16px 12px;
  padding: 16px;
  background: linear-gradient(135deg,#f5f9ff,#fff);
  border-bottom: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-surface-master-profile-card .op-surface-avatar {
  width: 64px;
  height: 64px;
  border-radius: 18px;
}

body.op-product.op-product--master .op-surface-master-profile-card .op-surface-card-row {
  padding: 13px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-surface-master-profile-card .op-surface-card-row:first-of-type {
  border-top: 0;
}

body.op-product.op-product--master .op-surface-master-profile-card .op-surface-kpi-grid {
  border-radius: 14px;
  overflow: hidden;
  border-color: var(--opv-line);
}

body.op-product.op-product--master .op-master-payouts-row {
  min-height: 56px;
  padding: 10px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-master-payouts-row:first-child {
  border-top: 0;
}

body.op-product.op-product--master .op-master-requisites-field-row {
  display: grid;
  grid-template-columns: 32px minmax(0,1fr);
  gap: 10px;
  padding: 12px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-master-requisites-field-row:first-child {
  border-top: 0;
}

body.op-product.op-product--master .op-master-ip-metric {
  padding: 12px;
  border-radius: 14px;
  background: #f8fafc;
  border: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-master-ip-item {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px;
  padding: 13px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--master .op-master-ip-item:first-child {
  border-top: 0;
}

body.op-product.op-product--finance {
  background: #f4f7fb;
}

body.op-product.op-product--finance :is(.op-finance-wallet-hero,.op-finance-payment-card,.op-finance-dispute-monolith,.op-finance-bind-card-panel) {
  padding: 17px;
  border-radius: 20px;
}

body.op-product.op-product--finance .op-finance-header-block {
  padding: 2px 2px 5px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product.op-product--finance .op-finance-header-title {
  font-size: 26px;
  margin: 0;
}

body.op-product.op-product--finance .op-finance-wallet-summary-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}

body.op-product.op-product--finance .op-finance-wallet-fact {
  padding: 12px;
  border: 1px solid var(--opv-line);
  border-radius: 14px;
  background: #f8fafc;
}

body.op-product.op-product--finance .op-finance-row-item {
  min-height: 58px;
  padding: 11px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--finance .op-finance-row-item:first-child {
  border-top: 0;
}

body.op-product.op-product--finance .op-finance-payment-success-card {
  overflow: hidden;
  background: linear-gradient(180deg,#fff,#fbfdff);
}

body.op-product.op-product--finance .op-finance-payment-success-visual {
  height: 116px;
  margin: -17px -17px 10px;
  background: radial-gradient(circle at 50% 35%,#e8f2ff,transparent 62%);
}

body.op-product.op-product--finance .op-finance-payment-success-title {
  font-size: 26px;
}

body.op-product.op-product--finance .op-finance-payment-success-actions {
  display: grid;
  gap: 8px;
}

body.op-product.op-product--finance .op-finance-payment-success-actions>* {
  width: 100%;
}

body.op-product.op-product--finance .op-finance-dispute-monolith-hero {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--opv-line);
}

body.op-product.op-product--finance .op-finance-dispute-section {
  padding: 14px 0;
  border-top: 1px solid var(--opv-line);
}

body.op-product.op-product--finance .op-finance-dispute-section:first-of-type {
  border-top: 0;
}

body.op-product.op-product--finance .op-finance-dispute-section-icon {
  width: 28px;
  height: 28px;
  min-width: 28px;
}

body.op-product.op-product--finance .op-finance-dispute-thread {
  display: grid;
  gap: 8px;
}

body.op-product.op-product--finance .op-finance-dispute-message {
  padding: 12px;
  border-radius: 14px;
  background: #f7f9fc;
  border: 1px solid var(--opv-line);
}

body.op-product.op-product--finance .op-finance-dispute-compose {
  padding: 13px;
  border-radius: 15px;
  background: #f8fafc;
  border: 1px solid var(--opv-line);
}

body.op-product.op-product--staff {
  background: #eef2f7;
}

body.op-product.op-product--staff .op-staff-shell-root {
  width: calc(100% - 228px);
  max-width: none;
  margin: 0 0 0 228px;
  padding: 22px 24px 40px;
  display: grid;
  gap: 12px;
}

body.op-product.op-product--staff .op-staff-shell-root>* {
  width: min(100%,var(--opv-ops));
  margin-inline: auto;
}

body.op-product.op-product--staff :is(.op-staff-topbar,.op-staff-page-head,.op-staff-admin-toolbar-card) {
  padding: 0 0 6px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product.op-product--staff .op-staff-kpi {
  min-height: 92px;
  padding: 14px;
  border: 1px solid var(--opv-line);
  border-radius: 14px;
  background: #fff;
}

body.op-product.op-product--staff .op-staff-filter-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px;
  border-radius: 13px;
  background: #fff;
  border: 1px solid var(--opv-line);
}

body.op-product.op-product--staff .op-staff-filter-input {
  min-width: 200px;
  flex: 1;
}

body.op-product.op-product--staff :is(.op-staff-ops-item-card,.op-staff-ops-review-card,.op-staff-accountant-payout-card,.op-staff-support-queue-row,.op-staff-admin-chat-item) {
  padding: 13px;
  border-radius: 13px;
  border: 1px solid var(--opv-line);
  background: #fff;
  box-shadow: none;
}

body.op-product.op-product--platform .op-surface-shell, body.op-product .op-surface-state-page {
  width: min(calc(100% - 24px),480px);
  margin: 0 auto;
  padding: 28px 0;
}

body.op-product .op-surface-state-card {
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 28px;
  text-align: left;
}

body.op-product .op-surface-state-card__icon {
  width: 50px;
  height: 50px;
  min-width: 50px;
  border-radius: 16px;
  background: var(--opv-blue-soft);
  color: var(--opv-blue);
  padding: 12px;
}

body.op-product .op-surface-state-card__meta {
  display: inline-flex;
  margin-bottom: 8px;
  border-radius: 999px;
  font-size: 11px;
}

body.op-product .op-surface-state-card__title {
  font-size: 23px;
  line-height: 1.12;
  margin: 0 0 7px;
}

body.op-product .op-surface-state-card__copy {
  font-size: 13.5px;
  margin: 0;
  color: var(--opv-muted);
}

body.op-product .op-surface-state-card__actions {
  margin-top: 16px;
}

body.op-product .modal-overlay {
  padding: 14px;
  background: rgba(11,31,58,.42);
  backdrop-filter: blur(8px);
}

body.op-product .modal-header {
  padding: 16px 17px 12px;
  border-bottom: 1px solid var(--opv-line);
}

body.op-product .modal-title {
  font-size: 18px;
  font-weight: 700;
}

body.op-product .modal-close {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: #f2f5f9;
  color: var(--opv-muted);
}

body.op-product .modal-body {
  padding: 16px 17px;
}

body.op-product .modal-footer {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  padding: 12px 17px 17px;
  border-top: 0;
}

body.op-product .modal-footer button {
  min-height: 44px;
  border-radius: 12px;
}

@media  (prefers-reduced-motion:reduce)  {
  .op-fade-in, .op-button, .op-nav__item {
    animation: none;
    transition: none;
  }

  body.op-product *, body.op-product *::before, body.op-product *::after {
    scroll-behavior: auto;
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transition-duration: .01ms;
  }
}

@media  (min-width:720px)  {
  body.op-product.op-product--public :is(.op-public-create,.op-public-master) {
    width: min(calc(100% - 48px),760px);
  }

  body.op-product.op-product--public :is(.op-public-create-card,.op-public-master-card) {
    padding: 24px;
  }

  body.op-product.op-product--public .op-public-create-fields {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
  }

  body.op-product.op-product--public .op-public-create-description-field, body.op-product.op-product--public .op-public-create-photo-field, body.op-product.op-product--public .op-public-create-consent, body.op-product.op-product--public .op-public-create-submit {
    grid-column: 1/-1;
  }

  body.op-product.op-product--client .op-client-orders-list, body.op-product.op-product--master .op-master-orders-list {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  body.op-product.op-product--client .op-client-support-grid {
    grid-template-columns: minmax(0,1.5fr) minmax(220px,.8fr);
  }

  body.op-product.op-product--client .op-client-settings-form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }
}

@media  (max-width:900px)  {
  .op-shell-main--staff {
    width: min(calc(100% - 24px),var(--op-ops));
    margin: 0 auto;
    padding-bottom: 96px;
  }

  .op-nav--side {
    display: none;
  }

  .op-nav--staff-mobile {
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: max(8px,env(safe-area-inset-bottom));
    display: flex;
    min-height: 62px;
    padding: 5px;
    border: 1px solid var(--op-line);
    border-radius: 17px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 14px 40px rgba(19,43,75,.14);
  }

  body.op-product.op-product--staff .op-staff-shell-root {
    width: min(calc(100% - 24px),var(--opv-ops));
    max-width: var(--opv-ops);
    margin: 0 auto;
    padding: 14px 0 92px;
  }

  body.op-product.op-product--staff .op-staff-shell-root>* {
    width: 100%;
    margin-inline: 0;
  }
}

@media  (max-width:520px)  {
  :root {
    --op-header: 60px;
  }

  .op-shell-header__inner {
    width: min(calc(100% - 20px),var(--op-ops));
    gap: 8px;
  }

  .op-shell-header__logo {
    width: 142px;
  }

  .op-shell-header__context {
    display: none;
  }

  .op-shell-header__bell {
    width: 38px;
    min-width: 38px;
    min-height: 38px;
  }

  .op-shell-header__logout {
    min-height: 38px;
    padding: 0 11px;
    font-size: 12.5px;
  }

  .op-shell-main {
    width: min(calc(100% - 18px),var(--op-content));
    padding-top: 10px;
  }

  .op-card {
    padding: 16px;
    border-radius: 16px;
  }

  .op-actions>* {
    flex: 1;
  }

  .op-actions .op-button {
    width: 100%;
  }

  .op-modal-overlay {
    align-items: end;
    padding: 0;
  }

  .op-modal {
    width: 100%;
    border-radius: 20px 20px 0 0;
    padding-bottom: env(safe-area-inset-bottom);
  }

  .op-modal__footer .op-button {
    flex: 1;
  }

  body.op-product {
    --opv-header: 60px;
  }

  body.op-product.op-product--public :is(.op-public-login,.op-public-register,.op-public-master,.op-public-auth-tail,.op-public-create,.auth-shell-stage) {
    width: min(calc(100% - 16px),460px);
    padding-top: 6px;
  }

  body.op-product.op-product--public .op-public-login-brand-head {
    display: grid;
    gap: 12px;
  }

  body.op-product.op-product--public .op-public-login-brand-link {
    justify-self: center;
  }

  body.op-product.op-product--client .op-client-notifications-item {
    grid-template-columns: 1fr;
  }

  body.op-product.op-product--client .op-client-notifications-actions {
    flex-direction: row;
    justify-content: flex-start;
  }

  body.op-product.op-product--client .op-client-notifications-actions :is(a,form,button) {
    flex: 1;
  }

  body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row {
    grid-template-columns: repeat(3,minmax(0,1fr));
  }

  body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row .op-surface-button-outline {
    font-size: 10.5px;
    padding-inline: 3px;
  }

  body.op-product .op-surface-state-card {
    min-height: 260px;
    flex-direction: column;
    text-align: center;
    padding: 24px 18px;
  }

  body.op-product .op-surface-state-card__actions :is(a,button) {
    width: 100%;
  }

  body.op-product .modal {
    align-self: end;
    width: 100%;
    border-radius: 20px 20px 0 0;
    margin-bottom: calc(-14px - env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
  }
}

@media  (max-width:370px)  {
  body.op-product.op-product--client .op-client-orders-list-card-main, body.op-product.op-product--master .op-master-order-body {
    grid-template-columns: 96px minmax(0,1fr);
  }

  body.op-product.op-product--client .op-client-orders-media, body.op-product.op-product--master .op-master-order-media {
    width: 96px;
    height: 118px;
    min-height: 118px;
  }

  body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  body.op-product.op-product--master.op-product--intent-work-order .op-surface-button-row>:is(.op-surface-button-primary,form:has(.op-surface-button-primary),button[data-open-master-target]) {
    grid-column: 1/-1;
  }
}

body.op-product [hidden], body.op-product .is-hidden {
  display: none;
}

body.op-product [data-media-source="appliance-fallback"] img, body.op-product [data-order-image-source="appliance-fallback"] img, body.op-product [data-order-image-source="fallback"] img, body.op-product .op-surface-hero-photo--fallback img {
  object-fit: cover;
  object-position: center;
  padding: 0;
  background: transparent;
}

body.op-product .op-appliance-preview__image {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  border: 0;
}

body.op-product .op-appliance-preview__finish {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  pointer-events: none;
  opacity: 0;
  background: linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0) 32%,rgba(9,24,45,.05)),
    radial-gradient(circle at 72% 16%,rgba(255,255,255,.22),transparent 34%);
  box-shadow: inset 0 0 0 1px rgba(203,215,228,.42);
}

body.op-product .op-appliance-preview--appliance-fallback .op-appliance-preview__finish, body.op-product [data-media-source="appliance-fallback"]>.op-appliance-preview__finish, body.op-product [data-order-image-source="appliance-fallback"]>.op-appliance-preview__finish {
  opacity: 1;
}

body.op-product .op-appliance-preview__placeholder[hidden] {
  display: none;
}

.op-order-card, .op-master-offer-card, .op-summary-card, .op-repair-workspace, .op-repair-stage, .op-customer-contact, .op-case-decision, .op-accounting-entry, .op-moderation-card {
  min-width: 0;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-lg);
  background: var(--op-surface);
  box-shadow: var(--op-shadow);
}

.op-order-card {
  overflow: hidden;
}

.op-order-card__body {
  display: grid;
  grid-template-columns: minmax(104px,132px) minmax(0,1fr);
  gap: 16px;
  padding: 16px;
}

.op-order-card__media {
  min-width: 0;
}

.op-order-card__main, .op-master-identity__body, .op-notification-item__body, .op-staff-queue-row__main {
  min-width: 0;
}

.op-order-card__content {
  margin-top: 12px;
}

.op-order-card__actions {
  padding: 0 16px 16px;
}

.op-order-header {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 10px 14px;
  align-items: start;
}

.op-order-header__title {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(17px,2.2vw,20px);
  line-height: 1.22;
  font-weight: 720;
}

.op-order-header__subtitle, .op-form-section__head p, .op-repair-stage__head p, .op-case-decision__head p, .op-staff-toolbar__copy p, .op-staff-decision-panel p, .op-summary-card__head p {
  margin: 5px 0 0;
  color: var(--op-muted);
  font-size: 13px;
  line-height: 1.45;
}

.op-order-header__meta {
  grid-column: 1/-1;
}

.op-order-status {
  white-space: nowrap;
}

.op-order-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
}

.op-order-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--op-muted);
  font-size: 13px;
}

.op-order-meta__icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: var(--op-muted);
}

.op-order-meta__icon svg {
  width: 17px;
  height: 17px;
  stroke-width: 1.7;
}

.op-order-meta__content {
  display: inline-flex;
  gap: 5px;
  min-width: 0;
}

.op-order-meta__label {
  color: var(--op-muted);
}

.op-order-meta__value {
  overflow: hidden;
  color: var(--op-text);
  font-weight: 620;
  text-overflow: ellipsis;
}

.op-order-action-bar, .op-form-actions, .op-resolution-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.op-order-action-bar__primary, .op-order-action-bar__secondary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.op-order-action-bar__primary {
  margin-left: auto;
}

.op-order-timeline {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.op-order-timeline__stage {
  position: relative;
  display: grid;
  grid-template-columns: 18px minmax(0,1fr);
  gap: 10px;
  padding: 0 0 16px;
}

.op-order-timeline__stage:not(:last-child)::after {
  content: "";
  position: absolute;
  left: 8px;
  top: 17px;
  bottom: 0;
  width: 2px;
  background: var(--op-line);
}

.op-order-timeline__marker {
  z-index: 1;
  width: 18px;
  height: 18px;
  border: 4px solid var(--op-surface);
  border-radius: 999px;
  background: var(--op-line-strong);
  box-shadow: 0 0 0 1px var(--op-line-strong);
}

.op-order-timeline__stage--done .op-order-timeline__marker, .op-order-timeline__stage--current .op-order-timeline__marker {
  background: var(--op-blue);
  box-shadow: 0 0 0 1px var(--op-blue);
}

.op-order-timeline__body {
  display: grid;
  gap: 2px;
}

.op-order-timeline__body strong {
  color: var(--op-text);
  font-size: 14px;
  font-weight: 680;
}

.op-order-timeline__body span {
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

.op-master-identity {
  display: flex;
  align-items: center;
  gap: 12px;
}

.op-master-identity__avatar {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 15px;
  object-fit: cover;
  background: var(--op-soft);
}

.op-master-identity__avatar--fallback {
  display: grid;
  place-items: center;
  color: var(--op-blue);
  background: var(--op-blue-soft);
  font-size: 18px;
  font-weight: 720;
}

.op-master-identity__body {
  display: grid;
  gap: 2px;
}

.op-master-identity__name {
  color: var(--op-ink);
  font-size: 15px;
  font-weight: 700;
}

.op-master-identity__detail, .op-master-identity__meta {
  color: var(--op-muted);
  font-size: 12px;
}

.op-master-reputation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 14px;
  margin-top: 2px;
}

.op-master-reputation__item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--op-muted);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
}

.op-master-reputation__icon,
.op-master-reputation__item > .platform-icon-img {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
}

.op-master-offer-card, .op-repair-workspace, .op-case-decision, .op-moderation-card {
  padding: 16px;
}

.op-master-offer-card {
  display: grid;
  gap: 14px;
}

.op-master-offer-card__summary {
  padding-top: 12px;
  border-top: 1px solid var(--op-line);
}

.op-master-offer-card__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

.op-master-offer-card--selection {
  gap: 14px;
  padding: 16px;
}

.op-master-offer-card--selection .op-master-identity {
  gap: 14px;
}

.op-master-offer-card--selection .op-master-identity__avatar {
  display: block;
  width: 80px;
  height: 80px;
  min-width: 80px;
  aspect-ratio: 1 / 1;
  border-radius: 20px;
  object-fit: cover;
  object-position: center;
}

.op-master-offer-card--selection .op-master-identity__avatar--empty {
  display: grid;
  place-items: center;
  background: var(--op-blue-soft);
  color: var(--op-blue);
}

.op-master-offer-card--selection .op-master-identity__avatar-placeholder-icon,
.op-master-offer-card--selection .op-master-identity__avatar--empty svg {
  width: 34px;
  height: 34px;
}

body.op-product--client .op-master-offer-card--selection .op-master-identity__name {
  font-size: 17px;
  font-weight: 500;
}

.op-master-offer-card--selection .op-master-reputation {
  gap: 8px 18px;
  margin-top: 5px;
}

.op-master-offer-card--selection .op-master-reputation__item {
  gap: 7px;
  color: #45566f;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.005em;
}

.op-master-offer-card--selection .op-master-reputation__value {
  color: var(--op-ink);
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

.op-master-offer-card--selection .op-master-reputation__reviews {
  color: #68758b;
  font-size: 16px;
  font-weight: 400;
}

.op-master-offer-card--selection .op-master-reputation__icon,
.op-master-offer-card--selection .op-master-reputation__item > :is(.platform-icon-img, img, svg) {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  object-fit: contain;
}

.op-master-offer-card--selection .op-master-offer-card__actions,
.op-master-offer-card--selection .op-master-offer-card__actions > *,
.op-master-offer-card--selection .op-master-offer-card__actions :is(form, button, a) {
  width: 100%;
}

.op-master-offer-card--selection .op-master-offer-card__actions {
  display: grid;
  justify-content: stretch;
}

.op-master-offer-card--selection .op-master-offer-card__actions :is(button, a) {
  min-height: 48px;
  border-radius: 13px;
}

.op-summary-card {
  padding: 15px;
}

.op-summary-card__head h3, .op-repair-stage__head h3, .op-case-decision__head h3, .op-form-section__head h2, .op-moderation-card>h2 {
  margin: 0;
  color: var(--op-ink);
  font-size: 15px;
  line-height: 1.3;
  font-weight: 700;
}

.op-summary-card__rows {
  display: grid;
  gap: 0;
  margin-top: 12px;
}

.op-summary-card__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 18px;
  padding: 9px 0;
  border-top: 1px solid var(--op-line);
  color: var(--op-muted);
  font-size: 13px;
}

.op-summary-card__row strong {
  color: var(--op-text);
  font-weight: 680;
  text-align: right;
}

.op-summary-card__row--success strong {
  color: var(--op-success);
}

.op-summary-card__row--danger strong {
  color: var(--op-danger);
}

.op-repair-workspace {
  display: grid;
  gap: 16px;
}

.op-repair-workspace__content {
  display: grid;
  gap: 12px;
}

.op-repair-stage, .op-customer-contact {
  padding: 14px;
}

.op-repair-stage__head, .op-case-decision__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.op-repair-stage__content {
  margin-top: 12px;
}

.op-repair-next-action, .op-support-panel, .op-staff-decision-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-md);
  background: var(--op-soft);
}

.op-repair-next-action__copy, .op-support-panel__body, .op-staff-decision-panel>div:first-child {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.op-repair-next-action__copy strong, .op-support-panel__body strong, .op-staff-decision-panel strong {
  color: var(--op-ink);
  font-size: 14px;
  font-weight: 700;
}

.op-repair-next-action__copy span, .op-support-panel__body span {
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

.op-support-panel__icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  color: var(--op-blue);
}

.op-support-panel__icon svg {
  width: 22px;
  height: 22px;
  stroke-width: 1.7;
}

.op-chat-thread {
  display: grid;
  align-content: start;
  gap: 8px;
  min-width: 0;
}

.op-chat-message:not(.op-master-chat-bubble) {
  width: fit-content;
  max-width: min(86%,560px);
  padding: 10px 12px;
  border-radius: 16px;
  background: var(--op-soft);
}

.op-chat-message--mine:not(.op-master-chat-bubble--mine) {
  justify-self: end;
  background: var(--op-blue-soft);
}

.op-chat-message--system {
  width: 100%;
  max-width: none;
  justify-self: stretch;
  padding: 8px 12px;
  border: 1px solid var(--op-line);
  border-radius: 12px;
  background: transparent;
  text-align: center;
}

.op-chat-message__author:not(.op-master-chat-msg-author), .op-chat-message__time:not(.op-master-chat-msg-time) {
  display: block;
  color: var(--op-muted);
  font-size: 11px;
  font-weight: 620;
}

.op-chat-message__body:not(.op-master-chat-msg-body) {
  margin: 2px 0;
  color: var(--op-text);
  font-size: 14px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}

.op-chat-composer:not(.op-master-chat-compose) {
  position: sticky;
  bottom: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 8px;
  align-items: end;
  padding: 10px;
  border: 1px solid var(--op-line);
  border-radius: 16px;
  background: color-mix(in srgb,var(--op-surface) 94%,transparent);
  backdrop-filter: blur(12px);
}

.op-chat-composer__field textarea:not(.op-master-chat-input) {
  width: 100%;
  min-height: 46px;
  max-height: 140px;
  resize: vertical;
  border: 0;
  outline: 0;
  background: transparent;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.op-notification-item {
  position: relative;
  display: grid;
  grid-template-columns: 8px minmax(0,1fr);
  gap: 10px;
  padding: 13px 14px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-md);
  background: var(--op-surface);
  color: inherit;
  text-decoration: none;
}

.op-notification-item__marker {
  width: 7px;
  height: 7px;
  margin-top: 6px;
  border-radius: 999px;
  background: transparent;
}

.op-notification-item.is-unread .op-notification-item__marker {
  background: var(--op-blue);
}

.op-notification-item__head {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.op-notification-item__head strong {
  color: var(--op-text);
  font-size: 14px;
  font-weight: 680;
}

.op-notification-item__head time, .op-notification-item p {
  color: var(--op-muted);
  font-size: 12px;
}

.op-notification-item p {
  margin: 4px 0 0;
  line-height: 1.45;
}

.op-case-decision__actions {
  margin-top: 14px;
}

.op-accounting-entry {
  padding: 13px 14px;
}

.op-accounting-entry__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.op-accounting-entry__main>div:first-child {
  min-width: 0;
}

.op-accounting-entry__main strong {
  color: var(--op-text);
  font-size: 14px;
  font-weight: 680;
}

.op-accounting-entry__meta {
  margin-top: 4px;
  color: var(--op-muted);
  font-size: 12px;
}

.op-accounting-entry__amount {
  white-space: nowrap;
}

.op-accounting-entry__actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--op-line);
}

.op-finance-filter-bar, .op-staff-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.op-pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
}

.op-pagination__item {
  min-width: 38px;
  min-height: 38px;
  display: grid;
  place-items: center;
  padding: 0 10px;
  border: 1px solid var(--op-line);
  border-radius: 11px;
  background: var(--op-surface);
  color: var(--op-text);
  text-decoration: none;
}

.op-pagination__item.is-current {
  border-color: var(--op-blue);
  color: var(--op-blue);
  background: var(--op-blue-soft);
}

.op-staff-toolbar__copy h1 {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(22px,2.4vw,30px);
  line-height: 1.15;
  font-weight: 720;
}

.op-staff-toolbar__controls {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.op-staff-queue {
  display: grid;
  gap: 8px;
}

.op-staff-queue-row {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto auto;
  gap: 14px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-md);
  background: var(--op-surface);
}

.op-staff-queue-row__meta {
  margin-top: 4px;
  color: var(--op-muted);
  font-size: 12px;
}

.op-staff-queue-row__actions {
  display: flex;
  gap: 8px;
}

.op-form-layout, .op-form-section__content {
  display: grid;
  gap: 14px;
}

.op-form-section {
  padding: 16px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-lg);
  background: var(--op-surface);
}

.op-form-section__head {
  margin-bottom: 13px;
}

.op-inline-error {
  margin: 0;
  color: var(--op-danger);
  font-size: 13px;
  line-height: 1.4;
}

.op-notification-item__open {
  position: absolute;
  inset: 0;
  border-radius: inherit;
}

.op-notification-item__actions {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

section[data-master-repairs="1"] .op-surface-meta-row--error-code, section[data-master-repairs="1"] .op-surface-fault-decode-head--error-code {
  align-items: flex-start;
}

section[data-master-repairs="1"] .op-surface-meta-row--error-code .platform-icon-img {
  width: 13px;
  height: 13px;
  margin-top: 1px;
  object-fit: contain;
  object-position: center;
}

section[data-master-repairs="1"] .op-surface-fault-decode-head--error-code {
  display: grid;
  grid-template-columns: 24px minmax(0,1fr);
  gap: 8px;
}

section[data-master-repairs="1"] .op-surface-fault-decode-head--error-code > .op-surface-icon-tile {
  align-self: flex-start;
  margin-top: 2px;
}

section[data-master-repairs="1"] .op-surface-fault-decode-head--error-code .platform-icon-img {
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  object-fit: contain;
  object-position: center;
}

.op-chat-composer-shell {
  display: block;
  min-width: 0;
}

body.op-product.op-product--client .op-order-card.op-client-orders-list-card {
  padding: 0;
  gap: 0;
}

body.op-product.op-product--client .op-order-card.op-client-orders-list-card .op-order-card__body {
  grid-template-columns: 108px minmax(0,1fr);
}

body.op-product.op-product--client .op-order-card.op-client-orders-list-card .op-order-card__media, body.op-product.op-product--client .op-order-card.op-client-orders-list-card .op-client-orders-media {
  width: 108px;
  max-width: 100%;
}

.op-repair-next-action__action {
  flex: 0 0 auto;
  min-width: 0;
}

.op-repair-next-action__action :where(.op-button,.op-surface-button-primary,.op-surface-button-outline,.op-surface-button-danger-outline) {
  width: auto;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-contract] .op-repair-next-action[data-profile-payout-cta] {
  display: flex;
  grid-template-columns: none;
  align-items: center;
  padding: 14px;
  gap: 14px;
  background: var(--op-soft);
}

.op-master-fault-screen {
  padding: 14px 14px 16px;
}

.op-master-fault-proof-form, .op-master-fault-form-layout {
  display: grid;
  gap: 10px;
}

.op-master-fault-code-field .op-field__label {
  display: none;
}

.op-master-fault-code-field .op-surface-search-card {
  width: 100%;
}

.op-master-fault-proof-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
}

.op-master-fault-proof-grid .op-field {
  min-width: 0;
}

.op-master-fault-proof-grid input, .op-master-fault-proof-grid select {
  width: 100%;
  min-width: 0;
  height: 40px;
  border: 1px solid rgba(220,230,242,.9);
  border-radius: 14px;
  background: #fff;
  padding: 0 12px;
  font-size: 13px;
  color: var(--op-ink);
  outline: none;
  box-sizing: border-box;
}

.op-master-fault-proof-grid select {
  appearance: none;
  padding-right: 32px;
}

.op-master-fault-proof-context {
  margin-top: -2px;
  color: var(--op-muted);
  font-size: 11.2px;
  line-height: 1.3;
}

.op-master-fault-result {
  box-shadow: none;
}

.op-payment-state {
  min-width: 0;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-lg);
  background: var(--op-surface);
  box-shadow: var(--op-shadow);
}

.op-payment-state__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.op-payment-state__copy {
  min-width: 0;
}

.op-payment-state__copy h1 {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(22px,5vw,27px);
  line-height: 1.16;
  font-weight: 740;
  letter-spacing: -.02em;
}

.op-payment-state__copy p {
  max-width: 54ch;
  margin: 8px 0 0;
  color: var(--op-muted);
  font-size: 14px;
  line-height: 1.5;
}

.op-payment-state__status {
  flex: 0 0 auto;
}

.op-payment-state__summary {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--op-line);
}

.op-payment-state__summary .op-summary-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-payment-state__summary .op-summary-card__rows {
  margin-top: 8px;
}

.op-payment-state__summary .op-summary-card__row {
  padding: 8px 0;
}

.op-payment-state__actions {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--op-line);
}

.op-payment-state__actions .op-form-actions {
  justify-content: flex-start;
}

.op-payment-state__actions .op-order-action-bar__primary {
  order: 1;
  margin-left: 0;
}

.op-payment-state__actions .op-order-action-bar__secondary {
  order: 2;
}

.op-payment-state__prelude {
  margin: -18px -18px 16px;
}

body.op-product.op-product--finance .op-finance-payment-box, body.op-product.op-product--finance .op-finance-bind-screen {
  width: min(100%,620px);
  margin-inline: auto;
}

body.op-product.op-product--finance .op-payment-state.op-finance-payment-card, body.op-product.op-product--finance .op-payment-state.op-finance-bind-card-panel {
  padding: 18px;
  border-radius: 22px;
}

body.op-product.op-product--finance .op-finance-payment-success-box {
  display: block;
}

body.op-product.op-product--finance .op-finance-bind-form {
  margin: 0;
}

body.op-product.op-product--finance .op-payment-state.op-finance-payment-success-card {
  display: block;
  gap: 0;
}

body.op-product.op-product--finance .op-finance-payment-success-card .op-payment-state__prelude {
  margin: 0 0 16px;
}

body.op-product.op-product--finance .op-payment-state__prelude .op-finance-payment-success-visual {
  width: 52px;
  height: 52px;
  margin: 0;
  border: 1px solid #cfefdc;
  border-radius: 18px;
  background: #f0fbf5;
}

.op-client-protection-screen {
  gap: 14px;
}

.op-client-protection-head {
  display: grid;
  gap: 5px;
  padding: 2px 2px 0;
}

.op-client-protection-head p {
  margin: 0;
  max-width: 620px;
  color: var(--op-muted);
  font-size: 13px;
  line-height: 1.45;
}

.op-client-protection-overview {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.op-client-protection-overview > .op-summary-card {
  min-width: 0;
  height: 100%;
  border-color: rgba(203,216,232,.9);
  box-shadow: 0 10px 26px rgba(35,61,94,.06);
}

.op-client-protection-payment {
  background: linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

.op-client-protection-summary, .op-finance-dispute-protection {
  border-color: rgba(0,96,244,.18);
  background: linear-gradient(180deg,#f9fbff 0%,#f2f7ff 100%);
  box-shadow: none;
}

.op-client-protection-summary .op-summary-card__row:last-child strong, .op-client-reassignment-summary .op-summary-card__row:first-child strong {
  color: var(--op-blue);
}

.op-finance-wallet-status-card {
  border-color: rgba(0,96,244,.16);
  background: #fff;
  box-shadow: 0 10px 24px rgba(35,61,94,.05);
}

.op-finance-wallet-status-card--risk {
  border-color: rgba(190,62,49,.2);
  background: #fffafa;
}

.op-finance-wallet-status-card--success {
  border-color: rgba(18,100,63,.18);
  background: #f8fffb;
}

.op-client-protection-section {
  display: grid;
  gap: 12px;
  padding: 16px;
  border-radius: 20px;
}

.op-client-protection-section-head {
  padding: 0 1px;
}

.op-client-protection-section-head .op-product-section-head__title {
  font-size: 17px;
}

.op-client-protection-section-head .op-product-section-head__copy {
  max-width: 680px;
}

.op-client-transaction-list, .op-client-refund-list {
  gap: 9px;
}

.op-client-transaction-card {
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 16px;
  background: #fff;
}

.op-client-transaction-card > .op-summary-card {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
}

.op-client-transaction-card[data-finance-tone="risk"] {
  border-color: rgba(190,62,49,.2);
  background: #fffafa;
}

.op-client-transaction-card[data-finance-tone="action"] {
  border-color: rgba(0,96,244,.2);
  background: #f9fbff;
}

.op-client-transaction-actions {
  padding: 0 15px 15px;
  border-top: 0;
}

.op-client-transaction-actions .op-order-action-bar__secondary {
  width: 100%;
}

.op-client-transaction-actions .op-button {
  width: 100%;
}

.op-client-refund-list > .op-summary-card {
  border-color: rgba(203,216,232,.9);
  box-shadow: none;
}

.op-summary-card__row--action strong {
  color: var(--op-blue);
}

.op-summary-card__row--risk strong {
  color: var(--op-danger);
}

.op-finance-dispute-monolith {
  gap: 12px;
}

.op-finance-dispute-hero-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.op-finance-dispute-hero-row > div:first-child {
  min-width: 0;
}

.op-finance-dispute-status-card {
  display: grid;
  gap: 14px;
  border-color: rgba(203,216,232,.9);
  background: #fff;
  box-shadow: 0 10px 26px rgba(35,61,94,.05);
}

.op-finance-dispute-status-card.op-finance-dispute-section--risk {
  border-color: rgba(190,62,49,.18);
  background: #fffafa;
}

.op-finance-dispute-status-card.op-finance-dispute-section--success {
  border-color: rgba(18,100,63,.18);
  background: #f8fffb;
}

.op-finance-dispute-status-chip {
  flex: 0 0 auto;
  white-space: nowrap;
}

.op-finance-dispute-status-card .op-case-decision__head > div:first-child {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.op-finance-dispute-status-card .op-case-decision__head p {
  margin: 0;
  max-width: 620px;
}

.op-finance-dispute-status-card .op-resolution-actions {
  padding-top: 12px;
  border-top: 1px solid var(--op-line);
}

.op-finance-dispute-status-card .op-resolution-actions .op-order-action-bar__primary {
  margin-left: 0;
}

.op-finance-dispute-timeline {
  margin: 0;
  padding: 15px;
  border: 1px solid var(--op-line);
  border-radius: 16px;
  background: #f8fafc;
}

.op-finance-dispute-timeline .op-order-timeline__body span {
  max-width: 520px;
}

.op-finance-dispute-protection {
  margin: 0;
}

.op-finance-dispute-section {
  display: grid;
  grid-template-columns: 30px minmax(0,1fr);
  gap: 11px;
}

.op-finance-dispute-section-body {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.op-finance-dispute-section-body > .op-summary-card, .op-finance-dispute-section-body > .op-support-panel {
  margin: 0;
}

.op-finance-dispute-transaction-summary, .op-finance-dispute-refund-summary {
  border-color: rgba(203,216,232,.9);
  background: #f9fbfd;
  box-shadow: none;
}

.op-finance-dispute-refund-summary {
  border-color: rgba(0,96,244,.2);
  background: #f7faff;
  box-shadow: none;
}

.op-finance-dispute-support-panel {
  margin-top: 0;
  background: #f8fafc;
  box-shadow: none;
}

.op-finance-dispute-compose {
  display: grid;
  gap: 10px;
}

.op-finance-dispute-compose .op-form-actions {
  padding-top: 2px;
}

.op-finance-dispute-text-detail {
  margin-top: 8px;
}

body.op-product--surface-master-orders .op-master-orders-list {
  display: grid;
  gap: 12px;
}

body.op-product--surface-master-orders .op-master-order-card .op-order-card__body {
  grid-template-columns: 96px minmax(0,1fr);
  gap: 12px;
  padding: 13px;
}

body.op-product--surface-master-orders .op-master-order-card .op-order-card__content {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}

body.op-product--surface-master-orders .op-master-order-card .op-master-order-media {
  width: 96px;
  height: 118px;
  border-radius: 16px;
}

body.op-product--surface-master-orders .op-master-order-next-action {
  padding: 11px;
  border-color: rgba(0,96,244,.2);
  background: #f4f8ff;
}

body.op-product--surface-master-orders .op-master-order-next-action .op-repair-next-action__copy strong {
  font-size: 14px;
}

body.op-product--surface-master-orders .op-master-order-next-action .op-repair-next-action__copy span {
  font-size: 12px;
}

body.op-product--surface-master-orders .op-master-order-row, body.op-product--surface-master-orders .op-master-master-diagnostic-payout {
  padding: 12px;
  border-radius: 16px;
  box-shadow: none;
}

body.op-product--surface-master-orders .op-master-order-row--fault {
  background: #fbfcfe;
}

body.op-product--surface-master-assigned-orders .op-repair-workspace.op-surface-master-repair-stage-card {
  gap: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 24px;
}

body.op-product--surface-master-assigned-orders .op-repair-workspace > .op-order-header {
  padding: 16px 16px 13px;
  border-bottom: 1px solid var(--op-line);
}

body.op-product--surface-master-assigned-orders .op-repair-workspace__content {
  display: grid;
  gap: 10px;
  padding: 12px 14px 16px;
}

body.op-product--surface-master-assigned-orders .op-master-repair-primary-action {
  order: -10;
  padding: 14px;
  border-color: rgba(0,96,244,.24);
  background: linear-gradient(135deg,#f1f6ff,#f8fbff);
}

body.op-product--surface-master-assigned-orders .op-master-repair-primary-action .op-surface-inline-form, body.op-product--surface-master-assigned-orders .op-master-repair-primary-action .op-surface-button-primary {
  width: 100%;
}

body.op-product--surface-master-assigned-orders .op-master-repair-current-stage, body.op-product--surface-master-assigned-orders .op-master-customer-contact, body.op-product--surface-master-assigned-orders .op-master-repair-summary-grid > .op-summary-card {
  border-radius: 18px;
  box-shadow: none;
}

body.op-product--surface-master-assigned-orders .op-master-repair-current-stage {
  padding: 13px 14px;
  background: #fff;
}

body.op-product--surface-master-assigned-orders .op-master-repair-stage-note {
  margin: 0;
  color: var(--op-text);
  font-size: 13px;
  line-height: 1.45;
}

body.op-product--surface-master-assigned-orders .op-master-repair-summary-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

body.op-product--surface-master-assigned-orders .op-master-repair-earnings-summary {
  grid-column: 1/-1;
  border-color: rgba(25,135,84,.2);
  background: #f7fcf9;
}

body.op-product--surface-master-assigned-orders .op-master-customer-contact {
  padding: 13px 14px;
  background: #fbfcfe;
}

body.op-product--surface-master-assigned-orders .op-master-customer-contact h3 {
  margin: 0 0 9px;
  color: var(--op-ink);
  font-size: 15px;
}

body.op-product--surface-master-assigned-orders .op-master-repair-utility-actions .op-order-action-bar__primary {
  width: 100%;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
}

body.op-product--surface-master-assigned-orders .op-master-repair-utility-actions :where(a,button) {
  width: 100%;
}

body.op-product--surface-master-assigned-orders .op-master-contact-details {
  margin: 0;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f8fafc;
}

body.op-product--surface-master-assigned-orders .op-surface-hero-photo {
  width: 100%;
  height: 148px;
  margin: 0;
  border-radius: 18px;
}

body.op-product--surface-master-assigned-orders details.op-surface-panel {
  margin: 0;
  border-radius: 16px;
  background: #fbfcfe;
}

body.op-product--surface-master-assigned-orders .op-surface-support-tile {
  margin: 0;
}

body.op-product--surface-master-orders #masterOrdersEmptyState.op-hidden {
  display: none;
}

body.op-product--surface-master-orders .op-master-order-card > .op-order-card__actions {
  display: grid;
  gap: 10px;
  padding: 0 12px 12px;
}

body.op-product--surface-master-orders .op-master-order-detail-stage {
  display: block;
  width: 100%;
  min-width: 0;
  padding: 12px;
  border-radius: 16px;
  box-shadow: none;
}

body.op-product--surface-master-orders .op-master-order-detail-stage .op-repair-stage__head, body.op-product--surface-master-orders .op-master-order-detail-stage .op-repair-stage__content {
  display: block;
  width: 100%;
  min-width: 0;
}

body.op-product--surface-master-orders .op-master-order-detail-stage .op-repair-stage__content {
  margin-top: 8px;
}

body.op-product--surface-master-orders .op-master-order-detail-stage--fault {
  background: #fbfcfe;
}

body.op-product--surface-master-orders .op-master-order-card .op-master-order-code-row, body.op-product--surface-master-orders .op-master-order-card .op-master-order-label {
  width: 100%;
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
}

body.op-product--surface-master-orders .op-master-order-card .op-master-order-code-row {
  display: grid;
  gap: 4px;
}

body.op-product--surface-master-orders .op-master-order-card .op-master-master-diagnostic-payout {
  display: block;
  min-height: 0;
  margin: 0;
}

body.op-product--surface-master-orders .op-master-order-card .op-master-master-diagnostic-payout .op-summary-card__rows {
  margin-top: 10px;
}

html body.op-product.op-product--surface-master-orders section#masterOrdersEmptyState.op-hidden[hidden] {
  display: none;
}

body.op-product--surface-master-assigned-orders .op-master-appliance-stage {
  padding: 13px 14px;
  border-radius: 18px;
  box-shadow: none;
  background: #fbfcfe;
}

body.op-product--surface-master-assigned-orders .op-master-appliance-stage .op-repair-stage__content {
  margin-top: 10px;
}

body.op-product--surface-master-assigned-orders .op-master-appliance-stage .op-surface-hero-photo {
  height: 118px;
  border-radius: 15px;
}

body.op-product--surface-master-assigned-orders .op-master-customer-contact .op-order-meta {
  row-gap: 8px;
}

.op-identity-summary {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 1px;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 16px;
  background: var(--op-line);
}

.op-identity-summary__item {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 12px;
  background: var(--op-surface);
}

.op-identity-summary__item dt {
  color: var(--op-muted);
  font-size: 11px;
  line-height: 1.2;
}

.op-identity-summary__item dd {
  min-width: 0;
  margin: 0;
  color: var(--op-text);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 650;
  overflow-wrap: anywhere;
}

body.op-product--surface-master-profile .op-master-profile-card {
  gap: 14px;
}

body.op-product--surface-master-profile .op-master-profile-identity-stage {
  display: grid;
  grid-template-columns: minmax(0,1fr) 128px;
  gap: 14px;
  align-items: center;
}

body.op-product--surface-master-profile .op-profile-master-identity {
  align-items: center;
  gap: 14px;
}

body.op-product--surface-master-profile .op-profile-master-identity .op-master-identity__avatar, body.op-product--surface-master-profile [data-master-profile-card] [data-profile-photo-frame] {
  position: relative;
  width: 76px;
  height: 76px;
  border-radius: 22px;
  border: 1px solid rgba(0,96,244,.16);
  background: linear-gradient(145deg,#eef5ff,#e7f0ff);
  box-shadow: none;
  overflow: hidden;
  cursor: pointer;
}

body.op-product--surface-master-profile .op-profile-master-identity .op-master-identity__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.op-product--surface-master-profile .op-master-profile-avatar-initial {
  display: grid;
  width: 100%;
  height: 100%;
  place-items: center;
  color: var(--op-blue);
  font-size: 28px;
  font-weight: 720;
}

body.op-product--surface-master-profile .op-master-profile-camera-badge {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 26px;
  height: 26px;
  border-radius: 9px;
  background: var(--op-surface);
  box-shadow: 0 4px 12px rgba(7,18,37,.14);
}

body.op-product--surface-master-profile .op-master-profile-camera-badge svg, body.op-product--surface-master-profile .op-master-profile-camera-badge .platform-icon-img {
  width: 15px;
  height: 15px;
}

body.op-product--surface-master-profile .op-profile-master-identity .op-master-identity__name {
  font-size: 18px;
  line-height: 1.18;
}

body.op-product--surface-master-profile .op-profile-master-identity .op-master-identity__detail {
  font-size: 13px;
}

body.op-product--surface-master-profile .op-profile-identity-status {
  margin-top: 5px;
  width: fit-content;
}

body.op-product--surface-master-profile .op-master-profile-photo-copy {
  gap: 6px;
}

body.op-product--surface-master-profile .op-master-profile-photo-copy h2 {
  font-size: 14px;
}

body.op-product--surface-master-profile .op-master-profile-photo-copy p {
  font-size: 12px;
}

body.op-product--surface-master-profile .op-profile-identity-summary {
  grid-template-columns: repeat(2,minmax(0,1fr));
}

body.op-product--surface-master-profile .op-profile-city-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 13px 14px;
  border: 1px solid var(--op-line);
  border-radius: 16px;
  background: var(--op-surface);
}

body.op-product--surface-master-profile .op-profile-city-section > div {
  display: grid;
  gap: 3px;
}

body.op-product--surface-master-profile .op-profile-section-label {
  color: var(--op-muted);
  font-size: 11px;
}

body.op-product--surface-master-profile .op-profile-city-section strong {
  color: var(--op-text);
  font-size: 14px;
}

body.op-product--surface-master-profile .op-profile-review {
  display: grid;
  gap: 3px;
  padding: 10px 0;
  border-top: 1px solid var(--op-line);
}

body.op-product--surface-master-profile .op-profile-review:first-of-type {
  border-top: 0;
  padding-top: 0;
}

body.op-product--surface-master-profile .op-profile-review p {
  margin: 4px 0 0;
  color: var(--op-text);
  font-size: 13px;
  line-height: 1.45;
}

.op-chat-message__head:not(.op-master-chat-msg-head) {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 3px;
}

.op-unread-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 9px 4px 5px;
  border: 1px solid var(--op-line);
  border-radius: 999px;
  background: var(--op-surface);
  color: var(--op-muted);
  font-size: 11px;
  font-weight: 600;
}

.op-unread-badge__count {
  display: grid;
  min-width: 20px;
  height: 20px;
  place-items: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--op-soft);
  color: var(--op-text);
  font-size: 11px;
}

.op-unread-badge.has-unread .op-unread-badge__count {
  background: var(--op-blue-soft);
  color: var(--op-blue);
}

.op-notifications-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  grid-template-areas:
    "title title"
    "copy meta";
  align-items: center;
  gap: 5px 16px;
  margin-bottom: 10px;
  box-shadow: none;
}

.op-notifications-head .op-product-page-head__body {
  display: contents;
}

.op-notifications-head .op-product-page-head__title {
  grid-area: title;
  width: 100%;
  text-align: center;
}

.op-notifications-head .op-product-page-head__copy {
  grid-area: copy;
}

.op-notifications-head .op-product-page-head__meta {
  grid-area: meta;
}

.op-notification-item__actions .op-button {
  min-height: 34px;
  padding: 7px 10px;
  font-size: 12px;
}

.op-support-head {
  align-items: center;
  background: var(--op-surface);
  box-shadow: none;
}

.op-support-head .op-support-panel__icon {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: var(--op-blue-soft);
}

.op-support-head__copy {
  display: grid;
  gap: 4px;
}

.op-support-head__copy h1 {
  margin: 0;
  color: var(--op-ink);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
}

.op-support-head__copy p {
  margin: 0;
  color: var(--op-muted);
  font-size: 12.5px;
  line-height: 1.4;
}

.op-support-thread {
  min-height: 180px;
  max-height: 52vh;
  overflow-y: auto;
}

.op-client-support-compose-form.op-chat-composer {
  position: static;
  grid-template-columns: minmax(0,1fr) auto;
  padding: 8px;
  border-radius: 15px;
  background: var(--op-surface);
  backdrop-filter: none;
}

.op-client-support-compose-form .op-chat-composer__field textarea {
  min-height: 44px;
  max-height: 96px;
  padding: 10px 11px;
  resize: vertical;
}

body.op-product--surface-master-payout-requisites .op-master-requisites-screen, body.op-product--surface-master-request-payout .op-master-payouts-screen {
  display: grid;
  gap: 12px;
}

.op-master-requisites-head {
  background: var(--op-surface);
  box-shadow: none;
}

.op-master-requisites-head .op-support-panel__icon {
  border-radius: 14px;
  background: var(--op-blue-soft);
}

.op-master-requisites-head-copy {
  display: grid;
  gap: 4px;
}

.op-master-requisites-head-copy h1 {
  margin: 0;
  color: var(--op-ink);
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
}

.op-master-requisites-head-copy p {
  margin: 0;
  color: var(--op-muted);
  font-size: 12.5px;
  line-height: 1.4;
}

.op-master-requisites-card {
  padding: 12px;
  border-radius: 20px;
}

.op-master-requisites-modern-form {
  display: grid;
  gap: 10px;
}

.op-master-requisites-card .op-form-section {
  padding: 13px;
  border-radius: 16px;
  box-shadow: none;
}

.op-master-requisites-card .op-master-requisites-modern-fields {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.op-master-requisites-card .op-master-requisites-modern-fields > :last-child {
  grid-column: 1/-1;
}

.op-master-payouts-setup-card {
  box-shadow: none;
}

.op-master-payouts-setup-actions {
  display: grid;
  justify-items: end;
  gap: 7px;
}

.op-master-payouts-summary {
  box-shadow: none;
}

.op-master-payouts-feed-list {
  display: grid;
  gap: 9px;
}

.op-master-payout-entry {
  display: grid;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 18px;
  background: var(--op-surface);
}

.op-master-payout-entry .op-master-payouts-feed-item {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.op-master-payout-entry .op-summary-card__rows {
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 0 14px;
}

.op-master-payout-entry .op-summary-card__row {
  min-width: 0;
  padding: 7px 0;
}

.op-master-payout-entry .op-summary-card__row strong {
  overflow-wrap: anywhere;
}

.op-master-payout-entry .op-master-payouts-feed-actions {
  margin: 0 13px 13px;
  padding-top: 10px;
  border-top: 1px solid var(--op-line);
}

.op-master-payout-entry .op-master-payouts-feed-actions .op-order-action-bar__secondary {
  width: 100%;
}

.op-master-payout-entry .op-master-payouts-feed-actions :where(form,.op-button) {
  min-width: 0;
}

.op-support-page-head {
  align-items: center;
  margin-bottom: 10px;
}

.op-support-page-head__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 14px;
  background: var(--op-blue-soft);
  color: var(--op-blue);
}

.op-support-status {
  align-items: center;
  margin-bottom: 10px;
  box-shadow: none;
}

.op-master-payouts-status {
  display: block;
}

.op-master-payouts-feed-copy {
  margin: -2px 13px 11px;
  color: var(--op-muted);
  font-size: 12.5px;
  line-height: 1.42;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] [data-profile-photo-stage] {
  grid-template-columns: minmax(0,1fr);
  gap: 12px;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-profile-master-identity {
  display: grid;
  grid-template-columns: 76px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  min-width: 0;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-profile-master-identity .op-master-identity__body {
  min-width: 0;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] [data-profile-photo-frame] {
  width: 76px;
  height: 76px;
  border-radius: 22px;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-surface-profile-photo-placeholder.op-master-profile-camera-badge {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 26px;
  height: 26px;
  border-radius: 9px;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-surface-profile-photo-placeholder.op-master-profile-camera-badge :is(svg,.platform-icon-img) {
  width: 15px;
  height: 15px;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-master-profile-photo-copy {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(132px,auto);
  column-gap: 10px;
  row-gap: 3px;
  align-items: center;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-master-profile-photo-copy > :is(h2,p) {
  grid-column: 1;
}

body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-master-profile-photo-copy > .op-surface-profile-photo-actions {
  grid-column: 2;
  grid-row: 1 / span 2;
  margin-top: 0;
}

@media  (max-width: 374px)  {
  body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-master-profile-photo-copy {
    grid-template-columns: minmax(0,1fr);
  }

  body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-card] .op-master-profile-photo-copy > .op-surface-profile-photo-actions {
    grid-column: 1;
    grid-row: auto;
    margin-top: 5px;
  }
}

.op-master-payouts-setup-card .op-support-panel__body > div {
  display: grid;
  gap: 3px;
}

.op-locked-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 16px;
  min-width: 0;
}

.op-locked-state__content {
  min-width: 0;
}

.op-locked-state__meta {
  display: block;
  margin-bottom: 4px;
  color: var(--op-muted);
  font-size: 12px;
  font-weight: 650;
  letter-spacing: .02em;
  text-transform: uppercase;
}

.op-locked-state__title {
  margin: 0;
}

.op-locked-state__copy {
  margin: 7px 0 0;
}

.op-locked-state__detail {
  display: grid;
  gap: 8px;
  margin-top: 14px;
  color: var(--op-muted);
  font-size: 13px;
  line-height: 1.45;
}

.op-locked-state__detail p {
  margin: 0;
}

.op-locked-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}

.op-accounting-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.op-accounting-summary .op-product-metric {
  min-width: 0;
}

.op-accounting-entry__identity {
  min-width: 0;
}

.op-accounting-entry__title {
  display: block;
  overflow-wrap: anywhere;
}

.op-accounting-entry__facts {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.35;
}

.op-accounting-entry__facts span {
  min-width: 0;
}

.op-accounting-entry__facts b {
  color: var(--op-text);
  font-weight: 650;
}

.op-accounting-entry__status {
  margin-bottom: 7px;
}

.op-accounting-entry__external {
  display: grid;
  gap: 3px;
  margin-top: 8px;
  padding: 8px 10px;
  border-radius: 12px;
  background: var(--op-bg-soft, #f7faff);
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

.op-accounting-entry__external b {
  color: var(--op-text);
  font-weight: 650;
}

.op-accounting-entry__copy {
  margin: 8px 0 0;
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

.op-accounting-form > .op-form-section__head {
  margin-bottom: 10px;
}

.op-accounting-form > .op-form-section__content {
  display: grid;
  gap: 12px;
}

.op-accounting-form .op-form-section {
  gap: 8px;
}

.op-accounting-form .op-form-section__head p {
  margin-top: 3px;
}

.op-confirmation-dialog {
  width: min(100%, 440px);
}

.op-confirmation-dialog h2, .op-confirmation-dialog p {
  margin-top: 0;
}

.op-user-summary {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 12px;
  min-width: 0;
}

.op-user-summary__avatar {
  flex: 0 0 auto;
}

.op-user-summary__main {
  min-width: 0;
  display: grid;
  gap: 6px;
}

.op-user-summary__title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

.op-user-summary__name {
  color: var(--op-ink);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 720;
}

.op-user-summary__meta, .op-user-summary__detail {
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.45;
}

.op-user-summary__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 9px;
}

.op-order-summary {
  min-width: 0;
  padding: 14px;
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius-md);
  background: var(--op-soft);
}

.op-order-summary__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.op-order-summary__title {
  color: var(--op-ink);
  font-size: 15px;
  line-height: 1.3;
  font-weight: 720;
}

.op-order-summary__rows {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin-top: 12px;
}

.op-order-summary__row {
  display: grid;
  align-content: start;
  gap: 3px;
  min-width: 0;
  padding: 10px;
  border-radius: 12px;
  background: var(--op-surface);
}

.op-order-summary__row span {
  color: var(--op-muted);
  font-size: 11px;
  line-height: 1.35;
}

.op-order-summary__row strong {
  min-width: 0;
  color: var(--op-text);
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.op-order-summary__detail {
  display: grid;
  gap: 7px;
  margin-top: 10px;
  color: var(--op-text);
  font-size: 13px;
}

.op-order-summary__detail:empty {
  display: none;
}

.op-order-summary__detail p {
  margin: 0;
}

.op-confirmation-dialog__content {
  display: grid;
  gap: 12px;
  margin: 14px 0;
}

.op-staff-infra-screen {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.op-staff-infra-card, .op-staff-infra-form-section, .op-staff-infra-screen > .op-staff-queue, .op-staff-infra-screen > .op-metric-grid {
  min-width: 0;
}

.op-staff-infra-card {
  display: grid;
  gap: 16px;
}

.op-staff-infra-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.op-staff-infra-card__head > div {
  min-width: 0;
}

.op-staff-infra-card__head p {
  margin: 6px 0 0;
}

.op-staff-infra-inline-form, .op-payment-reconcile-form, .op-push-test-form {
  margin: 0;
}

.op-staff-infra-form, .op-staff-infra-threshold-form {
  display: grid;
  gap: 14px;
  margin: 0;
}

.op-staff-infra-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.op-staff-infra-form-grid--server {
  grid-template-columns: minmax(140px, .7fr) repeat(3, minmax(0, 1fr));
}

.op-staff-infra-secret-list .op-product-kv__value {
  overflow-wrap: anywhere;
  font-family: SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
}

.op-staff-infra-help {
  margin: 0;
}

.op-staff-infra-code {
  max-width: 240px;
  letter-spacing: .22em;
  font-variant-numeric: tabular-nums;
}

.op-staff-infra-alert-list, .op-staff-infra-action-list, .op-staff-infra-server-list, .op-staff-infra-threshold-list, .op-payment-health-live-log, .op-payment-health-error-list {
  display: grid;
  gap: 10px;
}

.op-staff-infra-alert-row .op-staff-queue-row__meta, .op-staff-infra-action-row .op-staff-queue-row__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
}

.op-staff-infra-server-meta {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.op-staff-infra-threshold-row .op-staff-queue-row__meta {
  width: 100%;
}

.op-staff-infra-threshold-form {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.op-staff-infra-threshold-form .op-form-actions {
  margin: 0;
}

.op-payment-health-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.op-payment-health-filters {
  display: grid;
  grid-template-columns: minmax(240px, 1fr) minmax(150px, .35fr) minmax(110px, .2fr);
  gap: 10px;
}

.op-payment-health-log-row p, .op-payment-health-error-row p {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.op-push-test-result {
  padding-top: 4px;
}

.op-staff-product-funnel-summary-card {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.op-auth-state, .op-verification-state {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.op-auth-state__head, .op-verification-state__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  min-width: 0;
}

.op-auth-state__copy, .op-verification-state__copy {
  min-width: 0;
}

.op-auth-state__copy h1, .op-verification-state__copy h1 {
  margin: 0;
  color: var(--op-text);
  font-size: clamp(25px, 4vw, 34px);
  line-height: 1.08;
  letter-spacing: -.025em;
}

.op-auth-state__copy p, .op-verification-state__copy p {
  max-width: 640px;
  margin: 7px 0 0;
  color: var(--op-muted);
  font-size: 14px;
  line-height: 1.5;
}

.op-auth-state__status, .op-verification-state__status {
  flex: 0 0 auto;
}

.op-auth-state__content, .op-verification-state__content {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.op-auth-state__actions, .op-verification-state__actions {
  min-width: 0;
}

.op-auth-state__actions .op-form-actions, .op-verification-state__actions .op-form-actions {
  margin: 0;
}

body.op-product--surface-login .op-public-login-card {
  width: min(100%, 540px);
  padding: 20px;
}

body.op-product--surface-login .op-public-login-state {
  gap: 14px;
}

body.op-product--surface-login .op-public-login-state .op-auth-state__copy h1 {
  font-size: 28px;
}

body.op-product--surface-login :is(.op-public-login-phone-form,.op-public-login-password-form) {
  gap: 11px;
}

body.op-product--surface-login .op-public-login-brand-head {
  margin-bottom: 16px;
}

body.op-product--surface-login .op-public-divider {
  margin-block: 2px;
}

body.op-product--surface-forgot-password .op-public-auth-tail-panel, body.op-product--surface-reset-password .op-public-auth-tail-panel, body.op-product--surface-phone-verify .op-public-auth-tail-panel, body.op-product--surface-twofa .op-public-auth-tail-panel, body.op-product--surface-auth-email-verify .op-public-auth-tail-panel, body.op-product--surface-auth-recovery .op-public-auth-tail-panel {
  width: min(100%, 580px);
  padding: 20px;
}

body.op-product :is(.op-public-recovery-form,.op-public-reset-form,.op-public-phone-verify-form,.op-public-twofa-form) {
  gap: 12px;
}

.op-public-phone-verify-meta-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6px 12px;
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

.op-public-phone-verify-resend {
  display: grid;
  gap: 7px;
}

.op-public-auth-recovery-profiles {
  display: grid;
  gap: 9px;
}

.op-public-auth-recovery-profile {
  display: grid;
  gap: 7px;
  padding: 12px;
}

.op-public-auth-recovery-profile__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

body.op-product--surface-register .op-public-register-panel, body.op-product--surface-register-master .op-public-master-card {
  width: min(100%, 720px);
}

body.op-product--surface-register :is(.op-public-register-form,.op-public-register-fields), body.op-product--surface-register-master :is(.op-public-master-form,.op-public-master-section) {
  gap: 12px;
}

body.op-product--surface-register .op-public-register-fields, body.op-product--surface-register-master .op-public-master-section {
  padding: 14px;
}

body.op-product--surface-register .op-public-register-fields .op-form-section__content, body.op-product--surface-register-master .op-public-master-section .op-form-section__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
}

body.op-product--surface-register .op-public-register-fields .op-form-section__head, body.op-product--surface-register-master .op-public-master-section .op-form-section__head {
  margin-bottom: 10px;
}

body.op-product--surface-register .op-public-register-consent, body.op-product--surface-register-master .op-public-master-consent {
  margin: 0;
}

.op-client-settings-inline-error, .op-client-settings-debug-link {
  margin-inline: 2px;
}

.op-client-settings-form-section {
  padding: 0;
  border: 0;
  background: transparent;
}

.op-client-settings-form-section .op-form-section__head {
  margin-bottom: 12px;
}

.op-client-settings-section-status {
  display: flex;
  align-items: center;
  min-width: 0;
}

.op-client-settings-form {
  margin: 0;
}

.op-client-settings-form .op-form-actions {
  margin: 0;
}

.op-surface-state-card .op-form-actions {
  margin: 14px 0 0;
}

body.op-product--surface-login .op-public-login-field .op-control--with-icon {
  position: relative;
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

body.op-product--surface-login .op-public-login-field .op-control--with-icon > .op-public-login-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 14px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

body.op-product--surface-login .op-public-login-field .op-control--with-icon > input.op-control {
  padding-left: 42px;
}

body.op-product--surface-login .op-public-login-field .op-control--password > input.op-control {
  padding-right: 52px;
}

body.op-product--surface-login .op-public-login-eye {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  transform: translateY(-50%);
}

.op-staff-decision-panel {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-staff-decision-panel__actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  width: auto;
  min-width: 0;
}

.op-staff-decision-panel__actions .op-button, .op-staff-decision-panel__actions button, .op-staff-decision-panel__actions input[type="submit"] {
  width: auto;
  min-width: 168px;
  max-width: 100%;
  white-space: normal;
}

.op-staff-support-workbench-grid, .op-staff-workbench-grid, .op-staff-detail-grid, .op-staff-queue-detail, .op-staff-support-workbench-main, .op-staff-support-workbench-side, .op-staff-workbench-main, .op-staff-workbench-side {
  min-width: 0;
}

@media  (max-width: 1220px) and (min-width: 901px)  {
  .op-staff-decision-panel, .op-staff-decision-panel__actions {
    justify-content: flex-start;
  }

  .op-staff-decision-panel__actions {
    width: 100%;
  }
}

.op-proof-order-card {
  overflow: visible;
}

.op-proof-order-card .op-proof-order__content, .op-proof-order-card .op-order-header__main {
  min-width: 0;
}

.op-proof-order-card .op-order-header__title {
  font-size: clamp(21px, 2.5vw, 29px);
  line-height: 1.15;
}

.op-proof-order-card .op-order-header__subtitle {
  max-width: 760px;
  margin-top: 10px;
  color: var(--op-text, #12233f);
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 750;
  line-height: 1.35;
  text-wrap: balance;
}

.op-proof-order-card .op-proof-order__media, .op-proof-order-card .op-appliance-preview {
  min-height: 0;
  max-height: 230px;
}

.op-proof-order-card .op-appliance-preview {
  aspect-ratio: 16 / 8.5;
}

.op-proof-order-card .op-appliance-preview__image {
  object-fit: cover;
}

.op-appliance-preview--placeholder {
  background: linear-gradient(145deg, #eef4fb, #f8fbff);
}

.op-appliance-preview--placeholder .op-appliance-preview__placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  padding: 22px;
  color: #52647d;
  font-weight: 700;
  text-align: center;
}

.op-proof-profile .op-proof-avatar:not(img) {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 88px;
  height: 88px;
  border: 1px solid #cbd8e8;
  border-radius: 50%;
  background: #edf3fa;
  color: #28415f;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: .04em;
}

.op-master-ledger-records {
  display: grid;
  gap: 12px;
}

.op-master-ledger-records .op-master-ip-item {
  min-width: 0;
}

.op-master-ledger-records .op-button--danger, .op-master-ledger-records .op-button--destructive {
  border-color: #cc3b3b;
  background: #fff5f5;
  color: #a92121;
}

.op-master-ledger-delete-menu {
  position: relative;
}

.op-master-ledger-delete-menu > summary {
  list-style: none;
}

.op-master-ledger-delete-menu > summary::-webkit-details-marker {
  display: none;
}

.op-master-ledger-delete-menu[open] .op-master-ledger-delete-confirm {
  display: flex;
}

.op-master-ledger-delete-confirm {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #f0c5c5;
  border-radius: 14px;
  background: #fff8f8;
}

body.op-product--public:not(.op-product--surface-home) .op-public-flow, body.op-product--public:not(.op-product--surface-home) .op-family-frame {
  display: grid;
  align-content: start;
  width: min(100%, 560px);
  min-height: calc(100dvh - var(--op-header-height, 0px));
  margin-inline: auto;
  padding-block: clamp(28px, 8vh, 76px) max(28px, env(safe-area-inset-bottom));
}

body.op-product--public:not(.op-product--surface-home) .op-proof-public-card {
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
}

body.op-product--public:not(.op-product--surface-home) .op-proof-auth-back {
  display: inline-flex;
  margin-bottom: 18px;
}

body.op-product--public:not(.op-product--surface-home) .op-page-header {
  margin-bottom: 20px;
}

.op-result-state {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  width: min(100%, 620px);
  margin: clamp(28px, 10vh, 96px) auto 32px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid #dbe5f1;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 50px rgba(37, 62, 96, .09);
}

.op-result-state__signal {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #eaf8ef;
  color: #167342;
  font-size: 25px;
  font-weight: 850;
}

.op-result-state--danger .op-result-state__signal {
  background: #fff0f0;
  color: #b52525;
}

.op-result-state--warning .op-result-state__signal {
  background: #fff7df;
  color: #946200;
}

.op-result-state--info .op-result-state__signal {
  background: #edf5ff;
  color: #1760a8;
}

.op-result-state__body h1 {
  margin: 0;
  font-size: clamp(24px, 4vw, 32px);
  line-height: 1.15;
}

.op-result-state__body > p {
  margin: 10px 0 0;
  color: #52647d;
  line-height: 1.5;
}

.op-result-state__actions {
  justify-content: flex-start;
  margin-top: 22px;
}

.op-proof-chat-screen {
  display: grid;
  gap: 14px;
  min-height: min(680px, calc(100dvh - 150px));
}

.op-proof-chat-context {
  margin: 0;
  color: #667790;
  font-size: 14px;
}

.op-proof-chat-screen .op-chat-thread {
  align-content: start;
  min-height: 280px;
  padding: 16px;
  border: 1px solid #dfe7f1;
  border-radius: 20px;
  background: #f7f9fc;
}

.op-proof-chat-empty {
  display: grid;
  place-items: center;
  min-height: 280px;
  padding: 24px;
  color: #667790;
  text-align: center;
}

.op-proof-chat-screen .op-chat-composer-shell {
  position: sticky;
  z-index: 4;
  bottom: calc(var(--op-bottom-nav-height, 0px) + env(safe-area-inset-bottom));
  padding: 10px 0 max(10px, env(safe-area-inset-bottom));
  background: linear-gradient(to bottom, rgba(244,248,255,0), #f4f8ff 22%);
}

.op-proof-chat-screen .op-chat-composer textarea {
  min-height: 48px;
  max-height: 140px;
  overflow-wrap: anywhere;
}

.op-notification-list {
  display: grid;
  gap: 10px;
}

.op-notification-item.is-unread {
  border-color: #aac9f8;
  background: #f4f8ff;
}

.op-support-case-layout {
  display: grid;
  gap: 16px;
}

.op-support-case-list {
  display: grid;
  gap: 10px;
}

body.op-product.op-product--public:not(.op-product--surface-home) .op-proof-public-card {
  align-self: start;
  margin-top: 0;
  transform: none;
}

.op-master-ledger-filters .op-button.is-active, .op-master-ledger-filters .op-button[aria-current="page"] {
  border-color: #0060f4;
  background: #0060f4;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0, 96, 244, .16);
}

.op-master-avatar-runtime {
  position: relative;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 88px;
  height: 88px;
}

.op-master-avatar-runtime > .op-proof-avatar {
  grid-area: 1 / 1;
}

.op-master-avatar-runtime > [hidden] {
  display: none;
}

body.op-product.op-product--public:not(.op-product--surface-home) {
  display: block;
  place-items: initial;
  align-items: initial;
  justify-content: initial;
  min-height: 100dvh;
}

body.op-product.op-product--public:not(.op-product--surface-home) .op-product-family--public {
  display: grid;
  align-content: start;
  align-items: start;
  margin-inline: auto;
  padding-top: clamp(34px, 7vh, 68px);
  padding-bottom: max(28px, env(safe-area-inset-bottom));
  width: min(100%, 560px);
  min-height: 0;
  margin: 0 auto;
  padding: 0;
}

@media  (max-height: 620px)  {
  body.keyboard-safe-surface.op-product--public:not(.op-product--surface-home) .op-public-flow, body.keyboard-safe-surface.op-product--public:not(.op-product--surface-home) .op-family-frame {
    align-content: start;
    padding-top: 12px;
  }

  body.op-product.op-product--public:not(.op-product--surface-home) .op-product-screen--public {
    padding-top: 18px;
  }
}

body.op-product.op-product--public:not(.op-product--surface-home) .op-product-screen--public {
  display: block;
  width: 100%;
  min-height: 100dvh;
  padding: clamp(44px, 7vh, 68px) 15px max(28px, env(safe-area-inset-bottom));
  align-content: start;
}

.op-notification-item:not(.is-unread) {
  opacity: 1;
  background: #fff;
  border-color: #dbe5f1;
}

.op-notification-item:not(.is-unread) .op-notification-item__head time, .op-notification-item:not(.is-unread) p {
  color: #52647d;
}

.op-communication-surface {
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 22px;
  background: var(--op-surface);
  box-shadow: 0 12px 32px rgba(28, 50, 78, .07);
}

.op-communication-surface :where(.op-summary-card, .op-case-decision, .op-support-panel) {
  box-shadow: none;
}

.op-proof-chat-screen.op-communication-surface {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 0;
  min-height: min(680px, calc(100dvh - 150px));
  padding: 0;
}

.op-proof-chat-screen.op-communication-surface .op-chat-thread, body.op-product--client .op-surface-chat-thread, .op-support-workspace .op-chat-thread, .op-finance-dispute-monolith.op-communication-surface .op-chat-thread {
  min-height: 280px;
  max-height: 56dvh;
  padding: 16px;
  border: 0;
  border-radius: 0;
  background: #f7f9fc;
  box-shadow: none;
  scrollbar-gutter: stable;
}

.op-proof-chat-screen.op-communication-surface .op-chat-thread:focus-visible, body.op-product--client .op-surface-chat-thread:focus-visible, .op-support-workspace .op-chat-thread:focus-visible, .op-finance-dispute-monolith.op-communication-surface .op-chat-thread:focus-visible {
  outline: 3px solid rgba(0, 96, 244, .24);
  outline-offset: -3px;
}

.op-proof-chat-screen.op-communication-surface .op-chat-composer-shell, body.op-product--client .op-surface-chat-composer-shell, .op-support-workspace .op-client-support-compose, .op-finance-dispute-monolith.op-communication-surface .op-finance-dispute-compose {
  position: static;
  margin: 0;
  padding: 12px;
  border-top: 1px solid var(--op-line);
  background: #fff;
  box-shadow: none;
}

.op-proof-chat-screen.op-communication-surface .op-chat-composer, .op-support-workspace .op-client-support-compose-form.op-chat-composer {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-proof-chat-screen.op-communication-surface .op-chat-message, .op-support-workspace .op-chat-message, .op-finance-dispute-monolith.op-communication-surface .op-chat-message {
  max-width: min(82%, 560px);
  border: 0;
  box-shadow: none;
}

.op-proof-chat-screen.op-communication-surface .op-chat-message--system, .op-support-workspace .op-chat-message--system, .op-finance-dispute-monolith.op-communication-surface .op-chat-message--system {
  justify-self: center;
  max-width: 92%;
  padding: 4px 8px;
  border-radius: 0;
  background: transparent;
  color: #52647d;
  text-align: center;
}

.op-proof-chat-screen.op-communication-surface .op-proof-chat-empty, .op-proof-chat-screen.op-communication-surface .op-chat-empty {
  min-height: 260px;
  color: #52647d;
}

.op-notification-feed {
  display: block;
}

.op-notification-feed .op-client-notifications-list, .op-notification-feed .op-notification-list {
  display: block;
}

.op-notification-feed [data-notification-card="1"] + [data-notification-card="1"], .op-notification-feed .op-notification-item + .op-notification-item {
  border-top: 1px solid var(--op-line);
}

body.op-product--client .op-notification-feed .op-notification-item, body.op-product--master .op-notification-feed .op-notification-item, .op-notification-feed .op-notification-item {
  min-height: 72px;
  padding: 14px 16px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product--client .op-notification-feed .op-notification-item.is-unread, body.op-product--master .op-notification-feed .op-notification-item.is-unread, .op-notification-feed .op-notification-item.is-unread {
  border: 0;
  background: linear-gradient(90deg, rgba(0, 96, 244, .065), rgba(0, 96, 244, .018));
  box-shadow: inset 3px 0 0 rgba(0, 96, 244, .52);
}

.op-notification-feed .op-client-notifications-empty, .op-notification-feed .op-empty-state {
  min-height: 240px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-support-workspace {
  padding: 16px;
}

.op-support-workspace > .op-page-header, .op-support-workspace > .op-support-page-head {
  padding: 0 0 14px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.op-support-workspace .op-support-state-line, .op-support-workspace .op-support-context-line {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid var(--op-line);
}

.op-support-workspace .op-client-support-grid {
  gap: 0;
  border-top: 1px solid var(--op-line);
}

.op-support-workspace .op-support-workspace__section {
  margin: 0;
  padding: 16px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-support-workspace .op-client-support-side {
  border-top: 1px solid var(--op-line);
}

.op-support-workspace .op-client-support-queue-row {
  padding: 12px 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--op-line);
  background: transparent;
  box-shadow: none;
}

.op-support-workspace .op-client-support-queue-row:last-child {
  border-bottom: 0;
}

.op-finance-dispute-monolith.op-communication-surface {
  display: grid;
  gap: 0;
  padding: 18px;
}

.op-finance-dispute-monolith.op-communication-surface > :where(.op-case-decision, .op-summary-card, .op-finance-dispute-section) {
  margin: 0;
  padding: 16px 0;
  border: 0;
  border-top: 1px solid var(--op-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-finance-dispute-monolith.op-communication-surface > .op-finance-dispute-monolith-hero {
  padding-bottom: 16px;
}

.op-finance-dispute-monolith.op-communication-surface .op-finance-dispute-status-card {
  gap: 10px;
}

.op-finance-dispute-monolith.op-communication-surface .op-finance-dispute-protection, .op-finance-dispute-monolith.op-communication-surface .op-finance-dispute-refund-summary, .op-finance-dispute-monolith.op-communication-surface .op-finance-dispute-transaction-summary {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-finance-dispute-monolith.op-communication-surface .op-summary-card__rows {
  margin-top: 8px;
}

.op-payment-state.op-communication-surface {
  display: block;
  padding: 18px;
}

.op-payment-state.op-communication-surface .op-payment-state__summary, .op-payment-state.op-communication-surface .op-payment-state__actions {
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid var(--op-line);
}

.op-payment-state.op-communication-surface .op-summary-card {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.op-payment-state.op-communication-surface .op-summary-card__head {
  margin-bottom: 4px;
}

.op-payment-state.op-communication-surface .op-form-actions {
  align-items: stretch;
}

.op-payment-state.op-communication-surface .op-form-actions > :first-child {
  order: 1;
}

.op-payment-state.op-communication-surface .op-form-actions > :not(:first-child) {
  order: 2;
}

.op-modal-overlay .op-modal {
  box-shadow: 0 24px 64px rgba(18, 33, 54, .2);
}

.op-modal-overlay .op-modal__body {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media  (min-width: 901px)  {
  body.op-product.op-product--staff {
    --op-staff-sidebar-width: 244px;
    --op-staff-sidebar-left: max(18px, calc((100vw - 1440px) / 2));
    --op-staff-workspace-gap: 24px;
    --op-staff-workspace-right: max(18px, calc((100vw - 1920px) / 2 + 18px));
  }

  body.op-product.op-product--staff .op-nav--side {
    left: var(--op-staff-sidebar-left);
    width: var(--op-staff-sidebar-width);
  }

  body.op-product.op-product--staff .op-shell-main--staff {
    width: auto;
    max-width: none;
    margin-left: calc(var(--op-staff-sidebar-left) + var(--op-staff-sidebar-width) + var(--op-staff-workspace-gap));
    margin-right: var(--op-staff-workspace-right);
    padding-left: 0;
    padding-right: 0;
  }

  body.op-product.op-product--staff .op-staff-shell-root, body.op-product.op-product--staff .op-staff-workspace, body.op-product.op-product--staff .op-staff-workspace > * {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }

  body.op-product--surface-master-ip-ledger .op-shell-main, body.op-product--surface-master-ip-ledger .op-master-workbench, body.op-product--surface-master-ip-ledger .op-family-frame {
    width: min(1180px, calc(100% - 48px));
    max-width: 1180px;
  }

  body.op-product--surface-master-ip-ledger .op-bottom-nav, body.op-product--surface-master-ip-ledger .op-nav--bottom, body.op-product--surface-master-ip-ledger .bottom-nav {
    display: none;
  }

  body.op-product--surface-master-ip-ledger .op-accounting-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.op-product--surface-master-ip-ledger .op-master-ledger-records .op-accounting-entry {
    grid-template-columns: minmax(250px, 1.4fr) minmax(150px, .6fr) minmax(330px, 1fr);
    align-items: center;
  }

  .op-support-case-layout--open {
    grid-template-columns: minmax(220px, .72fr) minmax(0, 1.6fr);
    align-items: start;
  }

  body[class*="op-product--surface-master-ip-ledger"] .bottom-nav, body[class*="op-product--surface-master-ip-ledger"] .op-bottom-nav, body[class*="op-product--surface-master-ip-ledger"] .op-nav--bottom {
    display: none;
  }

  body[class*="op-product--surface-master-ip-ledger"] .op-master-ledger-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
  }

  body[class*="op-product--surface-master-ip-ledger"] .op-master-ledger-filters .op-button {
    width: auto;
    min-width: 130px;
  }

  body[class*="op-product--surface-master-ip-ledger"] .op-nav--master {
    display: none;
  }

  .op-support-workspace .op-client-support-grid {
    grid-template-columns: minmax(0, 1.65fr) minmax(260px, .75fr);
  }

  .op-support-workspace .op-client-support-side {
    padding-left: 18px;
    border-top: 0;
    border-left: 1px solid var(--op-line);
  }

  .op-proof-chat-screen.op-communication-surface {
    min-height: 640px;
  }
}

@media  (max-width: 480px)  {
  .op-result-state {
    grid-template-columns: 1fr;
    margin-top: 22px;
  }

  .op-communication-surface, .op-payment-state.op-communication-surface, .op-finance-dispute-monolith.op-communication-surface {
    border-radius: 18px;
  }

  .op-support-workspace, .op-finance-dispute-monolith.op-communication-surface, .op-payment-state.op-communication-surface {
    padding: 14px;
  }

  .op-proof-chat-screen.op-communication-surface .op-chat-thread, body.op-product--client .op-surface-chat-thread, .op-support-workspace .op-chat-thread, .op-finance-dispute-monolith.op-communication-surface .op-chat-thread {
    padding: 12px;
  }

  .op-notification-feed .op-notification-item {
    padding: 13px 14px;
  }
}

.op-shell-header {
  position: sticky;
  top: 0;
  z-index: 70;
  min-height: var(--op-header);
  border-bottom: 1px solid rgba(214,224,236,.9);
  background: rgba(255,255,255,.985);
  border-bottom-color: #e8edf3;
  box-shadow: 0 2px 12px rgba(16,24,40,.025);
  backdrop-filter: none;
}

.op-shell-header__role, .op-shell-header__logout, .op-nav__label {
  font-weight: 560;
}

body.op-product :where(h1,.op-product-page-head__title) {
  font-size: clamp(24px,6.2vw,32px);
  line-height: 1.08;
  letter-spacing: -.038em;
  font-weight: 680;
}

body.op-product :where(h2,h3,h4) {
  font-weight: 640;
}

body.op-product .op-button, body.op-product :is(button,[role="button"]) {
  font-weight: 600;
}

body.op-product .op-button {
  border-radius: 15px;
  box-shadow: none;
}

body.op-product .op-button--primary {
  background: #0867f2;
  border-color: #0867f2;
  box-shadow: none;
}

body.op-product .op-button--secondary, body.op-product .op-button--outline {
  background: #fff;
  border-color: #d7dee8;
}

body.op-product :is(.op-panel,.op-order-card,.op-product-panel,.op-surface-card,.op-surface-order-card,.op-auth-state,.op-surface-state-card) {
  border-color: #e4eaf1;
  box-shadow: 0 10px 30px rgba(16,24,40,.055);
}

body.op-product .op-product-metric, body.op-product :is(.op-summary-card,.op-product-kv__row,.op-product-row,.op-notification-item) {
  border-color: #e7ecf2;
}

body.op-product .op-product-metric__label, body.op-product .op-product-kv__label, body.op-product .op-order-meta__label {
  font-weight: 500;
}

body.op-product .op-product-metric__value, body.op-product .op-product-kv__value, body.op-product .op-order-meta__value {
  font-weight: 560;
}

body.op-product :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input),select:not(.op-list-toolbar__select),textarea:not(.op-master-chat-input)) {
  border-color: #dce3ec;
  background: #fff;
  color: #101828;
  box-shadow: none;
}

body.op-product :where(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input),select:not(.op-list-toolbar__select),textarea:not(.op-master-chat-input)):focus {
  border-color: rgba(8,103,242,.66);
  box-shadow: 0 0 0 3px rgba(8,103,242,.10);
}

body.op-product .op-appliance-preview, body.op-product [data-appliance-preview="1"], body.op-product [data-media-source="appliance-fallback"], body.op-product [data-order-image-source="appliance-fallback"] {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: #fff;
}

body.op-product .op-appliance-preview--appliance-fallback .op-appliance-preview__image, body.op-product .op-appliance-preview__image--fallback, body.op-product [data-media-source="appliance-fallback"] img, body.op-product [data-order-image-source="appliance-fallback"] img, body.op-product [data-order-image-source="fallback"] img, body.op-product .op-surface-hero-photo--fallback img, body.op-product .op-client-orders-media--fallback .op-client-orders-media-image, body.op-product .op-master-order-media[data-order-image-source="appliance-fallback"] img, body.op-product .uix-media-shell--support-fallback .uix-media-image {
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: contain;
  object-position: center;
  padding: 8px;
  background: #fff;
  transform: none;
  filter: none;
}

body.op-product .op-appliance-preview--client-photo .op-appliance-preview__image, body.op-product [data-media-source="client-photo"] .op-appliance-preview__image, body.op-product [data-order-image-source="client-photo"] .op-appliance-preview__image {
  object-position: center;
  background: transparent;
  transform: none;
  object-fit: cover;
  padding: 0;
  filter: none;
}

body.op-product .op-appliance-preview__finish, body.op-product [data-media-source="appliance-fallback"] > .op-appliance-preview__finish, body.op-product [data-order-image-source="appliance-fallback"] > .op-appliance-preview__finish {
  opacity: 0;
  background: transparent;
  box-shadow: inset 0 0 0 1px rgba(224,230,238,.8);
}

body.op-product .op-appliance-preview__placeholder {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: grid;
  place-items: center;
  padding: 14px;
  font-size: 13px;
  letter-spacing: .01em;
  text-align: center;
  color: #667085;
  background: #f8fafc;
  font-weight: 500;
}

body.op-product .op-status-chip, body.op-product .op-order-status, body.op-product [class*="status-pill"] {
  font-weight: 560;
}

body.op-product .modal {
  border: 1px solid rgba(214,224,236,.9);
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  border-color: #e4eaf1;
  box-shadow: 0 22px 60px rgba(16,24,40,.16);
}

html, body.op-product {
  background: #ffffff;
}

body.op-product .op-shell-header__bell, body.op-product .op-shell-header__logout {
  min-height: 48px;
  border-radius: 16px;
  border-color: #dce4ee;
}

body.op-product :where(h1, .op-product-page-head__title) {
  font-weight: 680;
}

body.op-product :where(h2, h3, h4) {
  font-weight: 620;
}

body.op-product .op-button, body.op-product :is(button, [role="button"]) {
  font-weight: 600;
}

body.op-product .op-button--primary, body.op-product .op-surface-button-primary {
  background: #0868f3;
  border-color: #0868f3;
  box-shadow: none;
}

body.op-product :is(.op-panel, .op-order-card, .op-product-panel, .op-surface-card, .op-surface-order-card, .op-auth-state, .op-surface-state-card) {
  border-color: #e2e8f0;
  box-shadow: 0 12px 34px rgba(20, 45, 82, .075);
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-orders-page-head {
  display: none;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active {
  gap: 0;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-orders-list {
  display: block;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile {
  overflow: hidden;
  border: 1px solid #e1e7ef;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(22, 48, 86, .09);
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile > .op-order-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding: 0;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-order-card__media, body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-client-orders-media, body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-appliance-preview {
  width: 100%;
  min-width: 0;
  max-width: none;
  height: clamp(250px, 72vw, 320px);
  border: 0;
  border-bottom: 1px solid #edf1f5;
  border-radius: 0;
  background: #ffffff;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-order-card__main {
  padding: 20px 20px 16px;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-order-header__title {
  color: #0868f3;
  font-size: 25px;
  line-height: 1.1;
  font-weight: 680;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-order-header__subtitle {
  max-width: 34ch;
  margin-top: 7px;
  color: #667085;
  font-size: 16px;
  line-height: 1.42;
  font-weight: 400;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__facts {
  margin-top: 14px;
  gap: 6px 9px;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__facts .op-order-meta__value {
  color: #475467;
  font-size: 13px;
  font-weight: 400;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__actions {
  padding: 0 20px 14px;
  border-top: 0;
  background: #ffffff;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__actions .op-order-action-bar {
  display: grid;
  gap: 8px;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__actions .op-order-action-bar__primary {
  order: 1;
  margin-left: 0;
}

body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__actions .op-order-action-bar__secondary {
  order: 2;
}

body.op-product--client .op-client-orders-cancel-form, body.op-product--client .op-client-orders-cancel-form .op-client-orders-cancel-action, body.op-product--client .op-client-orders-cancel-action {
  width: 100%;
}

body.op-product--client .op-client-orders-cancel-action, body.op-product--client .op-button--danger.op-client-orders-cancel-action {
  min-height: 50px;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #d92d20;
  font-size: 16px;
  font-weight: 600;
}

body.op-product--client .op-client-orders-cancel-action:hover, body.op-product--client .op-button--danger.op-client-orders-cancel-action:hover {
  background: #fff5f4;
  color: #b42318;
}

body.op-product--client .op-client-order-tile .op-appliance-preview__image--fallback, body.op-product--client .op-client-order-tile [data-media-source="appliance-fallback"] img, body.op-product--client .op-client-order-tile [data-order-image-source="appliance-fallback"] img, body.op-product--client .op-client-order-tile [data-order-image-source="fallback"] img {
  object-fit: contain;
  padding: 22px;
  filter: none;
}

body.op-product--client .op-client-order-tile .op-client-orders-media--photo img, body.op-product--client .op-client-order-tile [data-media-priority="real-photo"] img {
  object-fit: cover;
  padding: 0;
}

body.op-product--client .op-client-state-hero__preview .op-appliance-preview__image--fallback, body.op-product--client .op-client-state-hero__preview [data-media-source="appliance-fallback"] img {
  object-fit: contain;
  padding: 24px;
}

body.op-product--client .op-client-state-hero__facts {
  display: inline-flex;
}

body.op-product--client .op-client-state-hero__actions .op-order-action-bar__primary {
  order: 1;
  margin-left: 0;
}

body.op-product--client .op-client-state-hero__actions .op-order-action-bar__secondary {
  order: 2;
}

body.public-screen-create-order.op-public-direct, body.op-product--public.op-product--surface-create-order {
  background: #ffffff;
}

body.public-screen-create-order.op-public-direct .op-public-brand-strip, body.op-product--public.op-product--surface-create-order .op-public-brand-strip {
  min-height: 76px;
  padding: 14px 18px;
  border-bottom: 1px solid #e7edf5;
  background: #ffffff;
}

body.public-screen-create-order.op-public-direct .op-public-brand-logo, body.op-product--public.op-product--surface-create-order .op-public-brand-logo {
  width: 190px;
  max-width: 58vw;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head p, body.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head p {
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 400;
}

body.public-screen-create-order.op-public-direct .op-public-create-field, body.op-product--public.op-product--surface-create-order .op-public-create-field {
  gap: 7px;
}

body.public-screen-create-order.op-public-direct :is(.op-control, .op-public-select, .op-public-textarea), body.op-product--public.op-product--surface-create-order :is(.op-control, .op-public-select, .op-public-textarea) {
  min-height: 50px;
  border-color: #dce4ee;
  border-radius: 16px;
  background: #ffffff;
  font-size: 16px;
}

body.public-screen-create-order.op-public-direct .op-public-create-upload, body.op-product--public.op-product--surface-create-order .op-public-create-upload {
  min-height: 116px;
  border-color: #b9ccea;
  border-radius: 18px;
  background: #f8fbff;
}

body.public-screen-create-order.op-public-direct .op-public-create-submit, body.op-product--public.op-product--surface-create-order .op-public-create-submit {
  min-height: 52px;
  border-radius: 16px;
  font-size: 16px;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master, body.op-product--surface-master-assigned-orders .op-repair-workspace.op-surface-master-repair-stage-card {
  border-radius: 28px;
  border-color: #e1e7ef;
  box-shadow: 0 16px 42px rgba(22, 48, 86, .09);
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-proof-order__media {
  padding: 0;
  border-bottom: 1px solid #edf1f5;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-appliance-preview {
  width: 100%;
  height: clamp(240px, 66vw, 310px);
  border: 0;
  border-radius: 0;
  background: #ffffff;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-proof-order__content {
  padding: 0 20px 18px;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header {
  padding: 18px 0 16px;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__title {
  font-size: 23px;
  line-height: 1.12;
  font-weight: 650;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__subtitle, body.op-product--surface-master-assigned-orders .op-repair-workspace > .op-order-header .op-order-header__subtitle {
  color: #475467;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-product-kv__value, body.op-product--surface-master-assigned-orders .op-master-repair-facts .op-product-kv__value {
  font-weight: 560;
}

@media  (max-width: 600px)  {
  .op-proof-order-card .op-proof-order__media, .op-proof-order-card .op-appliance-preview {
    max-height: 180px;
  }

  .op-proof-order-card .op-order-header__subtitle {
    font-size: 18px;
  }

  body.op-product--public:not(.op-product--surface-home) .op-public-flow, body.op-product--public:not(.op-product--surface-home) .op-family-frame {
    width: 100%;
    padding-block: 22px max(24px, env(safe-area-inset-bottom));
  }

  body.op-product .op-shell-header__inner {
    width: calc(100% - 28px);
  }

  body.op-product .op-shell-header__logo {
    width: 184px;
  }

  body.op-product .op-shell-header__actions {
    gap: 7px;
  }

  body.op-product .op-shell-main {
    width: calc(100% - 20px);
    padding-top: 12px;
  }

  body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile .op-order-card__main, body.op-product--client.op-product--surface-client-orders .op-client-orders-screen--single-active .op-client-order-tile__actions {
    padding-left: 18px;
    padding-right: 18px;
  }
}

body.public-screen-create-order.op-public-direct .op-public-create-head, body.op-product--public.op-product--surface-create-order .op-public-create-head {
  align-items: start;
  margin-bottom: 12px;
  text-align: left;
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 12px;
}

body.public-screen-create-order.op-public-direct .op-public-create-heading-copy, body.op-product--public.op-product--surface-create-order .op-public-create-heading-copy {
  grid-column: 2;
  text-align: left;
}

body.op-product--surface-master-assigned-orders .op-master-repair-primary-action, body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-master-repair-primary-action {
  position: static;
  bottom: auto;
  padding: 16px 0 0;
  background: transparent;
  order: initial;
}

body.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-appliance-preview :is(img, .op-appliance-preview__image) {
  object-fit: contain;
  filter: none;
  padding: 0;
}

.op-list-toolbar, .op-list-toolbar-stack {
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.op-list-toolbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(96px, 108px);
  align-items: center;
  gap: var(--op-list-toolbar-gap);
}

.op-list-toolbar--multi {
  grid-template-columns: minmax(230px, 1fr) minmax(146px, 190px) minmax(94px, 112px);
}

.op-list-toolbar--with-submit {
  grid-template-columns: minmax(250px, 1fr) minmax(156px, 220px) auto;
}

.op-list-toolbar--staff {
  width: min(100%, 760px);
}

.op-list-toolbar-stack {
  display: grid;
  gap: 6px;
}

.op-list-toolbar__control {
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  min-width: 0;
  width: 100%;
  height: var(--op-list-toolbar-height);
  min-height: var(--op-list-toolbar-height);
  gap: 8px;
  padding: 0 12px;
  overflow: hidden;
  border: 1px solid var(--op-list-toolbar-line);
  border-radius: var(--op-list-toolbar-radius);
  background: var(--op-list-toolbar-surface);
  color: var(--op-list-toolbar-ink);
  box-shadow: none;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.op-list-toolbar__control:hover {
  border-color: #c6d4e5;
}

.op-list-toolbar__control:focus-within, .op-list-toolbar__filter-wrap[open] > .op-list-toolbar__filter-trigger {
  border-color: var(--op-list-toolbar-line-focus);
  box-shadow: 0 0 0 3px rgba(0, 96, 244, .10);
}

.op-list-toolbar__icon {
  display: inline-flex;
  flex: 0 0 19px;
  width: 19px;
  height: 19px;
  align-items: center;
  justify-content: center;
  color: var(--op-list-toolbar-muted);
}

.op-list-toolbar__icon :is(svg, img), .op-list-toolbar__icon.platform-icon-img {
  display: block;
  width: 19px;
  height: 19px;
}

.op-list-toolbar__input, .op-list-toolbar__select {
  box-sizing: border-box !important;
  flex: 1 1 auto;
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--op-list-toolbar-ink) !important;
  font: inherit !important;
  font-size: 14px !important;
  font-weight: 430 !important;
  line-height: 1.2 !important;
  letter-spacing: -.01em !important;
}

.op-list-toolbar__input {
  appearance: none !important;
  -webkit-appearance: none !important;
}

.op-list-toolbar__input::-webkit-search-decoration, .op-list-toolbar__input::-webkit-search-cancel-button, .op-list-toolbar__input::-webkit-search-results-button, .op-list-toolbar__input::-webkit-search-results-decoration {
  display: none;
  -webkit-appearance: none;
}

.op-list-toolbar__input::placeholder {
  color: #8792a4;
  opacity: 1;
}

.op-list-toolbar__select-control {
  padding-right: 30px;
}

.op-list-toolbar__select-control::after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -5px;
  border-right: 1.5px solid #7c8798;
  border-bottom: 1.5px solid #7c8798;
  transform: rotate(45deg);
  pointer-events: none;
}

.op-list-toolbar__select {
  padding-right: 2px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer;
}

.op-list-toolbar__limit .op-list-toolbar__select {
  text-align: left;
}

.op-list-toolbar__submit {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 96px;
  height: var(--op-list-toolbar-height);
  min-height: var(--op-list-toolbar-height);
  margin: 0;
  padding: 0 16px;
  border: 1px solid #b9d2f7;
  border-radius: var(--op-list-toolbar-radius);
  background: #eef5ff;
  color: #0059df;
  font: inherit;
  font-size: 14px;
  font-weight: 560;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

.op-list-toolbar__submit:hover {
  border-color: #91baf5;
  background: #e4efff;
}

.op-list-toolbar__submit:focus-visible {
  outline: 0;
  border-color: var(--op-list-toolbar-line-focus);
  box-shadow: 0 0 0 3px rgba(0, 96, 244, .10);
}

.op-list-toolbar__filter-wrap {
  position: relative;
  min-width: 0;
  width: 100%;
}

.op-list-toolbar__filter-trigger {
  justify-content: center;
  list-style: none;
  padding-inline: 10px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.op-list-toolbar__filter-trigger::-webkit-details-marker {
  display: none;
}

.op-lookup-toolbar {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 19px minmax(0, 1fr) auto;
  align-items: center;
  width: 100%;
  min-width: 0;
  height: 46px;
  min-height: 46px;
  gap: 9px;
  padding: 4px 4px 4px 12px;
  overflow: hidden;
  border: 1px solid var(--op-list-toolbar-line);
  border-radius: var(--op-list-toolbar-radius);
  background: var(--op-list-toolbar-surface);
  box-shadow: none;
  transition: border-color .16s ease, box-shadow .16s ease;
}

.op-lookup-toolbar:focus-within {
  border-color: var(--op-list-toolbar-line-focus);
  box-shadow: 0 0 0 3px rgba(0, 96, 244, .10);
}

.op-lookup-toolbar__icon {
  display: inline-flex;
  width: 19px;
  height: 19px;
  align-items: center;
  justify-content: center;
  color: var(--op-list-toolbar-muted);
}

.op-lookup-toolbar__icon :is(svg, img) {
  width: 19px;
  height: 19px;
}

.op-lookup-toolbar__input {
  width: 100% !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--op-list-toolbar-ink) !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  text-transform: uppercase;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.op-lookup-toolbar__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 38px;
  min-height: 38px;
  margin: 0;
  padding: 0 15px;
  border: 0;
  border-radius: 11px;
  background: #0060f4;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 560;
  line-height: 1;
  cursor: pointer;
  box-shadow: none;
}

@media  (max-width: 340px)  {
  .op-modal-overlay .op-modal__footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .op-modal-overlay .op-modal__footer .op-button {
    width: 100%;
    min-width: 0;
  }

  body.op-product .op-shell-header__logo {
    width: 156px;
    max-width: 52vw;
  }

  body.op-product .op-shell-header__bell {
    width: 44px;
    min-width: 44px;
  }

  body.op-product .op-shell-header__logout {
    min-height: 44px;
    padding-inline: 12px;
    font-size: 15px;
  }

  body.public-screen-create-order.op-public-direct .op-public-create-card, body.op-product--public.op-product--surface-create-order .op-public-create-card {
    padding: 16px;
  }

  .op-list-toolbar, .op-list-toolbar--multi, .op-list-toolbar--with-submit {
    grid-template-columns: minmax(0, 1fr) 92px;
  }

  .op-list-toolbar__icon, .op-list-toolbar__icon :is(svg, img) {
    width: 18px;
    height: 18px;
    flex-basis: 18px;
  }

  .op-list-toolbar__control {
    padding-inline: 10px;
  }
}

body.op-product :where(h1, h2, h3, h4, p) {
  text-wrap: pretty;
}

body.op-product :where(h1, h2, h3, h4) {
  color: var(--op-ink);
  letter-spacing: -.028em;
}

body.op-product :where(.muted, .op-surface-muted, .op-product-page-head__subtitle, .op-order-header__subtitle) {
  color: var(--op-muted);
}

body.op-product .op-shell-header__bell :is(img, svg) {
  width: 23px;
  height: 23px;
}

body.op-product .op-shell-header__context {
  gap: 0;
}

body.op-product .op-shell-header__role {
  color: var(--op-blue);
  font-size: 12px;
  font-weight: 700;
}

body.op-product .op-shell-header__label {
  color: var(--op-muted);
  font-size: 13px;
}

body.op-product--public .op-shell-main, body.op-public-direct .op-shell-main {
  width: min(calc(100% - 24px), 560px);
}

body.op-product .op-product-page-head__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  align-items: center;
}

body.op-product .op-product-section-head__title, body.op-product .op-form-section__head h2, body.op-product .op-form-section__title {
  font-size: 19px;
  line-height: 1.16;
  font-weight: 680;
}

body.op-product .op-button, body.op-product :is(button[type="submit"], input[type="submit"]) {
  min-height: 52px;
  border-radius: 16px;
  padding: 0 18px;
  gap: 10px;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.012em;
  box-shadow: none;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease, border-color .15s ease;
}

body.op-product .op-button:active, body.op-product :is(button[type="submit"], input[type="submit"]):active {
  transform: scale(.985);
}

body.op-product :is(.op-button--primary, .op-surface-button-primary, .op-client-button-primary) {
  border-color: var(--op-blue);
  background: linear-gradient(180deg, #0b6ff8 0%, #0060f4 100%);
  color: #fff;
  box-shadow: 0 11px 24px rgba(0, 96, 244, .22);
}

body.op-product :is(.op-button--primary, .op-surface-button-primary, .op-client-button-primary):hover {
  border-color: var(--op-blue-strong);
  background: linear-gradient(180deg, #0868ef 0%, #0058df 100%);
}

body.op-product :is(.op-button--secondary, .op-button--ghost, .op-surface-button-outline) {
  border: 1px solid #cdd9ea;
  background: #fff;
  color: var(--op-blue);
}

body.op-product :is(.op-button--danger, .op-surface-button-danger-outline) {
  border: 1px solid rgba(226, 50, 50, .40);
  background: #fff;
  color: var(--op-danger);
}

body.op-product .op-order-action-bar {
  gap: 10px;
}

body.op-product .op-order-action-bar__primary, body.op-product .op-order-action-bar__secondary {
  gap: 10px;
}

body.op-product .op-order-action-bar :is(.op-button, button, a) {
  width: 100%;
}

body.op-product :is(.op-control, input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select), textarea:not(.op-master-chat-input)) {
  min-height: 52px;
  border: 1px solid #d9e2ef;
  border-radius: 15px;
  background: #fff;
  color: var(--op-ink);
  box-shadow: inset 0 1px 0 rgba(18, 42, 78, .02);
  font-size: 15px;
  outline: none;
}

body.op-product textarea:not(.op-master-chat-input), body.op-product .op-textarea {
  min-height: 112px;
  padding: 14px 15px;
  line-height: 1.45;
  resize: vertical;
}

body.op-product :is(.op-control, input:not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select), textarea:not(.op-master-chat-input)):focus {
  border-color: rgba(8, 103, 242, .70);
  box-shadow: 0 0 0 4px rgba(8, 103, 242, .10);
}

body.op-product .op-field {
  gap: 7px;
}

body.op-product .op-field__hint {
  color: var(--op-muted);
  font-size: 12px;
  line-height: 1.4;
}

body.op-product .op-form-section {
  border-color: var(--op-line);
  border-radius: 22px;
  background: #fff;
}

body.op-product .op-form-section__head {
  padding: 18px 18px 12px;
}

body.op-product .op-form-section__content {
  padding: 0 18px 18px;
  gap: 14px;
}

body.op-product :is(.op-surface-status-chip, .op-product-status, .badge, .op-client-card-chip, .op-finance-status-pill) {
  min-height: 26px;
  border-radius: 999px;
  padding: 5px 10px;
  border: 1px solid rgba(8, 103, 242, .09);
  background: var(--op-blue-soft);
  color: var(--op-blue);
  font-size: 11px;
  line-height: 1;
  font-weight: 650;
}

body.op-product :is(.op-surface-status-chip--red, .op-product-status--risk) {
  border-color: rgba(226, 50, 50, .12);
  background: var(--op-danger-soft);
  color: var(--op-danger);
}

body.op-product .op-ui-decor-icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border: 0;
  border-radius: 10px;
  background: var(--op-blue-soft);
  box-shadow: none;
}

body.op-product .op-ui-decor-icon__img {
  width: 19px;
  height: 19px;
}

body.op-product :is(.op-button--primary, .op-surface-button-primary) .op-ui-decor-icon {
  background: rgba(255, 255, 255, .16);
}

body.op-product--client .op-client-state-hero__preview {
  border-bottom: 1px solid #edf1f5;
  width: 100%;
  height: clamp(250px, 68vw, 360px);
  overflow: hidden;
  border: 0;
  border-radius: 23px;
  background: radial-gradient(circle at 50% 44%, #fff 0 31%, transparent 58%),
    linear-gradient(145deg, #f7faff, #edf4ff);
  box-shadow: inset 0 0 0 1px rgba(216, 227, 241, .84);
}

body.op-product--client .op-client-state-hero__preview :is(.op-appliance-preview__image, img) {
  padding: 0;
  filter: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body.op-product--client .op-client-state-hero__preview .op-appliance-preview__image--fallback, body.op-product--client .op-client-state-hero__preview[data-media-source="appliance-fallback"] img {
  padding: 18px;
  object-fit: contain;
  filter: drop-shadow(0 18px 24px rgba(20, 43, 75, .12));
}

body.op-product--client .op-client-state-hero__reference {
  line-height: 1.3;
  display: inline-flex;
  margin-top: 7px;
  color: #7c8798;
  font-size: 12px;
  font-weight: 520;
}

body.op-product--client .op-client-state-hero__title {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(25px, 7vw, 31px);
  line-height: 1.05;
  font-weight: 740;
  letter-spacing: -.038em;
}

body.op-product--client .op-client-state-hero__meta {
  display: inline-block;
  margin: 8px 0 0 8px;
  margin-top: 9px;
}

body.op-product--client .op-client-state-hero__facts.op-order-meta {
  gap: 5px 9px;
}

body.op-product--client .op-client-state-hero__facts .op-order-meta__value {
  color: var(--op-muted);
  font-size: 13px;
  font-weight: 470;
}

body.op-product--client .op-client-state-hero[data-proof-lifecycle="searching"] .op-client-state-hero__state::before, body.op-product--client .op-client-state-hero[data-proof-lifecycle="orders-one"] .op-client-state-hero__state::before, body.op-product--client .op-client-state-hero[data-proof-lifecycle="no-offers"] .op-client-state-hero__state::before {
  background-image: url("/assets/platform-icons-v2/person-search.png");
}

body.op-product--client .op-client-state-hero[data-proof-lifecycle*="repair"] .op-client-state-hero__state::before {
  background-image: url("/assets/platform-icons-v2/state-repair-working.png");
}

body.op-product--client .op-client-state-hero[data-proof-lifecycle*="protection"] .op-client-state-hero__state::before, body.op-product--client .op-client-state-hero--success .op-client-state-hero__state::before {
  background-color: var(--op-success-soft);
  background-image: url("/assets/platform-icons-v2/state-protection.png");
}

body.op-product--client .op-client-state-hero--warning .op-client-state-hero__state::before {
  background-color: var(--op-warning-soft);
  background-image: url("/assets/platform-icons-v2/state-payment-pending.png");
}

body.op-product--client .op-client-state-hero--risk .op-client-state-hero__state::before {
  background-color: var(--op-danger-soft);
  background-image: url("/assets/platform-icons-v2/state-dispute-open.png");
}

body.op-product--client .op-client-state-hero--success .op-client-state-hero__state-title {
  color: var(--op-success);
}

body.op-product--client .op-client-state-hero--risk .op-client-state-hero__state-title {
  color: var(--op-danger);
}

body.op-product--client .op-master-identity {
  gap: 12px;
}

body.op-product--client :where(.op-master-identity__avatar) {
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: var(--op-blue-soft);
  color: var(--op-blue);
  font-size: 18px;
  font-weight: 720;
}

body.op-product--client .op-master-identity__name {
  color: var(--op-ink);
  font-size: 16px;
  font-weight: 660;
}

body.op-product--client .op-master-identity__detail {
  margin-top: 2px;
  color: var(--op-muted);
  font-size: 12px;
}


body.op-product--client .op-client-orders-filter-option, body.op-product--client .op-client-orders-filter-current {
  min-height: 38px;
  border-radius: 13px;
  padding: 0 14px;
  white-space: nowrap;
}

body.op-product--client .op-client-order-tile__main, body.op-product--client .op-client-order-tile > .op-order-card__body {
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 16px;
  padding: 15px;
}

body.op-product--client .op-client-order-tile :is(.op-appliance-preview--appliance-fallback, [data-media-source="appliance-fallback"]) img {
  padding: 12px;
  object-fit: contain;
}

body.op-product--client .op-client-order-tile__title, body.op-product--client .op-client-orders-card-title {
  color: var(--op-ink);
  font-size: 21px;
  line-height: 1.08;
  font-weight: 720;
}

body.op-product--client :is(.op-client-support-workspace, .op-client-notifications-feed) .op-notification-item, body.op-product--client .op-support-case-list .op-notification-item {
  min-height: 76px;
  padding: 16px 17px;
  border: 1px solid var(--op-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--op-shadow-soft);
}

body.op-product--client .op-notification-item.is-unread {
  border-color: rgba(8, 103, 242, .22);
  background: linear-gradient(180deg, #fff, #f7faff);
}

body.op-product--client .op-notification-item__marker {
  width: 9px;
  height: 9px;
  background: var(--op-blue);
}

body.op-product--master {
  --op-content: 760px;
  --op-master-bottom-nav-height: 72px;
  --op-master-bottom-nav-offset: 8px;
}

body.op-product--master .op-product-family {
  gap: 15px;
}

body.op-product--master.op-product--surface-master-assigned-orders .op-product-page-head, body.op-product--master .op-product-screen--surface-master-assigned-repair > .op-product-family > .op-product-page-head, body.op-product--master .op-product-screen--surface-master-assigned-diagnostics > .op-product-family > .op-product-page-head {
  display: none;
}

body.op-product--master .op-proof-order-card--master, body.op-product--master .op-master-order-card, body.op-product--master .op-surface-master-repair-stage-card {
  overflow: hidden;
  padding: 0;
  border-radius: var(--op-radius-lg);
  box-shadow: var(--op-shadow);
}

body.op-product--master .op-proof-order-card--master .op-proof-order__media, body.op-product--master .op-proof-order-card--master .op-appliance-preview {
  width: 100%;
  height: clamp(250px, 66vw, 360px);
}

body.op-product--master .op-proof-order-card--master .op-appliance-preview--appliance-fallback img, body.op-product--master .op-proof-order-card--master [data-media-source="appliance-fallback"] img {
  padding: 18px;
  object-fit: contain;
  filter: drop-shadow(0 18px 24px rgba(20, 43, 75, .12));
}

body.op-product--master .op-proof-order-card--master .op-order-header__meta {
  margin-top: 11px;
}

body.op-product--master .op-product-kv {
  margin-top: 3px;
  border-top: 0;
}

body.op-product--master .op-master-repair-primary-action {
  position: static;
  margin-top: 15px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  backdrop-filter: none;
}

body.op-product--master .op-nav__item--master .op-nav__icon :is(img, svg) {
  width: 24px;
  height: 24px;
}

body.op-product--master .op-nav__item--master.is-active .op-nav__icon {
  transform: translateY(-1px);
}

body.op-product--master .op-proof-profile {
  display: grid;
  justify-items: center;
  gap: 9px;
  padding: 8px 0 18px;
  text-align: center;
}

body.op-product--master .op-proof-avatar {
  width: 86px;
  height: 86px;
  border-radius: 29px;
  background: linear-gradient(145deg, #edf4ff, #dceaff);
  color: var(--op-blue);
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .08);
  font-size: 25px;
  font-weight: 720;
}

body.op-product--master .op-product-screen--surface-master-profile .op-product-kv {
  overflow: hidden;
  margin-top: 4px;
  border: 1px solid var(--op-line);
  border-radius: 19px;
  background: #fbfdff;
}

body.op-product--master .op-proof-chat-screen {
  overflow: hidden;
  min-height: calc(100svh - var(--op-header) - 150px);
  border-radius: 28px;
  background: linear-gradient(180deg, #f8fbff, #f3f7fd);
  box-shadow: var(--op-shadow-soft);
}

body.op-product--master .op-proof-chat-screen .op-chat-thread {
  gap: 11px;
  padding: 18px 15px 92px;
}

body.op-product--master .op-proof-chat-screen .op-chat-message {
  max-width: 82%;
  padding: 11px 13px;
  border: 1px solid var(--op-line);
  border-radius: 18px 18px 18px 6px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(21, 48, 88, .05);
}

body.op-product--master .op-proof-chat-screen .op-chat-message--mine {
  margin-left: auto;
  border-color: rgba(8, 103, 242, .10);
  border-radius: 18px 18px 6px 18px;
  background: #eaf3ff;
}

body.op-product--master .op-proof-chat-screen .op-chat-message--system {
  max-width: 100%;
  margin-inline: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: var(--op-muted);
  text-align: center;
}

body.op-product--master .op-proof-chat-screen .op-chat-composer-shell {
  padding: 10px;
  border-top: 1px solid var(--op-line);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(14px);
}

body.op-product--master .op-proof-chat-screen .op-chat-composer {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 9px;
}

body.op-product--master .op-proof-chat-screen .op-chat-composer__submit {
  width: auto;
  min-width: 112px;
}

body.op-product--master .op-master-requisites-screen {
  display: grid;
  gap: 15px;
}

body.op-product--master .op-master-requisites-head {
  position: relative;
  overflow: hidden;
  min-height: 210px;
  padding: 25px 24px 24px 184px;
  border-radius: 28px;
  background: radial-gradient(circle at 20% 40%, rgba(8, 103, 242, .14), transparent 120px),
    linear-gradient(145deg, #fff, #f2f7ff);
}

body.op-product--master .op-master-requisites-head::before {
  position: absolute;
  top: 31px;
  left: 26px;
  width: 126px;
  height: 126px;
  border-radius: 40px;
  background: url("/assets/platform-icons-v2/nav-payouts.png") center / 76px 76px no-repeat,
    linear-gradient(145deg, #edf4ff, #dceaff);
  box-shadow: 0 22px 38px rgba(8, 103, 242, .16), inset 0 0 0 1px rgba(8, 103, 242, .08);
  content: "";
  transform: rotate(-5deg);
}

body.op-product--master .op-master-requisites-head .op-surface-icon-tile, body.op-product--master .op-master-requisites-head > :first-child:not(.op-master-requisites-head-copy) {
  display: none;
}

body.op-product--master .op-master-requisites-head-copy h1 {
  margin: 0;
  font-size: 30px;
  line-height: 1.05;
  font-weight: 740;
}

body.op-product--master .op-master-requisites-head-copy p {
  margin: 10px 0 0;
  color: var(--op-muted);
  font-size: 14px;
}

body.op-product--master .op-master-requisites-modern-card {
  padding: 20px;
}

body.op-product--master .op-master-requisites-modern-form {
  gap: 15px;
}

body.op-product--master .op-master-requisites-modern-fields {
  display: grid;
  gap: 13px;
}

body.op-product--finance .op-finance-payment-screen--success {
  min-height: calc(100svh - var(--op-header) - 44px);
  display: grid;
  place-items: center;
}

body.op-product--finance .op-finance-payment-success-box {
  width: 100%;
}

body.op-product--finance .op-finance-payment-success-card, body.op-product--finance .op-payment-state {
  overflow: hidden;
  padding: 34px 25px 25px;
  border-radius: 30px;
  text-align: center;
  box-shadow: var(--op-shadow);
}

body.op-product--finance .op-payment-state__head {
  display: grid;
  justify-items: center;
  gap: 18px;
}

body.op-product--finance .op-finance-payment-success-visual {
  width: 104px;
  height: 104px;
  border: 0;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 45%, transparent 47%),
    linear-gradient(145deg, #edf4ff, #dceaff);
  box-shadow: 0 18px 42px rgba(8, 103, 242, .18);
}

body.op-product--finance .op-finance-payment-success-halo {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  border: 2px solid var(--op-blue);
  border-radius: 50%;
  background: #fff;
}

body.op-product--finance .op-finance-payment-success-icon {
  width: 38px;
  height: 38px;
}

body.op-product--finance .op-payment-state__copy > :first-child, body.op-product--finance .op-finance-payment-success-title {
  margin: 0;
  color: var(--op-ink);
  font-size: clamp(32px, 9vw, 43px);
  line-height: 1.05;
  font-weight: 760;
  letter-spacing: -.045em;
}

body.op-product--finance .op-payment-state__copy p, body.op-product--finance .op-finance-payment-success-lead {
  max-width: 430px;
  margin: 13px auto 0;
  color: var(--op-muted);
  font-size: 16px;
  line-height: 1.48;
}

body.op-product--finance .op-payment-state__summary {
  width: 100%;
  margin-top: 22px;
  text-align: left;
}

body.op-product--finance .op-summary-card {
  border: 1px solid var(--op-line);
  border-radius: 20px;
  background: #f8fbff;
  box-shadow: none;
}

body.op-product--finance .op-payment-state__actions {
  width: 100%;
  margin-top: 20px;
}

body.op-product--finance .op-payment-state__actions .op-button {
  min-height: 57px;
  font-size: 17px;
}

body.op-product--finance .op-finance-dispute-monolith {
  overflow: hidden;
  border-radius: 28px;
  padding: 20px;
  box-shadow: var(--op-shadow);
}

body.op-product--finance .op-finance-dispute-section {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 13px;
  padding: 18px 0;
}

body.op-product--finance .op-finance-dispute-section-icon {
  width: 44px;
  height: 44px;
  border-radius: 15px;
  background: var(--op-blue-soft);
}

body.op-product--public, body.op-public-direct:not(.public-screen-home) {
  background: radial-gradient(circle at 50% 0, rgba(8, 103, 242, .10), transparent 28rem),
    linear-gradient(180deg, #f9fcff, #f3f7fd);
}

body.op-public-direct:not(.public-screen-home) .op-product-family--public, body.op-product--public .op-product-family--public {
  width: min(calc(100% - 24px), 560px);
  margin: 0 auto;
  padding: 24px 0 40px;
}

body.op-product--public :is(.op-auth-card, .op-public-auth-card, .op-public-create-card), body.op-public-direct:not(.public-screen-home) :is(.op-auth-card, .op-public-auth-card, .op-public-create-card) {
  overflow: hidden;
  border: 1px solid var(--op-line);
  border-radius: 29px;
  background: rgba(255, 255, 255, .98);
  box-shadow: var(--op-shadow);
}

body.op-product--public .op-public-create, body.op-public-direct:not(.public-screen-home) .op-public-create {
  width: min(calc(100% - 24px), 620px);
  margin: 0 auto;
  padding: 22px 0 44px;
}

body.op-product--public .op-public-create-card, body.op-public-direct:not(.public-screen-home) .op-public-create-card {
  padding: 22px;
}

body.op-product--public .op-public-create-head, body.op-public-direct:not(.public-screen-home) .op-public-create-head {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  margin-bottom: 18px;
}

body.op-product--public .op-public-create-back, body.op-public-direct:not(.public-screen-home) .op-public-create-back {
  width: 44px;
  height: 44px;
  border: 1px solid var(--op-line);
  border-radius: 15px;
  background: #fff;
}

body.op-product--public .op-public-create-title, body.op-public-direct:not(.public-screen-home) .op-public-create-title {
  margin: 0;
  font-size: 31px;
  line-height: 1.05;
  font-weight: 750;
}

body.op-product--public .op-public-create-subtitle, body.op-public-direct:not(.public-screen-home) .op-public-create-subtitle {
  margin: 8px 0 0;
  color: var(--op-muted);
  font-size: 14px;
}

body.op-product--public .op-public-create-fields, body.op-public-direct:not(.public-screen-home) .op-public-create-fields {
  gap: 14px;
}

body.op-product--public .op-public-create-upload, body.op-public-direct:not(.public-screen-home) .op-public-create-upload {
  min-height: 104px;
  border: 1px dashed #b8c9df;
  border-radius: 19px;
  background: #f7faff;
}

body.op-product--public .op-public-create-upload-icon, body.op-public-direct:not(.public-screen-home) .op-public-create-upload-icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  line-height: 0;
  border-radius: 15px;
  background: #eaf3ff;
}

body.op-product--public .op-public-create-actions, body.op-public-direct:not(.public-screen-home) .op-public-create-actions {
  margin-top: 16px;
}

body.op-product--public .op-public-create-submit-note, body.op-public-direct:not(.public-screen-home) .op-public-create-submit-note {
  margin: 14px 2px 0;
  color: var(--op-muted);
  font-size: 12px;
  text-align: center;
}

body.op-public-direct:not(.public-screen-home) :is(.op-auth-screen, .op-public-auth, .op-public-login) {
  width: min(calc(100% - 24px), 470px);
  min-height: 100svh;
  margin: 0 auto;
  padding: 56px 0 44px;
}

body.op-public-direct:not(.public-screen-home) :is(.op-auth-card, .op-public-auth-card, .op-public-login-card) {
  padding: 25px;
}

body.op-public-direct:not(.public-screen-home) :is(.op-auth-title, .op-public-auth-title, .op-public-login-title) {
  font-size: 31px;
  line-height: 1.06;
  font-weight: 750;
}

body.op-product--staff {
  --op-content: 1180px;
}

body.op-product--staff .op-shell-main--staff {
  width: min(calc(100% - 312px), 1180px);
  padding-top: 24px;
}

body.op-product--staff .op-nav--side {
  top: calc(var(--op-header) + 20px);
  width: 248px;
  padding: 12px;
  border: 1px solid var(--op-line);
  border-radius: 22px;
  background: rgba(255, 255, 255, .96);
  box-shadow: var(--op-shadow-soft);
}

body.op-product--staff .op-nav__item--side {
  min-height: 46px;
  border-radius: 14px;
  padding-inline: 12px;
  font-size: 14px;
}

body.op-product--staff .op-nav__item--side.is-active {
  background: var(--op-blue-soft);
  color: var(--op-blue);
}

body.op-product--staff .op-staff-toolbar {
  margin-bottom: 17px;
}

body.op-product--staff .op-staff-toolbar__copy h1 {
  font-size: 32px;
  font-weight: 740;
}

body.op-product--staff .op-product-metrics {
  gap: 13px;
}

body.op-product--staff .op-product-metric {
  min-height: 116px;
  padding: 18px;
  border: 1px solid var(--op-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--op-shadow-soft);
}

body.op-product--staff .op-product-metric__label {
  color: var(--op-muted);
  font-size: 13px;
}

body.op-product--staff .op-product-metric__value {
  color: var(--op-ink);
  font-size: 31px;
  font-weight: 740;
}

body.op-product--staff .op-card--ops {
  padding: 20px;
  border-radius: 25px;
}

body.op-product--staff .op-staff-queue-row {
  min-height: 82px;
  padding: 15px;
  border: 1px solid var(--op-line);
  border-radius: 18px;
  background: #fbfdff;
}

@media  (max-width: 350px)  {
  body.op-product .op-shell-header__logo {
    width: 142px;
  }

  body.op-product .op-shell-header__logout {
    min-height: 42px;
    padding-inline: 10px;
    font-size: 13px;
  }

  body.op-product--client .op-client-order-tile__main, body.op-product--client .op-client-order-tile > .op-order-card__body {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
    width: 96px;
    min-width: 96px;
    height: 126px;
  }
}

body.op-product :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-requisites, .op-product-screen--surface-master-payout-requisites, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-wallet, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head {
  position: relative;
  min-height: 92px;
  align-items: center;
  margin: 0;
  padding: 20px 20px 20px 92px;
  border: 1px solid var(--op-line);
  border-radius: 25px;
  background: radial-gradient(circle at 12% 50%, rgba(8, 103, 242, .13), transparent 80px),
    linear-gradient(145deg, #fff, #f5f9ff);
  box-shadow: var(--op-shadow-soft);
}

body.op-product :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-requisites, .op-product-screen--surface-master-payout-requisites, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-wallet, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head::before {
  position: absolute;
  top: 50%;
  left: 20px;
  width: 54px;
  height: 54px;
  border-radius: 18px;
  background-color: #e9f2ff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 29px 29px;
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .07);
  content: "";
  transform: translateY(-50%);
}

body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/nav-support.png");
}

body.op-product .op-product-screen--surface-notifications > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/nav-notifications.png");
}

body.op-product .op-product-screen--surface-master-profile > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/nav-profile.png");
}

body.op-product :is(.op-product-screen--surface-master-payouts, .op-product-screen--surface-master-requisites, .op-product-screen--surface-master-payout-requisites) > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/nav-payouts.png");
}

body.op-product .op-product-screen--surface-master-fault-search > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/fault-code.png");
}

body.op-product .op-product-screen--surface-wallet > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/protection.png");
}

body.op-product .op-product-screen--surface-bind-card > .op-product-family > .op-product-page-head::before {
  background-image: url("/assets/platform-icons-v2/bank-card.png");
}

body.op-product :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-requisites, .op-product-screen--surface-master-payout-requisites, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-wallet, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head .op-product-page-head__title {
  font-size: clamp(25px, 7vw, 31px);
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) > .op-product-family {
  min-height: calc(100svh - var(--op-header) - 44px);
  justify-content: center;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state {
  position: relative;
  display: grid;
  width: 100%;
  min-height: 550px;
  align-content: center;
  padding: 42px 25px 28px;
  text-align: center;
  background: radial-gradient(circle at 50% 25%, rgba(8, 103, 242, .10), transparent 150px),
    #fff;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__head {
  display: grid;
  justify-items: center;
  gap: 20px;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__head::before {
  width: 112px;
  height: 112px;
  border: 0;
  border-radius: 50%;
  background: url("/assets/platform-icons-v2/state-payment-success.png") center / 58px 58px no-repeat,
    radial-gradient(circle, #fff 0 42%, transparent 44%),
    linear-gradient(145deg, #edf4ff, #d8e8ff);
  box-shadow: 0 22px 48px rgba(8, 103, 242, .18);
  content: "";
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__copy p {
  max-width: 430px;
  margin: 12px auto 0;
  color: var(--op-muted);
  font-size: 16px;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__summary {
  width: min(100%, 430px);
  margin: 26px auto 0;
  text-align: left;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__summary .op-summary-card {
  border: 0;
  border-radius: 20px;
  background: #f7faff;
  box-shadow: inset 0 0 0 1px rgba(211, 224, 241, .82);
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__actions {
  width: min(100%, 430px);
  margin: 22px auto 0;
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) {
  padding: 24px;
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) .op-payment-state__head {
  position: relative;
  grid-template-columns: 58px minmax(0, 1fr);
  justify-items: start;
  gap: 15px;
  text-align: left;
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) .op-payment-state__head::before {
  width: 58px;
  height: 58px;
  border-radius: 19px;
  background: url("/assets/platform-icons-v2/action-card.png") center / 30px 30px no-repeat,
    var(--op-blue-soft);
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .06);
  content: "";
}

body.op-product--finance .op-product-screen--surface-bind-card .op-payment-state__head::before {
  background-image: url("/assets/platform-icons-v2/bank-card.png");
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) .op-payment-state__copy h1 {
  font-size: clamp(26px, 7vw, 34px);
  line-height: 1.05;
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) .op-payment-state__summary {
  margin-top: 20px;
}

body.op-product--finance .op-payment-state:not(:where( .op-product-screen--surface-payment-success-diagnostics *, .op-product-screen--surface-payment-success-repair * )) .op-payment-state__actions {
  margin-top: 20px;
}

body.op-product--master .op-product-screen--surface-master-requisites > .op-product-family > .op-product-page-head, body.op-product--master .op-product-screen--surface-master-payout-requisites > .op-product-family > .op-product-page-head {
  min-height: 190px;
  padding: 26px 22px 26px 172px;
  background: radial-gradient(circle at 19% 48%, rgba(8, 103, 242, .16), transparent 115px),
    linear-gradient(145deg, #fff, #f2f7ff);
}

body.op-product--master .op-product-screen--surface-master-requisites > .op-product-family > .op-product-page-head::before, body.op-product--master .op-product-screen--surface-master-payout-requisites > .op-product-family > .op-product-page-head::before {
  left: 28px;
  width: 116px;
  height: 116px;
  border-radius: 38px;
  background: url("/assets/platform-icons-v2/wallet.png") center / 68px 68px no-repeat,
    linear-gradient(145deg, #eaf3ff, #d8e8ff);
  box-shadow: 0 20px 42px rgba(8, 103, 242, .15), inset 0 0 0 1px rgba(8, 103, 242, .07);
  transform: translateY(-50%) rotate(-5deg);
}

body.op-product--master .op-product-screen--surface-master-requisites .op-panel, body.op-product--master .op-product-screen--surface-master-payout-requisites .op-panel {
  padding: 20px;
}

body.op-product--master .op-product-screen--surface-master-requisites .op-proof-form, body.op-product--master .op-product-screen--surface-master-payout-requisites .op-proof-form {
  display: grid;
  gap: 14px;
}

body.op-product :is(.op-notification-item, .op-support-case-list .op-notification-item) {
  position: relative;
  padding-left: 64px;
}

body.op-product :is(.op-notification-item, .op-support-case-list .op-notification-item)::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 38px;
  height: 38px;
  border-radius: 13px;
  background: url("/assets/platform-icons-v2/notifications.png") center / 22px 22px no-repeat,
    var(--op-blue-soft);
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .05);
  content: "";
  transform: translateY(-50%);
}

body.op-product .op-support-case-list .op-notification-item::before, body.op-product .op-product-screen--surface-support .op-notification-item::before {
  background-image: url("/assets/platform-icons-v2/headset.png");
}

body.op-product--master .op-product-screen--surface-master-profile .op-card {
  padding: 22px;
  background: radial-gradient(circle at 50% 0, rgba(8, 103, 242, .08), transparent 190px),
    #fff;
}

body.op-product--master .op-product-screen--surface-master-profile .op-product-kv__row {
  padding-inline: 15px;
  position: relative;
  min-height: 54px;
}

body.op-product--master .op-product-screen--surface-master-payouts .op-panel {
  padding: 20px;
}

body.op-product--master .op-product-screen--surface-master-payouts .op-product-kv__row {
  position: relative;
  padding-left: 52px;
}

body.op-product--master .op-product-screen--surface-master-payouts .op-product-kv__row::before {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: url("/assets/platform-icons-v2/payouts.png") center / 20px 20px no-repeat,
    var(--op-blue-soft);
  content: "";
  transform: translateY(-50%);
}

body.op-product--client .op-product-screen--surface-wallet .op-panel {
  padding: 20px;
}

body.op-product--client .op-product-screen--surface-wallet .op-finance-wallet-state-sentence {
  position: relative;
  min-height: 66px;
  margin: 0;
  padding: 10px 0 10px 68px;
  color: var(--op-ink);
  font-size: 19px;
  line-height: 1.32;
  font-weight: 660;
}

body.op-product--client .op-product-screen--surface-wallet .op-finance-wallet-state-sentence::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 52px;
  height: 52px;
  border-radius: 17px;
  background: url("/assets/platform-icons-v2/protection.png") center / 28px 28px no-repeat,
    var(--op-success-soft);
  content: "";
  transform: translateY(-50%);
}

body.op-product .op-product-empty, body.op-product .op-product-result {
  min-height: 250px;
  justify-content: center;
  padding: 30px 22px;
  text-align: center;
}

body.op-product .op-product-empty__icon, body.op-product .op-product-result__icon {
  width: 68px;
  height: 68px;
  border-radius: 22px;
  background: linear-gradient(145deg, #edf4ff, #dfeeff);
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .06);
}

body.op-product .op-product-empty__icon :is(img, svg), body.op-product .op-product-result__icon :is(img, svg) {
  width: 34px;
  height: 34px;
}

body.op-product .op-product-empty__title, body.op-product .op-product-result__title {
  font-size: 23px;
  line-height: 1.1;
  font-weight: 720;
}

body.op-product .op-client-state-hero__reference {
  color: #657184;
}

body.op-product .op-nav__item--master {
  color: #5f6b80;
}

body.op-product :is(.op-surface-status-chip--green, .op-product-status--success) {
  border-color: rgba(17, 155, 87, .12);
  background: var(--op-success-soft);
  color: #087b43;
}

body.op-product :is(.op-surface-status-chip--yellow, .op-product-status--warning) {
  border-color: rgba(229, 138, 17, .15);
  background: var(--op-warning-soft);
  color: #985303;
}

body.op-product :is(.op-surface-status-chip--blue, .op-surface-status-chip--neutral, .op-product-status--neutral) {
  color: #0058d8;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-summary-card__row > span, body.op-product .op-chat-message--system time {
  color: #5f6d82;
}

body.op-product--master .op-proof-order-card--master .op-order-header__main {
  min-height: 52px;
  padding-left: 66px;
}

@media  (max-width: 680px)  {
  .op-order-card__body {
    grid-template-columns: 86px minmax(0,1fr);
    gap: 12px;
    padding: 13px;
  }

  .op-order-card__actions {
    padding: 0 13px 13px;
  }

  .op-order-header {
    grid-template-columns: minmax(0,1fr);
  }

  .op-order-header__status {
    grid-row: auto;
  }

  .op-order-action-bar, .op-repair-next-action, .op-support-panel, .op-staff-decision-panel, .op-finance-filter-bar, .op-staff-toolbar {
    align-items: stretch;
    flex-direction: column;
  }

  .op-order-action-bar__primary, .op-order-action-bar__secondary, .op-master-offer-card__actions, .op-staff-toolbar__controls {
    width: 100%;
  }

  .op-order-action-bar__primary {
    margin-left: 0;
  }

  .op-order-action-bar :where(.op-button,.op-surface-button-primary,.op-surface-button-outline), .op-master-offer-card__actions :where(button,a), .op-form-actions :where(button,a) {
    width: 100%;
  }

  .op-chat-composer:not(.op-master-chat-compose) {
    grid-template-columns: minmax(0,1fr);
  }

  .op-staff-queue-row {
    grid-template-columns: minmax(0,1fr);
  }

  .op-repair-next-action {
    flex-direction: column;
    align-items: stretch;
  }

  .op-repair-next-action__action :where(.op-button,.op-surface-button-primary,.op-surface-button-outline,.op-surface-button-danger-outline) {
    width: 100%;
  }

  body.op-product--surface-master-profile.op-surface-screen-master-profile [data-master-profile-contract] .op-repair-next-action[data-profile-payout-cta] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .op-client-protection-overview {
    grid-template-columns: minmax(0,1fr);
  }

  .op-client-protection-section {
    padding: 14px;
  }

  .op-finance-dispute-hero-row, .op-case-decision__head {
    flex-direction: column;
    align-items: stretch;
  }

  .op-finance-dispute-back-row {
    align-self: flex-start;
  }

  .op-finance-dispute-status-chip {
    align-self: flex-start;
    white-space: normal;
  }

  .op-finance-dispute-section {
    grid-template-columns: 26px minmax(0,1fr);
    gap: 9px;
  }

  .op-finance-dispute-status-card .op-resolution-actions .op-button, .op-client-transaction-actions .op-button {
    width: 100%;
  }

  body.op-product--surface-master-orders .op-master-order-card .op-order-card__body {
    grid-template-columns: 72px minmax(0,1fr);
    gap: 10px;
    padding: 12px;
  }

  body.op-product--surface-master-orders .op-master-order-card .op-master-order-media {
    width: 72px;
    height: 92px;
  }

  body.op-product--surface-master-orders .op-master-order-next-action {
    gap: 10px;
  }

  body.op-product--surface-master-assigned-orders .op-master-repair-summary-grid {
    grid-template-columns: minmax(0,1fr);
  }

  body.op-product--surface-master-assigned-orders .op-master-repair-earnings-summary {
    grid-column: auto;
  }

  body.op-product--surface-master-assigned-orders .op-master-repair-utility-actions .op-order-action-bar__primary {
    grid-template-columns: minmax(0,1fr);
  }

  .op-support-head {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
  }

  .op-support-head .op-support-panel__action {
    grid-column: 1/-1;
  }

  .op-client-support-compose-form.op-chat-composer {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .op-master-requisites-head {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
  }

  .op-master-requisites-head .op-support-panel__action {
    grid-column: 1/-1;
  }

  .op-master-requisites-card .op-master-requisites-modern-fields {
    grid-template-columns: minmax(0,1fr);
  }

  .op-master-requisites-card .op-master-requisites-modern-fields > :last-child {
    grid-column: auto;
  }

  .op-master-payouts-setup-actions {
    justify-items: stretch;
  }

  .op-master-payout-entry .op-summary-card__rows {
    grid-template-columns: minmax(0,1fr);
  }

  .op-support-page-head {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .op-support-status {
    display: grid;
    grid-template-columns: minmax(0,1fr);
  }

  .op-order-summary__rows {
    grid-template-columns: 1fr;
  }

  .op-auth-state__head, .op-verification-state__head {
    flex-direction: column;
    gap: 10px;
  }

  .op-auth-state__copy h1, .op-verification-state__copy h1 {
    font-size: 26px;
  }

  body.op-product--surface-login .op-public-login-card, body.op-product--surface-forgot-password .op-public-auth-tail-panel, body.op-product--surface-reset-password .op-public-auth-tail-panel, body.op-product--surface-phone-verify .op-public-auth-tail-panel, body.op-product--surface-twofa .op-public-auth-tail-panel, body.op-product--surface-auth-email-verify .op-public-auth-tail-panel, body.op-product--surface-auth-recovery .op-public-auth-tail-panel {
    padding: 16px;
  }

  body.op-product--surface-register .op-public-register-fields .op-form-section__content, body.op-product--surface-register-master .op-public-master-section .op-form-section__content, .op-client-settings-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .op-public-phone-verify-meta-row {
    display: grid;
  }

  :root {
    --op-header: 72px;
  }

  body.op-product .op-shell-header__inner {
    width: calc(100% - 22px);
  }

  body.op-product .op-shell-header__logo {
    width: 165px;
  }

  body.op-product .op-shell-header__logout {
    min-height: 44px;
    padding-inline: 14px;
    font-size: 14px;
  }

  body.op-product .op-shell-header__bell {
    width: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  body.op-product .op-shell-main {
    width: calc(100% - 20px);
    padding-top: 14px;
  }

  body.op-product .op-product-page-head {
    margin-inline: 2px;
  }

  body.op-product .op-button, body.op-product :is(button[type="submit"], input[type="submit"]) {
    min-height: 50px;
  }

  body.op-product--client .op-client-state-hero__media, body.op-product--master .op-proof-order-card--master .op-proof-order__media {
    padding: 10px 10px 0;
  }

  body.op-product--client .op-client-state-hero__preview, body.op-product--master .op-proof-order-card--master .op-appliance-preview {
    border-radius: 21px;
  }

  body.op-product--client .op-client-state-hero__identity {
    padding: 18px 18px 16px;
  }

  body.op-product--client .op-client-state-hero__state {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
    padding: 18px;
  }

  body.op-product--client .op-client-state-hero__state::before {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background-size: 26px 26px;
  }

  body.op-product--client .op-client-state-hero__supporting {
    padding: 16px 18px 2px;
  }

  body.op-product--client .op-client-state-hero__actions {
    padding: 14px 18px 19px;
  }

  body.op-product--client .op-client-order-tile__main, body.op-product--client .op-client-order-tile > .op-order-card__body {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 13px;
    padding: 13px;
  }

  body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
    width: 112px;
    min-width: 112px;
    height: 138px;
    border-radius: 18px;
  }

  body.op-product--client .op-client-order-tile__title, body.op-product--client .op-client-orders-card-title {
    font-size: 18px;
  }

  body.op-product--master .op-proof-order-card--master .op-proof-order__content {
    padding: 18px;
  }

  body.op-product--master .op-proof-order-card--master .op-order-header {
    padding-left: 59px;
  }

  body.op-product--master .op-proof-order-card--master .op-order-header::before {
    width: 46px;
    height: 46px;
    border-radius: 15px;
    background-size: 25px 25px;
  }

  body.op-product--master .op-master-requisites-head {
    min-height: 190px;
    padding: 24px 20px 22px 150px;
  }

  body.op-product--master .op-master-requisites-head::before {
    top: 36px;
    left: 20px;
    width: 108px;
    height: 108px;
    border-radius: 34px;
    background-size: 64px 64px, auto;
  }

  body.op-product--master .op-master-requisites-head-copy h1 {
    font-size: 27px;
  }

  body.op-product--master .op-master-requisites-modern-card {
    padding: 16px;
  }

  body.op-product--finance .op-finance-payment-success-card, body.op-product--finance .op-payment-state {
    padding: 30px 20px 22px;
  }

  body.op-product--staff .op-shell-main--staff {
    width: calc(100% - 20px);
    margin: 0 auto;
    padding: 14px 0 98px;
  }

  body.op-product--staff .op-nav--side {
    display: none;
  }

  body.op-product--staff .op-nav--staff-mobile {
    position: fixed;
    z-index: 75;
    right: 9px;
    bottom: max(8px, env(safe-area-inset-bottom));
    left: 9px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 70px;
    padding: 6px;
    border: 1px solid var(--op-line);
    border-radius: 21px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 48px rgba(17, 42, 78, .18);
    backdrop-filter: blur(18px);
  }

  body.op-product--staff .op-nav__item--mobile {
    min-height: 56px;
    border-radius: 15px;
    font-size: 10px;
  }

  body.op-product--staff .op-product-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.op-product--staff .op-product-metric {
    min-height: 102px;
    padding: 15px;
  }

  body.op-product--staff .op-staff-queue-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  body.op-product--staff .op-staff-queue-row__actions .op-button {
    width: 100%;
  }

  body.op-product--master .op-proof-order-card--master .op-order-header__main {
    min-height: 48px;
    padding-left: 59px;
  }
}

body.legal-app-shell.op-product {
  margin: 0;
  padding: 22px;
}

body.legal-app-shell.op-product .legal-shell {
  width: min(100%, 980px);
  margin: 0 auto;
}

body.legal-app-shell.op-product .legal-appbar {
  position: sticky;
  top: 14px;
  z-index: 5;
  margin-bottom: 18px;
  padding: 22px 24px;
  border: 1px solid rgba(205, 217, 233, .86);
  border-radius: 26px;
  background: rgba(255, 255, 255, .94);
  box-shadow: var(--op-shadow-soft);
  backdrop-filter: blur(18px);
}

body.legal-app-shell.op-product .legal-page-header {
  display: grid;
  gap: 16px;
}

body.legal-app-shell.op-product .legal-page-title {
  margin: 0 0 5px;
  font-size: clamp(25px, 4vw, 38px);
  line-height: 1.06;
}

body.legal-app-shell.op-product .legal-page-meta, body.legal-app-shell.op-product .legal-muted {
  color: var(--op-muted);
}

body.legal-app-shell.op-product .legal-doc-nav, body.legal-app-shell.op-product .legal-chip-row {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
  scrollbar-width: none;
}

body.legal-app-shell.op-product .legal-doc-nav::-webkit-scrollbar, body.legal-app-shell.op-product .legal-chip-row::-webkit-scrollbar {
  display: none;
}

body.legal-app-shell.op-product .legal-doc-nav a, body.legal-app-shell.op-product .legal-chip-row > * {
  flex: 0 0 auto;
  padding: 9px 13px;
  border: 1px solid var(--op-line);
  border-radius: 999px;
  color: var(--op-blue-strong);
  background: var(--op-blue-faint);
  text-decoration: none;
  font-size: 13px;
  font-weight: 620;
}

body.legal-app-shell.op-product .legal-doc-surface {
  padding: clamp(24px, 5vw, 54px);
  border: 1px solid rgba(205, 217, 233, .86);
  border-radius: 30px;
  background: #fff;
  box-shadow: var(--op-shadow);
}

body.legal-app-shell.op-product .legal-copy {
  color: var(--op-text);
  font-size: 16px;
  line-height: 1.72;
}

body.legal-app-shell.op-product .legal-copy h2 {
  margin: 34px 0 10px;
  font-size: clamp(20px, 3vw, 26px);
  line-height: 1.18;
}

body.legal-app-shell.op-product .legal-copy p {
  margin: 0 0 16px;
}

body.legal-app-shell.op-product .legal-copy a {
  color: var(--op-blue-strong);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

@media  (max-width: 640px)  {
  .op-payment-state {
    padding: 16px;
    border-radius: 20px;
  }

  .op-payment-state__head {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 10px;
  }

  .op-payment-state__status {
    justify-self: start;
  }

  .op-payment-state__prelude {
    margin: -16px -16px 14px;
  }

  .op-payment-state__actions .op-form-actions, .op-payment-state__actions .op-order-action-bar__primary, .op-payment-state__actions .op-order-action-bar__secondary {
    width: 100%;
  }

  .op-payment-state__actions .op-form-actions {
    display: grid;
    grid-template-columns: minmax(0,1fr);
  }

  .op-payment-state__actions .op-form-actions :where(.op-button,button,a) {
    width: 100%;
  }

  body.op-product.op-product--finance .op-payment-state.op-finance-payment-card, body.op-product.op-product--finance .op-payment-state.op-finance-bind-card-panel {
    padding: 16px;
    border-radius: 20px;
  }

  .op-locked-state {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .op-locked-state__actions {
    display: grid;
    grid-template-columns: 1fr;
  }

  .op-locked-state__actions > * {
    width: 100%;
  }

  .op-accounting-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .op-accounting-entry__main {
    gap: 10px;
  }

  .op-accounting-entry__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .op-staff-infra-card__head {
    align-items: stretch;
    flex-direction: column;
  }

  .op-staff-infra-form-grid, .op-staff-infra-form-grid--server, .op-payment-health-metrics, .op-payment-health-filters, .op-staff-product-funnel-summary-card, .op-staff-infra-server-meta, .op-staff-infra-threshold-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .op-staff-infra-code {
    max-width: none;
  }

  body.legal-app-shell.op-product {
    padding: 10px;
  }

  body.legal-app-shell.op-product .legal-appbar {
    top: 8px;
    padding: 18px;
    border-radius: 22px;
  }

  body.legal-app-shell.op-product .legal-doc-surface {
    padding: 22px 18px 30px;
    border-radius: 24px;
  }

  body.legal-app-shell.op-product .legal-copy {
    font-size: 15px;
    line-height: 1.64;
  }
}

body.op-product h1 {
  font-weight: var(--op-title-weight) !important;
  letter-spacing: -.035em !important;
}

body.op-product h2 {
  font-weight: var(--op-section-weight) !important;
  letter-spacing: -.025em !important;
}

body.op-product h3, body.op-product h4 {
  font-weight: var(--op-card-title-weight) !important;
  letter-spacing: -.018em !important;
}

body.op-product :is( .op-product-page-head__title, .op-order-header__title, .op-surface-title, .op-surface-object-main h1, .op-surface-master-repair-summary h1, .op-payment-state__copy h1, .op-master-requisites-head-copy h1, .op-master-page-title, .op-master-profile-title, .op-staff-page-title, .op-staff-ops-review-head__title, .legal-page-title ) {
  font-weight: var(--op-title-weight) !important;
}

body.op-product :is( .op-product-section-head__title, .op-form-section__head h2, .op-form-section__title, .op-surface-section-title, .op-surface-stage-copy h2, .op-surface-stage-panel h2, .op-surface-order-content h2, .op-product-empty__title, .op-product-result__title, .op-master-payouts-feed-title, .op-staff-support-panel-title, .op-staff-admin-chat-ban-sheet__title, .op-staff-section-head ) {
  font-weight: var(--op-section-weight) !important;
}

body.op-product :is( .op-surface-card-row-title, .op-surface-card-row strong, .op-master-order-title, .op-master-order-fault-title, .op-master-payouts-row-title, .op-staff-admin-chat-item__title, .op-accounting-entry__title, .op-product-metric__value ) {
  font-weight: var(--op-card-title-weight) !important;
}

body.op-product :is( .op-button, button[type="submit"], input[type="submit"], .op-shell-header__logout, .op-status-chip, .op-surface-status, .op-surface-chip, .op-product-chip, .op-nav__label, .op-surface-bottom-nav__label ) {
  font-weight: var(--op-action-weight) !important;
}

body.op-product .op-shell-header__role, body.op-product :is(label, .op-field__label, .op-form-label) {
  font-weight: var(--op-label-weight);
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__copy h1 {
  margin: 0 auto;
  max-width: 390px;
  font-size: clamp(32px, 8.7vw, 41px);
  line-height: 1.08;
  font-weight: 620 !important;
  letter-spacing: -.042em !important;
}

body.op-product--master .op-master-requisites-head-copy h1, body.op-product--master :is( .op-product-screen--surface-master-requisites, .op-product-screen--surface-master-payout-requisites ) > .op-product-family > .op-product-page-head .op-product-page-head__title {
  font-size: clamp(29px, 8.2vw, 39px);
  line-height: 1.08;
  font-weight: 620 !important;
  letter-spacing: -.038em !important;
}

body.op-product--client .op-surface-order-content h2, body.op-product--master .op-master-order-title {
  line-height: 1.12;
  font-weight: 600 !important;
}

body.op-product :is( .op-card, .op-panel, .op-order-card, .op-product-panel, .op-product-empty, .op-surface-card, .op-surface-order-card, .op-surface-state-card, .op-surface-master-requisites-card, .op-finance-payment-card, .op-finance-wallet-hero, .op-finance-wallet-status-card, .op-finance-bind-card-panel, .op-finance-bind-status-card, .op-communication-surface ) {
  border: 1px solid var(--op-line);
  border-radius: var(--op-radius);
  background: rgba(255, 255, 255, .98);
  border-color: rgba(216, 226, 239, .88);
  box-shadow: 0 9px 28px rgba(21, 48, 88, .065);
}

body.op-product .op-modal, body.op-product .modal:not([class*="op-master-ip-"]) {
  width: 100%;
  max-width: 560px;
  max-height: min(89svh, 760px);
  overflow: auto;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 30px 30px 0 0;
  background: rgba(255, 255, 255, .985);
  box-shadow: 0 -18px 54px rgba(7, 18, 37, .18);
  overscroll-behavior: contain;
}

body.op-product .op-modal::before, body.op-product .modal:not([class*="op-master-ip-"])::before {
  width: 48px;
  height: 5px;
  margin: 10px auto 0;
  border-radius: 999px;
  background: #d9e1ec;
  content: "";
}

body.op-product .op-modal__header, body.op-product .modal-header {
  align-items: center;
  padding: 15px 20px 8px;
  border: 0;
}

body.op-product .op-modal__title, body.op-product .modal-title {
  color: var(--op-ink);
  font-size: clamp(22px, 6.4vw, 28px);
  line-height: 1.12;
  font-weight: 600 !important;
  letter-spacing: -.032em;
}

body.op-product .op-modal__close, body.op-product .modal-close {
  flex: 0 0 40px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(218, 227, 239, .88);
  border-radius: 14px;
  background: #f5f8fc;
  color: #354158;
  font-size: 23px;
  font-weight: 400 !important;
  box-shadow: none;
}

body.op-product .op-modal__body, body.op-product .modal-body {
  display: grid;
  gap: 12px;
  padding: 8px 20px 18px;
  color: #58657a;
  font-size: 15px;
  line-height: 1.46;
}

body.op-product .op-modal__footer, body.op-product .modal-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 10px;
  padding: 0 20px calc(18px + env(safe-area-inset-bottom));
  margin: 0;
  border: 0;
}

body.op-product .op-modal__footer :is(.op-button, button), body.op-product .modal-footer :is(.op-button, button) {
  width: 100%;
  min-width: 0;
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 580 !important;
  box-shadow: none;
}

body.op-product #platformConfirmModal, body.op-product #platformConfirmModal.platform-payment-confirm, body.op-product #platformConfirmModal:not(.platform-payment-confirm) {
  padding: 0;
  background: rgba(9, 20, 39, .40);
  backdrop-filter: blur(5px) saturate(115%);
  -webkit-backdrop-filter: blur(5px) saturate(115%);
}

body.op-product #platformConfirmModal .modal, body.op-product #platformConfirmModal.platform-payment-confirm .modal, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal {
  width: 100%;
  max-width: 560px;
  padding: 0;
  gap: 0;
  border: 0;
  border-radius: 30px 30px 0 0;
  box-shadow: 0 -18px 54px rgba(7, 18, 37, .18);
  overflow: hidden auto;
}

body.op-product #platformConfirmModal .modal::before, body.op-product #platformConfirmModal.platform-payment-confirm .modal::before, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal::before {
  width: 48px;
  height: 5px;
  margin: 10px auto 0;
  background: #d9e1ec;
}

body.op-product #platformConfirmModal .modal-header, body.op-product #platformConfirmModal.platform-payment-confirm .modal-header, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal-header {
  align-items: center;
  padding: 15px 20px 8px;
}

body.op-product #platformConfirmModal .modal-title, body.op-product #platformConfirmModal.platform-payment-confirm .modal-title, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal-title {
  font-size: clamp(22px, 6.4vw, 28px);
  line-height: 1.12;
  font-weight: 600 !important;
  letter-spacing: -.032em;
}

body.op-product #platformConfirmModal .modal-body, body.op-product #platformConfirmModal.platform-payment-confirm .modal-body, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal-body {
  padding: 8px 20px 18px;
  gap: 10px;
  color: #58657a;
  font-size: 15px;
  line-height: 1.46;
}

body.op-product #platformConfirmModal .platform-confirm-trust__text {
  font-size: 15px;
  font-weight: 590;
}

body.op-product #platformConfirmModal .platform-confirm-trust__caption, body.op-product #platformConfirmModal #platform_confirm_message {
  color: #657187;
  font-size: 14px;
  font-weight: 400;
}

body.op-product #platformConfirmModal .modal-footer, body.op-product #platformConfirmModal.platform-payment-confirm .modal-footer, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal-footer {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 10px;
  padding: 0 20px calc(18px + env(safe-area-inset-bottom));
}

body.op-product #platformConfirmModal :is(#platformConfirmCancel, #platformConfirmOk), body.op-product #platformConfirmModal.platform-payment-confirm :is(#platformConfirmCancel, #platformConfirmOk), body.op-product #platformConfirmModal:not(.platform-payment-confirm) :is(#platformConfirmCancel, #platformConfirmOk) {
  min-height: 52px;
  border-radius: 16px;
  font-size: 15px;
  font-weight: 580 !important;
  box-shadow: none;
}

body.op-product #platformConfirmModal #platformConfirmCancel {
  border: 1px solid #d9e3ef;
  background: #f5f8fc;
  color: #354158;
}

body.op-product #platformConfirmModal #platformConfirmOk {
  border: 1px solid var(--op-blue);
  background: var(--op-blue);
  color: #fff;
}

body.op-product .pwa-install-modal .pwa-install-lead {
  color: #536077;
  font-size: 15px;
  line-height: 1.45;
}

body.op-product .pwa-install-modal :is(.pwa-install-step, .pwa-install-instruction) {
  border-color: rgba(216, 226, 239, .9);
  border-radius: 16px;
  background: #f9fbfe;
  box-shadow: none;
}

body.op-product #platformConfirmModal :is(#platformConfirmCancel, #platformConfirmOk), body.op-product .modal-footer :is(.op-button, button) {
  transition: none !important;
}

body.op-product #platformConfirmModal #platformConfirmOk.op-button--primary, body.op-product #platformConfirmModal #platformConfirmOk.platform-button--primary {
  border-color: var(--op-blue) !important;
  background: var(--op-blue) !important;
  color: #fff !important;
}

body.op-product #platformConfirmModal #platformConfirmOk.op-button--danger, body.op-product #platformConfirmModal #platformConfirmOk.platform-button--danger {
  border-color: var(--op-danger) !important;
  background: var(--op-danger) !important;
  color: #fff !important;
}

body.op-product #platformConfirmModal #platformConfirmOk :is(.op-ui-decor-icon, .op-ui-decor-icon--danger) {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .16);
}

body.op-product #platformConfirmModal #platformConfirmOk .op-ui-decor-icon__img {
  filter: brightness(0) invert(1);
}

body.op-product .op-modal__footer .op-button--primary, body.op-product .modal-footer .op-button--primary {
  border-color: var(--op-blue) !important;
  background: var(--op-blue) !important;
  color: #fff !important;
}

body.op-product .op-modal__footer .op-button--danger, body.op-product .modal-footer .op-button--danger {
  border-color: var(--op-danger) !important;
  background: var(--op-danger) !important;
  color: #fff !important;
}

body.op-product .op-modal__footer :is(.op-button--primary, .op-button--danger) .op-ui-decor-icon, body.op-product .modal-footer :is(.op-button--primary, .op-button--danger) .op-ui-decor-icon {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .16);
}

body.op-product .op-modal__footer :is(.op-button--primary, .op-button--danger) .op-ui-decor-icon__img, body.op-product .modal-footer :is(.op-button--primary, .op-button--danger) .op-ui-decor-icon__img {
  filter: brightness(0) invert(1);
}

body.op-product .op-modal__footer .op-button--danger, body.op-product .modal-footer .op-button--danger, body.op-product #platformConfirmModal #platformConfirmOk.op-button--danger, body.op-product #platformConfirmModal #platformConfirmOk.platform-button--danger {
  border-color: #d92d20 !important;
  background: #d92d20 !important;
}

body.op-product :where(.muted,.op-muted,.op-surface-muted) {
  color: var(--cx-muted);
}

body.op-product .op-shell-header::before {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, #0060f4, #1378ff 55%, #0060f4);
  content: "";
  display: none;
}

body.op-product :is( .op-card,.op-panel,.op-order-card,.op-product-panel,.op-product-empty, .op-surface-card,.op-surface-order-card,.op-surface-state-card, .op-surface-master-requisites-card,.op-finance-payment-card, .op-finance-wallet-hero,.op-finance-wallet-status-card, .op-finance-bind-card-panel,.op-finance-bind-status-card, .op-communication-surface ) {
  border: 1px solid var(--cx-line);
  border-radius: var(--cx-radius);
  background: var(--cx-surface);
  box-shadow: var(--cx-shadow);
}

body.op-product .op-product-page-head {
  display: flex;
  justify-content: space-between;
  padding: 2px 2px 4px;
  background: transparent;
  border: 0;
  box-shadow: none;
  align-items: flex-end;
  gap: 12px;
  margin: 0 2px 14px;
}

body.op-product .op-product-page-head__title, body.op-product .op-product-page-head h1 {
  margin: 0;
  font-size: clamp(26px, 6.7vw, 34px);
  line-height: 1.08;
  font-weight: 545 !important;
}

body.op-product :is(.op-order-header__title,.op-payment-state__title,.op-result-state__title,.op-product-empty__title) {
  font-weight: 540 !important;
}

body.op-product :is(.op-button--secondary,.op-button--ghost,.op-surface-button-outline) {
  border: 1px solid var(--cx-blue);
  background: #fff;
  color: var(--cx-blue);
}

body.op-product :is(.op-button--danger,.op-surface-button-danger-outline) {
  border: 1px solid var(--cx-danger);
  background: #fff;
  color: var(--cx-danger);
}

body.op-product .op-control, body.op-product :is(input:not([type="hidden"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input),select:not(.op-list-toolbar__select),textarea:not(.op-master-chat-input)) {
  min-height: 54px;
  border: 1px solid var(--cx-line);
  border-radius: 14px;
  background: #fff;
  color: var(--cx-ink);
  font-size: 16px;
  box-shadow: none;
}

body.op-product textarea:not(.op-master-chat-input) {
  resize: vertical;
  min-height: 110px;
  padding: 14px 15px;
}

body.op-product .op-field__label {
  color: #232b3d;
  font-size: 15px;
  font-weight: 480;
}

body.op-product--client .op-client-orders-list-card--dispute .op-client-order-tile__actions .op-button {
  border-color: var(--cx-danger);
  background: #fff;
  color: var(--cx-danger);
}

body.op-product--client .op-client-state-hero {
  overflow: hidden;
  border: 1px solid var(--cx-line);
  border-radius: 23px;
  background: #fff;
  box-shadow: var(--cx-shadow);
}

body.op-product--client .op-client-state-hero__identity-title {
  font-size: 24px;
  line-height: 1.12;
  font-weight: 590 !important;
}

body.op-product--master .op-proof-order-card--master {
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product--master .op-proof-order-card--master .op-proof-order__media {
  padding: 0;
}

body.op-product--master .op-proof-order-card--master .op-appliance-preview {
  width: 100%;
  height: clamp(300px,78vw,460px);
  overflow: hidden;
  border: 1px solid var(--cx-line);
  border-radius: 22px;
  background: #f3f5f8;
  box-shadow: none;
}

body.op-product--master .op-proof-order-card--master .op-appliance-preview img {
  width: 100%;
  height: 100%;
  padding: 0 !important;
  object-fit: cover;
  filter: none !important;
}

body.op-product--master .op-proof-order-card--master .op-proof-order__content {
  margin-top: 16px;
  padding: 22px;
  border: 1px solid var(--cx-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--cx-shadow);
}

body.op-product--master .op-proof-order-card--master .op-order-header {
  position: relative;
  padding-left: 0;
  padding: 0 0 18px 68px;
  border-bottom: 1px solid var(--cx-line);
}

body.op-product--master .op-proof-order-card--master .op-order-header::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 52px;
  height: 52px;
  border-radius: 15px;
  background: var(--cx-blue-soft) url("/assets/platform-icons-v2/state-repair-working.png") center/28px 28px no-repeat;
}

body.op-product--master .op-proof-order-card--master .op-order-header__title {
  font-size: 22px;
  line-height: 1.12;
  font-weight: 590 !important;
}

body.op-product--master .op-proof-order-card--master .op-order-header__subtitle {
  line-height: 1.35;
  margin-top: 4px;
  color: var(--cx-muted);
  font-size: 15px;
  font-weight: 430;
}

body.op-product--master .op-product-kv__row {
  min-height: 54px;
  padding: 14px 0;
  border-color: var(--cx-line);
}

body.op-product--master .op-product-kv__label {
  color: var(--cx-muted);
  font-size: 14px;
  font-weight: 430;
}

body.op-product--master .op-product-kv__value {
  color: var(--cx-ink);
  font-size: 14px;
  font-weight: 580;
}

body.op-product--master .op-master-repair-primary-action .op-button {
  font-size: 16px;
  min-height: 56px;
}

body.op-product--finance .op-product-screen--surface-payment-success-diagnostics, body.op-product--finance .op-product-screen--surface-payment-success-repair {
  min-height: calc(100svh - 128px);
  display: grid;
  align-items: center;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-product-family {
  width: 100%;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__head {
  display: block;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__title {
  max-width: 520px;
  margin: 0 auto;
  font-size: clamp(38px,10vw,54px);
  line-height: 1.04;
  font-weight: 600 !important;
  letter-spacing: -.035em;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__copy {
  max-width: 560px;
  margin: 22px auto 0;
  color: var(--cx-muted);
  font-size: 20px;
  line-height: 1.45;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__summary {
  display: none !important;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__actions .op-button {
  width: 100%;
  min-height: 58px;
  font-size: 18px;
}

body.op-product--master .op-product-screen--surface-master-requisites > .op-product-family > .op-product-page-head {
  display: none !important;
}

body.op-product--master .op-master-requisites-screen, body.op-product--master .op-proof-requisites-screen {
  display: grid;
  gap: 16px;
}

body.op-product--master .op-master-requisites-head, body.op-product--master .op-proof-requisites-hero {
  position: relative;
  min-height: 300px;
  overflow: hidden;
  padding: 34px 30px 30px 48%;
  border: 1px solid var(--cx-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--cx-shadow);
}

body.op-product--master .op-master-requisites-head-copy h1, body.op-product--master .op-proof-requisites-hero h1 {
  margin: 8px 0 14px;
  font-size: clamp(34px,8vw,46px);
  line-height: 1.05;
  font-weight: 600 !important;
}

body.op-product--master .op-master-requisites-head-copy p, body.op-product--master .op-proof-requisites-hero p {
  margin: 0;
  color: var(--cx-muted);
  font-size: 18px;
  line-height: 1.42;
}

body.op-product--master .op-master-requisites-head :is(.op-surface-icon-tile,.op-product-status) {
  display: none !important;
}

body.op-product--master .op-master-requisites-modern-card, body.op-product--master .op-proof-requisites-card {
  padding: 26px 30px;
  border-radius: 22px;
}

body.op-product--master .op-master-requisites-modern-form, body.op-product--master .op-proof-requisites-form {
  display: grid;
  gap: 0;
}

body.op-product--master .op-master-requisites-modern-form .op-form-section {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.op-product--master .op-master-requisites-modern-form .op-form-section__head, body.op-product--master .op-master-requisites-modern-form .op-form-section__copy {
  display: none;
}

body.op-product--master .op-master-requisites-modern-fields, body.op-product--master .op-proof-requisites-fields {
  display: grid;
  gap: 14px;
}

body.op-product--master .op-master-requisites-modern-form .op-field, body.op-product--master .op-proof-requisites-form .op-field {
  display: grid;
  grid-template-columns: 150px minmax(0,1fr);
  align-items: center;
  gap: 14px;
}

body.op-product--master .op-master-requisites-modern-form .op-field__label, body.op-product--master .op-proof-requisites-form .op-field__label {
  font-size: 15px;
}

body.op-product--master .op-master-requisites-actions {
  grid-template-columns: 1fr;
  margin-top: 18px;
}

body.op-product--master .op-master-requisites-actions .op-order-action-bar__secondary {
  display: none;
}

body.op-product--master .op-master-requisites-actions .op-button, body.op-product--master .op-proof-requisites-form .op-button {
  width: 100%;
}

body.op-product .op-modal, body.op-product .modal:not([class*="op-master-ip-"]), body.op-product #platformConfirmModal .modal {
  width: 100%;
  max-width: 680px;
  max-height: 92svh;
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 34px 34px 0 0;
  background: #fff;
  box-shadow: 0 -18px 60px rgba(0,0,0,.18);
}

body.op-product .op-modal::before, body.op-product .modal:not([class*="op-master-ip-"])::before, body.op-product #platformConfirmModal .modal::before {
  display: block;
  width: 46px;
  height: 5px;
  margin: 9px auto 0;
  border-radius: 999px;
  background: #d9dee7;
  content: "";
}

body.op-product :is(.op-modal__header,.modal-header), body.op-product #platformConfirmModal .modal-header {
  padding: 24px 24px 14px;
}

body.op-product :is(.op-modal__title,.modal-title), body.op-product #platformConfirmModal .modal-title {
  font-size: 28px;
  line-height: 1.08;
  font-weight: 590 !important;
  letter-spacing: -.026em;
}

body.op-product :is(.op-modal__close,.modal-close) {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 15px;
  background: #f3f5f8;
  color: #1d2638;
  font-size: 28px;
  font-weight: 350 !important;
}

body.op-product :is(.op-modal__body,.modal-body), body.op-product #platformConfirmModal .modal-body {
  padding: 8px 24px 22px;
  color: #4f5a6d;
  font-size: 17px;
  line-height: 1.45;
}

body.op-product :is(.op-modal__footer,.modal-footer), body.op-product #platformConfirmModal .modal-footer {
  display: grid;
  grid-template-columns: 1fr 1.08fr;
  gap: 12px;
  padding: 0 24px calc(24px + env(safe-area-inset-bottom));
}

body.op-product :is(.op-modal__footer,.modal-footer) :is(.op-button,button), body.op-product #platformConfirmModal .modal-footer :is(.op-button,button) {
  min-height: 58px;
  border-radius: 15px;
  font-size: 17px;
  font-weight: 520 !important;
}


body.op-product .modal.op-onboarding-modal {
  width: min(100%, 460px);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.op-product .op-onboarding-modal__header,
body.op-product .op-onboarding-modal__footer {
  flex: 0 0 auto;
}

body.op-product .op-onboarding-modal__body {
  flex: 1 1 auto;
  min-height: 0;
  gap: 16px;
  overflow-y: auto;
  overscroll-behavior: contain;
}

body.op-product .op-onboarding-modal__lead,
body.op-product .op-onboarding-modal__item-text,
body.op-product .op-onboarding-modal__note {
  margin: 0;
}

body.op-product .op-onboarding-modal__lead {
  color: var(--op-text);
  font-size: 15px;
  line-height: 1.5;
}

body.op-product .op-onboarding-modal__list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.op-product .op-onboarding-modal__item {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  padding: 12px;
  border: 1px solid var(--op-line);
  border-radius: 14px;
  background: var(--op-soft);
}

body.op-product .op-onboarding-modal__number,
body.op-product .op-onboarding-modal__icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 11px;
}

body.op-product .op-onboarding-modal__number {
  background: var(--op-blue);
  color: #fff;
  font-size: 14px;
  font-weight: 760;
  line-height: 1;
}

body.op-product .op-onboarding-modal__icon {
  background: #eef5ff;
  border: 1px solid #dbe9ff;
}

body.op-product .op-onboarding-modal__icon .platform-icon-img {
  width: 21px;
  height: 21px;
  object-fit: contain;
}

body.op-product .op-onboarding-modal__item-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}

body.op-product .op-onboarding-modal__item-title {
  color: var(--op-ink);
  font-size: 14px;
  line-height: 1.35;
}

body.op-product .op-onboarding-modal__item-text {
  color: var(--op-muted);
  font-size: 13px;
  line-height: 1.45;
}

body.op-product .op-onboarding-modal__note {
  padding: 11px 12px;
  border-left: 3px solid var(--op-blue);
  border-radius: 0 12px 12px 0;
  background: #f4f8ff;
  color: var(--op-text);
  font-size: 13px;
  line-height: 1.45;
}

body.op-product .op-onboarding-modal__footer {
  grid-template-columns: 1fr;
}

body.op-product .op-onboarding-modal__footer .op-button {
  width: 100%;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__header {
  padding: 18px 20px 9px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__header .modal-title {
  font-size: 23px;
  line-height: 1.12;
  font-weight: 540 !important;
  letter-spacing: -.018em;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__body {
  gap: 9px;
  padding: 3px 20px 12px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__lead {
  font-size: 14px;
  line-height: 1.38;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__list {
  gap: 7px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__item {
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 9px;
  padding: 9px 10px;
  border-color: #dfe7f2;
  border-radius: 12px;
  background: #fbfdff;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) :is(.op-onboarding-modal__number, .op-onboarding-modal__icon) {
  width: 32px;
  height: 32px;
  border-radius: 10px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__number {
  font-size: 13px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__icon .platform-icon-img {
  width: 20px;
  height: 20px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__item-copy {
  gap: 2px;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__item-title {
  font-size: 13px;
  line-height: 1.28;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__item-text {
  font-size: 12.5px;
  line-height: 1.32;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__note {
  padding: 8px 10px;
  font-size: 12.5px;
  line-height: 1.34;
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__footer {
  padding: 0 20px calc(15px + env(safe-area-inset-bottom));
}

body.op-product :is(.op-onboarding-modal--master, .op-onboarding-modal--client) .op-onboarding-modal__footer .op-button {
  min-height: 48px;
  border-radius: 13px;
  font-size: 15px;
}

body.op-product .pwa-install-modal :is(.pwa-install-step,.pwa-install-instruction) {
  min-height: 62px;
  border: 1px solid var(--cx-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: none;
}

@media  (max-width: 370px)  {
  body.op-product .op-modal__footer, body.op-product .modal-footer, body.op-product #platformConfirmModal .modal-footer, body.op-product #platformConfirmModal.platform-payment-confirm .modal-footer, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal-footer {
    grid-template-columns: 1fr;
  }

  body.op-product :is(.op-modal__footer,.modal-footer),body.op-product #platformConfirmModal .modal-footer {
    grid-template-columns: 1fr;
  }
}

body.op-product--client .op-proof-support-row span:nth-child(2) {
  display: grid;
  gap: 2px;
}

body.op-product--client .op-client-orders-search-icon, body.op-product--client .op-client-orders-filter-icon {
  flex: 0 0 24px !important;
  width: 24px !important;
  height: 24px !important;
  display: grid;
  place-items: center;
}

body.op-product--client .op-client-orders-search-icon :is(svg,img), body.op-product--client .op-client-orders-filter-icon :is(svg,img) {
  width: 22px !important;
  height: 22px !important;
}

body.op-product--client .op-client-order-tile__actions, body.op-product--client .op-client-order-tile > .op-order-card__actions {
  border: 0;
  background: #fff;
  position: absolute;
  left: 154px;
  right: 14px;
  bottom: 14px;
  width: auto;
  padding: 0;
}

body.op-product--client .op-client-order-tile__actions .op-order-action-bar, body.op-product--client .op-client-order-tile__actions .op-order-action-bar__primary, body.op-product--client .op-client-order-tile__actions .op-client-orders-open-row, body.op-product--client .op-client-order-tile__actions .op-button {
  width: 100%;
  min-width: 0;
}

body.op-product--client .op-client-orders-list-card--dispute .op-client-order-tile__actions .op-button, body.op-product--client .op-client-order-tile:has(.op-order-header__subtitle:nth-child(1)) .op-button--secondary {
  border-color: var(--cx-danger);
  color: var(--cx-danger);
  background: #fff;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state::before {
  width: 116px;
  height: 116px;
  margin-bottom: 34px;
  border-radius: 50%;
  content: "";
  position: relative;
  background: #edf4ff;
  box-shadow: 0 0 0 22px rgba(8,103,242,.035);
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state {
  min-height: 620px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 54px 34px;
  text-align: center;
  border: 1px solid var(--cx-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: var(--cx-shadow);
  position: relative;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__actions {
  width: 100%;
  margin-top: 34px;
  border-top: 0 !important;
  padding-top: 0 !important;
}

body.op-product--master .op-master-requisites-head::before, body.op-product--master .op-proof-requisites-hero::before {
  position: absolute;
  left: 28px;
  top: 34px;
  width: 40%;
  height: 210px;
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle at 50% 50%,#dcecff 0 43%,#f4f8ff 44% 66%,transparent 67%);
}

body.op-product--master .op-master-requisites-head::after, body.op-product--master .op-proof-requisites-hero::after {
  position: absolute;
  left: calc(28px + 20% - 48px);
  top: 90px;
  width: 96px;
  height: 96px;
  background: url("/assets/platform-icons-v2/wallet.png") center/96px 96px no-repeat;
  content: "";
}

body.op-product--client .op-client-order-tile__actions {
  border: 0;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: 100% !important;
  padding: 0 !important;
  background: transparent !important;
}

body.op-product--client .op-client-order-tile__actions :is( .op-order-action-bar, .op-order-action-bar__primary, .op-client-orders-open-row, .op-button ) {
  width: 100% !important;
  min-width: 0 !important;
}

body.op-product--client .op-client-orders-open-row {
  padding: 0 !important;
}

body.op-product .pwa-install-plus-mark::after {
  transform: translate(-50%,-50%) rotate(90deg);
}

body.op-product .pwa-install-step__icon, body.op-product .pwa-install-icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--cx-blue);
}

body.op-product .pwa-install-step__icon :is(svg,img), body.op-product .pwa-install-icon :is(svg,img) {
  width: 27px;
  height: 27px;
}





body.op-product :is(.op-surface-status-chip--yellow,.op-product-status--warning) {
  color: #925100 !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__item:first-child .op-order-meta__value {
  color: var(--cx-muted);
  font-size: 15px;
}

body.op-product--client .op-client-order-tile__facts.op-order-meta {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 7px !important;
}

body.op-product--client .op-client-order-tile__facts .op-order-meta__item {
  display: flex !important;
  align-items: center;
  gap: 8px;
}

body.op-product--client .op-client-order-tile__facts .op-order-meta__item + .op-order-meta__item::before {
  display: none !important;
  content: none !important;
}

body.op-product--client .op-client-order-tile__facts .op-order-meta__icon {
  display: grid;
  place-items: center;
  width: 18px;
  height: 18px;
  color: var(--cx-blue);
}

body.op-product--client .op-client-order-tile__facts .op-order-meta__icon :is(svg,img) {
  width: 18px;
  height: 18px;
}

body.op-product--client .op-client-order-tile__facts .op-order-meta__item:first-child {
  padding-left: 26px;
}



body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__actions .op-ui-decor-icon, body.op-product .pwa-install-footer .op-ui-decor-icon {
  display: none !important;
}

body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state::after {
  position: absolute;
  top: calc(50% - 240px);
  width: 74px;
  height: 74px;
  filter: none !important;
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 4px solid var(--cx-blue);
  border-radius: 50%;
  background: transparent !important;
  -webkit-mask: none !important;
  mask: none !important;
  color: var(--cx-blue);
  content: "✓";
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display",Arial,sans-serif;
  font-size: 44px;
  line-height: 1;
  font-weight: 500;
}

body.op-product :where(strong,b) {
  font-weight: 560 !important;
}

body.op-product .op-shell-header__bell :is(svg,img) {
  width: 23px !important;
  height: 23px !important;
}

body.op-product .op-product-family {
  gap: 14px !important;
}

body.op-product :is(.op-card,.op-panel,.op-order-card,.op-product-panel,.op-product-empty,.op-surface-card,.op-surface-order-card,.op-surface-state-card) {
  border-color: var(--c1-line) !important;
  border-radius: var(--c1-radius) !important;
  box-shadow: var(--c1-shadow) !important;
}

body.op-product .op-button, body.op-product :is(button[type="submit"],input[type="submit"]) {
  padding: 0 19px;
  letter-spacing: -.01em;
  box-shadow: none;
  min-height: 50px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.op-product :is(.op-button--primary,.op-surface-button-primary,.op-client-button-primary) {
  color: #fff;
  box-shadow: none;
  background: var(--c1-blue) !important;
  border-color: var(--c1-blue) !important;
}

body.op-product--client .op-client-orders-page-head {
  display: none !important;
}

body.op-product--client :is(.op-client-orders-search-icon,.op-client-orders-filter-icon) {
  color: #5f6a7e;
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
}

body.op-product--client :is(.op-client-orders-search-icon,.op-client-orders-filter-icon) :is(svg,img) {
  width: 22px !important;
  height: 22px !important;
}

body.op-product--client .op-client-orders-list > article:nth-child(1) .op-client-orders-media img {
  content: url("/assets/concept-reference/order-washer.jpg") !important;
}

body.op-product--client .op-client-orders-list > article:nth-child(2) .op-client-orders-media img {
  content: url("/assets/concept-reference/order-washer-dispute.jpg") !important;
}

body.op-product--client .op-client-order-tile :is(.op-client-orders-media,.op-appliance-preview) img {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: center !important;
  filter: none !important;
}

body.op-product--client .op-client-orders-list > article:nth-child(2) .op-order-header__subtitle {
  background: #fff0f2 !important;
  color: var(--c1-danger) !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__item:first-child {
  padding-left: 0 !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__icon, body.op-product--client .op-client-order-tile .op-order-meta__icon :is(svg,img) {
  width: 17px !important;
  height: 17px !important;
}

body.op-product--client .op-client-order-tile__actions, body.op-product--client .op-client-order-tile__actions :is(.op-order-action-bar__primary,.op-client-orders-open-row,.op-button) {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
}

body.op-product--client .op-proof-support-row__icon :is(svg,img) {
  width: 26px !important;
  height: 26px !important;
}


























































body.op-product--client .op-product-screen:not(.op-product-screen--surface-client-orders) .op-client-state-hero {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__object {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

body.op-product--client .op-client-state-hero__media {
  padding: 14px 14px 0;
  width: 100% !important;
}

body.op-product--client .op-client-state-hero__media .op-appliance-preview {
  width: 100% !important;
  height: 194px !important;
  overflow: hidden !important;
  border: 1px solid #e1e6ee !important;
  border-radius: 19px !important;
  background: #f4f5f7 !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__media img {
  content: url("/assets/concept-reference/client-hero-washer.jpg") !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: center !important;
  filter: none !important;
}

body.op-product--client .op-client-state-hero__identity {
  padding: 20px 22px 18px;
  display: none !important;
}

body.op-product--client .op-client-state-hero__state::before {
  grid-row: 1 / span 2;
  background-color: #e9f2ff;
  background-image: url("/assets/platform-icons-v2/state-diagnostics-paid.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 28px 28px;
  box-shadow: inset 0 0 0 1px rgba(8, 103, 242, .05);
  position: absolute !important;
  left: 17px !important;
  top: 17px !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: #edf4ff url("/assets/platform-icons-v2/nav-repairs.png") center/24px 24px no-repeat !important;
  content: "" !important;
}

body.op-product--client .op-client-state-hero__state-title {
  align-self: end;
  letter-spacing: -.03em;
  color: var(--c1-blue) !important;
  font-size: 17px !important;
  line-height: 1.15 !important;
  font-weight: 530 !important;
}

body.op-product--client .op-client-state-hero__state-copy {
  max-width: 36ch;
  font-weight: 400;
  align-self: start;
  margin-top: 5px;
  margin: 4px 0 0 !important;
  color: #778196 !important;
  font-size: 12.5px !important;
  line-height: 1.28 !important;
}

body.op-product--client .op-client-state-hero__master .op-master-identity__avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #edf4ff !important;
  color: var(--c1-blue) !important;
  font-size: 18px !important;
}

body.op-product--client .op-client-state-hero__master .op-master-identity__name {
  font-size: 15px !important;
  font-weight: 520 !important;
}

body.op-product--client .op-client-state-hero__master .op-master-identity__detail {
  font-size: 12px !important;
}

body.op-product--client .op-client-state-hero__actions {
  padding: 14px 17px 17px !important;
  border: 1px solid #e1e6ee !important;
  border-top: 0 !important;
  border-radius: 0 0 19px 19px !important;
  background: #fff !important;
  box-shadow: 0 7px 24px rgba(35,55,86,.035) !important;
}

body.op-product .op-modal-overlay, body.op-product .modal-overlay {
  z-index: 1000;
  -webkit-backdrop-filter: blur(5px) saturate(115%);
  display: flex;
  justify-content: center;
  align-items: flex-end !important;
  padding: 0 !important;
  background: rgba(13,20,31,.68) !important;
  backdrop-filter: blur(1.5px) !important;
}

body.op-product .pwa-install-modal::before {
  display: block !important;
  width: 44px !important;
  height: 4px !important;
  margin: 7px auto 0 !important;
  border-radius: 999px !important;
  background: #d9dee7 !important;
  content: "" !important;
}

body.op-product .pwa-install-modal .op-modal__header, body.op-product .pwa-install-modal .modal-header {
  padding-bottom: 8px;
  align-items: center !important;
  padding: 18px 22px 4px !important;
}

body.op-product .pwa-install-modal .op-modal__title, body.op-product .pwa-install-modal .modal-title {
  color: #121827 !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 570 !important;
  letter-spacing: -.024em !important;
}

body.op-product .pwa-install-modal :is(.op-modal__close,.modal-close) {
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f4f6f9 !important;
  color: #1d2638 !important;
  font-size: 26px !important;
  line-height: 1 !important;
  font-weight: 320 !important;
}

body.op-product .pwa-install-modal .op-modal__body, body.op-product .pwa-install-modal .modal-body {
  padding-top: 2px;
  padding: 0 22px 15px !important;
  text-align: center !important;
}

body.op-product .pwa-install-visual {
  display: grid;
  place-items: center;
  min-height: 145px !important;
  margin: 0 auto 7px !important;
}

body.op-product .pwa-install-phone {
  position: relative;
  border: 5px solid var(--cx-blue);
  background: #fff;
  width: 82px !important;
  height: 118px !important;
  border-width: 4px !important;
  border-radius: 18px !important;
}

body.op-product .pwa-install-phone-speaker {
  position: absolute;
  left: 50%;
  border-radius: 999px;
  background: var(--cx-blue);
  transform: translateX(-50%);
  top: 9px !important;
  width: 29px !important;
  height: 4px !important;
}

body.op-product .pwa-install-share-mark {
  position: absolute;
  left: 50%;
  border-radius: 50%;
  background: var(--cx-blue-soft) url("/assets/platform-icons-v2/action-upload.png") center/28px 28px no-repeat;
  transform: translate(-50%,-50%);
  top: 55px !important;
  width: 45px !important;
  height: 45px !important;
  background-size: 24px 24px !important;
}

body.op-product .pwa-install-plus-mark {
  position: absolute;
  border: 5px solid var(--cx-blue);
  border-radius: 50%;
  background: #fff;
  right: -25px !important;
  bottom: -11px !important;
  width: 55px !important;
  height: 55px !important;
  border-width: 4px !important;
}

body.op-product .pwa-install-plus-mark::before, body.op-product .pwa-install-plus-mark::after {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 999px;
  background: var(--cx-blue);
  content: "";
  transform: translate(-50%,-50%);
  width: 23px !important;
  height: 3px !important;
}

body.op-product .pwa-install-copy {
  max-width: 330px !important;
  margin: 0 auto 13px !important;
}

body.op-product .pwa-install-lead {
  color: #4f596b !important;
  font-size: 13px !important;
  line-height: 1.38 !important;
  font-weight: 400 !important;
}

body.op-product .pwa-install-steps {
  display: grid;
  text-align: left;
  gap: 4px !important;
  margin-top: 11px !important;
}

body.op-product .pwa-install-step, body.op-product .pwa-install-instruction {
  display: grid;
  align-items: center;
  grid-template-columns: 28px 26px minmax(0,1fr) !important;
  gap: 7px !important;
  min-height: 43px !important;
  padding: 6px 8px !important;
  border: 1px solid #e1e6ee !important;
  border-radius: 10px !important;
  color: #222a3b !important;
  font-size: 12px !important;
  line-height: 1.22 !important;
  text-align: left !important;
}

body.op-product .pwa-install-step__number, body.op-product .pwa-install-number {
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--cx-blue);
  color: #fff;
  width: 25px !important;
  height: 25px !important;
  font-size: 12px !important;
  font-weight: 560 !important;
}

body.op-product .pwa-install-step__icon, body.op-product .pwa-install-icon, body.op-product .pwa-install-step__icon :is(svg,img), body.op-product .pwa-install-icon :is(svg,img) {
  width: 23px !important;
  height: 23px !important;
}

body.op-product .pwa-install-note {
  text-align: center;
  max-width: 300px !important;
  margin: 11px auto 0 !important;
  color: #4f596b !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
}

body.op-product .pwa-install-footer {
  display: grid !important;
  grid-template-columns: 1fr 1.06fr !important;
  gap: 11px !important;
  padding: 0 22px calc(16px + env(safe-area-inset-bottom)) !important;
}

body.op-product :is(.op-modal,.modal:not(.pwa-install-modal)) {
  border-radius: 26px 26px 0 0 !important;
}

body.op-product :is(.op-modal__title,.modal-title) {
  font-weight: 560 !important;
}

@media  (min-width: 681px)  {
  body.op-product .op-modal, body.op-product .modal:not([class*="op-master-ip-"]), body.op-product #platformConfirmModal .modal, body.op-product #platformConfirmModal.platform-payment-confirm .modal, body.op-product #platformConfirmModal:not(.platform-payment-confirm) .modal {
    width: min(100%, 430px);
    border: 1px solid rgba(216, 226, 239, .9);
    border-radius: 26px;
    box-shadow: 0 28px 72px rgba(7, 18, 37, .22);
  }

  body.op-product .op-modal::before, body.op-product .modal:not([class*="op-master-ip-"])::before, body.op-product #platformConfirmModal .modal::before {
    display: none;
  }

  body.op-product .op-modal-overlay,body.op-product .modal-overlay {
    align-items: center;
    padding: 24px;
  }

  body.op-product .op-modal,body.op-product .modal:not([class*="op-master-ip-"]),body.op-product #platformConfirmModal .modal {
    width: min(100%,520px);
    border-radius: 26px;
  }

  body.op-product .op-modal::before,body.op-product .modal:not([class*="op-master-ip-"])::before,body.op-product #platformConfirmModal .modal::before {
    display: none;
  }

  body.op-product .op-shell-main {
    padding-bottom: 32px !important;
  }

  body.op-product .op-modal-overlay, body.op-product .modal-overlay {
    align-items: center !important;
    padding: 24px !important;
  }

  body.op-product .pwa-install-modal {
    width: min(100%, 520px) !important;
    max-height: 92svh !important;
    border-radius: 24px !important;
  }

  body.op-product .pwa-install-modal::before {
    display: none !important;
  }
}

body.op-product--client .op-client-orders-filter-icon img {
  content: url("/assets/concept-reference/funnel.svg") !important;
}

body.op-product--client .op-client-order-tile :is(.op-client-orders-media,.op-appliance-preview) {
  width: 110px !important;
  min-width: 110px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #f2f4f7 !important;
  height: 190px !important;
}

body.op-product--client .op-client-orders-list > article:nth-child(2) .op-order-header__subtitle, body.op-product--client .op-client-orders-list > article:nth-child(2) .op-client-order-tile__actions .op-button {
  color: var(--c1-danger) !important;
}

body.op-product--client .op-client-orders-list > article:nth-child(2) .op-client-order-tile__actions .op-button {
  background: #fff !important;
  color: var(--c1-danger) !important;
  border-color: var(--c1-danger) !important;
}









body.op-product--master .op-nav__item--master :is(svg,img) {
  width: 22px !important;
  height: 22px !important;
}

body.op-product--client .op-client-state-hero__state {
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  margin: 0;
  border-top: 1px solid var(--cx-line);
  position: relative !important;
  min-height: 84px !important;
  margin-top: 13px !important;
  padding: 17px 18px 17px 70px !important;
  border: 1px solid #e1e6ee !important;
  border-bottom: 1px solid #e7ebf1 !important;
  border-radius: 19px 19px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 7px 24px rgba(35,55,86,.035) !important;
  display: block !important;
  box-sizing: border-box !important;
}

body.op-product--client .op-client-state-hero__state-title, body.op-product--client .op-client-state-hero__state-copy {
  display: block !important;
  position: static !important;
  width: auto !important;
  max-width: none !important;
}

body.op-product--client .op-client-state-hero__supporting, body.op-product--client .op-client-state-hero__actions, body.op-product--client .op-client-state-hero__actions .op-order-action-bar, body.op-product--client .op-client-state-hero__actions .op-order-action-bar__primary {
  width: 100% !important;
  box-sizing: border-box !important;
}

body.op-product--client .op-client-state-hero__actions .op-button {
  font-size: 16px;
  width: 100% !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.op-product :where(.muted,.op-muted,.op-surface-muted,small) {
  color: #667085;
}

body.op-product :where(h1,h2,h3,h4,strong,b) {
  color: var(--c1-ink);
  font-weight: 520 !important;
  letter-spacing: -.014em !important;
}

body.op-product :where(.op-muted,.muted,small) {
  color: var(--h-muted) !important;
}

body.op-product :is(.op-card,.op-panel,.op-order-card,.op-product-panel,.op-surface-card,.op-surface-order-card,.op-surface-state-card) {
  box-shadow: 0 5px 18px rgba(31,48,76,.035) !important;
}

body.op-product--client .op-client-concept-utilities {
  border-top: 1px solid var(--h-line);
  background: #fff;
}

body.op-product--client .op-client-concept-utilities__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-bottom: 1px solid var(--h-line);
}

body.op-product--client .op-client-concept-link {
  display: grid;
  grid-template-columns: 40px minmax(0,1fr) 13px !important;
  align-items: center;
  gap: 9px !important;
  min-height: 68px !important;
  padding: 9px 12px !important;
  color: var(--h-ink);
  text-decoration: none;
  height: auto !important;
}

body.op-product--client .op-client-concept-utilities__split .op-client-concept-link:first-child {
  border-right: 1px solid var(--h-line);
  grid-template-columns: 40px minmax(0,1fr) 13px !important;
  gap: 9px !important;
  min-height: 68px !important;
  padding: 9px 12px !important;
  align-items: center;
  height: auto !important;
}

body.op-product--client .op-client-concept-link__icon {
  display: grid;
  place-items: center;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: #edf4ff !important;
  color: var(--c1-blue) !important;
}

body.op-product--client .op-client-concept-link__icon :is(svg,img) {
  width: 24px !important;
  height: 24px !important;
}

body.op-product--client .op-client-concept-link__copy {
  display: grid;
  align-content: center;
  gap: 3px !important;
  min-width: 0;

}

body.op-product--client .op-client-concept-link__copy strong {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--h-ink);
  line-height: 1.15 !important;
  white-space: nowrap;
}

body.op-product--client .op-client-concept-link__copy small {
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  color: var(--h-muted);
  white-space: nowrap;
}

body.op-product--client .op-client-concept-link__chevron {
  font-size: 25px !important;
  font-weight: 260 !important;
  color: #596579;
  line-height: 1;
}

body.op-product--client .op-client-state-hero__supporting {
  border-left: 1px solid #e1e6ee !important;
  border-right: 1px solid #e1e6ee !important;
  background: #fff !important;
  padding: 0 !important;
}

body.op-product--client .op-client-state-hero__master.op-master-offer-card {
  border-top: 1px solid #edf1f5;
  min-height: 78px !important;
  margin: 0 !important;
  padding: 13px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e7ebf1 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-inline: 16px !important;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"], body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"] {
  justify-content: flex-start !important;
  width: 100% !important;
  height: 62px !important;
  min-height: 62px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: var(--h-ink) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"] :is(svg,img), body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"] :is(svg,img) {
  width: 24px !important;
  height: 24px !important;
  color: var(--h-blue) !important;
}

body.op-product .op-shell-header__bell-dot {
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #fff !important;
  background: var(--i-blue) !important;
}

body.op-product .op-shell-header__logout .op-ui-decor-icon {
  border-color: rgba(8, 103, 242, .10);
  flex: 0 0 17px !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-product .op-shell-header__logout .op-ui-decor-icon__img {
  width: 17px !important;
  height: 17px !important;
  filter: grayscale(1) brightness(.28) !important;
}

body.op-product:is(.op-product--client, .op-product--order, .op-product--finance) .op-shell-header__logout .op-ui-decor-icon {
  display: none !important;
}

body.op-product:is(.op-product--client, .op-product--order, .op-product--finance) .op-shell-header__logout {
  min-width: 72px !important;
  padding-inline: 14px !important;
}

body.op-product--client.op-product--surface-client-orders .op-shell-header__logout {
  border-color: var(--i-blue) !important;
  color: var(--i-blue) !important;
}

body.op-product--client .op-client-orders-search input::-webkit-search-decoration, body.op-product--client .op-client-orders-search input::-webkit-search-cancel-button, body.op-product--client .op-client-orders-search input::-webkit-search-results-button, body.op-product--client .op-client-orders-search input::-webkit-search-results-decoration {
  display: none !important;
  -webkit-appearance: none !important;
}

body.op-product--client .op-client-orders-search input::placeholder {
  color: #8792a5 !important;
  opacity: 1 !important;
}

body.op-product--client .op-client-orders-search-icon {
  flex: 0 0 21px !important;
  width: 21px !important;
  height: 21px !important;
  color: #69758a !important;
}

body.op-product--client .op-client-orders-search-icon :is(svg, img) {
  width: 21px !important;
  height: 21px !important;
}

body.op-product--client .op-client-orders-filter-control {
  width: 98px !important;
  min-width: 98px !important;
}

body.op-product--client .op-client-orders-filter-button::-webkit-details-marker {
  display: none !important;
}

body.op-product--client .op-client-orders-filter-sheet {
  right: 0 !important;
  width: 230px !important;
  padding: 8px !important;
  border: 1px solid var(--i-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 18px 48px rgba(25, 42, 70, .14) !important;
}

body.op-product--client .op-client-orders-filter-option {
  min-height: 44px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}

body.op-product--client .op-client-order-tile, body.op-product--client .op-client-orders-list-card, body.op-product--client .op-proof-support-card {
  border-color: var(--i-line) !important;
  box-shadow: 0 7px 22px rgba(31, 48, 76, .045) !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__icon, body.op-product--client .op-client-order-tile .op-order-meta__icon :is(svg, img) {
  width: 16px !important;
  height: 16px !important;
}

body.op-product--client .op-proof-support-row__icon img {
  filter: saturate(1.2) contrast(1.05) !important;
}







body.op-product--master .op-shell-header__logout .op-ui-decor-icon {
  display: inline-grid !important;
  place-items: center !important;
}

@media  (max-width: 400px)  {
  body.op-product .op-shell-header__inner {
    width: calc(100% - 38px) !important;
  }

  body.op-product .op-shell-header__logo {
    width: 176px !important;
  }

  body.op-product--client .op-client-orders-filter-button {
    width: 98px !important;
    min-width: 98px !important;
  }

  body.op-product .op-shell-main {
    width: calc(100% - 36px) !important;
  }

  body.op-product--client .op-client-orders-toolbar {
    grid-template-columns: minmax(0, 1fr) 98px !important;
  }
}

body.op-product .op-shell-header__bell img {
  content: url("/assets/concept-reference/header-bell.svg") !important;
  filter: none !important;
}

body.op-product--master .op-shell-header__logout .op-ui-decor-icon__img {
  content: url("/assets/concept-reference/header-logout.svg") !important;
  filter: none !important;
}

body.op-product:is(.op-product--client, .op-product--order, .op-product--finance) .op-shell-header .op-shell-header__logout {
  width: 72px !important;
  min-width: 72px !important;
  padding: 0 !important;
}

body.op-product--client .op-client-orders-search-icon img {
  content: url("/assets/concept-reference/search-line.svg") !important;
}

body.op-product--client .op-client-orders-toolbar, body.op-product--client :is(.op-client-orders-search, .op-client-orders-filter-button) {
  height: 40px !important;
  min-height: 40px !important;
}

body.op-product .op-shell-header .op-shell-header__logout {
  font-weight: 450 !important;
}

body.op-product .op-button > .op-ui-decor-icon, body.op-product button > .op-ui-decor-icon {
  flex: 0 0 20px !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-product .op-button > .op-ui-decor-icon img, body.op-product button > .op-ui-decor-icon img {
  width: 20px !important;
  height: 20px !important;
}

body.op-product--master.op-product--surface-master-fault-search .op-shell-main {
  padding-top: 14px !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-product-family {
  gap: 12px !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-product-page-head {
  min-height: 0 !important;
  margin: 0 !important;
  padding: 4px 2px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-product-page-head::before {
  display: none !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-product-page-head__title {
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 520 !important;
  letter-spacing: -.02em !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search > .op-product-family > .op-card {
  padding: 16px !important;
  border: 1px solid var(--i-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 7px 22px rgba(31, 48, 76, .045) !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 12px !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form .op-field {
  gap: 6px !important;
  margin: 0 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form .op-field:first-child {
  grid-column: 1 / 2 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form .op-field:nth-child(2) {
  grid-column: 2 / 3 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-field__label {
  color: #30394b !important;
  font-size: 13px !important;
  font-weight: 450 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-control {
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid var(--i-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--i-ink) !important;
  font-size: 15px !important;
  font-weight: 450 !important;
  box-shadow: none !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-form-actions {
  grid-column: 1 / -1 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-form-actions .op-button {
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.op-product--master .op-product-screen--surface-master-fault-search .op-product-notice, body.op-product--master .op-product-screen--surface-master-fault-search .op-notice, body.op-product--master .op-product-screen--surface-master-fault-search > .op-product-family > :last-child:not(.op-card):not(.op-product-page-head) {
  padding: 16px !important;
  border: 1px solid #cfe0fb !important;
  border-radius: 18px !important;
  background: #f4f8ff !important;
  box-shadow: none !important;
}

body.op-product--client:not(.op-product--surface-client-orders) .op-shell-header__logout {
  border-color: #dce3ed !important;
  color: #111827 !important;
}

body.op-product--finance:is( .op-product--surface-payment-success-diagnostics, .op-product--surface-payment-success-repair ) .op-shell-header__logout {
  border-color: var(--i-blue) !important;
  color: var(--i-blue) !important;
}

body.op-product--client .op-client-orders-search-icon, body.op-product--client .op-client-orders-search-icon :is(svg, img) {
  width: 19px !important;
  height: 19px !important;
  flex-basis: 19px !important;
}

body.op-product--client .op-client-orders-filter-icon, body.op-product--client .op-client-orders-filter-icon :is(svg, img) {
  flex: 0 0 20px !important;
  width: 19px !important;
  height: 19px !important;
  flex-basis: 19px !important;
}

body.op-product--client .op-proof-support-row__icon :is(svg, img) {
  width: 20px !important;
  height: 20px !important;
}

body.op-product--client .op-proof-support-row b {
  color: #536077 !important;
  font-size: 23px !important;
  font-weight: 300 !important;
}

body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__title {
  font-size: clamp(31px, 8.2vw, 42px) !important;
  font-weight: 560 !important;
  letter-spacing: -.028em !important;
}

body.op-product--client:has(.op-client-state-hero) .op-shell-header__logout, body.op-product--client:has(.op-proof-client-concept) .op-shell-header__logout {
  border-color: #dce3ed !important;
  color: #111827 !important;
}

body.op-product--finance:has(.op-product-screen--surface-payment-success-diagnostics) .op-shell-header__logout, body.op-product--finance:has(.op-product-screen--surface-payment-success-repair) .op-shell-header__logout {
  border-color: var(--i-blue) !important;
  color: var(--i-blue) !important;
}

@media  (max-width:560px)  {
  body.op-product--client .op-client-order-tile__actions, body.op-product--client .op-client-order-tile > .op-order-card__actions {
    left: 142px;
    right: 12px;
    bottom: 12px;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state::after {
    top: 118px;
  }

  body.op-product--client .op-client-order-tile > .op-order-card__actions {
    left: 142px !important;
    right: 12px !important;
    bottom: 12px !important;
  }

  body.op-product--master .op-master-requisites-head, body.op-product--master .op-proof-requisites-hero {
    min-height: 210px;
    padding: 22px 16px 18px 43%;
  }

  body.op-product--master .op-master-requisites-head::before, body.op-product--master .op-proof-requisites-hero::before {
    left: 10px;
    top: 22px;
    width: 39%;
    height: 145px;
  }

  body.op-product--master .op-master-requisites-head::after, body.op-product--master .op-proof-requisites-hero::after {
    left: calc(10px + 19.5% - 34px);
    top: 58px;
    width: 68px;
    height: 68px;
    background-size: 68px 68px;
  }

  body.op-product--master .op-master-requisites-head-copy h1, body.op-product--master .op-proof-requisites-hero h1 {
    margin: 4px 0 10px;
    font-size: 28px;
    line-height: 1.06;
    font-weight: 580 !important;
  }

  body.op-product--master .op-master-requisites-head-copy p, body.op-product--master .op-proof-requisites-hero p {
    font-size: 14px;
    line-height: 1.36;
  }

  body.op-product--master .op-master-requisites-modern-card, body.op-product--master .op-proof-requisites-card {
    padding: 14px 16px 16px;
  }

  body.op-product--master .op-master-requisites-modern-fields, body.op-product--master .op-proof-requisites-fields {
    gap: 7px;
  }

  body.op-product--master .op-master-requisites-modern-form .op-field, body.op-product--master .op-proof-requisites-form .op-field {
    grid-template-columns: 106px minmax(0,1fr);
    gap: 8px;
  }

  body.op-product--master .op-master-requisites-modern-form .op-field__label, body.op-product--master .op-proof-requisites-form .op-field__label {
    font-size: 13px;
  }

  body.op-product--master .op-master-requisites-modern-form :is(input,select,textarea), body.op-product--master .op-proof-requisites-form :is(input,select,textarea) {
    min-height: 44px;
    padding: 0 12px;
    border-radius: 13px;
    font-size: 14px;
  }

  body.op-product--master .op-master-requisites-actions {
    margin-top: 9px;
  }

  body.op-product--master .op-master-requisites-actions .op-button, body.op-product--master .op-proof-requisites-form .op-button {
    min-height: 49px;
  }

  body.op-product .pwa-install-plus-mark {
    width: 60px;
    height: 60px;
    right: -27px;
  }

  body.op-product .pwa-install-step, body.op-product .pwa-install-instruction {
    grid-template-columns: 34px 29px minmax(0,1fr);
    min-height: 60px !important;
    padding: 8px 10px;
    gap: 8px;
    font-size: 14px;
  }

  body.op-product .pwa-install-step__number, body.op-product .pwa-install-number {
    width: 31px;
    height: 31px;
  }

  

  

  body.op-product .op-shell-header {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.op-product--client .op-client-orders-search input {
    font-size: 14px !important;
  }

  body.op-product .pwa-install-modal .op-modal__header {
    padding: 15px 22px 2px !important;
  }

  body.op-product .pwa-install-modal .op-modal__title {
    font-size: 21px !important;
    font-weight: 540 !important;
  }

  body.op-product .pwa-install-modal .op-modal__body {
    padding: 4px 22px 14px !important;
  }

  body.op-product--client .op-client-concept-utilities__split .op-client-concept-link {
    grid-template-columns: 40px minmax(0,1fr) 13px !important;
    gap: 9px !important;
    padding-inline: 10px !important;
  min-height: 68px !important;
  padding: 9px 12px !important;
  align-items: center;
  height: auto !important;
}

  body.op-product--client .op-client-concept-utilities__split .op-client-concept-link__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  background: #edf4ff !important;
  display: grid;
  place-items: center;
  color: var(--c1-blue) !important;
}

  body.op-product--client .op-client-concept-utilities__split .op-client-concept-link__icon :is(svg,img) {
    width: 24px !important;
    height: 24px !important;
  }

  body.op-product--client .op-client-concept-utilities__split .op-client-concept-link__copy strong {
    font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}

  body.op-product--client .op-client-concept-utilities__split .op-client-concept-link__copy small {
    font-size: 10.5px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

  body.op-product--client .op-client-order-hero:is( [data-proof-lifecycle="contacts-open"], [data-proof-lifecycle="diagnostics-paid"], [data-proof-lifecycle="diagnostics-running"], [data-proof-lifecycle="diagnostics-completed"], [data-proof-lifecycle="repair-paid"], [data-proof-lifecycle="repair-running"] ) .op-client-state-hero__actions {
    padding: 0 !important;
    border-top: 1px solid var(--h-line) !important;
  }

  body.op-product--client .op-client-order-hero:is( [data-proof-lifecycle="contacts-open"], [data-proof-lifecycle="diagnostics-paid"], [data-proof-lifecycle="diagnostics-running"], [data-proof-lifecycle="diagnostics-completed"], [data-proof-lifecycle="repair-paid"], [data-proof-lifecycle="repair-running"] ) .op-client-state-hero__actions .op-button {
    justify-content: flex-start !important;
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: var(--h-ink) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
  }

  body.op-product--client .op-client-order-hero:is( [data-proof-lifecycle="contacts-open"], [data-proof-lifecycle="diagnostics-paid"], [data-proof-lifecycle="diagnostics-running"], [data-proof-lifecycle="diagnostics-completed"], [data-proof-lifecycle="repair-paid"], [data-proof-lifecycle="repair-running"] ) .op-client-state-hero__actions .op-button::after {
    margin-left: auto;
    color: #596579;
    font-size: 25px;
    font-weight: 260;
    content: "›";
  }

  body.op-product .op-shell-header, body.op-product .op-shell-header__inner {
    height: 66px !important;
    min-height: 66px !important;
  }

  body.op-product .op-shell-header__inner {
    height: 64px !important;
    min-height: 64px !important;
    width: calc(100% - 38px) !important;
    padding: 0 !important;
  }

  body.op-product .op-shell-header__logo {
    width: 168px !important;
    max-width: calc(100vw - 176px) !important;
  }

  body.op-product .op-shell-header__actions {
    gap: 8px !important;
  }

  body.op-product :is(.op-shell-header__bell,.op-shell-header__logout) {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
    border-color: #dce3ed !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.op-product .op-shell-header__bell {
    width: 42px !important;
    min-width: 42px !important;
  }

  body.op-product .op-shell-header__bell :is(svg,img) {
    width: 21px !important;
    height: 22px !important;
  }

  body.op-product .op-shell-header__logout {
    padding-inline: 15px !important;
    width: auto !important;
    padding: 0 13px !important;
    font-size: 15px !important;
    font-weight: 470 !important;
    gap: 6px !important;
  }

  body.op-product--master .op-shell-header__logout {
    min-width: 78px !important;
    padding-inline: 10px !important;
  }

  body.op-product--master .op-shell-header__logout .op-ui-decor-icon, body.op-product--master .op-shell-header__logout .op-ui-decor-icon__img {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
  }

  body.op-product .op-shell-main {
    width: calc(100% - 36px) !important;
    padding: 16px 0 104px !important;
  }

  body.op-product .op-product-family {
    gap: 14px !important;
  }

  body.op-product--client.op-product--surface-client-orders .op-shell-main {
    padding-top: 17px !important;
  }

  body.op-product--client .op-client-orders-screen {
    gap: 11px !important;
  }

  body.op-product--client .op-client-orders-toolbar {
    height: 46px !important;
    min-height: 40px !important;
    grid-template-columns: minmax(0,1fr) 98px !important;
    gap: 10px !important;
    padding: 0 !important;
  }

  body.op-product--client :is(.op-client-orders-search,.op-client-orders-filter-button) {
    height: 46px !important;
    min-height: 40px !important;
    border: 1px solid var(--k-line) !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.op-product--client .op-client-orders-search {
    padding-inline: 12px !important;
    gap: 9px !important;
    padding: 0 13px !important;
  }

  body.op-product--client .op-client-orders-search input, body.op-product--client .op-client-orders-search input[type="search"] {
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em !important;
  }

  body.op-product--client .op-client-orders-search-icon, body.op-product--client .op-client-orders-search-icon :is(svg,img) {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }

  body.op-product--client .op-client-orders-filter-control, body.op-product--client .op-client-orders-filter-button {
    width: 98px !important;
    min-width: 98px !important;
  }

  body.op-product--client .op-client-orders-filter-button {
    padding: 0 9px !important;
    font-size: 14px !important;
    font-weight: 450 !important;
  }

  body.op-product--client .op-client-orders-filter-icon, body.op-product--client .op-client-orders-filter-icon :is(svg,img) {
    width: 19px !important;
    height: 19px !important;
    flex-basis: 19px !important;
  }


  body.op-product--client .op-client-orders-list {
    gap: 12px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__subtitle {
    min-height: 25px !important;
    margin-bottom: 8px !important;
    padding-inline: 9px !important;
    margin: 0 0 8px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
    font-weight: 520 !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__subtitle::before {
    width: 6px !important;
    height: 6px !important;
    margin-right: 6px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__title {
    font-size: 17px !important;
    line-height: 1.12 !important;
    font-weight: 520 !important;
    letter-spacing: -.012em !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__meta {
    padding-top: 0 !important;
  }

  body.op-product--client .op-client-order-tile .op-order-meta {
    gap: 5px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-meta__item {
    min-height: 17px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-meta__value {
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 400 !important;
    color: #657187 !important;
  }

  body.op-product--client .op-client-order-tile .op-order-meta__icon, body.op-product--client .op-client-order-tile .op-order-meta__icon :is(svg,img) {
    width: 15px !important;
    height: 15px !important;
  }

  body.op-product--client .op-proof-support-row__icon :is(svg,img) {
    width: 24px !important;
    height: 20px !important;
  }

  body.op-product--client .op-proof-support-row strong {
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
  }

  body.op-product--client .op-proof-support-row small {
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  body.op-product--master .op-shell-main {
    padding-bottom: 92px !important;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  body.op-product--master .op-nav__item--master :is(svg,img) {
    width: 20px !important;
    height: 22px !important;
  }

  body.op-product--client:not(.op-product--surface-client-orders) .op-shell-main {
    padding-top: 14px !important;
  }

  body.op-product--client .op-client-state-hero {
    border-radius: 20px !important;
  }

  body.op-product--client .op-client-state-hero__state::before {
    left: 15px !important;
    top: 15px !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    background-size: 25px 25px !important;
  }

  body.op-product--client .op-client-state-hero__state-title {
    font-size: 18px !important;
    line-height: 1.12 !important;
    font-weight: 530 !important;
  }

  body.op-product--client .op-client-state-hero__state-copy {
    margin-top: 4px !important;
    font-size: 12.5px !important;
    line-height: 1.25 !important;
  }

  body.op-product--client .op-client-state-hero__master .op-master-identity__avatar {
    width: 40px !important;
    height: 40px !important;
  border-radius: 50% !important;
}

  body.op-product--client .op-client-state-hero__master .op-master-identity__name {
    font-size: 15.5px !important;
    font-weight: 520 !important;
  }

  body.op-product--client .op-client-state-hero__master .op-master-identity__detail {
    font-size: 12px !important;
  }

  body.op-product--client .op-client-concept-link__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  background: #edf4ff !important;
  display: grid;
  place-items: center;
  color: var(--c1-blue) !important;
}

  body.op-product--client .op-client-concept-link__icon :is(svg,img) {
    width: 24px !important;
    height: 24px !important;
  }

  body.op-product--client .op-client-concept-link__copy strong {
    font-size: 13.5px !important;
    font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}

  body.op-product--client .op-client-concept-link__copy small {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  white-space: nowrap;
}

  body.op-product .pwa-install-modal {
    min-height: 510px !important;
    max-height: 510px !important;
    display: grid !important;
    grid-template-rows: 10px auto minmax(0,1fr) auto !important;
    overflow: hidden !important;
    border-radius: 28px 28px 0 0 !important;
  }

  body.op-product .pwa-install-modal .pwa-install-handle {
    display: none !important;
  }

  body.op-product .pwa-install-modal .op-modal__header, body.op-product .pwa-install-modal .modal-header {
    padding: 13px 22px 2px !important;
  }

  body.op-product .pwa-install-modal .op-modal__title, body.op-product .pwa-install-modal .modal-title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 550 !important;
    letter-spacing: -.02em !important;
  }

  body.op-product .pwa-install-modal :is(.op-modal__close,.modal-close) {
    width: 40px !important;
    height: 42px !important;
    border-radius: 14px !important;
    font-size: 25px !important;
  }

  body.op-product .pwa-install-modal .op-modal__body, body.op-product .pwa-install-modal .modal-body {
    display: block !important;
    min-height: 0 !important;
    overflow: hidden !important;
    padding: 2px 22px 8px !important;
  }

  body.op-product .pwa-install-visual {
    margin-bottom: 2px !important;
    width: 88px !important;
    height: 112px !important;
    min-height: 112px !important;
    margin: 0 auto 4px !important;
  }

  body.op-product .pwa-install-phone {
    width: 74px !important;
    height: 104px !important;
  }

  body.op-product .pwa-install-copy {
    margin-bottom: 6px !important;
  }

  body.op-product .pwa-install-lead {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  body.op-product .pwa-install-steps {
    gap: 5px !important;
    margin-top: 5px !important;
  }

  body.op-product .pwa-install-step {
    height: 40px !important;
    min-height: 43px !important;
    padding: 5px 9px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
  }

  body.op-product .pwa-install-note {
    margin-top: 10px !important;
    font-size: 12.5px !important;
    line-height: 1.2 !important;
  }

  body.op-product .pwa-install-footer {
    min-height: 62px !important;
    padding: 0 22px 12px !important;
    gap: 11px !important;
  }

  body.op-product .pwa-install-footer .op-button {
    height: 50px !important;
    min-height: 52px !important;
    border-radius: 13px !important;
    font-size: 15px !important;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__title {
    font-size: 34px !important;
    line-height: 1.08 !important;
    font-weight: 540 !important;
    letter-spacing: -.025em !important;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__copy {
    font-size: 16px !important;
    line-height: 1.4 !important;
  }

  body.op-product--client:not(.op-product--surface-client-orders) .op-shell-header__logout .op-ui-decor-icon__img {
    content: url("/assets/concept-reference/header-logout.svg") !important;
    width: 16px !important;
    height: 16px !important;
    filter: none !important;
  }

  body.op-product--finance:is(.op-product--surface-payment-success-diagnostics,.op-product--surface-payment-success-repair) .op-shell-header__logout .op-ui-decor-icon {
    display: none !important;
  }

  body.op-product--client .op-client-order-tile, body.op-product--client .op-client-orders-list-card {
    border-radius: 18px !important;
    border-color: var(--k-line) !important;
    box-shadow: 0 7px 22px rgba(31,48,76,.045) !important;
    height: 232px !important;
    min-height: 232px !important;
  }

  body.op-product--client .op-client-order-tile>.op-order-card__body, body.op-product--client .op-client-order-tile__main {
    height: 232px;
    min-height: 232px !important;
    grid-template-columns: 120px minmax(0,1fr) !important;
    gap: 15px !important;
    padding: 13px !important;
    padding-bottom: 60px !important;
  }

  body.op-product--client .op-client-order-tile :is(.op-client-orders-media,.op-appliance-preview) {
    width: 120px;
    min-width: 120px !important;
    height: 206px !important;
    border-radius: 13px !important;
  }

  body.op-product--client .op-client-order-tile>.op-order-card__actions, body.op-product--client .op-client-order-tile__actions {
    left: 137px !important;
    right: 13px !important;
    bottom: 13px !important;
  }

  body.op-product--client .op-client-order-tile__actions .op-button {
    font-size: 13px !important;
    font-weight: 460 !important;
    height: 40px !important;
    min-height: 40px !important;
    border-radius: 10px !important;
  }

  body.op-product--client .op-proof-support-card {
    border-radius: 16px !important;
    height: 60px !important;
    min-height: 60px !important;
  }

  body.op-product--client .op-proof-support-row {
    gap: 10px !important;
    min-height: 58px !important;
    grid-template-columns: 40px minmax(0,1fr) 18px !important;
    padding: 8px 14px !important;
  }

  body.op-product--client .op-proof-support-row__icon {
    border-radius: 12px !important;
    width: 40px !important;
    height: 40px !important;
  }

  body.op-product--master .op-nav--master[data-product-nav="master"] {
    padding: 6px !important;
    border-radius: 20px !important;
    height: 72px !important;
    min-height: 72px !important;
  }

  body.op-product--master .op-nav__item--master {
    font-size: 10px !important;
    min-height: 60px !important;
  }

  body.op-product--client .op-client-state-hero__media .op-appliance-preview {
    height: 218px !important;
    min-height: 244px !important;
  }

  body.op-product--client .op-client-state-hero__state {
    padding: 13px 15px 13px 72px !important;
    min-height: 90px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
  }

  body.op-product--client .op-client-state-hero__master.op-master-offer-card {
    padding: 11px 15px !important;
    min-height: 82px !important;
  }

  body.op-product--client .op-client-concept-link {
    grid-template-columns: 40px minmax(0,1fr) 13px !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    min-height: 68px !important;
  align-items: center;
  height: auto !important;
}

  body.op-product--client .op-client-state-hero__actions a[href*="chat=1"], body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"], body.op-product--client .op-client-order-hero:is([data-proof-lifecycle="contacts-open"],[data-proof-lifecycle="diagnostics-paid"],[data-proof-lifecycle="diagnostics-running"],[data-proof-lifecycle="diagnostics-completed"],[data-proof-lifecycle="repair-paid"],[data-proof-lifecycle="repair-running"]) .op-client-state-hero__actions .op-button {
    padding: 0 16px !important;
    font-size: 15px !important;
    height: 62px !important;
    min-height: 62px !important;
  }

  body.op-product--client:not(.op-product--surface-client-orders) .op-shell-header__logout::before {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background: url("/assets/concept-reference/header-logout.svg") center/16px 16px no-repeat;
  }

  body.op-product--client:not(.op-product--surface-client-orders) .op-shell-header__logout .op-ui-decor-icon {
    place-items: center !important;
    flex: 0 0 16px !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: none !important;
  }

  

  

  

  

  body.op-product--master .op-proof-requisites-screen {
    display: grid !important;
    gap: 0 !important;
    padding-bottom: 8px !important;
  }

  body.op-product--master .op-proof-requisites-hero {
    min-height: 206px !important;
    padding: 30px 22px 24px 47% !important;
    border: 1px solid var(--k-line) !important;
    border-bottom: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(31,48,76,.05) !important;
  }

  body.op-product--master .op-proof-requisites-hero::before {
    left: 12px !important;
    top: 20px !important;
    width: 43% !important;
    height: 164px !important;
    border-radius: 0 !important;
    background: url("/assets/concept-reference/payout-wallet-concept.png") center/contain no-repeat !important;
  }

  body.op-product--master .op-proof-requisites-hero::after {
    display: none !important;
  }

  body.op-product--master .op-proof-requisites-hero h1 {
    margin: 0 0 10px !important;
    font-size: 29px !important;
    line-height: 1.06 !important;
    font-weight: 550 !important;
    letter-spacing: -.025em !important;
  }

  body.op-product--master .op-proof-requisites-hero p {
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  body.op-product--master .op-proof-requisites-card {
    padding: 14px 16px 16px !important;
    border: 1px solid var(--k-line) !important;
    border-top: 1px solid #edf0f5 !important;
    border-radius: 0 0 20px 20px !important;
    box-shadow: 0 8px 25px rgba(31,48,76,.05) !important;
  }

  body.op-product--master .op-proof-requisites-fields {
    gap: 0 !important;
  }

  body.op-product--master .op-proof-requisites-form .op-field::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("/assets/platform-icons-v2/avatar.png") center/20px 20px no-repeat;
    filter: grayscale(1) brightness(.38);
  }

  body.op-product--master .op-proof-requisites-form .op-field:nth-child(4)::before {
    background-image: url("/assets/platform-icons-v2/action-phone.png");
  }

  body.op-product--master .op-proof-requisites-form .op-field:nth-child(5)::before {
    background-image: url("/assets/platform-icons-v2/document.png");
  }

  body.op-product--master .op-proof-requisites-form .op-field:nth-child(6)::before {
    background-image: url("/assets/platform-icons-v2/bank-card.png");
  }

  body.op-product--master .op-proof-requisites-form .op-field__label {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 450 !important;
    color: #222b3d !important;
  }

  body.op-product--master .op-proof-requisites-form .op-control {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 13px !important;
    font-size: 14px !important;
  }

  body.op-product--master .op-proof-requisites-form .op-form-actions {
    margin-top: 10px !important;
  }

  body.op-product--master .op-proof-requisites-form .op-form-actions .op-button {
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }

  body.op-product--master .op-proof-requisites-form .op-field {
    min-height: 58px !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    display: grid !important;
    grid-template-columns: 24px 92px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.op-product--master .op-master-requisites-modern-form .op-field {
    display: grid !important;
    grid-template-columns: 24px 92px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.op-product--client:has(.op-client-state-hero) .op-shell-header__logout::before {
    content: "";
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    background: url("/assets/concept-reference/header-logout.svg") center/16px 16px no-repeat;
  }

  body.op-product--client:has(.op-client-state-hero) .op-shell-header__logout {
    gap: 6px !important;
  }

  body.op-product--master :is(.op-proof-requisites-hero,.op-master-requisites-head) {
    position: relative !important;
    min-height: 240px !important;
    padding: 28px 22px 66px 47% !important;
    border: 1px solid var(--k-line) !important;
    border-bottom: 0 !important;
    border-radius: 20px 20px 0 0 !important;
    background: #fff !important;
    box-shadow: 0 8px 25px rgba(31,48,76,.05) !important;
  }

  body.op-product--master :is(.op-proof-requisites-hero,.op-master-requisites-head)::before {
    position: absolute !important;
    left: 12px !important;
    top: 20px !important;
    width: 43% !important;
    height: 164px !important;
    border-radius: 0 !important;
    background: url("/assets/concept-reference/payout-wallet-concept.png") center/contain no-repeat !important;
    content: "" !important;
  }

  body.op-product--master :is(.op-proof-requisites-hero,.op-master-requisites-head)::after {
    display: none !important;
  }

  body.op-product--master :is(.op-proof-requisites-hero,.op-master-requisites-head) h1 {
    margin: 0 0 10px !important;
    font-size: 29px !important;
    line-height: 1.06 !important;
    font-weight: 550 !important;
    letter-spacing: -.025em !important;
  }

  body.op-product--master :is(.op-proof-requisites-hero,.op-master-requisites-head) p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
    color: var(--k-muted) !important;
  }

  body.op-product--master .op-requisites-methods {
    position: absolute !important;
    left: 18px !important;
    right: 18px !important;
    bottom: 14px !important;
    display: flex !important;
    gap: 9px !important;
    align-items: center !important;
  }

  body.op-product--master .op-requisites-methods span {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    border-radius: 11px !important;
    background: #eef5ff !important;
    color: #172033 !important;
    font-size: 12.5px !important;
    font-weight: 520 !important;
    white-space: nowrap !important;
  }

  body.op-product--master .op-requisites-methods img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
  }

  body.op-product--master :is(.op-proof-requisites-screen,.op-master-requisites-screen) {
    display: grid !important;
    gap: 0 !important;
    padding-bottom: 8px !important;
  }

  body.op-product--master :is(.op-proof-requisites-card,.op-master-requisites-modern-card) {
    padding: 12px 16px 14px !important;
    border: 1px solid var(--k-line) !important;
    border-top: 1px solid #edf0f5 !important;
    border-radius: 0 0 20px 20px !important;
    box-shadow: 0 8px 25px rgba(31,48,76,.05) !important;
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-field {
    min-height: 54px !important;
    margin: 0 !important;
    padding: 3px 0 !important;
  }

  body.op-product--master .op-proof-requisites-form .op-field, body.op-product--master .op-master-requisites-modern-form .op-field {
    display: grid !important;
    grid-template-columns: 24px 92px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px !important;
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-field::before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("/assets/platform-icons-v2/avatar.png") center/20px 20px no-repeat;
    filter: grayscale(1) brightness(.38);
  }

  body.op-product--master .op-master-requisites-modern-fields .op-field:nth-child(4)::before, body.op-product--master .op-proof-requisites-form .op-field:nth-child(4)::before {
    background-image: url("/assets/platform-icons-v2/action-phone.png");
  }

  body.op-product--master .op-master-requisites-modern-fields .op-field:nth-child(5)::before, body.op-product--master .op-proof-requisites-form .op-field:nth-child(5)::before {
    background-image: url("/assets/platform-icons-v2/document.png");
  }

  body.op-product--master .op-master-requisites-card-section .op-field::before, body.op-product--master .op-proof-requisites-form .op-field:nth-child(6)::before {
    background-image: url("/assets/platform-icons-v2/bank-card.png");
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-field__label {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 450 !important;
    color: #222b3d !important;
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-control {
    height: 44px !important;
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-form-actions {
  }

  body.op-product--master :is(.op-proof-requisites-form,.op-master-requisites-modern-form) .op-form-actions .op-button {
    height: 48px !important;
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 15px !important;
  }
}

body.op-product .op-product-page-head__title, body.op-product .op-product-page-head h1, body.op-product :is(.op-order-header__title,.op-payment-state__title,.op-result-state__title,.op-product-empty__title) {
  font-weight: 530 !important;
}

body.op-product :is(.op-product-section-head__title,.op-form-section__head h2,.op-form-section__title) {
  font-size: 19px;
  line-height: 1.2;
  font-weight: 520 !important;
}

body.public-screen-create-order.op-public-direct .op-public-create, body.op-product--public.op-product--surface-create-order .op-public-create {
  width: min(calc(100% - 28px), 560px);
  padding: 14px 14px max(22px, env(safe-area-inset-bottom)) !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-card, body.op-product--public.op-product--surface-create-order .op-public-create-card {
  border: 1px solid #e1e7ef;
  background: #ffffff;
  box-shadow: 0 16px 42px rgba(22, 48, 86, .08);
  padding: 14px 14px 16px !important;
  border-radius: 22px !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-title, body.op-product--public.op-product--surface-create-order .op-public-create-title {
  margin-top: 2px;
  text-align: left;
  font-size: 23px !important;
  line-height: 1.08 !important;
  font-weight: 590 !important;
  letter-spacing: -.03em !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-subtitle, body.op-product--public.op-product--surface-create-order .op-public-create-subtitle {
  max-width: 38ch;
  color: #667085;
  line-height: 1.45;
  margin-left: 0;
  margin-right: 0;
  text-align: left;
  margin-top: 4px !important;
  font-size: 13px !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-fields, body.op-product--public.op-product--surface-create-order .op-public-create-fields {
  margin-top: 4px !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-section, body.op-product--public.op-product--surface-create-order .op-public-create-section {
  padding: 12px 0 !important;
  gap: 8px !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-section .op-form-section__head h2, body.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head h2 {
  font-size: 16px !important;
  font-weight: 550 !important;
}

body.public-screen-create-order.op-public-direct .op-public-create-field .op-field__label, body.op-product--public.op-product--surface-create-order .op-public-create-field .op-field__label {
  font-size: 12.5px !important;
  font-weight: 540 !important;
}

body.public-screen-create-order.op-public-direct :is(.op-control,.op-public-select,.op-public-textarea), body.op-product--public.op-product--surface-create-order :is(.op-control,.op-public-select,.op-public-textarea) {
  min-height: 44px !important;
  border-radius: 13px !important;
  padding: 9px 12px !important;
  font-size: 15px !important;
}

body.public-screen-create-order.op-public-direct .op-public-textarea, body.op-product--public.op-product--surface-create-order .op-public-textarea {
  min-height: 82px !important;
}

body.op-product--public .op-public-create-upload, body.public-screen-create-order.op-public-direct .op-public-create-upload {
  min-height: 80px !important;
}

body.op-product--public .op-public-create-upload-title, body.public-screen-create-order.op-public-direct .op-public-create-upload-title {
  font-size: 15px !important;
  font-weight: 560 !important;
}

body.op-product--public .op-public-create-submit, body.public-screen-create-order.op-public-direct .op-public-create-submit {
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 570 !important;
}

body.op-product--public .op-public-create-submit-note, body.public-screen-create-order.op-public-direct .op-public-create-submit-note {
  padding: 10px 0 6px !important;
  font-size: 11.5px !important;
}

body.op-product--client .op-product-empty {
  min-height: 176px !important;
  padding: 20px 16px !important;
  border-radius: 22px !important;
}

body.op-product--client .op-product-empty__icon {
  width: 42px !important;
  height: 42px !important;
  margin-bottom: 10px !important;
  border-radius: 13px !important;
}

body.op-product--client .op-product-empty__title {
  font-size: 17px !important;
  font-weight: 540 !important;
}

body.op-product--client .op-product-empty__copy {
  font-size: 12.5px !important;
  line-height: 1.4 !important;
}

body.op-product--client .op-product-empty__actions .op-button, body.op-product--client .op-client-orders-empty-action {
  width: 100% !important;
  min-height: 46px !important;
  border-radius: 14px !important;
  font-size: 15px !important;
  font-weight: 550 !important;
}

body.op-product :is(.op-shell-header__bell,.op-shell-header__logout) {
  border: 1px solid #dfe5ed !important;
  background: #fff !important;
  box-shadow: none !important;
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 14px !important;
}

body.op-product--client :is(.op-client-orders-search,.op-client-orders-filter-button) {
  border: 1px solid #dfe5ed !important;
  background: #fff !important;
  box-shadow: none !important;
  height: 48px !important;
  min-height: 48px !important;
  border-radius: 14px !important;
}

body.op-product--client .op-client-orders-search input, body.op-product--client .op-client-orders-search input[type="search"] {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--i-ink) !important;
  font: inherit !important;
  letter-spacing: -.01em !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  font-weight: 400 !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
}

body.op-product--client .op-client-orders-search-icon, body.op-product--client .op-client-orders-search-icon :is(svg,img), body.op-product--client .op-client-orders-filter-icon, body.op-product--client .op-client-orders-filter-icon :is(svg,img) {
  width: 20px !important;
  height: 20px !important;
  flex-basis: 20px !important;
}

body.op-product--client .op-client-state-hero__actions:has(a[href*="chat=1"]), body.op-product--client .op-client-state-hero__actions:has([data-proof-action="написать-мастеру"]) {
  padding: 16px 18px 18px;
  border-top: 1px solid #e2e8f0 !important;
  background: #fff !important;
}

body.op-product--client .op-client-state-hero__actions:has(a[href*="chat=1"]) :is(.op-order-action-bar,.op-order-action-bar__primary), body.op-product--client .op-client-state-hero__actions:has([data-proof-action="написать-мастеру"]) :is(.op-order-action-bar,.op-order-action-bar__primary) {
  width: 100%;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"], body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"], body.op-product--client a.op-surface-button-primary[href*="chat=1"] {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  border: 1px solid #0867f2 !important;
  border-radius: 15px !important;
  background: #0867f2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"]::after, body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"]::after {
  display: none !important;
  content: none !important;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"] .op-ui-decor-icon, body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"] .op-ui-decor-icon {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  border: 0 !important;
  background: transparent !important;
}

body.op-product--client .op-client-state-hero__actions a[href*="chat=1"] .op-ui-decor-icon__img, body.op-product--client .op-client-state-hero__actions [data-proof-action="написать-мастеру"] .op-ui-decor-icon__img {
  width: 22px !important;
  height: 22px !important;
  filter: brightness(0) invert(1) !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__title, body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__copy h1 {
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1.08 !important;
  font-weight: 560 !important;
  letter-spacing: -.025em !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__copy > p, body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__copy p {
  margin-top: 10px !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__actions .op-order-action-bar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__actions .op-order-action-bar__primary {
  order: 1 !important;
  width: 100% !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__actions .op-order-action-bar__secondary {
  order: 2 !important;
  width: 100% !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order :is(.op-flow-close-primary,.op-flow-close-cancel) {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  font-size: 15.5px !important;
  font-weight: 560 !important;
  line-height: 1.1 !important;
  justify-content: center !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__actions:has(.op-client-message-primary) {
  padding: 16px 18px 18px !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #fff !important;
}

body.op-product--client .op-client-state-hero__actions:has(.op-client-message-primary) :is(.op-order-action-bar,.op-order-action-bar__primary) {
  width: 100% !important;
}

body.op-product--client .op-client-state-hero__actions .op-client-message-primary {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  border: 1px solid #0867f2 !important;
  border-radius: 15px !important;
  background: #0867f2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

body.op-product--client .op-client-state-hero__actions .op-client-message-primary::after {
  display: none !important;
  content: none !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions {
  padding: 16px 18px 18px !important;
  border-top: 1px solid #e2e8f0 !important;
  background: #fff !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions :is(.op-order-action-bar,.op-order-action-bar__primary) {
  width: 100% !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-button--primary, html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-client-message-primary {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 54px !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 18px !important;
  border: 1px solid #0867f2 !important;
  border-radius: 15px !important;
  background: #0867f2 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 560 !important;
  line-height: 1 !important;
  text-align: center !important;
  box-shadow: none !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-button--primary::after, html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-client-message-primary::after {
  display: none !important;
  content: none !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-order-action-bar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  width: 100% !important;
  gap: 0 !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions .op-order-action-bar__primary {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}

:root {
  --op-surface: #fff;
  --op-radius-xl: 24px;
  --op-radius-sm: 10px;
  --op-ops: 1240px;
  --op-soft: #f7f9fc;
  --op-shadow-float: 0 18px 46px rgba(16,24,40,.11);
  --op-list-toolbar-height: 44px;
  --op-list-toolbar-radius: 14px;
  --op-list-toolbar-gap: 8px;
  --op-list-toolbar-line: #d9e3ef;
  --op-list-toolbar-line-focus: #6fa8fa;
  --op-list-toolbar-surface: #fff;
  --op-list-toolbar-ink: #172033;
  --op-list-toolbar-muted: #778397;
  --op-blue: #0867f2;
  --op-blue-strong: #0057e8;
  --op-blue-hover: #075bd6;
  --op-blue-soft: #edf4ff;
  --op-blue-faint: #f6f9ff;
  --op-ink: #0d1730;
  --op-text: #18233a;
  --op-muted: #667085;
  --op-subtle: #8a96a8;
  --op-bg: #f4f8ff;
  --op-card: #ffffff;
  --op-line: #dde6f2;
  --op-line-strong: #cdd9e9;
  --op-success: #119b57;
  --op-success-soft: #eaf9f0;
  --op-warning: #e58a11;
  --op-warning-soft: #fff6e8;
  --op-danger: #D43A3A;
  --op-danger-soft: #fff0f0;
  --op-radius: 26px;
  --op-radius-lg: 30px;
  --op-radius-md: 18px;
  --op-shadow: 0 18px 54px rgba(21, 48, 88, .10);
  --op-shadow-soft: 0 10px 30px rgba(21, 48, 88, .07);
  --op-header: 76px;
  --op-content: 760px;
  --cx-blue: #0060e6;
  --cx-blue-strong: #005eea;
  --cx-blue-soft: #eef5ff;
  --cx-bg: #f7f9fc;
  --cx-surface: #ffffff;
  --cx-ink: #10172a;
  --cx-text: #20283a;
  --cx-muted: #68758b;
  --cx-line: #e1e7f0;
  --cx-danger: #f12636;
  --cx-danger-soft: #fff0f2;
  --cx-success: #12a05a;
  --cx-success-soft: #eaf9f0;
  --cx-radius: 22px;
  --cx-shadow: 0 10px 28px rgba(32, 49, 78, .055);
  --c1-blue-deep: #005fe6;
  --c1-blue-soft: #eef5ff;
  --c1-bg: #f7f9fc;
  --c1-surface: #ffffff;
  --c1-ink: #111827;
  --c1-text: #1f2937;
  --c1-muted: #758096;
  --c1-line: #e4e9f1;
  --c1-danger-soft: #fff0f2;
  --c1-radius: 20px;
  --c1-shadow: 0 8px 28px rgba(35, 55, 86, .045);
  --c1-blue: #0060e6;
  --c1-danger: #dc1431;
  --h-blue: #0060e6;
  --h-blue-soft: #eef5ff;
  --h-ink: #101827;
  --h-muted: #6d778b;
  --h-line: #e5e9f0;
  --h-bg: #f8faff;
  --h-danger: #df1734;
  --i-blue: #0066f5;
  --i-ink: #111827;
  --i-muted: #707b90;
  --i-line: #dfe5ee;
  --i-soft: #edf4ff;
  --i-bg: #f7f9fd;
  --i-danger: #e21d38;
  --k-blue: #0064ee;
  --k-ink: #111827;
  --k-muted: #6c778b;
  --k-line: #e0e6ef;
  --k-soft: #edf4ff;
  --k-bg: #f7f9fd;
  --k-danger: #e21d38;
  --op-final-blue: #005fdf;
  --op-final-blue-strong: #0053c8;
  --op-final-blue-soft: #edf4ff;
  --op-final-bg: #f5f8fd;
  --op-final-surface: #ffffff;
  --op-final-ink: #10182b;
  --op-final-text: #263248;
  --op-final-muted: #526178;
  --op-final-line: #dce4ef;
  --op-final-line-soft: #e8edf4;
  --op-final-danger: #c71934;
  --op-final-danger-strong: #b5162e;
  --op-final-danger-soft: #fff0f2;
  --op-final-success: #119653;
  --op-final-success-soft: #e8f8ef;
  --op-final-warning: #9a5b00;
  --op-final-warning-soft: #fff6e7;
  --op-final-radius: 20px;
  --op-final-control-radius: 14px;
  --op-final-shadow: 0 10px 30px rgba(32, 49, 78, .06);
}

html {
  background: var(--op-final-bg);
}

body.op-product {
  margin: 0;
  --opv-surface: #fff;
  --opv-green: #168653;
  --opv-green-soft: #e8f7ef;
  --opv-amber: #9b6500;
  --opv-amber-soft: #fff5d8;
  --opv-red: #b42318;
  --opv-red-soft: #fff0ee;
  --opv-radius-xs: 10px;
  --opv-radius-sm: 12px;
  --opv-radius-md: 16px;
  --opv-radius-lg: 20px;
  --opv-radius-xl: 24px;
  --opv-shadow-float: 0 18px 52px rgba(19,43,75,.14);
  --opv-content: 480px;
  --opv-content-wide: 920px;
  --opv-ops: 1240px;
  --opv-header: 64px;
  font-variant-numeric: tabular-nums;
  --opv-blue-pressed: #064fb9;
  --opv-blue-soft-strong: #e3efff;
  --opv-ink: #101828;
  --opv-text: #344054;
  --opv-muted: #667085;
  --opv-muted-2: #98a2b3;
  --opv-surface-soft: #f8fafc;
  --opv-line: #e4eaf1;
  --opv-line-strong: #d0d8e3;
  --opv-shadow-card: 0 10px 30px rgba(16,24,40,.055);
  --op-blue: #0868f3;
  --op-blue-hover: #075bd8;
  --op-blue-soft: #eef5ff;
  --op-bg: #ffffff;
  --op-soft: #f8faff;
  --op-line: #e2e8f0;
  --op-shadow: 0 12px 34px rgba(20, 45, 82, .075);
  --opv-blue: #0868f3;
  --opv-blue-hover: #075bd8;
  --opv-blue-soft: #eef5ff;
  --opv-bg: #ffffff;
  --opv-bg-warm: #ffffff;
  min-height: 100svh;
  --op-title-weight: 620;
  --op-section-weight: 600;
  --op-card-title-weight: 590;
  --op-action-weight: 580;
  --op-label-weight: 560;
  min-width: 0;
  overflow-x: clip;
  color: var(--op-final-text);
  background: var(--op-final-bg) !important;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Inter, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.42;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

body.op-product *, body.op-product *::before, body.op-product *::after {
  box-sizing: border-box;
}

body.op-product :where(h1, h2, h3, h4, h5, h6) {
  color: var(--op-final-ink) !important;
  font-weight: 560 !important;
  letter-spacing: -.024em !important;
  text-wrap: balance;
}

body.op-product :where(strong, b) {
  font-weight: 550;
}

body.op-product :where(p, li, dd, dt, label, input, select, textarea, button, a, summary) {
  letter-spacing: -.006em;
}

body.op-product :where(.muted, .op-muted, .op-surface-muted, .op-product-page-head__subtitle) {
  color: var(--op-final-muted) !important;
}

body.op-product :where(.op-ui-decor-icon) {
  display: none !important;
}

html body.op-product :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 560 !important;
}

html body.op-product :is(strong, b) {
  font-weight: 550 !important;
}

html body.op-product :is(.op-button, button[role="button"], a[role="button"]) {
  font-weight: 500 !important;
}

body.op-product :where(.op-shell-main, .op-product-screen, .op-product-family, .op-order-card__main, .op-order-header__main) {
  min-width: 0;
  max-width: 100%;
}

body.op-product .op-shell-header {
  height: 72px;
  border-bottom-color: #e0e6ef !important;
  position: sticky !important;
  z-index: 80;
  top: 0;
  min-height: 66px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--op-final-line) !important;
  background: rgba(255, 255, 255, .985) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) saturate(140%);
}

body.op-product .op-shell-header::before, body.op-product .op-shell-header::after {
  display: none !important;
  content: none !important;
}

body.op-product .op-shell-header__inner {
  height: 72px;
  width: min(calc(100% - 36px), 1180px) !important;
  min-height: 66px !important;
  margin: 0 auto;
  padding: 8px 0 !important;
  gap: 8px !important;
}

body.op-product .op-shell-header__brand {
  min-width: 0 !important;
  margin-right: auto;
  overflow: hidden;
}

body.op-product .op-shell-header__logo {
  display: block;
  width: clamp(150px, 46vw, 190px) !important;
  max-width: 100% !important;
  height: auto;
}

body.op-product .op-shell-header__actions {
  flex: 0 0 auto;
  gap: 8px !important;
}

body.op-product :is(.op-shell-header__bell, .op-shell-header__logout) {
  border-color: #dce3ed !important;
  min-height: 44px !important;
  height: 44px !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: var(--op-final-ink) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.op-product .op-shell-header__bell {
  width: 44px !important;
  min-width: 44px !important;
  color: var(--op-final-blue) !important;
}

body.op-product .op-shell-header__bell :is(svg, img) {
  width: 22px !important;
  height: 22px !important;
}

body.op-product .op-shell-header__logout {
  color: #111827 !important;
  white-space: nowrap !important;
  padding-inline: 14px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  min-width: 70px !important;
  width: auto !important;
  padding: 0 13px !important;
  gap: 0 !important;
}

body.op-product .op-shell-main {
  padding-top: 16px;
  width: min(calc(100% - 36px), 780px) !important;
  margin-inline: auto !important;
  padding: 18px 0 104px !important;
}

body.op-product :where( .op-card, .op-panel, .op-order-card, .op-product-panel, .op-surface-card, .op-surface-order-card, .op-auth-state, .op-verification-state, .op-surface-state-card ) {
  border: 1px solid var(--op-final-line) !important;
  border-radius: var(--op-final-radius) !important;
  background: var(--op-final-surface) !important;
  box-shadow: var(--op-final-shadow) !important;
}

body.op-product :where( .op-control, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select), textarea ) {
  min-width: 0;
  border: 1px solid var(--op-final-line) !important;
  border-radius: var(--op-final-control-radius) !important;
  background: #fff !important;
  color: var(--op-final-ink) !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

body.op-product :where( .op-control, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select) ) {
  min-height: 50px;
}

body.op-product :where( .op-control, input:not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select), textarea ):focus {
  border-color: rgba(8, 103, 242, .72) !important;
  outline: 3px solid rgba(8, 103, 242, .11) !important;
  outline-offset: 0;
}

body.op-product :where(.op-field__label, .op-product-field__label) {
  color: #334057 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.op-product :where(.op-button, button[role="button"], a[role="button"]) {
  min-width: 0;
  min-height: 48px;
  border-radius: 13px !important;
  box-shadow: none !important;
  font-size: 15px;
  font-weight: 500 !important;
  line-height: 1.15;
  letter-spacing: -.01em !important;
}

body.op-product :where(.op-button--primary, .op-surface-button-primary) {
  border-color: var(--op-final-blue) !important;
  background: linear-gradient(135deg, #0874ff 0%, var(--op-final-blue-strong) 100%) !important;
  color: #fff !important;
}

body.op-product :where(.op-button--secondary, .op-button--outline, .op-button--ghost) {
  border-color: var(--op-final-blue) !important;
  background: #fff !important;
  color: var(--op-final-blue) !important;
}

body.op-product :where(.op-button--danger) {
  border-color: var(--op-final-danger) !important;
  background: var(--op-final-danger) !important;
  color: #fff !important;
}

body.op-product :where(.op-status, .op-status-chip, .op-order-header__subtitle) {
  font-weight: 500 !important;
}

body.op-product--public :is(.op-public-login, .op-public-register, .op-public-master, .op-public-auth-tail, .op-public-create) {
  width: min(calc(100% - 36px), 390px) !important;
  margin-inline: auto !important;
  padding: 0 0 40px !important;
}

body.op-product--public :is(.op-public-login-phone-form, .op-public-login-password-form, .op-public-auth-tail-form, .op-public-master-form, .op-public-register-fields) {
  gap: 12px !important;
}

body.op-product--public :is(.op-public-login-segment-link, .op-public-auth-tail-link, .op-public-master-login-link) {
  font-weight: 500 !important;
}

body.op-product--public :is(.op-public-login-submit, .op-public-login-enter, .op-public-auth-tail-submit, .op-public-master-submit, .op-public-create-submit) {
  width: 100% !important;
  min-height: 52px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.op-product--public :is(.op-public-create-card, .op-public-master-card) {
  overflow: hidden;
}

body.op-product--client.op-product--surface-client-orders .op-shell-main {
  padding-top: 18px !important;
}

body.op-product--client .op-client-orders-screen {
  gap: 12px !important;
}

body.op-product--client .op-client-orders-search {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  overflow: hidden !important;
  gap: 9px !important;
  padding: 0 13px !important;
}

body.op-product--client .op-client-orders-search input {
  width: 100%;
  color: #68758b !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-overflow: ellipsis;
}

body.op-product--client .op-client-orders-filter-button {
  overflow: visible;
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
  width: 108px !important;
  min-width: 108px !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 10px !important;
  color: var(--op-final-ink) !important;
  font-size: 14px !important;
  font-weight: 480 !important;
}

body.op-product--client :is(.op-client-orders-search-icon, .op-client-orders-filter-icon), body.op-product--client :is(.op-client-orders-search-icon, .op-client-orders-filter-icon) :is(svg, img) {
  width: 19px !important;
  min-width: 19px !important;
  height: 19px !important;
}


body.op-product--client .op-client-order-tile .op-order-card__media {
  width: 120px !important;
  min-width: 120px !important;
  height: 206px !important;
  margin: 0 !important;
}

body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
  width: 120px !important;
  min-width: 120px !important;
  height: 206px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f2f5fa !important;
}

body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  content: normal !important;
  object-fit: cover;
  object-position: center !important;
}

body.op-product--client .op-client-order-tile .op-appliance-preview__image--fallback {
  object-fit: contain !important;
  padding: 8px !important;
  background: #fff !important;
}

body.op-product--client .op-client-state-hero__media img, body.op-product--order .op-client-state-hero__media img {
  content: normal !important;
}

html body.op-product.op-product--client .op-client-orders-list > article.op-client-order-tile .op-client-orders-media img, html body.op-product.op-product--client .op-client-state-hero .op-client-state-hero__media img, html body.op-product.op-product--order .op-client-state-hero .op-client-state-hero__media img {
  content: normal !important;
}

body.op-product--client .op-client-order-tile .op-appliance-preview__placeholder {
  display: grid !important;
  width: 100% !important;
  height: 100% !important;
  place-items: end center !important;
  padding: 0 8px 14px !important;
  background: #f4f7fb url("/assets/platform-icons-v2/appliance-generic.png") center 46% / 62px 62px no-repeat !important;
  color: var(--op-final-muted) !important;
  font-size: 12px !important;
  font-weight: 450 !important;
}

body.op-product--client .op-client-order-tile .op-order-header {
  padding: 0 !important;
  display: flex !important;
  min-width: 0 !important;
  height: 100% !important;
  flex-direction: column !important;
}

body.op-product--client .op-client-order-tile .op-order-header__main {
  display: contents !important;
}

body.op-product--client .op-client-order-tile .op-order-header__subtitle::before {
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  margin-right: 7px !important;
  border-radius: 50% !important;
  background: currentColor !important;
  content: "" !important;
  vertical-align: 1px;
}

body.op-product--client .op-client-orders-list-card--dispute .op-order-header__subtitle {
  background: var(--op-final-danger-soft) !important;
  color: var(--op-final-danger) !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__item {
  display: flex !important;
  min-width: 0 !important;
  min-height: 16px !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 0 !important;
}

body.op-product--client .op-client-order-tile__actions :is( .op-order-action-bar, .op-order-action-bar__primary, .op-order-action-bar__secondary, .op-client-orders-open-row, .op-inline-form ) {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.op-product--client .op-client-order-tile__actions .op-order-action-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions > :is( .op-order-action-bar__primary, .op-order-action-bar__secondary ) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions :is( .op-client-orders-open-row, .op-inline-form, .op-button, button, a ) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-self: stretch !important;
}

body.op-product--client .op-client-orders-action-icon {
  display: none !important;
}

body.op-product--client .op-client-orders-primary-action > span:last-child {
  display: inline !important;
  overflow: visible !important;
  opacity: 1 !important;
  clip-path: none !important;
}

body.op-product--client .op-client-order-tile__actions .op-client-orders-action-chat, body.op-product--client .op-client-order-tile__actions [data-client-orders-chat-cta] {
  border-color: var(--op-final-blue) !important;
  background: linear-gradient(135deg, #0874ff 0%, var(--op-final-blue-strong) 100%) !important;
  color: #fff !important;
}

body.op-product--client .op-client-orders-cancel-form, body.op-product--client .op-client-orders-cancel-action {
  width: 100% !important;
}

body.op-product--client .op-client-orders-cancel-action, body.op-product--client .op-client-orders-cancel-action:visited {
  border: 1px solid var(--op-final-danger) !important;
  background: #fff !important;
  color: var(--op-final-danger) !important;
}

body.op-product--client .op-client-order-tile:has(.op-client-orders-secondary-link) {
  min-height: 306px !important;
}

body.op-product--client .op-client-order-tile:has(.op-client-orders-secondary-link) > .op-order-card__body {
  min-height: 306px !important;
  padding: 13px !important;
}

body.op-product--client .op-client-order-tile:has(.op-client-orders-secondary-link) .op-order-card__main {
  padding-bottom: 118px !important;
}

body.op-product--client .op-client-order-tile:has(.op-client-orders-secondary-link) :is(.op-client-orders-media, .op-appliance-preview) {
  height: 280px !important;
}

body.op-product--client .op-client-orders-secondary-link {
  height: auto !important;
  min-height: 42px !important;
  padding: 8px 10px !important;
  white-space: normal !important;
}

body.op-product--client .op-proof-support-card {
  padding: 0 !important;
  border: 1px solid #e1e6ee !important;
  box-shadow: 0 7px 24px rgba(35,55,86,.035) !important;
  min-height: 62px !important;
  height: 62px !important;
  overflow: hidden;
  border-radius: 18px !important;
}

body.op-product--client .op-proof-support-row {
  display: grid;
  align-items: center;
  min-height: 60px !important;
  height: 60px !important;
  grid-template-columns: 40px minmax(0, 1fr) 18px !important;
  gap: 11px !important;
  padding: 9px 14px !important;
}

body.op-product--client .op-proof-support-row__icon {
  display: grid;
  place-items: center;
  color: var(--i-blue) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
  background: var(--op-final-blue-soft) !important;
}

body.op-product--client .op-proof-support-row strong {
  color: var(--i-ink) !important;
  line-height: 1.15 !important;
  font-size: 15px !important;
  font-weight: 540 !important;
}

body.op-product--client .op-proof-support-row small {
  line-height: 1.15 !important;
  color: var(--op-final-muted) !important;
  font-size: 12px !important;
}

body.op-product--client .op-client-state-hero, body.op-product--order .op-client-state-hero {
  overflow: hidden !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
}

body.op-product--client .op-client-state-hero__state-title, body.op-product--order .op-client-state-hero__state-title {
  font-size: 19px !important;
  font-weight: 540 !important;
  letter-spacing: -.018em !important;
}

body.op-product--client .op-client-state-hero__state-copy, body.op-product--order .op-client-state-hero__state-copy {
  color: var(--op-final-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.op-product--client .op-client-state-hero__master .op-master-identity__name, body.op-product--order .op-client-state-hero__master .op-master-identity__name {
  font-weight: 540 !important;
}

body.op-product--client .op-client-state-hero__actions :is(.op-order-action-bar, .op-order-action-bar__primary, .op-order-action-bar__secondary), body.op-product--order .op-client-state-hero__actions :is(.op-order-action-bar, .op-order-action-bar__primary, .op-order-action-bar__secondary) {
  width: 100% !important;
  min-width: 0 !important;
}

body.op-product--client .op-client-state-hero__actions .op-order-action-bar, body.op-product--order .op-client-state-hero__actions .op-order-action-bar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

body.op-product--client .op-client-state-hero__actions :is(.op-button--primary, .op-client-message-primary, [data-proof-action="написать-мастеру"]), body.op-product--order .op-client-state-hero__actions :is(.op-button--primary, .op-client-message-primary, [data-proof-action="написать-мастеру"]) {
  width: 100% !important;
  min-height: 56px !important;
  justify-content: center !important;
  border-color: var(--op-final-blue) !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #0874ff 0%, var(--op-final-blue-strong) 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

body.op-product--client .op-client-concept-link__copy strong, body.op-product--order .op-client-concept-link__copy strong {
  font-weight: 500 !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}

body.op-product--master .op-shell-main {
  width: min(calc(100% - 36px), 780px) !important;
  padding-top: 16px !important;
  padding-bottom: 98px !important;
}

body.op-product--master :where(.op-master-order-card, .op-master-assigned-card, .op-master-profile-card, .op-master-surface-card) {
  border: 1px solid var(--op-final-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
}

body.op-product--master :where(.op-order-header__title, .op-master-card-title, .op-master-order-title) {
  font-weight: 540 !important;
}

body.op-product--master :where(.op-button--primary) {
  font-weight: 500 !important;
}

body.op-product--master .op-nav--master[data-product-nav="master"] {
  gap: 2px;
  border-color: var(--i-line) !important;
  right: 10px !important;
  bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  left: 10px !important;
  width: auto !important;
  max-width: 760px !important;
  min-height: 70px !important;
  height: 70px !important;
  margin-inline: auto !important;
  padding: 6px !important;
  overflow: hidden !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 21px !important;
  background: rgba(255, 255, 255, .975) !important;
  box-shadow: 0 12px 34px rgba(32, 49, 78, .12) !important;
  backdrop-filter: blur(18px) saturate(140%);
}

body.op-product--master .op-nav__item--master {
  gap: 4px;
  color: #5f687b !important;
  min-width: 0 !important;
  min-height: 56px !important;
  border-radius: 15px !important;
  font-size: 10px !important;
  font-weight: 470 !important;
}

body.op-product--master .op-nav__item--master.is-active {
  background: var(--op-final-blue-soft) !important;
  color: var(--op-final-blue) !important;
}

body.op-product--master .op-nav__item--master :is(svg, img) {
  width: 21px !important;
  height: 21px !important;
}

body.op-product--master .op-master-orders-toolbar, body.op-product--master .op-master-assigned-filters {
  max-width: 100% !important;
  gap: 8px !important;
}



body.op-product--finance .op-shell-main {
  width: min(calc(100% - 36px), 720px) !important;
}

body.op-product--finance :where(.op-payment-state__title, .op-finance-header-title, .op-client-protection-head h1) {
  font-weight: 560 !important;
}

body.op-product--finance :where(.op-payment-state__copy, .op-finance-text-muted) {
  color: var(--op-final-muted) !important;
  font-weight: 400 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-flow-close-primary, body.op-product--finance .op-product-screen--surface-flow-close-order .op-flow-close-primary:visited {
  min-height: 54px !important;
  border-color: var(--op-final-danger) !important;
  background: var(--op-final-danger) !important;
  color: #fff !important;
  font-weight: 500 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-flow-close-cancel, body.op-product--finance .op-product-screen--surface-flow-close-order .op-flow-close-cancel:visited {
  min-height: 50px !important;
  border-color: var(--op-final-line) !important;
  background: #fff !important;
  color: var(--op-final-ink) !important;
  font-weight: 500 !important;
}

body.op-product--staff .op-shell-main {
  width: min(calc(100% - 36px), 1040px) !important;
  max-width: 1040px !important;
}

body.op-product--staff :where(.op-staff-page-title, .op-product-page-head__title, h1) {
  font-weight: 560 !important;
}

body.op-product--staff :where(.op-button, button) {
  font-weight: 500 !important;
}

body.op-product--staff :where(.op-staff-stat-card, .op-staff-work-card, .op-staff-detail-card, .op-staff-list-card) {
  border: 1px solid var(--op-final-line) !important;
  border-radius: 18px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(32, 49, 78, .05) !important;
}

body.op-product--staff .op-nav--staff-mobile {
  right: 10px !important;
  bottom: max(8px, env(safe-area-inset-bottom, 0px)) !important;
  left: 10px !important;
  width: auto !important;
  max-width: 760px !important;
  margin-inline: auto !important;
  overflow: hidden !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .975) !important;
  box-shadow: 0 12px 34px rgba(32, 49, 78, .12) !important;
}

body.op-product .op-modal-overlay {
  background: rgba(12, 22, 39, .62) !important;
  backdrop-filter: blur(2px);
}

body.op-product .pwa-install-modal {
  width: 100% !important;
  max-width: 430px !important;
  height: 510px !important;
  min-height: 510px !important;
  max-height: 510px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 30px 30px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -18px 48px rgba(9, 22, 45, .16) !important;
}

body.op-product .op-modal:not(.pwa-install-modal) {
  border: 0 !important;
  border-radius: 28px 28px 0 0 !important;
  background: #fff !important;
  box-shadow: 0 -18px 48px rgba(9, 22, 45, .16) !important;
}

body.legal-app-shell {
  overflow-x: clip;
  background: var(--op-final-bg) !important;
  color: var(--op-final-text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.55;
}

body.legal-app-shell .legal-appbar, body.legal-app-shell .legal-doc-shell {
  width: min(calc(100% - 36px), 760px) !important;
  max-width: 760px !important;
  margin-inline: auto !important;
}

body.legal-app-shell .legal-appbar {
  padding: 24px 0 10px !important;
}

body.legal-app-shell .legal-page-header, body.legal-app-shell .legal-doc-surface {
  border: 1px solid var(--op-final-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
}

body.legal-app-shell .legal-page-header {
  padding: 20px !important;
}

body.legal-app-shell .legal-doc-shell {
  padding: 4px 0 42px !important;
}

body.legal-app-shell .legal-doc-surface {
  padding: 22px 20px 28px !important;
}

body.legal-app-shell :where(.legal-page-title, h1) {
  margin: 0;
  color: var(--op-final-ink) !important;
  font-size: 28px !important;
  font-weight: 560 !important;
  line-height: 1.08 !important;
  letter-spacing: -.024em !important;
}

body.legal-app-shell .legal-doc-surface h2 {
  margin: 24px 0 9px !important;
  color: var(--op-final-ink) !important;
  font-size: 19px !important;
  font-weight: 550 !important;
}

body.legal-app-shell .legal-doc-surface :where(p, li) {
  color: #37445a !important;
  font-weight: 400 !important;
}

body.legal-app-shell .legal-doc-surface :where(b, strong) {
  font-weight: 550 !important;
}

body.legal-app-shell .legal-doc-nav {
  gap: 7px !important;
}

body.legal-app-shell .legal-doc-nav a, body.legal-app-shell .legal-chip-row span {
  border: 1px solid var(--op-final-line) !important;
  border-radius: 999px !important;
  background: #f7faff !important;
  color: var(--op-final-blue) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.op-product :where( .op-order-meta__value, .op-order-header__subtitle, .op-field__hint, .op-product-metric__label, .op-product-metric__detail, .op-summary-card__row span, .op-client-protection-head p, .op-master-fault-proof-context, .op-staff-toolbar__copy p, .op-client-support-message-meta span, .op-chat-message__head time:not(.op-master-chat-msg-time) ) {
  color: var(--op-final-muted) !important;
}

body.op-product :where( .op-status--action, .op-surface-status-chip--blue, .op-product-status:not(.op-surface-status-chip--red):not(.op-surface-status-chip--green) ) {
  color: #0056c7 !important;
}

body.op-product .op-status--neutral {
  border-color: var(--op-final-line) !important;
  background: #f1f5fa !important;
  color: var(--op-final-muted) !important;
}

body.op-product :where( .op-client-orders-cancel-action, .op-surface-button-danger-outline, .op-surface-status-chip--red, .op-status--risk, .op-product-status--risk ) {
  color: var(--op-final-danger) !important;
}

body.op-product :where(.op-inline-form > .op-button--danger, .op-button--danger) {
  border-color: var(--op-final-danger) !important;
  background: var(--op-final-danger) !important;
  color: #fff !important;
}

@media  (min-width: 900px)  {
  body.op-product--staff .op-shell-main {
    margin-left: max(220px, calc((100vw - 1240px) / 2 + 200px)) !important;
    margin-right: auto !important;
  }

  body.op-product--staff .op-nav--side {
    width: 184px !important;
    border: 1px solid var(--op-final-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--op-final-shadow) !important;
  }
}

@media  (min-width: 900px) and (max-width: 1199px)  {
  body.op-product--staff .op-shell-main {
    width: calc(100% - 238px) !important;
    max-width: none !important;
    margin-left: 220px !important;
    margin-right: 18px !important;
  }

  body.op-product--staff .op-product-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

html body.op-product:not(.home-page) :is( h1, h2, h3, h4, h5, h6, .op-card__title, .op-modal__title, .op-order-header__title, .op-product-page-head__title, .op-surface-page-title, .op-surface-section-title, .op-finance-header-title, .op-finance-payment-success-title, .op-master-page-title, .op-master-payouts-feed-title, .op-staff-page-title, .op-result-state__body h1, .op-payment-state__copy h1 ) {
  font-weight: 500 !important;
  letter-spacing: -.018em !important;
}

html body.op-product:not(.home-page) :is( .op-button, button, input[type="submit"], .op-surface-button-primary, .op-surface-button-outline ) {
  font-weight: 500 !important;
}

html body.op-product.op-product--master .op-shell-main--master {
  padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-bottom: calc(96px + env(safe-area-inset-bottom, 0px)) !important;
}

html body.op-product.op-product--staff .op-nav--staff-mobile {
  right: auto !important;
  left: 50% !important;
  width: min(calc(100% - 20px), 760px) !important;
  max-width: 760px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

html body.op-product:is(.op-product--client, .op-product--order) .op-client-state-hero__actions {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 16px 16px !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
  background: #fff !important;
}

html body.op-product.op-product--public .op-public-brand-strip {
  min-height: 68px !important;
  padding: 14px 0 8px !important;
}

html body.op-product.op-product--public :is( .op-public-brand-logo, .op-public-login-brand-logo ) {
  width: 206px !important;
  max-width: 64vw !important;
  height: auto !important;
}

html body.op-product.op-product--public.op-product--surface-create-order select.op-public-select {
  padding-right: 38px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-photo-icon {
  display: block !important;
  width: 32px !important;
  height: 32px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-submit-note {
  margin: 7px 0 5px !important;
}

html body.op-product.op-product--public.op-product--surface-phone-verify .op-public-auth-tail, html body.op-product.op-product--public .op-public-phone-verify {
  min-height: 0 !important;
  align-items: start !important;
  padding-top: 8px !important;
}

html body.op-product.op-product--public .op-public-phone-verify-panel {
  padding: 16px 15px !important;
}

html body.op-product.op-product--public .op-public-phone-verify-empty {
  min-height: 0 !important;
  margin: 10px 0 0 !important;
  padding: 16px !important;
}

html body.op-product .op-result-state__signal {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: transparent !important;
  font-size: 0 !important;
}

html body.op-product .op-result-state__signal::before {
  display: block !important;
  color: currentColor !important;
  font-size: 25px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
}

html body.op-product .op-result-state--success .op-result-state__signal {
  color: #159447 !important;
}

html body.op-product .op-result-state--success .op-result-state__signal::before {
  content: "✓" !important;
}

html body.op-product .op-result-state--danger .op-result-state__signal, html body.op-product .op-result-state--warning .op-result-state__signal {
  color: #d33a3a !important;
}

html body.op-product .op-result-state--danger .op-result-state__signal::before, html body.op-product .op-result-state--warning .op-result-state__signal::before {
  content: "!" !important;
}

html body.op-product .op-result-state--info .op-result-state__signal {
  color: #0667ef !important;
}

html body.op-product .op-result-state--info .op-result-state__signal::before {
  content: "i" !important;
}

html body.op-product .op-result-state--neutral .op-result-state__signal {
  color: #64748b !important;
}

html body.op-product .op-result-state--neutral .op-result-state__signal::before {
  content: "•" !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel > summary.op-surface-section-title {
  position: relative !important;
  display: flex !important;
  min-height: 44px !important;
  align-items: center !important;
  padding-right: 34px !important;
  cursor: pointer;
  list-style: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel > summary.op-surface-section-title::-webkit-details-marker {
  display: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel > summary.op-surface-section-title::marker {
  content: "" !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel > summary.op-surface-section-title::before {
  display: none !important;
  content: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel > summary.op-surface-section-title::after {
  position: absolute !important;
  right: 4px !important;
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  content: "⌄" !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  transform-origin: center;
}

html body.op-product.op-product--client.op-product--surface-order-bids details.op-surface-panel[open] > summary.op-surface-section-title::after {
  transform: rotate(180deg) !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-choice-control:checked {
  border-color: #0667ef !important;
  background: #eaf2ff !important;
  box-shadow: inset 0 0 0 3px #fff !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-support-page-head__icon {
  display: inline-flex !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #eaf2ff !important;
  color: #0667ef !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-support-page-head__icon :is(svg, img) {
  display: block !important;
  width: 23px !important;
  height: 23px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-thread {
  padding-top: 13px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-message-list {
  min-height: 148px !important;
  max-height: 310px !important;
  padding: 10px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-message-meta {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-message-meta > span {
  min-width: 0 !important;
  font-size: 11.5px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-toolbar {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-toolbar .op-button {
  width: auto !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
  font-size: 12.5px !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-finance-payment-success-halo {
  display: inline-flex !important;
  width: 58px !important;
  height: 58px !important;
  align-items: center !important;
  justify-content: center !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__copy {
  margin: 0 !important;
  text-align: center !important;
}

@media  (max-width: 390px)  {
  .op-list-toolbar {
    grid-template-columns: minmax(0, 1fr) 100px;
    gap: 8px;
  }

  .op-list-toolbar--multi, .op-list-toolbar--with-submit {
    grid-template-columns: minmax(0, 1fr) 100px;
  }

  .op-list-toolbar__control {
    padding-inline: 11px;
  }

  .op-list-toolbar__input, .op-list-toolbar__select, .op-list-toolbar__filter-trigger, .op-list-toolbar__submit {
    font-size: 13.5px !important;
  }

  body.op-product .op-shell-header__logo {
    width: 157px;
  }

  body.op-product .op-shell-header__actions {
    gap: 6px;
  }

  body.op-product .op-shell-header__logout {
    padding-inline: 12px;
  }

  body.op-product--client .op-client-state-hero__preview, body.op-product--master .op-proof-order-card--master .op-appliance-preview {
    height: 252px;
  }

  body.op-product--client .op-client-state-hero__title {
    font-size: 25px;
  }

  body.op-product--client .op-client-state-hero__state-title {
    font-size: 20px;
  }

  body.op-product--master .op-master-requisites-head {
    display: grid;
    min-height: 0;
    padding: 20px;
    padding-top: 138px;
  }

  body.op-product--master .op-master-requisites-head::before {
    top: 20px;
    left: 50%;
    width: 98px;
    height: 98px;
    transform: translateX(-50%) rotate(-5deg);
  }

  body.op-product--master .op-master-requisites-head-copy {
    text-align: center;
  }

  body.op-product--master .op-master-requisites-head-copy h1 {
    font-size: 26px;
  }

  body.op-product--master .op-proof-chat-screen .op-chat-composer {
    grid-template-columns: minmax(0, 1fr) 52px;
  }

  body.op-product--master .op-proof-chat-screen .op-chat-composer__submit {
    width: 52px;
    min-width: 52px;
    overflow: hidden;
    padding: 0;
    color: transparent;
  }

  body.op-product--master .op-proof-chat-screen .op-chat-composer__submit::before {
    width: 22px;
    height: 22px;
    background: url("/assets/platform-icons-v2/action-message.png") center / contain no-repeat;
    content: "";
  }

  body.op-product :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-wallet, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head {
    min-height: 82px;
    padding: 17px 16px 17px 78px;
  }

  body.op-product :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-wallet, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head::before {
    left: 16px;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background-size: 26px 26px;
  }

  body.op-product--master .op-product-screen--surface-master-requisites > .op-product-family > .op-product-page-head, body.op-product--master .op-product-screen--surface-master-payout-requisites > .op-product-family > .op-product-page-head {
    min-height: 0;
    padding: 142px 20px 24px;
    text-align: center;
  }

  body.op-product--master .op-product-screen--surface-master-requisites > .op-product-family > .op-product-page-head::before, body.op-product--master .op-product-screen--surface-master-payout-requisites > .op-product-family > .op-product-page-head::before {
    top: 22px;
    left: 50%;
    width: 98px;
    height: 98px;
    background-size: 58px 58px, auto;
    transform: translateX(-50%) rotate(-5deg);
  }

  body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state {
    min-height: 530px;
    padding: 34px 20px 24px;
  }

  body.op-product--finance :is( .op-product-screen--surface-payment-success-diagnostics, .op-product-screen--surface-payment-success-repair ) .op-payment-state__head::before {
    width: 100px;
    height: 100px;
    background-size: 52px 52px, auto, auto;
  }

  html body.op-product.op-product--master .op-proof-chat-screen .op-chat-composer__submit {
    display: inline-flex !important;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0 !important;
    color: transparent !important;
    font-size: 0 !important;
  }

  html body.op-product.op-product--master .op-proof-chat-screen .op-chat-composer__submit::before {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    background: url("/assets/platform-icons-v2/action-message.png") center / contain no-repeat !important;
    content: "" !important;
  }
}

html body.op-product:not(.home-page) :is(h1, h2, h3, h4, h5, h6) {
  font-weight: 550 !important;
}

html body.op-product:not(.home-page) :is(strong, b) {
  font-weight: 540 !important;
}

html body.op-product:not(.home-page) :is(.op-button, button[role="button"], a[role="button"]) {
  font-weight: 500 !important;
}

body.op-product:not(.home-page) :where( input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="file"]):not(.op-list-toolbar__input):not(.op-lookup-toolbar__input), select:not(.op-list-toolbar__select), .op-control ) {
  min-height: 46px !important;
  font-size: 15px !important;
}

body.op-product:not(.home-page) :where(textarea:not(.op-master-chat-input), .op-control--textarea:not(.op-master-chat-input)) {
  min-height: 88px !important;
  padding: 11px 12px !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
}

body.op-product:not(.home-page) :where(.op-button, button[role="button"], a[role="button"]) {
  min-height: 46px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
}

body.op-product--public .op-public-brand-strip {
  width: min(calc(100% - 36px), 390px) !important;
  margin-inline: auto !important;
  padding: 20px 0 12px !important;
}

body.op-product--public :is(.op-public-brand-logo, .op-public-login-brand-logo) {
  height: auto !important;
  width: 176px !important;
  max-width: 58vw !important;
}

html body.op-product.op-product--public :is( .op-public-login, .op-public-register, .op-public-master, .op-public-auth-tail, .op-public-create ) {
  width: min(100%, 390px) !important;
  padding: 0 3px 28px !important;
}

html body.op-product.op-product--public :is( .op-public-login-card, .op-public-register-panel, .op-public-master-card, .op-public-auth-tail-panel, .op-public-email-verify-panel, .op-public-create-card ) {
  width: 100% !important;
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  border-radius: 21px !important;
  box-shadow: 0 8px 24px rgba(32, 49, 78, .05) !important;
}

html body.op-product.op-product--public :is( .op-public-register-panel, .op-public-master-card, .op-public-auth-tail-panel, .op-public-email-verify-panel ) {
  padding: 17px 15px !important;
}

html body.op-product.op-product--public .op-public-login-card {
  padding: 16px 15px 15px !important;
}

html body.op-product.op-product--public :is( .op-public-create-title, .op-public-master-title, .op-public-auth-tail-title, .op-public-login-title, .op-auth-state__copy h1, .op-verification-state__copy h1 ) {
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
  letter-spacing: -.022em !important;
}

html body.op-product.op-product--public :is(.op-auth-state, .op-verification-state) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public :is(.op-auth-state__head, .op-verification-state__head) {
  margin: 0 !important;
}

html body.op-product.op-product--public :is(.op-auth-state__copy, .op-verification-state__copy) {
  display: grid !important;
  gap: 4px !important;
}

html body.op-product.op-product--public :is(.op-auth-state__copy p, .op-verification-state__copy p) {
  margin: 0 !important;
  color: var(--op-final-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html body.op-product.op-product--public :is( .op-public-login-phone-form, .op-public-login-password-form, .op-public-auth-tail-form, .op-public-master-form, .op-public-register-fields, .op-public-master-section ) {
  gap: 10px !important;
}

html body.op-product.op-product--public :is( .op-public-login-phone-form, .op-public-login-password-form, .op-public-auth-tail-form, .op-public-master-form, .op-proof-form ) > .op-form-actions {
  margin-top: 14px !important;
}

html body.op-product.op-product--public :is(.op-public-register-fields, .op-public-master-section) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public :is( .op-public-login-field, .op-public-register-field, .op-public-master-field, .op-public-auth-tail-field ) {
  gap: 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public :is( .op-public-login-field, .op-public-register-field, .op-public-master-field, .op-public-auth-tail-field ) > .op-control--with-icon {
  position: relative !important;
  display: block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public :is( .op-public-login-field, .op-public-register-field, .op-public-master-field, .op-public-auth-tail-field ) > .op-control--with-icon > :is(.op-public-icon, svg, img):first-child {
  position: absolute !important;
  z-index: 2;
  top: 50% !important;
  left: 14px !important;
  width: 17px !important;
  height: 17px !important;
  transform: translateY(-50%) !important;
  pointer-events: none;
}

html body.op-product.op-product--public :is( .op-public-login-field, .op-public-register-field, .op-public-master-field, .op-public-auth-tail-field ) > .op-control--with-icon > input.op-control {
  min-height: 46px !important;
  padding: 10px 12px 10px 42px !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 13px !important;
  background: #fff !important;
}

body.op-product--public .op-control--password > input.op-control {
  padding-right: 48px !important;
}

body.op-product--public :is(.op-field__label, .op-public-create-field .op-field__label) {
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--public :is( .op-public-login-submit, .op-public-login-enter, .op-public-auth-tail-submit, .op-public-master-submit, .op-public-create-submit ) {
  min-height: 48px !important;
  height: 48px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--public :is(.op-public-register-consent, .op-public-master-consent, .op-public-create-consent) {
  gap: 9px !important;
  margin: 0 !important;
  padding: 7px 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #445168 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
}

body.op-product--public :is( .op-public-register-consent-copy, .op-public-master-consent-copy, .op-public-create-consent-copy, .op-public-register-legal-links, .op-public-master-legal-links ) {
  font-weight: 400 !important;
}

html body.op-product.op-product--public :is( .op-public-register-consent-copy, .op-public-master-consent-copy, .op-public-create-consent-copy, .op-public-register-legal-links, .op-public-master-legal-links ) a {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

body.op-product--public :is(.op-public-auth-tail-head, .op-public-login-brand-head) {
  margin-bottom: 14px !important;
}

body.op-product--public .op-public-login-segment-links {
  gap: 3px !important;
  padding: 3px !important;
}

body.op-product--public .op-public-login-segment-link {
  min-height: 34px !important;
  font-size: 12px !important;
}

body.op-product--public .op-public-divider {
  margin: 1px 0 !important;
}

body.op-product--public .op-public-login-legal {
  margin-top: 12px !important;
}

body.op-product--surface-register .op-public-auth-tail, body.op-product--surface-register-master .op-public-master {
  min-height: 0 !important;
  align-items: flex-start !important;
  padding-top: 10px !important;
}

html body.op-product.op-product--public.op-product--surface-register-master .op-public-master-form {
  gap: 9px !important;
}

html body.op-product.op-product--public.op-product--surface-register-master .op-public-master-legal-links {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

body.op-product--surface-register .op-product-screen--public, body.op-product--surface-register-master .op-product-screen--public {
  align-content: start !important;
}

body.op-product--surface-register-master .op-product-screen--public {
  padding-top: 0 !important;
}

body.op-product--public .op-public-create-card {
  padding: 15px 14px 16px !important;
}

body.op-product--public .op-public-create-head {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) 32px !important;
  gap: 8px !important;
  margin: 0 0 7px !important;
}

body.op-product--public .op-public-create-back {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--op-final-blue) !important;
  text-decoration: none !important;
}

body.op-product--public .op-public-create-back-icon {
  display: block !important;
  width: auto !important;
  height: auto !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.op-product--public .op-public-create-back > img.op-public-create-back-icon {
  display: none !important;
}

body.op-product--public .op-public-create-back:has(> img.op-public-create-back-icon)::before {
  display: block !important;
  content: "←" !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.op-product--public .op-public-create-heading-copy {
  display: grid !important;
  gap: 3px !important;
}

body.op-product--public .op-public-create-title {
  font-size: 23px !important;
  line-height: 1.1 !important;
}

body.op-product--public .op-public-create-subtitle {
  max-width: none !important;
  margin: 0 !important;
  color: var(--op-final-muted) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.34 !important;
}

body.op-product--public .op-public-create-fields {
  gap: 0 !important;
  margin-top: 0 !important;
}

body.op-product--public .op-public-create-section {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 8px !important;
  padding: 12px 0 !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
}

body.op-product--public .op-public-create-section:first-child {
  padding-top: 8px !important;
  border-top: 0 !important;
}

body.op-product--public .op-public-create-section .op-form-section__head {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.op-product--public .op-public-create-section .op-form-section__head h2 {
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

body.op-product--public .op-public-create-section .op-form-section__head p {
  display: none !important;
}

body.op-product--public .op-public-create-section .op-form-section__content {
  display: grid !important;
  gap: 9px !important;
}

body.op-product--public .op-public-create-field {
  gap: 4px !important;
  margin: 0 !important;
}

body.op-product--public .op-public-create-field :is( input.op-control, select, .op-public-select, .op-public-select-wrap ) {
  min-height: 44px !important;
}

body.op-product--public .op-public-create-field :is(input.op-control, select, .op-public-select) {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  border-radius: 12px !important;
}

body.op-product--public .op-public-create-field textarea.op-control {
  min-height: 82px !important;
  resize: vertical;
}

body.op-product--public .op-public-create-upload {
  border: 1px dashed #b9cae0 !important;
  min-height: 94px !important;
  padding: 12px !important;
  gap: 3px !important;
  border-radius: 14px !important;
  background: #fbfdff !important;
}

body.op-product--public .op-public-create-photo-icon {
  width: 24px !important;
  height: 24px !important;
}

body.op-product--public .op-public-create-upload-title {
  font-size: 14px !important;
  font-weight: 520 !important;
}

body.op-product--public .op-public-create-upload-note, body.op-product--public .op-public-create-submit-note {
  font-size: 11.5px !important;
  font-weight: 400 !important;
}

body.op-product--public .op-public-create-submit-note {
  margin: 10px 0 7px !important;
  text-align: center !important;
}

body.op-product--public .op-public-create-actions {
  margin: 0 !important;
}

body.op-product--public .op-public-create-submit {
  position: static !important;
  bottom: auto !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-subtitle {
  margin-top: 2px !important;
  margin: 3px 0 0 !important;
  font-size: 12.5px !important;
  line-height: 1.34 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-fields {
  gap: 0 !important;
  margin-top: 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-section:first-child {
  padding-top: 8px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head {
  padding-left: 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__head h2 {
  font-size: 16px !important;
  font-weight: 500 !important;
  text-align: center !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-field {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: 4px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-field .op-field__label {
  line-height: 1.25 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order :is( .op-control, .op-public-select, .op-public-textarea ) {
  min-height: 44px !important;
  padding: 9px 12px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-textarea {
  min-height: 82px !important;
}

body.op-product--client .op-client-orders-toolbar {
  margin: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 104px !important;
  gap: 10px !important;
  width: 100% !important;
  padding: 0 !important;
  min-height: 42px !important;
  height: 42px !important;
}

body.op-product--client :is(.op-client-orders-search, .op-client-orders-filter-button) {
  box-sizing: border-box !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
}


body.op-product--client .op-client-orders-list {
  display: grid !important;
  width: 100% !important;
  gap: 12px !important;
}

body.op-product--client .op-client-order-tile, body.op-product--client .op-client-orders-list-card {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  overflow: hidden !important;
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
  min-height: 220px !important;
  border-radius: 19px !important;
}

body.op-product--client .op-client-order-tile > .op-order-card__body, body.op-product--client .op-client-order-tile__main {
  align-items: stretch !important;
  padding-bottom: 66px !important;
  box-sizing: border-box !important;
  display: grid !important;
  width: 100% !important;
  height: auto !important;
  min-height: 220px !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  gap: 14px !important;
  padding: 12px !important;
}

body.op-product--client .op-client-order-tile .op-order-card__media, body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
  width: 120px !important;
  min-width: 120px !important;
  height: 196px !important;
}

body.op-product--client .op-client-order-tile .op-order-card__main {
  padding: 0 !important;
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  padding-bottom: 44px !important;
}

body.op-product--client .op-client-order-tile .op-order-header__subtitle {
  display: inline-flex !important;
  align-items: center !important;
  order: -1 !important;
  align-self: flex-start !important;
  margin: 0 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--op-final-blue-soft) !important;
  color: var(--op-final-blue) !important;
  font-weight: 500 !important;
  white-space: nowrap;
  min-height: 24px !important;
  margin-bottom: 8px !important;
  padding: 0 9px !important;
  font-size: 12px !important;
  line-height: 24px !important;
}

body.op-product--client .op-client-order-tile .op-order-header__title {
  margin: 0 !important;
  overflow: hidden;
  color: var(--op-final-ink) !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
  text-overflow: ellipsis;
  font-size: 17px !important;
  font-weight: 500 !important;
}

body.op-product--client .op-client-order-tile .op-order-header__meta {
  padding-top: 0;
  padding: 0 !important;
  margin-top: 8px !important;
}

body.op-product--client .op-client-order-tile .op-order-meta {
  display: grid !important;
  gap: 4px !important;
}

body.op-product--client .op-client-order-tile .op-order-meta__value {
  display: block;
  overflow: hidden;
  color: var(--op-final-muted) !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px !important;
}

body.op-product--client .op-client-order-tile > .op-order-card__actions {
  position: absolute !important;
  z-index: 2;
  width: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 168px !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  justify-items: stretch !important;
  align-items: stretch !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions > .op-order-action-bar__primary {
  grid-column: 1 !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions > .op-order-action-bar__secondary {
  grid-column: 1 !important;
}

html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions > :only-child {
  grid-column: 1 / -1 !important;
}

body.op-product--client .op-client-order-tile__actions .op-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 9px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

body.op-product--client .op-client-orders-cancel-action {
  border-color: #ec7181 !important;
  color: var(--op-final-danger) !important;
  font-size: 12.5px !important;
  font-weight: 480 !important;
}

body.op-product--client .op-client-order-tile__actions .op-button--secondary:not(.op-client-orders-cancel-action) {
  border-color: var(--op-final-blue) !important;
  background: #fff !important;
  color: var(--op-final-blue) !important;
}

body.op-product--client .op-client-order-tile:has(> .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details)):has(> .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details)) {
  min-height: 264px !important;
}

body.op-product--client .op-client-order-tile:has(> .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details)):has(> .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details)) > .op-order-card__body {
  padding: 13px !important;
  min-height: 264px !important;
}

body.op-product--client .op-client-order-tile:has(> .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details)):has(> .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details)) .op-order-card__main {
  padding-bottom: 88px !important;
}

body.op-product--client .op-client-order-tile:has(> .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details)):has(> .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details)) :is(.op-client-orders-media, .op-appliance-preview) {
  height: 240px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs {
  gap: 12px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-orders-page-head {
  display: block !important;
  padding: 0 1px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile, html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-orders-list-card {
  min-height: 174px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-card__media, html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
  width: 88px !important;
  min-width: 88px !important;
  height: 96px !important;
  border-radius: 13px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-header__subtitle {
  min-height: 22px !important;
  margin-bottom: 5px !important;
  font-size: 11.5px !important;
  line-height: 22px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-header__title {
  font-size: 17px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-header__meta {
  margin-top: 5px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-meta__item:nth-child(n + 4) {
  display: none !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-meta {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 3px 8px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-meta__item:nth-child(3) {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-meta__item:nth-child(1), html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-meta__item:nth-child(2) {
  grid-row: 2 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions .op-button {
  min-height: 36px !important;
  height: 36px !important;
  border-radius: 10px !important;
  font-size: 13px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has( > .op-order-action-bar__primary ):has( > .op-order-action-bar__secondary ) {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has( > .op-order-action-bar__primary ):has( > .op-order-action-bar__secondary ) .op-button {
  min-height: 48px !important;
  height: auto !important;
  padding: 5px 8px !important;
  font-size: 11.5px !important;
  line-height: 1.16 !important;
  white-space: normal !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has( > .op-order-action-bar__primary ):has( > .op-order-action-bar__secondary ) > .op-order-action-bar__primary {
  grid-column: 2 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has( > .op-order-action-bar__primary ):has( > .op-order-action-bar__secondary ) > .op-order-action-bar__secondary {
  grid-column: 1 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile:has( > .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details) ):has( > .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details) ) {
  min-height: 174px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile:has( > .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details) ):has( > .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details) ) > .op-order-card__body {
  min-height: 118px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile:has( > .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details) ):has( > .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details) ) .op-order-card__main {
  padding-bottom: 0 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile:has( > .op-order-card__actions .op-order-action-bar__primary :is(a, button, form, details) ):has( > .op-order-card__actions .op-order-action-bar__secondary :is(a, button, form, details) ) :is(.op-order-card__media, .op-client-orders-media, .op-appliance-preview) {
  height: 96px !important;
}

html body.op-product.op-product--client .op-client-order-tile__actions .op-button--secondary:not(.op-client-orders-cancel-action) {
  border-color: var(--op-final-blue) !important;
  background: #fff !important;
  color: var(--op-final-blue) !important;
}

html body.op-product.op-product--client .op-client-orders-list-card--dispute .op-client-order-tile__actions .op-button--secondary {
  border-color: var(--op-final-danger) !important;
  color: var(--op-final-danger) !important;
}

body.op-product--client .op-client-state-hero__media .op-appliance-preview, body.op-product--order .op-client-state-hero__media .op-appliance-preview {
  min-height: 218px !important;
  height: 218px !important;
}

body.op-product--client .op-client-state-hero__actions, body.op-product--order .op-client-state-hero__actions {
  border-top: 1px solid var(--op-final-line-soft) !important;
  background: #fff !important;
  padding: 12px 18px 16px !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-state-hero .op-client-state-hero__actions :is( .op-button--primary, .op-client-message-primary, [data-proof-action="написать-мастеру"] ), html body.op-product.op-product--order .op-product-screen .op-client-state-hero .op-client-state-hero__actions :is( .op-button--primary, .op-client-message-primary, [data-proof-action="написать-мастеру"] ) {
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 14px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.op-product--client :is( .op-client-state-hero__actions .op-client-orders-cancel-action, .op-client-state-hero__actions [data-client-cancel-order], .op-client-state-hero__actions form[action="/order/cancel"] .op-button ), body.op-product--order :is( .op-client-state-hero__actions .op-client-orders-cancel-action, .op-client-state-hero__actions [data-client-cancel-order], .op-client-state-hero__actions form[action="/order/cancel"] .op-button ) {
  width: 100% !important;
  border: 1px solid var(--op-final-danger) !important;
  background: #fff !important;
  color: var(--op-final-danger) !important;
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  font-size: 13px !important;
  font-weight: 480 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state {
  border: 1px solid #e1e7f0 !important;
  background: #fff !important;
  box-shadow: 0 10px 28px rgba(32,49,78,.055) !important;
  padding: 18px 16px 16px !important;
  border-radius: 21px !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__head {
  gap: 14px !important;
  align-items: start !important;
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__head::before {
  background-image: url("/assets/platform-icons-v2/action-close.png");
  width: 54px !important;
  height: 54px !important;
  border-radius: 17px !important;
  background-color: #fff0f2 !important;
  background-size: 26px 26px !important;
  display: none !important;
  content: none !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order :is( .op-payment-state__title, .op-payment-state__copy h1 ) {
  font-size: 24px !important;
  line-height: 1.12 !important;
  font-weight: 500 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__copy p {
  margin-top: 7px !important;
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order .op-payment-state__actions {
  border-top: 1px solid #e5eaf1 !important;
  margin-top: 14px !important;
  padding-top: 13px !important;
}

body.op-product--finance .op-product-screen--surface-flow-close-order :is(.op-flow-close-primary, .op-flow-close-cancel) {
  min-height: 46px !important;
  height: 46px !important;
  border-radius: 13px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

body.op-product :is(.op-modal__close, .modal-close) {
  width: 31px !important;
  min-width: 33px !important;
  height: 33px !important;
  padding: 0 !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--op-final-ink) !important;
  box-shadow: none !important;
  font-size: 21px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

body.op-product .pwa-install-modal :is(.op-modal__title, .modal-title) {
  color: var(--op-final-ink) !important;
  font-size: 22px !important;
  line-height: 1.12 !important;
  font-weight: 550 !important;
}

body.op-product .pwa-install-modal :is(.op-modal__close, .modal-close) {
  color: var(--op-final-ink) !important;
  font-weight: 400 !important;
  width: 31px !important;
  min-width: 33px !important;
  height: 33px !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
}

body.op-product .pwa-install-step {
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  font-weight: 440 !important;
  min-height: 40px !important;
  padding-block: 7px !important;
}

body.op-product .pwa-install-footer .op-button {
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  min-height: 46px !important;
  height: 46px !important;
}

body.op-product .op-modal:not(.pwa-install-modal) :is(.op-modal__title, .modal-title) {
  font-size: 21px !important;
  line-height: 1.15 !important;
  font-weight: 550 !important;
}

body.op-product .op-modal:not(.pwa-install-modal) .op-modal__footer :is(.op-button, button) {
  min-height: 46px !important;
  height: 46px !important;
  font-weight: 500 !important;
}

body.op-product--master .op-master-repair-accordion {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
}

body.op-product--master .op-master-repair-accordion + .op-master-repair-accordion {
  margin-top: 12px !important;
}

body.op-product--master .op-master-repair-accordion__summary {
  display: grid !important;
  grid-template-columns: 88px minmax(0, 1fr) !important;
  gap: 10px 12px !important;
  min-height: 174px !important;
  padding: 12px !important;
  list-style: none !important;
  cursor: pointer;
}

body.op-product--master .op-master-repair-accordion__summary::-webkit-details-marker {
  display: none !important;
}

body.op-product--master .op-master-repair-accordion__media {
  display: block !important;
  width: 88px !important;
  height: 104px !important;
  overflow: hidden !important;
  border-radius: 13px !important;
  background: #f3f6fa url("/assets/platform-icons-v2/appliance-generic.png") center / 48px 48px no-repeat !important;
}

body.op-product--master .op-master-repair-accordion__media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center !important;
}

body.op-product--master .op-master-repair-accordion__copy {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

body.op-product--master .op-master-repair-accordion__copy .op-surface-status-chip {
  min-height: 24px !important;
  margin: 0 0 7px !important;
  padding: 3px 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

body.op-product--master .op-master-repair-accordion__title {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--op-final-ink) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
}

body.op-product--master .op-master-repair-accordion__brand {
  display: block !important;
  margin-top: 3px !important;
  color: var(--op-final-muted) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}

body.op-product--master .op-master-repair-accordion__meta {
  display: grid !important;
  gap: 3px !important;
  margin-top: 7px !important;
  color: var(--op-final-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.24 !important;
}

body.op-product--master .op-master-repair-accordion__action {
  grid-column: 1 / -1 !important;
  display: flex !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 12px !important;
  border: 1px solid var(--op-final-blue) !important;
  border-radius: 11px !important;
  background: #fff !important;
  color: var(--op-final-blue) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
}

body.op-product--master .op-master-repair-accordion__action-close {
  display: none !important;
}

body.op-product--master .op-master-repair-accordion[open] .op-master-repair-accordion__action-open {
  display: none !important;
}

body.op-product--master .op-master-repair-accordion[open] .op-master-repair-accordion__action-close {
  display: inline !important;
}

body.op-product--master .op-master-repair-accordion[open] .op-master-repair-accordion__action > :last-child {
  transform: rotate(90deg);
}

body.op-product--master .op-master-repair-accordion > .op-repair-workspace__content {
  display: grid !important;
  gap: 0 !important;
  padding: 0 14px 16px !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
  background: #fff !important;
}

body.op-product--master .op-master-repair-accordion > .op-repair-workspace__content > :is( .op-master-repair-primary-action, .op-master-repair-facts, .op-master-repair-utility-actions, .op-master-contact-details, .op-master-repair-current-stage, .op-master-customer-contact, .op-master-appliance-stage, .op-surface-fault-decode, .op-master-repair-summary-grid, .op-surface-panel, .op-surface-support-tile, .op-master-assigned-decline-form ) {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

body.op-product:not(.home-page):is( .op-product--client, .op-product--order, .op-product--master ) .op-shell-header__logo {
  width: clamp(184px, 50vw, 200px) !important;
  max-width: 100% !important;
}

html body.op-product.op-product--master .op-nav--master[data-product-nav="master"] {
  right: auto !important;
  left: 50% !important;
  width: min(calc(100% - 20px), 620px) !important;
  max-width: 620px !important;
  margin: 0 !important;
  transform: translateX(-50%) !important;
}

html body.op-product:not(.home-page) :is(h1, h2, h3, h4, h5, h6), html body.op-product:not(.home-page) :is( .op-product-page-head__title, .op-surface-page-title, .op-surface-section-title, .op-finance-header-title, .op-master-page-title, .op-master-payouts-feed-title, .op-order-header__title, .op-master-order-title, .op-master-card-title ) {
  font-weight: 500 !important;
}

html body.op-product:not(.home-page) :is(strong, b), html body.op-product:not(.home-page) :is( .op-master-order-label, .op-master-identity__name, .op-client-state-hero__state-title ) {
  font-weight: 500 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-master-orders-screen {
  gap: 12px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-master-orders-context-row {
  margin-bottom: 12px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-master-orders-list {
  display: grid !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__media {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 112px !important;
  min-height: 112px !important;
  margin: 0 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media {
  width: 96px !important;
  min-width: 96px !important;
  height: 112px !important;
  min-height: 112px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #f3f6fa !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media[data-order-image-source="appliance-fallback"] img {
  padding: 7px !important;
  object-fit: contain !important;
  background: #f7f9fc !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__main {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__subtitle {
  margin-bottom: 8px !important;
  order: -1 !important;
  display: inline-flex !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 23px !important;
  align-items: center !important;
  margin: 0 0 7px !important;
  padding: 3px 9px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: var(--op-final-blue-soft) !important;
  color: var(--op-final-blue) !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__meta {
  margin-top: 8px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta {
  display: grid !important;
  gap: 4px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta__item {
  display: flex !important;
  min-height: 16px !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 0 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta__icon {
  width: 14px !important;
  min-width: 14px !important;
  height: 14px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage + .op-master-order-detail-stage {
  border-top: 1px solid var(--op-final-line-soft) !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage .op-repair-stage__head {
  display: block !important;
  min-width: 0 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage .op-repair-stage__head h3 {
  margin: 1px 0 0 !important;
  color: var(--op-final-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  letter-spacing: 0 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage .op-repair-stage__head p {
  display: none !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage .op-repair-stage__content {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-code-row {
  display: flex !important;
  min-width: 0 !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 3px 8px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-code {
  color: var(--op-final-ink) !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-fault-title {
  color: var(--op-final-text) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-fault-copy {
  flex-basis: 100% !important;
  color: var(--op-final-muted) !important;
  font-size: 11.5px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-fault-copy:not(.op-master-order-fault-copy--hint) {
  display: none !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-fault-scope {
  display: none !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage:not(.op-master-order-detail-stage--fault) .op-master-order-label {
  color: var(--op-final-text) !important;
  font-size: 13.5px !important;
  font-weight: 400 !important;
  line-height: 1.32 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__actions .op-surface-button-primary {
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-master-orders-search :is(.op-master-field-search, .op-master-field-select) {
  min-height: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices.op-surface-card {
  gap: 10px !important;
  padding: 13px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-surface-section-title {
  margin: 0 !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  line-height: 1.16 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-orders-page-header .op-order-header__title {
  margin: 0 !important;
  text-align: center !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  font-size: 24px !important;
  line-height: 1.1 !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card {
  gap: 14px !important;
  padding: 16px !important;
  border-radius: 18px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-identity__detail, html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__summary p {
  color: var(--op-final-muted) !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__actions,
html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__actions > *,
html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__actions :is(form, button, a) {
  width: 100% !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__actions {
  display: grid !important;
  justify-content: stretch !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__actions :is(button, a) {
  min-height: 48px !important;
  border-radius: 13px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-offer-card__summary {
  padding-top: 9px !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-choice-control {
  appearance: none !important;
  border: 1px solid #cbd7e7 !important;
  background: #fff !important;
  color: #1f2937 !important;
  min-height: 42px !important;
  height: 42px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-choice-submit {
  position: static !important;
  margin-top: 0 !important;
  padding: 7px !important;
  border-radius: 13px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids #master-choices .op-master-choice-submit .op-surface-button-primary {
  min-height: 44px !important;
  height: 44px !important;
  border-radius: 11px !important;
  font-size: 14.5px !important;
  font-weight: 500 !important;
}

html body.op-product:not(.home-page) .op-shell-header__logo {
  object-fit: contain !important;
  width: clamp(220px, 24vw, 252px) !important;
  max-width: min(252px, 48vw) !important;
  height: auto !important;
}

html body.op-product:not(.home-page) .op-shell-header__logout[data-ui-no-icon]::before, html body.op-product:not(.home-page) .op-shell-header__logout[data-ui-no-icon]::after {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  content: none !important;
}

html body.op-product:not(.home-page) .op-shell-header__logout[data-ui-no-icon] :is(svg, img, .op-ui-decor-icon) {
  display: none !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs :is(.op-client-order-tile, .op-client-orders-list-card) {
  display: grid !important;
  grid-template-rows: auto auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile > .op-order-card__body {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-height: 128px !important;
  height: auto !important;
  padding: 12px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile :is( .op-order-card__media, .op-client-orders-media, .op-appliance-preview ) {
  border-radius: 13px !important;
  width: 96px !important;
  min-width: 96px !important;
  height: 104px !important;
  min-height: 104px !important;
  margin: 0 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile .op-order-card__main {
  padding-bottom: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile > .op-order-card__actions {
  position: static !important;
  inset: auto !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 12px 12px !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
  background: #fff !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions {
  position: static !important;
  inset: auto !important;
  display: grid !important;
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has(> .op-order-action-bar__primary):has(> .op-order-action-bar__secondary) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has(.op-client-orders-secondary-link) {
  grid-template-columns: minmax(0, 1fr) !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions > :is( .op-order-action-bar__primary, .op-order-action-bar__secondary ) {
  grid-column: auto !important;
  min-width: 0 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions :is( .op-client-orders-open-row, .op-client-orders-cancel-form, .op-client-orders-rating-compact ) {
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions :is( .op-button, .op-client-orders-secondary-link ) {
  width: 100% !important;
  min-height: 42px !important;
  height: auto !important;
  padding: 8px 10px !important;
  border-radius: 11px !important;
  font-size: 13.5px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

html body.op-product.op-product--public .op-product-screen--surface-create-order {
  padding-top: 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-product-family--public,
html body.op-product.op-product--public.public-screen-create-order .op-product-family--public {
  padding-top: 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create {
  width: min(100%, 390px) !important;
  padding: 0 3px 28px !important;
  padding-top: 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-card {
  padding: 13px 13px 14px !important;
  border-radius: 20px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-head {
  align-items: start !important;
  gap: 8px !important;
  margin: 0 0 7px !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  margin-bottom: 5px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-back {
  padding: 0 !important;
  border-radius: 10px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-back-icon {
  line-height: 1 !important;
  display: inline-flex !important;
  width: 24px !important;
  height: 24px !important;
  align-items: center !important;
  justify-content: center !important;
  color: #182033 !important;
  font-size: 25px !important;
  font-weight: 350 !important;
  transform: translateY(-1px) !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-title {
  margin: 0 !important;
  line-height: 1.1 !important;
  font-weight: 500 !important;
  letter-spacing: -.022em !important;
  font-size: 22px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-section {
  gap: 7px !important;
  padding: 9px 0 !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-section .op-form-section__content {
  gap: 7px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-select-wrap {
  min-height: 42px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.op-product.op-product--public.op-product--surface-create-order :is( input.op-control, select.op-public-select ) {
  padding: 8px 12px !important;
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  box-shadow: none !important;
  min-height: 42px !important;
  height: 42px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order textarea.op-public-textarea {
  border: 1px solid var(--op-final-line) !important;
  background: #fff !important;
  box-shadow: none !important;
  line-height: 1.35 !important;
  min-height: 72px !important;
  height: 72px !important;
  padding: 9px 12px !important;
  border-radius: 11px !important;
  font-size: 14px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-upload {
  gap: 2px !important;
  border-radius: 14px !important;
  min-height: 80px !important;
  padding: 9px !important;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-submit {
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  min-height: 46px !important;
  height: 46px !important;
}

html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] {
  position: relative !important;
  display: block !important;
  min-height: 292px !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid var(--op-final-line) !important;
  border-radius: 19px !important;
  background: #fff !important;
  box-shadow: var(--op-final-shadow) !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__body {
  display: grid !important;
  grid-template-columns: 120px minmax(0,1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  min-height: 292px !important;
  padding: 12px 12px 58px !important;
  box-sizing: border-box !important;
  align-items: stretch !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] :is(.op-order-card__media,.op-master-order-media,.op-appliance-preview) {
  width: 120px !important;
  min-width: 120px !important;
  height: 268px !important;
  min-height: 268px !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 15px !important;
  background: #f4f7fb !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media img,
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-appliance-preview__image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media[data-order-image-source="client-photo"] img {
  object-fit: cover !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media[data-order-image-source="appliance-fallback"] {
  background: #fff !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media[data-order-image-source="appliance-fallback"] img {
  object-fit: contain !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__main {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  padding: 0 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header {
  display: block !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__subtitle {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  align-self: flex-start !important;
  width: fit-content !important;
  margin: 0 0 8px !important;
  padding: 0 9px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--op-final-blue-soft) !important;
  color: var(--op-final-blue) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 24px !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__title {
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--op-final-ink) !important;
  font-size: 17px !important;
  font-weight: 500 !important;
  line-height: 1.18 !important;
  letter-spacing: -.018em !important;
  text-overflow: ellipsis !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__meta {
  margin-top: 8px !important;
  padding: 0 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta {
  display: grid !important;
  gap: 4px !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta__item,
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-meta__value {
  overflow: hidden !important;
  color: var(--op-final-muted) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__content {
  display: block !important;
  min-width: 0 !important;
  margin: 10px 0 0 !important;
  padding: 9px 0 0 !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-problem {
  display: -webkit-box !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: var(--op-final-ink) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 3 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-feed-facts {
  margin-top: 7px !important;
  padding-top: 7px !important;
  border-top: 1px solid var(--op-final-line-soft) !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__actions {
  position: absolute !important;
  right: 12px !important;
  bottom: 12px !important;
  left: 146px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-respond-form,
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-form-actions {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-respond-form .op-surface-button-primary,
html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__actions .op-button {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  padding: 0 9px !important;
  border-radius: 11px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}
html body.op-product.op-product--master.op-product--surface-master-orders .op-master-order-sent {
  margin-top: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid #dce6f3 !important;
  border-radius: 10px !important;
  background: #f7faff !important;
  box-shadow: none !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 74px !important;
  padding: 11px 12px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__icon {
  display: inline-flex !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: #eaf2ff !important;
  color: #0667ef !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__icon :is(svg, img) {
  display: block !important;
  width: 24px !important;
  height: 24px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__body {
  display: grid !important;
  min-width: 0 !important;
  gap: 2px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__body strong {
  font-size: 15px !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__body > span {
  margin: 0 !important;
  font-size: 11.5px !important;
}

html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__action .op-button {
  width: auto !important;
  min-width: 82px !important;
  min-height: 40px !important;
  height: 40px !important;
  padding-inline: 12px !important;
  font-size: 13px !important;
}

html body.op-product.op-product--finance .op-product-screen--surface-payment-success {
  display: block !important;
  min-height: 0 !important;
  align-items: start !important;
}

html body.op-product.op-product--finance .op-finance-payment-screen--success {
  display: block !important;
  min-height: 0 !important;
  padding-top: 22px !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-finance-payment-success-card {
  display: block !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-height: 0 !important;
  padding: 22px 18px 18px !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-finance-payment-success-card::before, html body.op-product.op-product--finance .op-finance-payment-success-modern .op-finance-payment-success-card::after, html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__head::before {
  display: none !important;
  content: none !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__prelude {
  display: block !important;
  width: 100% !important;
  margin: 0 0 14px !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-finance-payment-success-visual {
  display: flex !important;
  width: 60px !important;
  height: 60px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
  border: 0 !important;
  background: transparent !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__head, html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__copy {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  text-align: center !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__copy h1 {
  margin: 0 !important;
  font-size: 25px !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__copy p {
  margin-top: 7px !important;
  max-width: 300px !important;
  margin: 7px auto 0 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

html body.op-product.op-product--finance .op-finance-payment-success-modern .op-payment-state__actions {
  width: 100% !important;
  margin-top: 18px !important;
  padding-top: 14px !important;
}

@media  (max-width: 620px)  {
  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__body {
    display: grid !important;
    grid-template-columns: 120px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 12px 12px 10px !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__media {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 120px !important;
    min-width: 120px !important;
    height: 198px !important;
    min-height: 198px !important;
    margin: 18px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__media > .op-master-order-media {
    width: 120px !important;
    min-width: 120px !important;
    height: 198px !important;
    min-height: 198px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__main {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-card__content {
    grid-column: auto !important;
    grid-row: auto !important;
    margin-top: 9px !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-media[data-order-image-source="appliance-fallback"] img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    background: transparent !important;
    filter: contrast(1.04) saturate(1.03) !important;
    transform: none !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-order-header__title {
    font-size: 17px !important;
    line-height: 1.18 !important;
    font-weight: 500 !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage {
    grid-template-columns: 102px minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}

@media  (max-width: 360px)  {
  .op-accounting-summary {
    grid-template-columns: 1fr;
  }

  .op-accounting-entry__main {
    display: grid;
  }

  .op-accounting-entry__amount {
    justify-self: start;
  }

  body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form {
    grid-template-columns: 1fr !important;
  }

  body.op-product--master .op-product-screen--surface-master-fault-search .op-proof-form .op-field {
    grid-column: 1 !important;
  }

  body.op-product .op-shell-header__inner {
    width: calc(100% - 24px) !important;
    gap: 6px !important;
  }

  body.op-product .op-shell-header__logo {
    width: clamp(124px, 42vw, 150px) !important;
  }

  body.op-product .op-shell-header__actions {
    gap: 6px !important;
  }

  body.op-product .op-shell-header__bell {
    width: 40px !important;
    min-width: 40px !important;
  }

  body.op-product .op-shell-header__logout {
    min-width: 62px !important;
    padding-inline: 10px !important;
    font-size: 14px !important;
  }

  body.op-product .op-shell-main {
    width: calc(100% - 24px) !important;
  }

  body.op-product--client .op-client-orders-toolbar {
    grid-template-columns: minmax(0, 1fr) 92px !important;
    gap: 8px !important;
  }

  body.op-product--client .op-client-orders-filter-button {
    padding-inline: 7px !important;
    font-size: 13px !important;
  }

  body.op-product--client .op-client-order-tile > .op-order-card__actions, body.op-product--client .op-client-order-tile__actions {
    right: 11px !important;
    left: 126px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__title {
    font-size: 15.5px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-header__subtitle {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body.op-product--client .op-client-order-tile__actions .op-button {
    font-size: 12.5px !important;
  }

  body.op-product--master .op-nav--master[data-product-nav="master"], body.op-product--staff .op-nav--staff-mobile {
    right: 6px !important;
    left: 6px !important;
  }

  html body.op-product.op-product--master .op-nav--master[data-product-nav="master"], html body.op-product.op-product--staff .op-nav--staff-mobile {
    width: calc(100% - 12px) !important;
  }

  body.op-product--public :is( .op-public-login, .op-public-register, .op-public-master, .op-public-auth-tail, .op-public-create ) {
    width: calc(100% - 24px) !important;
  }

  body.op-product--client .op-client-order-tile > .op-order-card__body, body.op-product--client .op-client-order-tile__main {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px !important;
  }

  body.op-product--client .op-client-order-tile .op-order-card__media, body.op-product--client .op-client-order-tile :is(.op-client-orders-media, .op-appliance-preview) {
    width: 104px !important;
    min-width: 104px !important;
    height: 198px !important;
  }

  body.op-product--client .op-client-order-tile > .op-order-card__actions {
    right: 11px !important;
    left: 125px !important;
  }

  html body.op-product.op-product--client .op-client-order-tile > .op-order-card__actions > .op-client-order-tile__actions > :is( .op-order-action-bar__primary, .op-order-action-bar__secondary ) {
    grid-column: 1 !important;
  }

  body.op-product:not(.home-page):is( .op-product--client, .op-product--order, .op-product--master ) .op-shell-header__logo {
    width: clamp(160px, 50vw, 180px) !important;
  }

  html body.op-product.op-product--master .op-nav--master[data-product-nav="master"] {
    width: calc(100% - 12px) !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] > .op-order-card__body {
    grid-template-columns: 104px minmax(0, 1fr) !important;
    gap: 0 10px !important;
    padding: 11px 11px 0 !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] :is( .op-order-card__media, .op-master-order-media ) {
    width: 104px !important;
    min-width: 104px !important;
  }


  html body.op-product.op-product--master.op-product--surface-master-orders .op-surface-master-order-card[data-master-order-card] .op-master-order-detail-stage {
    grid-template-columns: 82px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  html body.op-product:not(.home-page) .op-shell-header__logo {
    width: clamp(160px, 49vw, 176px) !important;
    max-width: 50vw !important;
  }

  html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile > .op-order-card__body {
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px !important;
  }

  html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile :is( .op-order-card__media, .op-client-orders-media, .op-appliance-preview ) {
    width: 88px !important;
    min-width: 88px !important;
    height: 102px !important;
    min-height: 102px !important;
  }

  html body.op-product.op-product--client .op-client-orders-screen--repairs-tabs .op-client-order-tile__actions:has(> .op-order-action-bar__primary):has(> .op-order-action-bar__secondary) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile {
    grid-template-columns: 40px minmax(0, 1fr) !important;
  }

  html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__action {
    grid-column: 1 / -1 !important;
  }

  html body.op-product.op-product--client.op-product--surface-order-bids .op-surface-support-tile .op-support-panel__action .op-button {
    width: 100% !important;
  }
}

@media  (max-width: 560px)  {
  body.op-product--surface-master-profile .op-master-profile-identity-stage {
    grid-template-columns: minmax(0,1fr);
  }

  body.op-product--surface-master-profile .op-master-profile-photo-copy {
    grid-template-columns: minmax(0,1fr);
  }

  body.op-product--surface-master-profile .op-surface-profile-photo-actions {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  body.op-product .op-shell-header__logout {
    padding-inline: 15px;
  }

  body.op-product--client .op-client-order-tile > .op-order-card__body, body.op-product--client .op-client-order-tile__main {
    grid-template-columns: 116px minmax(0,1fr);
    gap: 14px;
    padding: 12px;
  }

  body.op-product--client .op-client-order-tile :is(.op-client-orders-media,.op-appliance-preview) {
    width: 116px;
    min-width: 116px;
    height: 164px;
  }

  body.op-product--client .op-client-order-tile__actions, body.op-product--client .op-client-order-tile > .op-order-card__actions {
    padding: 0 12px 12px 142px;
  }

  body.op-product--client .op-client-order-tile .op-order-header__title {
    font-size: 19px;
  }

  body.op-product--master .op-master-requisites-head, body.op-product--master .op-proof-requisites-hero {
    min-height: 260px;
    padding: 28px 24px 26px 45%;
  }

  body.op-product--master .op-master-requisites-head::before, body.op-product--master .op-proof-requisites-hero::before {
    left: 18px;
    top: 28px;
    width: 38%;
    height: 180px;
    background-size: auto,76px 76px;
  }

  body.op-product--master .op-master-requisites-head-copy h1, body.op-product--master .op-proof-requisites-hero h1 {
    font-size: 31px;
  }

  body.op-product--master .op-master-requisites-head-copy p, body.op-product--master .op-proof-requisites-hero p {
    font-size: 16px;
  }

  body.op-product--master .op-master-requisites-modern-card, body.op-product--master .op-proof-requisites-card {
    padding: 22px 18px;
  }

  body.op-product--master .op-master-requisites-modern-form .op-field, body.op-product--master .op-proof-requisites-form .op-field {
    grid-template-columns: 112px minmax(0,1fr);
    gap: 10px;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state {
    min-height: 590px;
    padding: 44px 24px;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__title {
    font-size: 42px;
  }

  body.op-product--finance :is(.op-product-screen--surface-payment-success-diagnostics,.op-product-screen--surface-payment-success-repair) .op-payment-state__copy {
    font-size: 18px;
  }

  

  body.op-product .op-shell-header, body.op-product .op-shell-header__inner {
    height: 64px !important;
    min-height: 64px !important;
  }

  body.op-product .op-shell-header__inner {
    width: calc(100% - 36px) !important;
    padding: 0 !important;
  }

  body.op-product .op-shell-header__brand {
    flex: 1 1 auto;
    min-width: 0;
  }

  body.op-product--master .op-shell-header__actions {
    flex: 0 0 auto;
  }

  body.op-product :is(.op-shell-header__bell, .op-shell-header__logout) {
    height: 42px !important;
    min-height: 42px !important;
    border-radius: 13px !important;
  }

  body.op-product .op-shell-header__bell {
    width: 42px !important;
    min-width: 42px !important;
  }

  body.op-product--master .op-shell-header__bell {
    width: clamp(36px, 10vw, 38px) !important;
    min-width: clamp(36px, 10vw, 38px) !important;
    height: 38px !important;
    min-height: 38px !important;
  }

  body.op-product--master .op-shell-header__logout {
    width: clamp(76px, 21vw, 82px) !important;
    min-width: clamp(76px, 21vw, 82px) !important;
    padding-inline: 8px !important;
  }

  body.op-product .pwa-install-modal .op-modal__header, body.op-product .pwa-install-modal .modal-header {
    padding: 14px 22px 2px !important;
  }

  body.op-product .pwa-install-modal .op-modal__body, body.op-product .pwa-install-modal .modal-body {
    gap: 9px !important;
    padding: 2px 22px 10px !important;
  }

  body.op-product .pwa-install-visual {
    height: 132px !important;
    min-height: 132px !important;
    margin-bottom: 0 !important;
  }

  body.op-product .pwa-install-copy {
    margin-bottom: 8px !important;
  }

  body.op-product .pwa-install-lead {
    margin-bottom: 0 !important;
  }

  body.op-product .pwa-install-steps {
    margin-top: 7px !important;
  }

  body.op-product .pwa-install-note {
    margin-top: 8px !important;
  }

  body.op-product .pwa-install-footer {
    min-height: 58px !important;
    height: 58px !important;
    padding: 0 22px 10px !important;
  }

  body.op-product .pwa-install-footer .op-button {
    height: 48px !important;
    min-height: 48px !important;
  }

  body.op-product .op-shell-header__logo {
    max-width: calc(100vw - 184px) !important;
    width: clamp(145px, 46vw, 176px) !important;
  }

  body.op-product .op-shell-main {
    padding-top: 14px;
    width: calc(100% - 36px) !important;
  }

  body.op-product :where(.op-product-page-head__title, .op-surface-page-title, .op-finance-header-title) {
    font-size: 27px !important;
    line-height: 1.08 !important;
  }

  body.op-product--staff .op-shell-main {
    padding-bottom: 102px !important;
  }

  body.op-product .pwa-install-modal {
    max-height: calc(100svh - 300px) !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
  }

  body.op-product .op-modal:not(.pwa-install-modal) {
    width: 100% !important;
    max-width: 430px !important;
    margin-bottom: 0 !important;
  }

  html body.op-product:not(.home-page) :is( .op-product-page-head__title, .op-surface-page-title, .op-finance-header-title, .op-master-page-title, .op-staff-page-title ) {
    font-size: clamp(23px, 6.2vw, 26px) !important;
    line-height: 1.12 !important;
  }

  body.op-product:not(.home-page):is( .op-product--client, .op-product--order, .op-product--master ) .op-shell-header__logo {
    width: clamp(176px, 50vw, 196px) !important;
  }

  html body.op-product:not(.home-page) :is( .op-product-page-head__title, .op-surface-page-title, .op-finance-header-title, .op-master-page-title ) {
    font-size: clamp(23px, 6.4vw, 25px) !important;
    line-height: 1.1 !important;
  }

  html body.op-product:not(.home-page) .op-shell-header__logo {
    width: min(198px, 100%) !important;
    max-width: 100% !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-payout-requisites .op-master-requisites-head-copy h1 {
    margin: 3px 0 9px !important;
    font-size: 24px !important;
    line-height: 1.1 !important;
    font-weight: 520 !important;
    letter-spacing: -.018em !important;
  }

  html body.op-product.op-product--master.op-product--surface-master-payout-requisites .op-master-requisites-head-copy h1 > span {
    display: inline-block !important;
    color: inherit !important;
    font: inherit !important;
    letter-spacing: inherit !important;
    white-space: nowrap;
  }
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-product-screen:not(.op-product-screen--surface-client-orders) .op-client-state-hero {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(31, 48, 76, .055) !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__media {
  width: 100% !important;
  padding: 0 !important;
  background: #f2f5f9 !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__media .op-appliance-preview, html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__preview {
  width: 100% !important;
  height: clamp(222px, 62vw, 330px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__state {
  min-height: 92px !important;
  margin: 0 !important;
  padding: 18px 16px 18px 70px !important;
  border: 0 !important;
  border-top: 1px solid #dfe6f0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__state::before {
  left: 16px !important;
  top: 20px !important;
  width: 42px !important;
  height: 42px !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__state-title {
  font-size: 19px !important;
  line-height: 1.16 !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__state-copy {
  max-width: 35ch !important;
  font-size: 13.5px !important;
  line-height: 1.34 !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__supporting {
  padding: 0 !important;
  border: 0 !important;
  border-top: 1px solid #dfe6f0 !important;
  background: #fff !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__master.op-master-offer-card {
  min-height: 80px !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-bottom: 1px solid #dfe6f0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-concept-link {
  min-height: 68px !important;
  padding: 9px 12px !important;
  grid-template-columns: 40px minmax(0,1fr) 13px !important;
  gap: 9px !important;
  align-items: center;
  height: auto !important;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-concept-link__copy strong {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-concept-link__copy small {
  max-width: 24ch;
  font-size: 10.5px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

html body.op-product:not(.home-page):is(.op-product--client, .op-product--order) .op-client-state-hero__actions {
  margin: 0 !important;
  padding: 14px 16px 16px !important;
  border: 0 !important;
  border-top: 1px solid #dfe6f0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}























html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) > .op-product-family {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(31, 48, 76, .055) !important;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) > .op-product-family > :is( .op-product-page-head, .op-card, .op-panel, .op-surface-card, .op-product-panel, .op-notification-list, .op-support-case-list ) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) > .op-product-family > * + * {
  border-top: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) > .op-product-family > .op-product-page-head {
  min-height: 78px !important;
  padding: 18px 16px 18px 88px !important;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) .op-product-page-head__title {
  font-size: 25px !important;
}

html body.op-product:not(.home-page) .op-finance-wallet-screen {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(31, 48, 76, .055) !important;
}

html body.op-product:not(.home-page) .op-finance-wallet-screen > :is( .op-finance-wallet-hero, .op-finance-wallet-status-card, .op-finance-wallet-cases-card, .op-finance-wallet-refunds-card, .op-card, .op-panel ) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page) .op-finance-wallet-screen > * + * {
  border-top: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page) :is(.op-notification-list, .op-notification-feed, .op-support-case-list) {
  gap: 0 !important;
}

html body.op-product:not(.home-page) :is(.op-notification-list, .op-notification-feed, .op-support-case-list) .op-notification-item {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page) :is(.op-notification-list, .op-notification-feed, .op-support-case-list) .op-notification-item + .op-notification-item {
  border-top: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-family--staff {
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(31, 48, 76, .055) !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-family--staff > * {
  margin: 0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-family--staff > * + * {
  border-top: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-proof-staff-toolbar, html body.op-product:not(.home-page).op-product--staff .op-product-metrics, html body.op-product:not(.home-page).op-product--staff .op-list-toolbar, html body.op-product:not(.home-page).op-product--staff .op-staff-support-workbench-grid, html body.op-product:not(.home-page).op-product--staff .op-proof-staff-panel {
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page).op-product--staff .op-proof-staff-toolbar {
  padding: 18px 20px !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-metrics {
  gap: 0 !important;
  padding: 0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-metric {
  min-height: 88px !important;
  margin: 0 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-metric + .op-product-metric {
  border-left: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-product-metric__value {
  font-size: clamp(25px, 4vw, 34px) !important;
  line-height: 1 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-list-toolbar {
  padding: 12px 16px !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-support-workbench-grid {
  gap: 0 !important;
}

html body.op-product:not(.home-page).op-product--staff :is(.op-proof-staff-queue, .op-proof-staff-selected, .op-proof-staff-panel) {
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-support-workbench-side {
  border-left: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page).op-product--staff :is(.op-staff-queue-row, .op-product-kv__row) {
  min-height: 58px;
}

html body.op-product:not(.home-page).op-product--staff :is(.op-staff-queue-row__copy, .op-product-section-head__copy) {
  max-width: 44ch;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search ) > .op-product-family > .op-product-page-head::before {
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-queue {
  display: grid !important;
  gap: 0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-queue-row {
  margin: 0 !important;
  padding: 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-queue-row + .op-staff-queue-row {
  border-top: 1px solid #dfe6f0 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-queue-row__main > strong {
  font-size: 16px !important;
  line-height: 1.2 !important;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-queue-row__meta {
  margin-top: 5px !important;
  font-size: 13px !important;
  line-height: 1.32 !important;
}

@media  (max-width: 700px)  {
  .op-list-toolbar--multi {
    grid-template-columns: minmax(0, 1fr) minmax(96px, 112px);
  }

  .op-list-toolbar--multi > .op-list-toolbar__search {
    grid-column: 1 / -1;
  }

  .op-list-toolbar--with-submit {
    grid-template-columns: minmax(0, 1fr) minmax(112px, 148px);
  }

  .op-list-toolbar--with-submit > .op-list-toolbar__search {
    grid-column: 1 / -1;
  }

  .op-list-toolbar--with-submit > .op-list-toolbar__submit {
    min-width: 0;
    width: 100%;
  }

  html body.op-product.op-product--staff .op-staff-filter-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 9px !important;
  }

  html body.op-product.op-product--staff .op-staff-filter-row > * {
    min-width: 0 !important;
    width: 100% !important;
  }

  html body.op-product.op-product--staff .op-staff-filter-row :is(.op-staff-filter-input, [type="search"]) {
    grid-column: 1 / -1 !important;
  }

  html body.op-product.op-product--staff .op-staff-filter-row :is(input, select, button, .op-button) {
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    font-size: 13px !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 9px !important;
    padding: 10px !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row .op-staff-filter-row {
    display: grid !important;
    grid-template-columns: 19px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    overflow: hidden !important;
    border: 1px solid var(--op-final-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row .op-staff-filter-row:first-child {
    grid-column: 1 / -1 !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row :is(.op-staff-filter-icon, .op-staff-filter-action) {
    display: inline-flex !important;
    width: 19px !important;
    min-width: 19px !important;
    height: 19px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row :is(.op-staff-filter-icon, .op-staff-filter-action) svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-filter-action--search {
    display: none !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__search-row .op-staff-filter-input {
    grid-column: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
  }

  html body.op-product.op-product--staff.op-product--surface-accountant-payouts .op-staff-ops-review-hero__controls .op-segmented {
    width: 100% !important;
  }

  html body.op-product:not(.home-page) .op-shell-main {
    width: calc(100% - (8px * 2)) !important;
    max-width: none !important;
    padding-top: 10px !important;
  }

  html body.op-product:not(.home-page).op-product--master .op-shell-main, html body.op-product--finance .op-shell-main, html body.op-product:not(.home-page).op-product--staff .op-shell-main {
    width: calc(100% - (8px * 2)) !important;
    max-width: none !important;
  }

  html body.op-product .op-product-family {
    gap: 10px;
  }

  html body.op-product:not(.home-page).op-product--staff .op-product-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-product-metric:nth-child(odd) {
    border-left: 0 !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-product-metric:nth-child(n + 3) {
    border-top: 1px solid #dfe6f0 !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-support-workbench-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-support-workbench-side {
    border-top: 1px solid #dfe6f0 !important;
    border-left: 0 !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-product-family--staff {
    border-radius: 20px !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-proof-staff-panel > .op-product-section-head, html body.op-product:not(.home-page).op-product--staff :is(.op-proof-staff-queue, .op-proof-staff-selected) > .op-product-section-head {
    padding: 16px !important;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-queue-row__actions {
    margin-top: 10px !important;
  }
}

html body.op-product:not(.home-page) :where( .op-product-page-head__title, .op-finance-header-title, .op-master-page-title, .op-staff-toolbar__copy h1, .op-payment-state__copy h1, .op-result-state__body h1, .op-surface-page-title ) {
  color: #2b3a50;
  font-weight: 450;
  letter-spacing: -.022em;
  text-wrap: balance;
}

html body.op-product:not(.home-page) :where( .op-product-section-head__title, .op-surface-section-title, .op-card__title, .op-master-payouts-feed-title, .op-staff-section-head, .op-order-header__title ) {
  color: #314158;
  font-weight: 500;
  letter-spacing: -.016em;
  text-wrap: balance;
}



html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  min-height: 84px;
  padding: 18px 72px;
  text-align: center;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__body {
  width: 100%;
  max-width: 34ch;
  justify-items: center;
  text-align: center;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__meta {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"]::before {
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}

html body.op-product:not(.home-page) .op-client-protection-head {
  width: 100%;
  justify-items: center;
  padding: 18px 64px;
  text-align: center;
}

html body.op-product:not(.home-page) .op-client-protection-head > :is(h1, p) {
  margin-inline: auto;
  text-align: center;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  justify-items: center;
  min-height: 68px;
  padding-inline: 84px;
  text-align: center;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__copy {
  width: 100%;
  max-width: 40ch;
  text-align: center;
}

html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__controls {
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-proof-public-card {
  position: relative;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head[data-product-component="page-header"] {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0 0 14px;
  padding: 0;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__body {
  width: 100%;
  max-width: none;
  margin-inline: auto;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head[data-product-component="page-header"] .op-product-page-head__title {
  width: 100%;
  margin-inline: auto;
  color: #24364f;
  font-weight: 500;
  text-align: center;
  text-wrap: balance;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) :is(.op-auth-state__head, .op-auth-state__copy) {
  width: 100%;
  justify-items: center;
  text-align: center;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__status {
  grid-column: 2;
  grid-row: 1;
  justify-self: end;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__meta {
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: 14px;
}

@media  (max-width: 520px)  {
  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-height: 0;
    padding: 16px;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head::before {
    position: static;
    width: 48px;
    height: 48px;
    transform: none;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head__body {
    min-width: 0;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head__meta {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head__meta .op-button {
    width: 100%;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head > .op-product-page-head__meta {
    grid-column: 1 / -1;
    width: 100%;
  }

  body.op-product .op-product-screen--surface-support > .op-product-family > .op-product-page-head > .op-product-page-head__meta .op-button {
    width: 100%;
  }

  html body.op-product.op-product--client.op-product--surface-support .op-client-support-panel-head {
    align-items: flex-start;
  }

  html body.op-product.op-product--client.op-product--surface-support .op-client-support-toolbar {
    width: 100%;
    justify-content: flex-start !important;
  }

  html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-master-fault-search, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] {
    min-height: 78px;
    padding: 16px 66px;
  }

  html body.op-product:not(.home-page) :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications ) > .op-product-family > .op-product-page-head[data-product-component="page-header"]:has(.op-product-page-head__meta:not(:empty)) {
    padding-bottom: 66px;
  }

  html body.op-product:not(.home-page) :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__meta {
    top: auto;
    right: 16px;
    bottom: 14px;
    left: 16px;
    width: auto;
    transform: none;
  }

  html body.op-product:not(.home-page) :is( .op-product-screen--surface-support, .op-product-screen--surface-notifications ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__meta .op-button {
    width: 100%;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] {
    min-height: 0;
    padding: 17px 16px;
    gap: 12px;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__copy {
    max-width: 100%;
    text-align: center;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__copy h1 {
    font-size: 24px;
    line-height: 1.12;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__controls {
    position: static;
    width: 100%;
    justify-content: center;
    transform: none;
  }

  html body.op-product:not(.home-page).op-product--staff .op-staff-toolbar[data-product-component="staff-toolbar"] > .op-staff-toolbar__controls .op-button {
    width: auto;
    min-width: 112px;
  }

  html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header {
    grid-template-columns: 52px minmax(0, 1fr);
    column-gap: 10px;
  }
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state {
  gap: 16px;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__head {
  display: grid;
  grid-template-columns: minmax(40px, 48px) minmax(0, 1fr) minmax(40px, 48px);
  align-items: start;
  gap: 0;
  padding-top: 2px;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__head::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  min-height: 1px;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__copy {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
  width: 100%;
  max-width: 28ch;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__status {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
  align-self: start;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__copy h1 {
  width: 100%;
  margin-inline: auto;
  margin: 0;
  color: #31465f;
  font-size: clamp(26px, 4.4vw, 30px);
  line-height: 1.14;
  font-weight: 540;
  letter-spacing: -0.022em;
  text-align: center;
  text-wrap: balance;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__copy p {
  margin: 8px auto 0;
  max-width: 30ch;
  color: #6a7f95;
  font-size: 15px;
  line-height: 1.45;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__actions, html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-login-validation, .op-product--surface-reset-password-invalid ) .op-auth-state__actions .op-form-actions {
  justify-items: center;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr);
  grid-template-rows: auto auto;
  column-gap: 16px;
  row-gap: 0;
  align-items: center;
  padding: 10px 0 18px 0 !important;
  border-bottom: 1px solid var(--cx-line);
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header::before {
  top: auto;
  left: auto;
  position: static !important;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  justify-self: start;
  width: 52px;
  height: 52px;
  margin: 0;
  background-position: center;
  background-size: 28px 28px;
  transform: none;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__main {
  padding-left: 0;
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  display: grid;
  align-content: center;
  row-gap: 6px;
  min-height: 52px;
  padding: 6px 0 4px;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__title {
  color: #31465f;
  font-weight: 560 !important;
  line-height: 1.16;
}

html body.op-product.op-product--master[class*="op-product--surface-master-assigned-"] .op-proof-order-card--master .op-order-header__subtitle {
  margin-top: 0;
  color: #6a7f95;
  font-size: 15px;
  line-height: 1.45;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-register, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-auth-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-proof-public-card {
  position: relative;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-register, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-auth-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head[data-product-component="page-header"] {
  display: block;
  width: 100%;
  min-height: 0;
  margin: 0 0 14px;
  padding: 0 46px;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-register, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-auth-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__body, html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-register, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-auth-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa ) :is(.op-auth-state__head,.op-auth-state__copy,.op-verification-state__head,.op-verification-state__copy) {
  width: 100%;
  max-width: none;
  justify-items: center;
  text-align: center;
}

html body.op-product.op-product--public:is( .op-product--surface-login, .op-product--surface-register, .op-product--surface-register-client, .op-product--surface-register-master, .op-product--surface-phone-verify, .op-product--surface-email-verify, .op-product--surface-auth-email-verify, .op-product--surface-forgot-password, .op-product--surface-reset-password, .op-product--surface-twofa, .op-product--surface-login-validation, .op-product--surface-phone-verify-invalid, .op-product--surface-reset-password-invalid ) .op-proof-public-card > .op-product-page-head .op-product-page-head__title, html body.op-product.op-product--public :is(.op-auth-state__copy h1,.op-verification-state__copy h1) {
  width: 100%;
  margin-inline: auto;
  text-align: center;
  text-wrap: balance;
}

html body.op-product.op-product--public :is(.op-auth-state__head,.op-verification-state__head) {
  grid-template-columns: minmax(0,1fr);
  gap: 10px;
}

html body.op-product.op-product--public :is(.op-auth-state__status,.op-verification-state__status) {
  justify-self: center;
}

html body.op-product.op-product--public :is(.op-public-register-panel,.op-public-master-card) > .op-public-auth-tail-head {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
  gap: 8px;
  text-align: center;
}

html body.op-product.op-product--public :is(.op-public-register-title,.op-public-master-title) {
  width: 100%;
  text-align: center;
}

html body.op-product.op-product--public :is(.op-public-register-login-link,.op-public-master-login-copy) {
  justify-self: center;
  text-align: center;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-head, html body.op-product.op-product--public.public-screen-create-order .op-public-create-head {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1fr);
  min-height: 44px;
  align-items: center;
  justify-items: center;
  padding-inline: 0;
  text-align: center;
}

html body.op-product.op-product--public.op-product--surface-create-order .op-public-create-heading-copy, html body.op-product.op-product--public.public-screen-create-order .op-public-create-heading-copy {
  width: 100%;
  max-width: 30ch;
  justify-items: center;
  text-align: center;
}

html body.op-product.op-product--public.op-product--surface-create-order :is(.op-public-create-title,.op-public-create-subtitle), html body.op-product.op-product--public.public-screen-create-order :is(.op-public-create-title,.op-public-create-subtitle) {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-support, .op-product-screen--surface-notifications, .op-product-screen--surface-master-profile, .op-product-screen--surface-master-payouts, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head::before {
  display: none;
  content: none;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-notifications, .op-product-screen--surface-master-payouts, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] {
  min-height: 72px;
  padding: 16px 20px;
  justify-items: center;
  text-align: center;
}

html body.op-product:not(.home-page) :is( .op-product-screen--surface-wallet, .op-product-screen--surface-client-wallet, .op-product-screen--surface-notifications, .op-product-screen--surface-master-payouts, .op-product-screen--surface-bind-card ) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__body {
  width: 100%;
  max-width: 36ch;
  justify-items: center;
  text-align: center;
}

html body.op-product .op-product-screen--surface-support > .op-product-family {
  padding-top: 0;
}

html body.op-product .op-proof-support-entry {
  padding: 20px 16px 14px;
  background: #fff;
}

html body.op-product .op-proof-support-entry .op-form-actions {
  justify-content: center;
}

html body.op-product .op-proof-support-entry .op-button {
  width: min(100%, 238px);
}

html body.op-product--master .op-product-screen--surface-master-profile > .op-product-family > .op-card:first-of-type {
  padding-top: 22px;
}

html body.op-product.op-product--finance :is( .op-product-screen--surface-bind-card, .op-product-screen--surface-flow-diagnostics-payment, .op-product-screen--surface-flow-repair-payment ) .op-payment-state__head {
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
  text-align: center;
}

html body.op-product.op-product--finance :is( .op-product-screen--surface-bind-card, .op-product-screen--surface-flow-diagnostics-payment, .op-product-screen--surface-flow-repair-payment ) .op-payment-state__head::before {
  display: none;
  content: none;
}

html body.op-product.op-product--finance :is( .op-product-screen--surface-bind-card, .op-product-screen--surface-flow-diagnostics-payment, .op-product-screen--surface-flow-repair-payment ) .op-payment-state__copy {
  width: 100%;
  max-width: 34ch;
  margin-inline: auto;
  text-align: center;
}

html body.op-product.op-product--finance :is( .op-product-screen--surface-bind-card, .op-product-screen--surface-flow-diagnostics-payment, .op-product-screen--surface-flow-repair-payment ) .op-payment-state__copy h1, html body.op-product.op-product--finance :is( .op-product-screen--surface-bind-card, .op-product-screen--surface-flow-diagnostics-payment, .op-product-screen--surface-flow-repair-payment ) .op-payment-state__copy p {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

html body.op-product--master :is(.op-master-pending-state-head,.op-master-pending-head) > .op-product-page-head__body {
  width: 100%;
  max-width: 38ch;
  justify-items: center;
  text-align: center;
}

html body.op-product--master :is(.op-master-pending-state-head,.op-master-pending-head) > .op-product-page-head__meta {
  position: static;
  width: 100%;
  justify-content: center;
  transform: none;
}

html body.op-product :is(.op-product-screen--surface-success,.op-product-screen--surface-failure) .op-result-state {
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
  text-align: center;
}

html body.op-product :is(.op-product-screen--surface-success,.op-product-screen--surface-failure) .op-result-state__body {
  width: 100%;
  max-width: 38ch;
  text-align: center;
}

html body.op-product :is(.op-product-screen--surface-success,.op-product-screen--surface-failure) .op-result-state__actions, html body.op-product :is(.op-product-screen--surface-success,.op-product-screen--surface-failure) .op-result-state__actions .op-form-actions {
  justify-content: center;
}

@media  (max-width: 900px)  {
  .op-staff-infra-form-grid--server, .op-payment-health-metrics, .op-staff-product-funnel-summary-card {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html body.op-product.op-product--staff .op-nav--staff-mobile:has(> :only-child) {
    width: min(calc(100% - 20px), 190px) !important;
  }

  html body.op-product.op-product--staff .op-shell-main--staff {
    padding-bottom: calc(
        var(--op-staff-mobile-nav-height, 68px)
        + var(--op-staff-mobile-nav-offset, 8px)
        + 72px
        + env(safe-area-inset-bottom, 0px)
      );
    scroll-padding-bottom: calc(
        var(--op-staff-mobile-nav-height, 68px)
        + var(--op-staff-mobile-nav-offset, 8px)
        + 72px
        + env(safe-area-inset-bottom, 0px)
      );
  }
}

html body.op-product--master .op-master-pending-state-head, html body.op-product--master .op-master-pending-head[data-product-component="page-header"] {
  display: grid;
  grid-template-columns: minmax(0,1fr);
  justify-items: center;
  min-height: 0;
  padding: 22px 20px;
  text-align: center;
  border: 1px solid #dfe6f0;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(31,48,76,.055);
}

/* Support, shared-state and mobile staff/accounting layout */
html body.op-product.op-product--client.op-product--surface-support .op-support-workspace {
  min-height: calc(100vh - 170px);
  align-content: start;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-grid {
  min-height: calc(100vh - 300px);
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-panel--entry {
  padding-top: 8px;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-actions {
  justify-content: center;
  padding-top: 8px;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-side {
  border-top: 0;
}

html body.op-product.op-product--client.op-product--surface-support .op-client-support-queue-list {
  border-top: 1px solid var(--op-line);
}

html body.op-product .op-surface-state-page {
  min-height: calc(100vh - 170px);
  display: grid;
  align-content: center;
}

html body.op-product .op-surface-state-card {
  margin-inline: auto;
}

html body.op-product .op-surface-state-card__content {
  align-items: center;
  text-align: center;
}

html body.op-product .op-surface-state-card__copy {
  max-width: 28ch;
  margin-inline: auto;
}

html body.op-product .op-surface-state-card__actions,
html body.op-product .op-surface-state-card .op-form-actions {
  justify-content: center;
}

@media  (max-width: 768px)  {
  body .bottom-nav[data-nav-role="admin"],
  body .bottom-nav[data-nav-role="super_admin"] {
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    width: auto;
    max-width: none;
    margin: 18px 12px 12px;
  }

  body .bottom-nav[data-nav-role="accountant"] {
    display: none;
  }
}

/* Full-width page-title geometry */
html body.op-product.op-product--client.op-product--surface-client-orders-empty > main,
html body.op-product.op-product--client.op-product--surface-client-orders-empty .op-product-family--client {
  text-align: center;
}

html body.op-product.op-product--client.op-product--surface-client-orders-empty .op-product-page-head {
  display: none !important;
}

html body.op-product.op-product--client:is(.op-product--surface-dispute-open,.op-product--surface-dispute-decision) .op-product-page-head,
html body.op-product.op-product--finance.op-product--surface-flow-close-order .op-payment-state__head,
html body.op-product.op-product--master:is(.op-product--surface-master-orders,.op-product--surface-master-orders-client-photo,.op-product--surface-master-orders-empty,.op-product--surface-master-chat,.op-product--surface-master-ip-ledger) .op-product-page-head {
  width: 100%;
  justify-items: center !important;
  text-align: center !important;
}

html body.op-product.op-product--client:is(.op-product--surface-dispute-open,.op-product--surface-dispute-decision) .op-product-page-head__copy,
html body.op-product.op-product--finance.op-product--surface-flow-close-order .op-payment-state__head :is(h1,h2,p),
html body.op-product.op-product--master:is(.op-product--surface-master-orders,.op-product--surface-master-orders-client-photo,.op-product--surface-master-orders-empty,.op-product--surface-master-chat,.op-product--surface-master-ip-ledger) .op-product-page-head :is(h1,h2,p) {
  width: 100%;
  margin-inline: auto;
  text-align: center !important;
}

html body.op-product.op-product--finance.op-product--surface-flow-close-order .op-payment-state__head p {
  max-width: 32ch;
}

html body.op-product.op-product--master:is(.op-product--surface-master-orders,.op-product--surface-master-orders-client-photo,.op-product--surface-master-orders-empty,.op-product--surface-master-chat,.op-product--surface-master-ip-ledger) .op-product-page-head__meta,
html body.op-product.op-product--client:is(.op-product--surface-dispute-open,.op-product--surface-dispute-decision) .op-product-page-head__meta {
  justify-self: center !important;
}

/* Master stage cards use one canonical composition across diagnostics, estimate, waiting, and repair. */
/* Requisites: title is independent from the illustration. */
html body.op-product.op-product--master.op-product--surface-master-requisites .op-proof-requisites-hero {
  grid-template-columns: minmax(0,1fr) !important;
  justify-items: center;
  text-align: center;
  background-position: center bottom !important;
  padding-top: 28px;
}

html body.op-product.op-product--master.op-product--surface-master-requisites .op-proof-requisites-hero > div {
  width: 100%;
  max-width: 32ch;
  margin-inline: auto;
  text-align: center;
}

html body.op-product.op-product--master.op-product--surface-master-requisites .op-proof-requisites-hero h1,
html body.op-product.op-product--master.op-product--surface-master-requisites .op-proof-requisites-hero p {
  margin-inline: auto;
  text-align: center;
}

html body.op-product.op-product--master.op-product--surface-master-requisites .op-requisites-methods {
  justify-content: center;
}

/* Canonical screen-wrapper title geometry */
html body.op-product .op-product-screen--surface-client-orders-empty > .op-product-family .op-product-page-head {
  display: none !important;
}

html body.op-product :is(
  .op-product-screen--surface-dispute-open,
  .op-product-screen--surface-dispute-decision,
  .op-product-screen--surface-master-orders,
  .op-product-screen--surface-master-orders-client-photo,
  .op-product-screen--surface-master-orders-empty,
  .op-product-screen--surface-master-chat,
  .op-product-screen--surface-master-ip-ledger
) .op-product-page-head {
  display: grid !important;
  width: 100% !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.op-product :is(
  .op-product-screen--surface-dispute-open,
  .op-product-screen--surface-dispute-decision,
  .op-product-screen--surface-master-orders,
  .op-product-screen--surface-master-orders-client-photo,
  .op-product-screen--surface-master-orders-empty,
  .op-product-screen--surface-master-chat,
  .op-product-screen--surface-master-ip-ledger
) .op-product-page-head :is(.op-product-page-head__main,.op-product-page-head__copy,.op-product-page-head__title,h1,h2,p) {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-items: center !important;
}

html body.op-product .op-product-screen--surface-flow-close-order .op-payment-state__head,
html body.op-product .op-product-screen--surface-flow-close-order .op-payment-state__head :is(h1,h2,p) {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
  justify-items: center !important;
}

html body.op-product .op-product-screen--surface-master-requisites .op-proof-requisites-hero {
  text-align: center !important;
  justify-items: center !important;
}

html body.op-product .op-product-screen--surface-master-requisites .op-proof-requisites-hero > div,
html body.op-product .op-product-screen--surface-master-requisites .op-proof-requisites-hero :is(h1,p) {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}

html body.op-product .op-product-screen--surface-master-requisites .op-requisites-methods {
  justify-content: center !important;
}

html body.op-product .op-final-centered-head {
  display: grid !important;
  width: 100% !important;
  justify-items: center !important;
  text-align: center !important;
}
html body.op-product .op-final-centered-head :is(.op-product-page-head__main,.op-product-page-head__copy,.op-product-page-head__title,h1,h2,p) {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}
html body.op-product .op-final-requisites-title {
  margin: 0 0 14px;
  text-align: center;
  font-size: clamp(24px,6vw,30px);
  line-height: 1.15;
}
html body.op-product .op-proof-requisites-hero {
  padding-top: 18px !important;
}
html body.op-product .op-final-standalone-title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  text-align: center !important;
  font-size: clamp(24px,6vw,30px) !important;
  line-height: 1.15 !important;
  font-weight: 560 !important;
}

/* Full-width headers for icon-free surfaces */
html body.op-product:not(.home-page) :is(
  .op-product-screen--surface-wallet,
  .op-product-screen--surface-client-wallet,
  .op-product-screen--surface-bind-card,
  .op-product-screen--surface-support,
  .op-product-screen--surface-notifications,
  .op-product-screen--surface-master-profile,
  .op-product-screen--surface-master-payouts,
  .op-product-screen--surface-master-requisites,
  .op-product-screen--surface-master-payout-requisites,
  .op-product-screen--surface-master-fault-search
) > .op-product-family > .op-product-page-head[data-product-component="page-header"] {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: center !important;
  width: 100% !important;
  min-height: 78px !important;
  padding: 18px 24px !important;
  text-align: center !important;
}

html body.op-product:not(.home-page) :is(
  .op-product-screen--surface-wallet,
  .op-product-screen--surface-client-wallet,
  .op-product-screen--surface-bind-card,
  .op-product-screen--surface-support,
  .op-product-screen--surface-notifications,
  .op-product-screen--surface-master-profile,
  .op-product-screen--surface-master-payouts,
  .op-product-screen--surface-master-requisites,
  .op-product-screen--surface-master-payout-requisites,
  .op-product-screen--surface-master-fault-search
) > .op-product-family > .op-product-page-head[data-product-component="page-header"]::before {
  display: none !important;
  content: none !important;
}

html body.op-product:not(.home-page) :is(
  .op-product-screen--surface-wallet,
  .op-product-screen--surface-client-wallet,
  .op-product-screen--surface-bind-card,
  .op-product-screen--surface-support,
  .op-product-screen--surface-notifications,
  .op-product-screen--surface-master-profile,
  .op-product-screen--surface-master-payouts,
  .op-product-screen--surface-master-requisites,
  .op-product-screen--surface-master-payout-requisites,
  .op-product-screen--surface-master-fault-search
) > .op-product-family > .op-product-page-head[data-product-component="page-header"] > .op-product-page-head__body {
  width: 100% !important;
  max-width: none !important;
  justify-items: center !important;
  text-align: center !important;
}

html body.op-product:not(.home-page) :is(
  .op-product-screen--surface-wallet,
  .op-product-screen--surface-client-wallet,
  .op-product-screen--surface-bind-card,
  .op-product-screen--surface-support,
  .op-product-screen--surface-notifications,
  .op-product-screen--surface-master-profile,
  .op-product-screen--surface-master-payouts,
  .op-product-screen--surface-master-requisites,
  .op-product-screen--surface-master-payout-requisites,
  .op-product-screen--surface-master-fault-search
) > .op-product-family > .op-product-page-head[data-product-component="page-header"] .op-product-page-head__title {
  width: 100% !important;
  margin-inline: auto !important;
  text-align: center !important;
}

/* Consolidated repair header: icon and title share the left group; status stays independently aligned. */

/* Master stage card — canonical component rules.
   All stage geometry and shared typography declarations used by the component are centralized here. */
body.op-product--master .op-master-stage-card__state-icon, body.op-product--master .op-master-stage-card__row-icon {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  border-radius: 17px;
  background: var(--cx-blue-soft);
  color: var(--cx-blue);
}body.op-product--master .op-master-stage-card__state-icon :is(svg,img), body.op-product--master .op-master-stage-card__row-icon :is(svg,img) {
  width: 30px;
  height: 30px;
}body.op-product--master .op-master-stage-card__row--danger .op-master-stage-card__row-copy strong, body.op-product--master .op-master-stage-card__row--danger .op-master-stage-card__row-copy small, body.op-product--master .op-master-stage-card__row--danger .op-master-stage-card__chevron {
  color: #d31326;
}body.op-product--master .op-master-stage-card {
  display: grid !important;
  gap: 13px !important;
}body.op-product--master .op-master-stage-card__hero {
  width: 100% !important;
  height: 184px !important;
  overflow: hidden !important;
  border: 1px solid #e1e6ee !important;
  border-radius: 19px !important;
  background: #f4f5f7 !important;
  box-shadow: none !important;
}body.op-product--master .op-master-stage-card__hero img {
  content: url("/assets/concept-reference/master-hero-washer.jpg") !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  object-fit: cover;
  object-position: center !important;
  filter: none !important;
}body.op-product--master .op-master-stage-card__sheet {
  overflow: hidden !important;
  border: 1px solid #e1e6ee !important;
  border-radius: 19px !important;
  background: #fff !important;
  box-shadow: 0 7px 24px rgba(35,55,86,.035) !important;
}body.op-product--master .op-master-stage-card__state {
  display: grid;
  align-items: center;
  grid-template-columns: 52px minmax(0,1fr) auto !important;
  gap: 12px !important;
  min-height: 88px !important;
  padding: 13px 15px !important;
  border-bottom: 1px solid #e7ebf1 !important;
}body.op-product--master :is(.op-master-stage-card__state-icon,.op-master-stage-card__row-icon) {
  width: 52px !important;
  height: 52px !important;
  border-radius: 15px !important;
  background: #edf4ff !important;
  color: var(--c1-blue) !important;
}body.op-product--master .op-master-stage-card__state-copy, body.op-product--master .op-master-stage-card__row-copy {
  display: grid;
  min-width: 0;
  gap: 3px !important;
}body.op-product--master .op-master-stage-card__state-copy strong {
  color: var(--c1-blue) !important;
  font-size: 18px !important;
  line-height: 1.12 !important;
  font-weight: 540 !important;
}body.op-product--master .op-master-stage-card__state-copy small, body.op-product--master .op-master-stage-card__row-copy small {
  color: #778196 !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
}body.op-product--master .op-master-stage-card__status {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  min-height: 27px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: #edf4ff !important;
  color: var(--c1-blue) !important;
  font-size: 11px !important;
  font-weight: 440 !important;
}body.op-product--master .op-master-stage-card__row {
  display: grid;
  align-items: center;
  color: inherit;
  text-decoration: none;
  grid-template-columns: 52px minmax(0,1fr) 15px !important;
  gap: 12px !important;
  min-height: 74px !important;
  padding: 10px 15px !important;
  border-bottom: 1px solid #e7ebf1 !important;
}body.op-product--master button.op-master-stage-card__row {
  width: 100%;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}body.op-product--master .op-master-stage-card__row-copy strong {
  color: #151a26 !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  font-weight: 520 !important;
}body.op-product--master .op-master-stage-card__row--info {
  grid-template-columns: 52px minmax(0,1fr) !important;
  cursor: default !important;
}body.op-product--master .op-master-stage-card__contact-action {
  padding: 12px 15px 13px !important;
  border-bottom: 1px solid #e7ebf1 !important;
}body.op-product--master .op-master-stage-card__contact-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 13px !important;
  font-size: 15px !important;
  font-weight: 520 !important;
}body.op-product--master .op-master-stage-card__contact-button :is(.platform-icon-img,img,svg) {
  width: 21px !important;
  height: 21px !important;
  flex: 0 0 21px !important;
}body.op-product--master .op-master-stage-card__chevron {
  line-height: 1;
  color: #5e687b !important;
  font-size: 27px !important;
  font-weight: 260 !important;
}body.op-product--master .op-master-stage-card__split {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch;
  border-bottom: 1px solid #e7ebf1 !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row {
  grid-template-columns: 40px minmax(0,1fr) 13px !important;
  align-items: center;
  gap: 9px !important;
  min-height: 68px !important;
  height: auto !important;
  padding: 9px 12px !important;
  border-bottom: 0 !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row + .op-master-stage-card__row {
  border-left: 1px solid #e7ebf1 !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy {
  align-content: center;
  gap: 3px !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy strong {
  font-size: 13px !important;
  white-space: nowrap;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy small {
  font-size: 10.5px !important;
  white-space: nowrap;
}body.op-product--master .op-master-stage-card__row--danger {
  border-bottom: 0 !important;
}body.op-product--master .op-master-stage-card__row--danger .op-master-stage-card__row-icon img {
  opacity: 0 !important;
}body.op-product--master .op-master-stage-card__row--danger :is(.op-master-stage-card__row-copy strong,.op-master-stage-card__row-copy small,.op-master-stage-card__chevron) {
  color: #e31e35 !important;
}body.op-product--master .op-master-stage-card__primary {
  padding: 14px 15px 15px;
  border-bottom: 1px solid #e7ebf1;
}body.op-product--master .op-master-stage-card__primary :is(.op-form-actions,.op-order-action-bar,.op-surface-inline-form) {
  width: 100%;
  margin: 0;
}body.op-product--master .op-master-stage-card__primary :is(.op-button,.op-surface-button-primary,button,a) {
  width: 100%;
  min-width: 0;
}body.op-product--master .op-master-stage-card__danger:empty {
  display: none;
}body.op-product--master .op-master-stage-card__state-copy small, body.op-product--master .op-master-stage-card__row-copy small, body.op-product--client .op-client-state-hero__state-copy {
  color: #667085 !important;
}body.op-product--master :is(.op-master-stage-card__state-icon,.op-master-stage-card__row-icon) :is(svg,img) {
  width: 33px !important;
  height: 33px !important;
}body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-icon :is(svg,img) {
  width: 29px !important;
  height: 29px !important;
}body.op-product--master .op-master-stage-card__row--danger .op-master-stage-card__row-icon {
  color: var(--cx-danger);
  background: #fff0f2 url("/assets/concept-reference/warning-triangle.svg") center/30px 30px no-repeat !important;
}body.op-product--master .op-master-stage-card__sheet, body.op-product--client .op-client-state-hero {
  border-color: var(--i-line) !important;
  box-shadow: 0 7px 22px rgba(31, 48, 76, .045) !important;
}body.op-product--master .op-master-stage-card__state-copy strong, body.op-product--client .op-client-state-hero__state-title {
  font-weight: 540 !important;
  letter-spacing: -.015em !important;
}body.op-product--master .op-master-stage-card__row-copy strong, body.op-product--client .op-client-concept-link__copy strong {
  font-weight: 500 !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  white-space: nowrap;
}body.op-product--master .op-master-stage-card__state-copy strong, body.op-product--master .op-master-stage-card__row-copy strong {
  font-weight: 540 !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card {
  display: block !important;
  overflow: hidden !important;
  border: 1px solid #dfe6f0 !important;
  border-radius: 22px !important;
  background: #fff !important;
  box-shadow: 0 10px 30px rgba(31, 48, 76, .055) !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__hero {
  width: 100% !important;
  height: clamp(220px, 62vw, 340px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__sheet {
  border: 0 !important;
  border-top: 1px solid #dfe6f0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__state {
  min-height: 92px !important;
  padding: 15px 16px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__state-copy strong {
  font-size: 19px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__state-copy small, html body.op-product:not(.home-page).op-product--master .op-master-stage-card__row-copy small {
  max-width: 27ch;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__row {
  min-height: 76px !important;
  padding: 11px 16px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__row-copy strong {
  font-size: 16px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__split .op-master-stage-card__row {
  min-height: 68px !important;
  height: auto !important;
  padding: 9px 12px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy strong {
  font-size: 14px !important;
}html body.op-product:not(.home-page).op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy small {
  font-size: 11px !important;
}html body.op-product:not(.home-page) :where( .op-client-state-hero__state-title, .op-finance-wallet-state-sentence, .op-master-stage-card__state-copy strong, .op-master-identity__name ) {
  color: #2c3d55;
  font-weight: 500;
}html body.op-product.op-product--master .op-master-stage-card__state {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) auto !important;
  column-gap: 12px !important;
  justify-items: stretch !important;
  align-items: center !important;
  min-height: 92px;
  padding: 18px 18px 18px 24px !important;
}html body.op-product.op-product--master .op-master-stage-card__state-icon {
  display: inline-grid !important;
  grid-column: 1 !important;
  align-self: center !important;
  justify-self: start !important;
}html body.op-product.op-product--master .op-master-stage-card__state-copy {
  grid-column: 2 !important;
  width: 100% !important;
  align-items: start !important;
  justify-items: start !important;
  text-align: left !important;
}html body.op-product.op-product--master .op-master-stage-card__state-copy strong,
html body.op-product.op-product--master .op-master-stage-card__state-copy small {
  width: 100% !important;
  text-align: left !important;
}html body.op-product.op-product--master .op-master-stage-card__status {
  position: static !important;
  grid-column: 3 !important;
  width: auto !important;
  max-width: none;
  transform: none;
  overflow: visible !important;
  color: #075bd6 !important;
  white-space: nowrap;
  justify-self: end !important;
}html body.op-product.op-product--master .op-master-stage-card__status::after {
  content: none !important;
}
html body.op-product.op-product--master :is(.op-master-stage-card--estimate,.op-master-stage-card--repair-offered) .op-master-stage-card__state {
  grid-template-columns: 44px minmax(0, 1fr) auto !important;
  column-gap: 10px !important;
  padding-inline: 16px !important;
}
html body.op-product.op-product--master :is(.op-master-stage-card--estimate,.op-master-stage-card--repair-offered) .op-master-stage-card__state-copy strong {
  white-space: nowrap !important;
}
@media (max-width:560px) {body.op-product--master .op-master-stage-card__state-icon, body.op-product--master .op-master-stage-card__row-icon {
    width: 48px;
    height: 48px;
    border-radius: 15px;
  }body.op-product--master .op-master-stage-card__state-icon :is(svg,img), body.op-product--master .op-master-stage-card__row-icon :is(svg,img) {
    width: 26px;
    height: 26px;
  }body.op-product--master .op-master-stage-card {
    gap: 14px !important;
  }body.op-product--master .op-master-stage-card__sheet {
    border-radius: 20px !important;
  }body.op-product--master :is(.op-master-stage-card__state-icon,.op-master-stage-card__row-icon) {
    width: 44px !important;
    height: 48px !important;
    border-radius: 15px !important;
  }body.op-product--master :is(.op-master-stage-card__state-icon,.op-master-stage-card__row-icon) :is(svg,img) {
    width: 26px !important;
    height: 27px !important;
  }body.op-product--master .op-master-stage-card__state-copy strong {
    font-size: 17px !important;
    line-height: 1.12 !important;
    font-weight: 530 !important;
  }body.op-product--master .op-master-stage-card__state-copy small, body.op-product--master .op-master-stage-card__row-copy small {
    font-size: 11.5px !important;
    line-height: 1.22 !important;
  }body.op-product--master .op-master-stage-card__status {
    min-height: 25px !important;
    padding-inline: 8px !important;
    padding: 0 9px !important;
    font-size: 11.5px !important;
  }body.op-product--master .op-master-stage-card__row-copy strong {
    font-size: 14px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
  }body.op-product--master .op-master-stage-card__chevron {
    font-size: 25px !important;
  }body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-icon :is(svg,img) {
    width: 24px !important;
    height: 24px !important;
  }body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy strong {
    font-size: 13.5px !important;
  }body.op-product--master .op-master-stage-card__split .op-master-stage-card__row-copy small {
    font-size: 10.5px !important;
  }body.op-product--master .op-master-stage-card__hero {
    border-radius: 20px !important;
    height: 228px !important;
    min-height: 234px !important;
  }body.op-product--master .op-master-stage-card__state {
    grid-template-columns: 52px minmax(0,1fr) auto !important;
    gap: 12px !important;
    padding: 11px 15px !important;
    height: 90px !important;
    min-height: 94px !important;
  }body.op-product--master .op-master-stage-card__row {
    grid-template-columns: 44px minmax(0,1fr) 15px !important;
    gap: 12px !important;
    padding: 9px 15px !important;
    height: 78px !important;
    min-height: 80px !important;
  }body.op-product--master .op-master-stage-card__row--info {
    grid-template-columns: 44px minmax(0,1fr) !important;
  }body.op-product--master .op-master-stage-card__split .op-master-stage-card__row {
    grid-template-columns: 40px minmax(0,1fr) 13px !important;
    gap: 9px !important;
    padding: 9px 12px !important;
    height: auto !important;
    min-height: 68px !important;
  }}

@media (max-width: 560px) {body.op-product--master .op-master-stage-card__hero {
    height: 250px !important;
  }}

/* Client lost-contact and reassignment states */
html body.op-product.op-product--client .op-client-resolution-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: min(100%, 560px) !important;
  margin: 0 auto 6px !important;
  padding: 12px 20px 2px !important;
}
html body.op-product.op-product--client .op-client-resolution-head > .op-product-page-head__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  width: 100% !important;
  max-width: none !important;
  justify-items: stretch !important;
  text-align: center !important;
}
html body.op-product.op-product--client .op-client-resolution-head .op-product-page-head__title {
  width: 100% !important;
  margin-inline: auto !important;
  font-size: clamp(24px, 6vw, 30px) !important;
  line-height: 1.15 !important;
  font-weight: 500 !important;
  text-align: center !important;
}
html body.op-product.op-product--client .op-client-resolution-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 20px !important;
  width: min(100%, 560px) !important;
  margin: 0 auto !important;
  padding: 24px 22px !important;
  border: 1px solid #e1e7ef !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: 0 8px 26px rgba(35,55,86,.045) !important;
}
html body.op-product.op-product--client .op-client-resolution-copy {
  max-width: 40ch !important;
  margin: 0 auto !important;
  color: #4f5d73 !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}
html body.op-product.op-product--client .op-client-resolution-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
  gap: 10px !important;
  width: 100% !important;
}
html body.op-product.op-product--client .op-client-resolution-actions :is(.op-order-action-bar__primary,.op-order-action-bar__secondary) {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}
html body.op-product.op-product--client .op-client-resolution-actions .op-order-action-bar__primary {
  order: 1 !important;
}
html body.op-product.op-product--client .op-client-resolution-actions .op-order-action-bar__secondary {
  order: 2 !important;
}
html body.op-product.op-product--client .op-client-resolution-actions .op-button {
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  min-height: 52px !important;
  padding-inline: 18px !important;
  border-radius: 14px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}
html body.op-product.op-product--client .op-client-resolution-card--no-show {
  gap: 0 !important;
  padding-block: 18px !important;
}
html body.op-product.op-product--client .op-client-resolution-card--reassignment .op-client-resolution-actions .op-button--primary {
  min-height: 56px !important;
  font-size: 17px !important;
}
@media (max-width: 560px) {
  html body.op-product.op-product--client .op-client-resolution-head {
    padding-inline: 16px !important;
  }
  html body.op-product.op-product--client .op-client-resolution-card {
    width: calc(100% - 28px) !important;
    padding: 22px 18px !important;
  }
}

/* Client contact/action hierarchy */
html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
}

html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure > summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  width: 100% !important;
  min-height: 52px !important;
  padding: 0 16px !important;
  border: 1px solid var(--op-final-blue) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #0874ff 0%, var(--op-final-blue-strong) 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 520 !important;
  line-height: 1.2 !important;
  cursor: pointer !important;
  list-style: none !important;
  box-shadow: none !important;
}

html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure > summary::-webkit-details-marker {
  display: none !important;
}

html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure > summary::marker,
html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure > summary::after {
  content: none !important;
}

html body.op-product .op-client-order-hero .op-client-master-contacts-disclosure > summary :is(.platform-icon-img, img, svg) {
  width: 22px !important;
  height: 22px !important;
  flex: 0 0 22px !important;
  filter: brightness(0) invert(1) !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts, .op-order-contact-card) {
  display: grid !important;
  gap: 13px !important;
  margin-top: 10px !important;
  padding: 14px 16px !important;
  border: 1px solid #dbe6f3 !important;
  border-radius: 16px !important;
  background: #f8fbff !important;
  box-shadow: none !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__head, .op-order-contact-card__head) {
  display: grid !important;
  gap: 4px !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__head, .op-order-contact-card__head) strong {
  color: var(--op-ink) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__head, .op-order-contact-card__head) span {
  color: var(--op-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__rows, .op-order-contact-card__rows) {
  display: grid !important;
  gap: 8px !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__row, .op-order-contact-card__row) {
  display: grid !important;
  gap: 3px !important;
  padding-top: 10px !important;
  border-top: 1px solid #e2eaf5 !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__row, .op-order-contact-card__row) > span {
  color: var(--op-muted) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__row, .op-order-contact-card__row) > :is(a,strong) {
  color: var(--op-ink) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__call, .op-order-contact-card__call) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 46px !important;
  border: 1px solid #9fc0f4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--op-blue) !important;
  font-size: 14px !important;
  font-weight: 540 !important;
  text-decoration: none !important;
}

html body.op-product :is(.op-client-order-hero .op-client-master-contacts__call, .op-order-contact-card__call) :is(.platform-icon-img, img, svg) {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

html body.op-product .op-client-order-hero .op-client-order-hero__action-row .op-order-action-bar__secondary {
  display: grid !important;
  gap: 11px !important;
  margin-top: 10px !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary .op-client-message-secondary,
html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary [data-proof-action="написать-мастеру"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 48px !important;
  height: 48px !important;
  padding: 0 14px !important;
  border: 1px solid #9fc0f4 !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--op-blue) !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 520 !important;
  box-shadow: none !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary .op-client-message-secondary::after,
html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary [data-proof-action="написать-мастеру"]::after {
  content: none !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary .op-client-message-secondary :is(.platform-icon-img, img, svg),
html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-order-action-bar__secondary [data-proof-action="написать-мастеру"] :is(.platform-icon-img, img, svg) {
  width: 20px !important;
  height: 20px !important;
  flex: 0 0 20px !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-client-diagnostics-no-show-form {
  width: 100% !important;
  margin: 0 !important;
}

html body.op-product.op-product--client .op-product-screen .op-client-order-hero .op-client-state-hero__actions .op-client-diagnostics-no-show-action {
  width: 100% !important;
  min-height: 48px !important;
  height: auto !important;
  padding: 11px 14px !important;
  white-space: normal !important;
  text-align: center !important;
  line-height: 1.25 !important;
}

html body.op-product .op-client-order-hero .op-client-secondary-nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  margin-top: 0 !important;
  padding: 2px 6px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--op-blue) !important;
  text-decoration: none !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

/* First-run PWA + push contour: shared component details. */
body.op-product .pwa-install-step-num {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border-radius: 999px;
  background: var(--cx-blue, #0060F4);
  color: #fff;
  font-size: 12px;
  line-height: 1;
  font-weight: 620;
}

body.op-product .pwa-install-step-icon,
body.op-product .pwa-install-step-icon img {
  display: grid;
  place-items: center;
  width: 23px;
  height: 23px;
  object-fit: contain;
}

body.op-product .pwa-install-step-copy {
  min-width: 0;
}

body.op-product .op-push-permission-overlay {
  align-items: flex-end;
}

body.op-product .op-push-permission-modal {
  position: relative;
  width: min(100%, 430px);
  margin: 0 auto;
  border-radius: 24px 24px 0 0;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 -18px 54px rgba(7, 18, 37, .16);
}

body.op-product .op-push-permission-modal::before {
  content: '';
  display: block;
  width: 42px;
  height: 4px;
  margin: 9px auto 2px;
  border-radius: 999px;
  background: #DCE4EF;
}

body.op-product .op-push-permission-modal__header {
  padding: 12px 20px 4px;
}

body.op-product .op-push-permission-modal__header .modal-title {
  color: #14233A;
  font-size: 22px;
  line-height: 1.12;
  font-weight: 560;
  letter-spacing: -.025em;
}

body.op-product .op-push-permission-modal__body {
  display: grid;
  justify-items: center;
  gap: 10px;
  padding: 8px 20px 14px;
  text-align: center;
}

body.op-product .op-push-permission-modal__hero {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 17px;
  background: #EEF5FF;
}

body.op-product .op-push-permission-modal__hero img {
  width: 28px;
  height: 28px;
}

body.op-product .op-push-permission-modal__copy {
  max-width: 330px;
  margin: 0;
  color: #526078;
  font-size: 14px;
  line-height: 1.45;
}

body.op-product .op-push-permission-modal__status {
  min-height: 18px;
  margin: 0;
  color: #67758A;
  font-size: 12px;
  line-height: 1.35;
}

body.op-product .op-push-permission-modal__status[data-tone="success"] { color: #08783F; }
body.op-product .op-push-permission-modal__status[data-tone="danger"] { color: #B42318; }

body.op-product .op-push-permission-modal__footer {
  display: grid;
  grid-template-columns: .8fr 1.35fr;
  gap: 10px;
  padding: 0 20px calc(14px + env(safe-area-inset-bottom));
}

body.op-product .op-push-permission-modal__footer .op-button {
  min-height: 48px;
}