.ohr-courier-modes {
  position: sticky;
  top: 8px;
  z-index: 25;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 0 0 18px;
  padding: 7px;
  border: 1px solid #d8e3f4;
  border-radius: 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 9px 25px rgba(6, 38, 94, .1);
  backdrop-filter: blur(8px);
}
.ohr-mode-button {
  min-height: 50px;
  border: 0;
  border-radius: 13px;
  background: #edf3f9;
  color: #1c334f;
  font: inherit;
  font-weight: 800;
}
.ohr-mode-button.is-active {
  background: #06265e;
  color: #fff;
  box-shadow: 0 6px 15px rgba(6, 38, 94, .25);
}
.ohr-app[data-operation-mode="parcel"] {
  --ohr-mode-color: #0754a6;
  --ohr-mode-soft: #eaf3ff;
  --ohr-mode-border: #91bce8;
}
.ohr-app[data-operation-mode="food"] {
  --ohr-mode-color: #9a4d00;
  --ohr-mode-soft: #fff3d2;
  --ohr-mode-border: #f0bd52;
}
.ohr-app[data-operation-mode="parcel"] .ohr-mode-button[data-courier-mode-button="parcel"] { background: #0754a6; }
.ohr-app[data-operation-mode="food"] .ohr-mode-button[data-courier-mode-button="food"] { background: #ed8b00; color: #241500; }
.ohr-mode-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: -6px 0 18px;
  padding: 16px 18px;
  border: 2px solid var(--ohr-mode-border);
  border-radius: 18px;
  background: var(--ohr-mode-soft);
  color: var(--ohr-mode-color);
}
.ohr-mode-banner > span { font-size: 34px; }
.ohr-mode-banner div { display: grid; gap: 2px; }
.ohr-mode-banner strong { font-size: 19px; }
.ohr-mode-banner small { color: #43566a; }
.ohr-app[data-view="courier"] .ohr-food-courier,
.ohr-app[data-view="courier"] [data-courier-mode] {
  border-color: var(--ohr-mode-border) !important;
}
.ohr-app[data-operation-mode="food"] .ohr-food-order { border-left: 6px solid #ed8b00; background: #fffaf0; }
.ohr-code-validation{padding:10px 12px;border-radius:12px;background:#f1f4f8;color:#536173;font-weight:700}.ohr-code-validation.is-checking{background:#fff8df;color:#765b00}.ohr-code-validation.is-valid{background:#e8f8ee;color:#12653a}.ohr-code-validation.is-invalid{background:#fff0f0;color:#a32121}#ohr-food-delivery fieldset{border:0;padding:0;margin:0;display:grid;gap:12px}#ohr-food-delivery fieldset:disabled{opacity:.48}.ohr-food-group{margin:14px 0}.ohr-food-group>h3{margin:0 0 8px;color:#172d50}.ohr-food-group.is-active>h3{color:#b86400}.ohr-client-service-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.ohr-client-service-switch button{min-height:52px;border:1px solid #cdd9e7;border-radius:15px;background:#fff;font-weight:800}.ohr-client-service-switch button.is-active[data-client-service-button="parcel"]{background:#0754a6;color:#fff}.ohr-client-service-switch button.is-active[data-client-service-button="food"]{background:#ed8b00;color:#fff}
.ohr-app[data-operation-mode="parcel"] .ohr-available-order { border-left: 6px solid #0754a6; background: #f7fbff; }
.ohr-app[data-operation-mode="food"] .ohr-available-order { border-left: 6px solid #ed8b00; background: #fffaf0; }
.ohr-earning-breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 14px 0;
}
.ohr-earning-breakdown > div { padding: 14px; border-radius: 15px; text-align: center; }
.ohr-earning-breakdown strong,.ohr-earning-breakdown span,.ohr-earning-breakdown small { display: block; }
.ohr-earning-breakdown strong { margin: 5px 0; font-size: 20px; }
.ohr-earning-parcel { background: #eaf3ff; color: #0754a6; }
.ohr-earning-food { background: #fff3d2; color: #9a4d00; }
.ohr-earning-total { background: #e9f7ef; color: #176548; }
[data-courier-mode][hidden] { display: none !important; }
.ohr-new-order-flash { animation: ohr-new-order 1s ease 2; }
@keyframes ohr-new-order { 50% { box-shadow: 0 0 0 5px rgba(255, 210, 28, .45); } }
@media (max-width: 600px) { .ohr-courier-modes { top: 4px; }.ohr-earning-breakdown { grid-template-columns: 1fr; }.ohr-earning-breakdown > div { text-align: left; } }
.ohr-app .ohr-client-service-switch button{min-height:56px;border:2px solid transparent;border-radius:15px;font-weight:800;box-shadow:0 5px 14px rgba(6,38,94,.12)}
.ohr-app .ohr-client-service-switch button[data-client-service-button="parcel"]{background:#eaf3ff;color:#0754a6;border-color:#aac9ec}
.ohr-app .ohr-client-service-switch button[data-client-service-button="food"]{background:#fff3d2;color:#874300;border-color:#efc36c}
.ohr-app .ohr-client-service-switch button.is-active[data-client-service-button="parcel"]{background:#0754a6;color:#fff;border-color:#0754a6}
.ohr-app .ohr-client-service-switch button.is-active[data-client-service-button="food"]{background:#ed8b00;color:#241500;border-color:#ed8b00}
.ohr-app[data-client-service="parcel"]{--ohr-client-mode-color:#0754a6;--ohr-client-mode-soft:#eaf3ff;--ohr-client-mode-border:#91bce8}
.ohr-app[data-client-service="food"]{--ohr-client-mode-color:#9a4d00;--ohr-client-mode-soft:#fff3d2;--ohr-client-mode-border:#f0bd52}
.ohr-client-mode-banner{margin:0 0 18px;border-color:var(--ohr-client-mode-border);background:var(--ohr-client-mode-soft);color:var(--ohr-client-mode-color)}
.ohr-app[data-client-service] [data-client-service]:not([hidden]){border:2px solid var(--ohr-client-mode-border)!important;box-shadow:0 10px 28px color-mix(in srgb,var(--ohr-client-mode-color) 12%,transparent)}
.ohr-service-type{padding:14px;border:2px solid #91bce8;border-radius:15px;background:#f5f9ff}
.ohr-service-type strong,.ohr-service-type small{display:block}.ohr-service-type small{margin-top:7px;color:#536173;font-weight:400}