.order-header-back,
.order-header-action {
  min-height: 38px;
  border: 0;
  background: transparent;
  color: #fff;
}

.order-header-back {
  justify-self: start;
  min-width: 44px;
  padding: 0 8px 4px 0;
  font-size: 38px;
  font-weight: 300;
  line-height: 1;
}

.order-header-action {
  justify-self: end;
  padding: 8px 2px;
  font-size: 13px;
  font-weight: 750;
}

.app-header.order-entry-header {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 84px;
  padding-right: max(12px, calc((100vw - 430px) / 2 + 12px));
  padding-left: max(12px, calc((100vw - 430px) / 2 + 12px));
}

.app-header.order-entry-header #appHeaderCopy {
  min-width: 0;
  display: grid;
  justify-items: center;
  text-align: center;
}

.app-header.order-entry-header #headerTitle {
  font-size: 18px;
}

.app-header.order-entry-header #headerRole {
  font-size: 10px;
}

.app-header.order-entry-header #installButton {
  display: none !important;
}

.app.oe-page-open {
  padding-bottom: 0;
}

.app.oe-page-open .content {
  width: 100%;
  max-width: none;
  padding: 12px 0 0;
}

.order-entry-page {
  --oe-brand: #0f766e;
  --oe-accent: #0f9f82;
  --oe-accent-soft: #e5f7f2;
  --oe-ink: #17312f;
  --oe-muted: #71817e;
  --oe-subtle: #9ba9a6;
  --oe-line: #dce8e5;
  --oe-line-soft: #ebf1ef;
  --oe-danger: #d94b43;
  width: min(430px, 100%);
  min-height: calc(100dvh - 64px);
  margin: 0 auto;
  padding: 4px 13px 88px;
  color: var(--oe-ink);
}

.order-entry-page *,
.order-entry-page *::before,
.order-entry-page *::after {
  box-sizing: border-box;
}

.order-entry-page button,
.order-entry-page input,
.order-entry-page select,
.order-entry-page textarea {
  min-width: 0;
  font: inherit;
  font-size: 16px;
}

.order-entry-page button {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.oe-visually-hidden {
  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;
  white-space: nowrap !important;
  border: 0 !important;
}

.oe-clipboard-capture {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: -1 !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  resize: none !important;
}

.oe-view {
  min-height: calc(100dvh - 80px);
}

.oe-form-card {
  margin-bottom: 12px;
  padding: 16px;
  border: 1px solid var(--oe-line);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(22, 78, 72, 0.055);
}

.oe-card-title-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 15px;
}

.oe-card-title-row > div {
  display: flex;
  align-items: center;
  gap: 10px;
}

.oe-card-title-row strong {
  font-size: 15px;
}

.oe-card-kicker {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--oe-accent);
  color: #fff;
  font-size: 15px;
  font-weight: 850;
}

.oe-text-action {
  min-height: 34px;
  border: 0;
  background: transparent;
  color: var(--oe-brand);
  font-size: 12px !important;
  font-weight: 750;
}

.oe-sender-summary {
  position: relative;
  width: 100%;
  display: grid;
  gap: 7px;
  padding: 0 28px 0 42px;
  border: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-sender-summary::before {
  content: "寄";
  position: absolute;
  left: 0;
  top: 1px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--oe-accent-soft);
  color: var(--oe-brand);
  font-weight: 850;
}

.oe-sender-summary > span:first-child {
  display: flex;
  align-items: baseline;
  gap: 9px;
}

.oe-sender-summary strong {
  font-size: 16px;
}

.oe-sender-summary small,
.oe-sender-summary > span:nth-child(2) {
  color: var(--oe-muted);
  font-size: 12px;
}

.oe-sender-summary i,
.oe-row-button i {
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--oe-subtle);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  transform: translateY(-50%);
}

.oe-receiver-card {
  position: relative;
  padding: 7px 12px 6px 64px;
}

.oe-receiver-badge {
  position: absolute;
  left: 14px;
  top: 61px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #ff8b58;
  color: #fff;
  font-size: 18px;
  font-weight: 850;
}

.oe-receiver-book-button {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 1;
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--oe-accent);
}

.oe-receiver-book-button svg {
  width: 34px;
  height: 38px;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.oe-receiver-fields {
  display: grid;
}

.oe-receiver-row {
  width: 100%;
  min-height: 33px;
  display: flex;
  align-items: center;
  padding: 0 48px 0 0;
  border: 0;
  border-bottom: 1px solid var(--oe-line-soft);
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-receiver-row:nth-child(n + 3) {
  padding-right: 0;
}

.oe-receiver-row input,
.oe-receiver-row textarea {
  width: 100%;
  min-height: 32px;
  padding: 3px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--oe-ink);
  line-height: 1.4;
}

.oe-receiver-row input::placeholder,
.oe-receiver-row textarea::placeholder {
  color: #9aa7a4;
  opacity: 1;
}

.oe-receiver-row:focus-within {
  border-bottom-color: var(--oe-accent);
}

.oe-region-button {
  min-height: 34px;
  color: #9aa7a4;
}

.oe-region-button.has-value {
  color: var(--oe-ink);
}

.oe-detail-row {
  min-height: 43px;
  border-bottom: 0;
}

.oe-receiver-row textarea {
  min-height: 41px;
  resize: none;
}

.oe-receiver-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding-top: 2px;
}

.oe-receiver-tools .oe-frequent-toggle {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  padding: 1px 0;
  border: 0;
  background: transparent;
  color: #526662;
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
}

.oe-frequent-toggle .oe-switch-track,
.oe-remark-save-toggle .oe-switch-track,
.oe-sender-default-toggle .oe-switch-track {
  position: relative;
  width: 43px;
  height: 25px;
  flex: none;
  border-radius: 999px;
  background: #dfe6e4;
  box-shadow: inset 0 0 0 1px rgba(54, 88, 82, 0.04);
  transition: background-color 0.18s ease;
}

.oe-receiver-tools .oe-frequent-toggle .oe-switch-track {
  width: 36px;
  height: 21px;
}

.oe-receiver-tools .oe-frequent-toggle .oe-switch-track::after {
  top: 3px;
  left: 3px;
  width: 15px;
  height: 15px;
}

.oe-receiver-tools .oe-frequent-toggle[aria-checked="true"] .oe-switch-track::after {
  transform: translateX(15px);
}

.oe-frequent-toggle .oe-switch-track::after,
.oe-remark-save-toggle .oe-switch-track::after,
.oe-sender-default-toggle .oe-switch-track::after {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 1px 4px rgba(29, 60, 55, 0.2);
  content: "";
  transition: transform 0.18s ease;
}

.oe-frequent-toggle[aria-checked="true"] .oe-switch-track,
.oe-remark-save-toggle[aria-checked="true"] .oe-switch-track,
.oe-sender-default-toggle[aria-checked="true"] .oe-switch-track {
  background: var(--oe-accent);
}

.oe-frequent-toggle[aria-checked="true"] .oe-switch-track::after,
.oe-remark-save-toggle[aria-checked="true"] .oe-switch-track::after,
.oe-sender-default-toggle[aria-checked="true"] .oe-switch-track::after {
  transform: translateX(18px);
}

.oe-receiver-tools .oe-smart-paste {
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 4px 8px;
  border: 1px solid rgba(15, 118, 110, 0.48);
  border-radius: 7px;
  background: #fff;
  color: var(--oe-brand);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(15, 118, 110, 0.035);
}

.oe-smart-paste svg {
  width: 15px;
  height: 16px;
  flex: none;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.7;
}

.oe-receiver-book-button:active,
.oe-smart-paste:active {
  opacity: 0.72;
}

.oe-frequent-toggle:disabled,
.oe-smart-paste:disabled {
  cursor: wait;
  opacity: 0.58;
}

.oe-compact-card {
  padding: 0 16px;
}

.oe-remark-summary-card {
  padding: 14px 16px;
}

.oe-remark-summary {
  position: relative;
  width: 100%;
  min-height: 82px;
  display: grid;
  align-content: start;
  gap: 8px;
  padding: 1px 28px 1px 44px;
  border: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-remark-summary::before {
  content: "备";
  position: absolute;
  left: 0;
  top: 1px;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--oe-accent-soft);
  color: var(--oe-brand);
  font-weight: 850;
}

.oe-remark-summary > span:first-child {
  min-height: 24px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 750;
}

.oe-remark-summary strong {
  display: block;
  min-height: 42px;
  color: var(--oe-subtle);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.55;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.oe-remark-summary.has-value strong {
  color: var(--oe-ink);
  font-weight: 650;
}

.oe-remark-summary i {
  position: absolute;
  right: 0;
  top: 50%;
  color: var(--oe-subtle);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  transform: translateY(-50%);
}

.oe-form-row {
  position: relative;
  min-height: 57px;
  display: grid;
  grid-template-columns: 105px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--oe-line-soft);
}

.oe-form-row:last-child {
  border-bottom: 0;
}

.oe-form-row > span:first-child {
  font-size: 14px;
  font-weight: 700;
}

.oe-form-row em {
  color: #e45a51;
  font-style: normal;
}

.oe-form-row input,
.oe-form-row select,
.oe-form-row textarea {
  width: 100%;
  min-height: 48px;
  padding: 8px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: right;
}

.oe-form-row select {
  direction: rtl;
}

.oe-form-row textarea {
  padding: 13px 0;
  line-height: 1.45;
  resize: vertical;
}

.oe-row-button {
  width: 100%;
  padding: 0 25px 0 0;
  border: 0;
  border-bottom: 1px solid var(--oe-line-soft);
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-row-button strong {
  overflow: hidden;
  color: var(--oe-subtle);
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-row-button.has-value strong {
  color: var(--oe-brand);
  font-weight: 700;
}

.oe-multiline-row {
  align-items: start;
}

.oe-multiline-row > span {
  padding-top: 15px;
}

.oe-money-field {
  display: flex;
  align-items: center;
  gap: 8px;
}

.oe-money-field input {
  flex: 1;
}

.oe-money-field b {
  flex: none;
  color: var(--oe-muted);
  font-size: 13px;
}

.oe-form-footnote {
  margin: 15px 5px 0;
  color: var(--oe-muted);
  font-size: 11px;
  line-height: 1.6;
}

.oe-remark-view {
  padding-bottom: 78px;
}

.oe-remark-card {
  padding: 0 16px;
}

.oe-remark-input-label {
  position: relative;
  display: grid;
  gap: 9px;
  padding: 16px 0 13px;
  border-bottom: 1px solid var(--oe-line-soft);
}

.oe-remark-input-label > span {
  font-size: 14px;
  font-weight: 750;
}

.oe-remark-input-label textarea {
  width: 100%;
  min-height: 240px;
  padding: 12px 13px 26px;
  border: 1px solid #d2dfdc;
  border-radius: 11px;
  outline: 0;
  background: #fbfdfc;
  color: var(--oe-ink);
  line-height: 1.55;
  resize: none;
}

.oe-remark-input-label textarea:focus {
  border-color: var(--oe-accent);
  box-shadow: 0 0 0 3px rgba(15, 159, 130, 0.1);
}

.oe-remark-input-label > small {
  position: absolute;
  right: 11px;
  bottom: 21px;
  color: var(--oe-subtle);
  font-size: 11px;
}

.oe-remark-input-label > small b {
  font-weight: 500;
}

.oe-remark-save-toggle,
.oe-remark-list-toggle {
  width: 100%;
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--oe-line-soft);
  background: transparent;
  color: var(--oe-ink);
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

.oe-remark-list-toggle > span:last-child {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--oe-muted);
}

.oe-remark-list-toggle small {
  font-size: 12px;
  font-weight: 500;
}

.oe-remark-list-toggle i {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  transition: transform 0.18s ease;
}

.oe-remark-list-toggle[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.oe-frequent-remark-list {
  display: grid;
  gap: 8px;
  padding: 12px 0 15px;
}

.oe-frequent-remark-list button {
  width: 100%;
  min-height: 46px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 22px;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  border: 1px solid var(--oe-line);
  border-radius: 9px;
  background: #fbfdfc;
  color: #526662;
  font-size: 13px;
  line-height: 1.45;
  text-align: left;
}

.oe-frequent-remark-list button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-frequent-remark-list button i {
  color: transparent;
  font-style: normal;
  text-align: center;
}

.oe-frequent-remark-list button.active {
  border-color: rgba(15, 159, 130, 0.38);
  background: var(--oe-accent-soft);
  color: var(--oe-brand);
}

.oe-frequent-remark-list button.active i {
  color: var(--oe-accent);
}

.oe-frequent-remark-empty {
  padding: 11px;
  border-radius: 9px;
  background: #f6f9f8;
  color: var(--oe-muted);
  font-size: 12px;
  text-align: center;
}

.oe-sticky-action {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 25;
  width: min(430px, 100%);
  padding: 10px 13px max(10px, env(safe-area-inset-bottom));
  border-top: 1px solid var(--oe-line);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 -8px 24px rgba(22, 78, 72, 0.08);
  backdrop-filter: blur(12px);
  transform: translateX(-50%);
}

.oe-primary-button,
.oe-secondary-button,
.oe-danger-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 16px;
  border-radius: 11px;
  font-size: 15px !important;
  font-weight: 800;
}

.oe-primary-button {
  width: 100%;
  border: 1px solid var(--oe-brand);
  background: var(--oe-brand);
  color: #fff;
}

.oe-primary-button:disabled {
  opacity: 0.55;
}

.oe-secondary-button {
  width: 100%;
  border: 1px solid var(--oe-line);
  background: #fff;
  color: var(--oe-brand);
}

.oe-danger-button {
  width: 100%;
  border: 1px solid #efc4c0;
  background: #fff7f6;
  color: var(--oe-danger);
}

.oe-search-panel {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 72px;
  align-items: center;
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid var(--oe-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(22, 78, 72, 0.05);
}

.oe-search-icon {
  display: grid;
  place-items: center;
  color: var(--oe-muted);
  font-size: 27px;
}

.oe-search-panel input {
  min-height: 48px;
  padding: 9px 4px;
  border: 0;
  outline: 0;
  background: transparent;
}

.oe-search-panel button {
  align-self: stretch;
  border: 0;
  background: var(--oe-brand);
  color: #fff;
  font-size: 14px;
  font-weight: 750;
}

.oe-list-hint {
  margin: 4px 3px 12px;
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-sender-book-view,
.oe-sender-editor-view {
  padding-bottom: 72px;
}

.oe-sender-list {
  overflow: hidden;
  border: 1px solid var(--oe-line);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(22, 78, 72, 0.055);
}

.oe-sender-item {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas:
    "sender edit"
    "defaults defaults";
  column-gap: 8px;
  padding: 14px 13px 11px 16px;
  border-bottom: 1px solid var(--oe-line-soft);
  background: #fff;
}

.oe-sender-item:last-child {
  border-bottom: 0;
}

.oe-sender-item.selected {
  background: linear-gradient(90deg, rgba(15, 159, 130, 0.075), rgba(15, 159, 130, 0.015) 58%, #fff);
}

.oe-sender-item.selected::before {
  position: absolute;
  top: 15px;
  bottom: 49px;
  left: 0;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: var(--oe-accent);
  content: "";
}

.oe-sender-select {
  grid-area: sender;
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-sender-name-line {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.oe-sender-name-line strong {
  flex: none;
  font-size: 16px;
}

.oe-sender-name-line span {
  min-width: 0;
  overflow: hidden;
  color: #536a66;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-sender-select small {
  overflow: hidden;
  color: var(--oe-muted);
  font-size: 11px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-sender-edit {
  grid-area: edit;
  align-self: center;
  min-height: 36px;
  padding: 5px 2px 5px 9px;
  border: 0;
  background: transparent;
  color: var(--oe-muted);
  font-size: 12px !important;
  white-space: nowrap;
}

.oe-sender-defaults {
  grid-area: defaults;
  display: flex;
  align-items: center;
  gap: 22px;
  margin-top: 10px;
  padding-top: 9px;
  border-top: 1px solid var(--oe-line-soft);
}

.oe-sender-default-toggle {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #536a66;
  font-size: 11px !important;
  white-space: nowrap;
}

.oe-sender-default-toggle .oe-switch-track {
  width: 38px;
  height: 22px;
}

.oe-sender-default-toggle .oe-switch-track::after {
  width: 16px;
  height: 16px;
}

.oe-sender-default-toggle[aria-checked="true"] .oe-switch-track::after {
  transform: translateX(16px);
}

.oe-sender-default-toggle:disabled {
  cursor: wait;
  opacity: 0.58;
}

.oe-sender-editor-card {
  padding: 0 16px;
}

.oe-sender-editor-row {
  position: relative;
  min-height: 58px;
  display: grid;
  grid-template-columns: 108px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  border: 0;
  border-bottom: 1px solid var(--oe-line-soft);
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-sender-editor-row:last-of-type {
  border-bottom: 0;
}

.oe-sender-editor-row > span {
  font-size: 13px;
  font-weight: 700;
}

.oe-sender-editor-row em {
  color: var(--oe-danger);
  font-style: normal;
}

.oe-sender-editor-row input,
.oe-sender-editor-row textarea {
  width: 100%;
  min-height: 45px;
  padding: 9px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: right;
}

.oe-sender-editor-row input::placeholder,
.oe-sender-editor-row textarea::placeholder {
  color: var(--oe-subtle);
  opacity: 1;
}

.oe-sender-region-button {
  width: 100%;
  padding: 0 26px 0 0;
}

.oe-sender-region-button strong {
  overflow: hidden;
  color: var(--oe-subtle);
  font-size: 13px;
  font-weight: 500;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-sender-region-button.has-value strong {
  color: var(--oe-ink);
}

.oe-sender-region-button i {
  position: absolute;
  right: 0;
  color: var(--oe-subtle);
  font-size: 22px;
  font-style: normal;
}

.oe-sender-address-row {
  min-height: 88px;
  align-items: start;
  padding-top: 18px;
}

.oe-sender-address-row textarea {
  min-height: 70px;
  padding-top: 0;
  line-height: 1.5;
  resize: none;
}

.oe-sender-editor-tools {
  display: flex;
  padding: 9px 0 11px;
}

.oe-sender-smart-paste {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 10px;
  border: 1px solid rgba(15, 118, 110, 0.5);
  border-radius: 7px;
  background: #fff;
  color: var(--oe-brand);
  font-size: 12px !important;
  font-weight: 750;
  white-space: nowrap;
}

.oe-sender-smart-paste:disabled {
  cursor: wait;
  opacity: 0.58;
}

.oe-recipient-list {
  overflow: hidden;
  border: 1px solid var(--oe-line);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(22, 78, 72, 0.055);
}

.oe-recipient-item {
  position: relative;
  width: 100%;
  min-height: 112px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  align-items: center;
  gap: 8px;
  padding: 16px 13px 16px 17px;
  border-bottom: 1px solid var(--oe-line-soft);
  background: #fff;
}

.oe-recipient-item:last-child {
  border-bottom: 0;
}

.oe-recipient-select {
  min-width: 0;
  display: grid;
  gap: 5px;
  border: 0;
  background: transparent;
  color: var(--oe-ink);
  text-align: left;
}

.oe-recipient-name-line {
  display: flex;
  align-items: baseline;
  gap: 10px;
}

.oe-recipient-name-line strong {
  font-size: 17px;
}

.oe-recipient-name-line span,
.oe-recipient-select small {
  color: var(--oe-muted);
  font-size: 12px;
}

.oe-recipient-select small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-recipient-edit {
  min-height: 40px;
  border: 0;
  background: transparent;
  color: var(--oe-muted);
  font-size: 12px !important;
}

.oe-empty-state {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 48px 20px;
  color: var(--oe-muted);
  text-align: center;
}

.oe-empty-state span {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--oe-accent-soft);
  color: var(--oe-brand);
  font-size: 20px;
}

.oe-empty-state small {
  font-size: 12px;
}

.oe-record-tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 12px;
  padding: 4px;
  border: 1px solid var(--oe-line);
  border-radius: 12px;
  background: #e9efed;
}

.oe-record-tabs button {
  min-height: 38px;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: var(--oe-muted);
  font-size: 12px;
  font-weight: 700;
}

.oe-record-tabs button.active {
  background: #fff;
  color: var(--oe-brand);
  box-shadow: 0 2px 9px rgba(22, 78, 72, 0.08);
}

.oe-record-tabs span {
  margin-left: 2px;
  font-size: 10px;
}

.oe-sync-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 3px 11px;
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-sync-line span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.oe-sync-line i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--oe-accent);
}

.oe-sync-line button {
  min-height: 32px;
  padding: 4px 8px;
  border: 0;
  background: transparent;
  color: var(--oe-brand);
  font-size: 12px;
  font-weight: 750;
}

.oe-record-list {
  display: grid;
  gap: 10px;
}

.oe-record-card {
  display: grid;
  gap: 12px;
  padding: 15px;
  border: 1px solid var(--oe-line);
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(22, 78, 72, 0.055);
}

.oe-record-head,
.oe-record-meta,
.oe-record-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.oe-record-head > div {
  min-width: 0;
}

.oe-record-head strong {
  display: block;
  overflow: hidden;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-record-head small,
.oe-record-meta {
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-status-pill {
  flex: none;
  padding: 5px 9px;
  border-radius: 999px;
  background: #fff3d6;
  color: #9d6500;
  font-size: 10px;
  font-weight: 750;
}

.oe-status-pill.printed {
  background: #e4f7ef;
  color: #087451;
}

.oe-record-address {
  color: #536a66;
  font-size: 12px;
  line-height: 1.55;
}

.oe-record-actions {
  justify-content: flex-end;
  padding-top: 10px;
  border-top: 1px solid var(--oe-line-soft);
}

.oe-record-actions button {
  min-height: 35px;
  padding: 6px 10px;
  border: 1px solid var(--oe-line);
  border-radius: 8px;
  background: #fff;
  color: var(--oe-brand);
  font-size: 11px;
  font-weight: 750;
}

.oe-record-actions button.danger {
  border-color: #efcfcc;
  color: var(--oe-danger);
}

.oe-sheet-layer {
  position: fixed;
  inset: 0;
  z-index: 70;
  display: grid;
  align-items: end;
  justify-items: center;
}

.oe-sheet-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(13, 31, 28, 0.48);
  backdrop-filter: blur(2px);
}

.oe-bottom-sheet {
  position: relative;
  z-index: 1;
  width: min(430px, 100%);
  max-height: 88dvh;
  overflow-y: auto;
  padding: 11px 17px max(18px, env(safe-area-inset-bottom));
  border-radius: 22px 22px 0 0;
  background: #fff;
  box-shadow: 0 -20px 50px rgba(9, 34, 30, 0.2);
  animation: oe-sheet-in 0.2s ease-out;
}

.oe-tall-sheet {
  max-height: 94dvh;
}

@keyframes oe-sheet-in {
  from { transform: translateY(22px); opacity: 0.7; }
  to { transform: translateY(0); opacity: 1; }
}

.oe-sheet-handle {
  width: 38px;
  height: 4px;
  margin: 0 auto 14px;
  border-radius: 99px;
  background: #d6e0de;
}

.oe-sheet-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 17px;
}

.oe-sheet-heading small {
  color: var(--oe-muted);
  font-size: 10px;
}

.oe-sheet-heading h2 {
  margin: 2px 0 0;
  font-size: 19px;
}

.oe-sheet-heading > button {
  width: 38px;
  height: 38px;
  border: 0;
  border-radius: 50%;
  background: #f0f4f3;
  color: var(--oe-muted);
  font-size: 22px;
}

.oe-sheet-field {
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
}

.oe-paste-field {
  display: grid;
  gap: 7px;
  margin-bottom: 13px;
}

.oe-paste-field-heading {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.oe-paste-field-heading > label {
  color: #536a66;
  font-size: 11px;
  font-weight: 700;
}

.oe-paste-field-actions {
  display: flex;
  align-items: center;
  gap: 7px;
}

.oe-paste-field-actions button {
  min-height: 32px;
  padding: 5px 10px;
  border: 1px solid #c9d9d6;
  border-radius: 9px;
  background: #fff;
  color: var(--oe-brand);
  font-size: 12px;
  font-weight: 700;
}

.oe-paste-field-actions button:disabled {
  opacity: 0.55;
}

.oe-sheet-field > span {
  color: #536a66;
  font-size: 11px;
  font-weight: 700;
}

.oe-sheet-field input,
.oe-sheet-field textarea,
.oe-paste-field textarea {
  width: 100%;
  min-height: 45px;
  padding: 11px 12px;
  border: 1px solid #d2dfdc;
  border-radius: 10px;
  outline: 0;
  background: #fbfdfc;
  color: var(--oe-ink);
}

.oe-sheet-field textarea,
.oe-paste-field textarea {
  line-height: 1.55;
  resize: vertical;
}

.oe-sheet-field input:focus,
.oe-sheet-field textarea:focus,
.oe-paste-field textarea:focus {
  border-color: var(--oe-accent);
  box-shadow: 0 0 0 3px rgba(15, 159, 130, 0.12);
}

.oe-sheet-tip {
  margin: 3px 0 16px;
  color: var(--oe-muted);
  font-size: 11px;
  line-height: 1.55;
}

.oe-selection-list {
  display: grid;
  gap: 9px;
}

.oe-selection-item {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid var(--oe-line);
  border-radius: 11px;
  background: #fff;
  color: var(--oe-ink);
  text-align: left;
}

.oe-selection-item.active {
  border-color: rgba(15, 159, 130, 0.4);
  background: var(--oe-accent-soft);
}

.oe-selection-item span {
  display: grid;
  gap: 3px;
}

.oe-selection-item small {
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-selection-item i {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid var(--oe-line);
  border-radius: 50%;
  color: transparent;
  font-style: normal;
}

.oe-selection-item.active i {
  border-color: var(--oe-accent);
  background: var(--oe-accent);
  color: #fff;
}

.oe-region-picker-sheet {
  min-height: min(430px, 52dvh);
  display: flex;
  flex-direction: column;
}

.oe-region-picker-labels,
.oe-region-picker-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.oe-region-picker-labels {
  margin: 7px 0 2px;
  color: var(--oe-muted);
  font-size: 11px;
  text-align: center;
}

.oe-region-picker-columns {
  position: relative;
  flex: 1;
  min-height: 190px;
  align-items: center;
  padding: 10px 0;
}

.oe-region-picker-columns::before,
.oe-region-picker-columns::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid var(--oe-line-soft);
}

.oe-region-picker-columns::before {
  top: calc(50% - 23px);
}

.oe-region-picker-columns::after {
  top: calc(50% + 23px);
}

.oe-region-picker-column {
  position: relative;
  z-index: 1;
  max-height: 220px;
  display: grid;
  align-content: start;
  gap: 1px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
}

.oe-region-picker-column::-webkit-scrollbar {
  display: none;
}

.oe-region-picker-column button {
  min-height: 42px;
  overflow: hidden;
  padding: 7px 3px;
  border: 0;
  background: transparent;
  color: #a5afad;
  font-size: 13px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.oe-region-picker-column button.active {
  color: var(--oe-ink);
  font-size: 17px;
  font-weight: 700;
}

.oe-sheet-button-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
}

.oe-editor-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 10px;
}

.oe-editor-grid .wide {
  grid-column: 1 / -1;
}

.oe-confirm-list {
  display: grid;
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--oe-line);
  border-radius: 12px;
}

.oe-confirm-list > div {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--oe-line-soft);
}

.oe-confirm-list > div:last-child {
  border-bottom: 0;
}

.oe-confirm-list dt {
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-confirm-list dd {
  margin: 0;
  color: var(--oe-ink);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.5;
  text-align: right;
  word-break: break-word;
}

.oe-confirm-warning {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 12px;
  padding: 10px;
  border-radius: 9px;
  background: #fff8e7;
  color: #886111;
  font-size: 11px;
  line-height: 1.45;
}

.oe-confirm-warning span {
  flex: none;
  width: 17px;
  height: 17px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f3bd44;
  color: #fff;
  font-weight: 900;
}

.oe-success-sheet {
  display: grid;
  justify-items: center;
  padding-top: 28px;
  text-align: center;
}

.oe-success-icon {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: 12px;
  border-radius: 50%;
  background: var(--oe-accent-soft);
  color: var(--oe-accent);
  font-size: 28px;
  font-weight: 900;
}

.oe-success-sheet h2 {
  margin: 0 0 14px;
  font-size: 20px;
}

.oe-success-sheet p,
.oe-success-sheet small {
  margin: 0;
  color: var(--oe-muted);
  font-size: 11px;
}

.oe-success-sheet > strong {
  margin: 5px 0 7px;
  color: var(--oe-brand);
  font-size: 18px;
  letter-spacing: 0.03em;
}

.oe-success-sheet .oe-sheet-button-row {
  width: 100%;
}

@media (max-width: 380px) {
  .app-header.order-entry-header {
    grid-template-columns: 64px minmax(0, 1fr) 76px;
  }

  .order-entry-page {
    padding-right: 10px;
    padding-left: 10px;
  }

  .oe-receiver-card {
    padding: 7px 10px 6px 61px;
  }

  .oe-receiver-tools {
    gap: 7px;
  }

  .oe-receiver-tools .oe-frequent-toggle,
  .oe-receiver-tools .oe-smart-paste {
    font-size: 12px;
  }

  .oe-receiver-tools .oe-smart-paste {
    padding-right: 7px;
    padding-left: 7px;
  }

  .oe-compact-card {
    padding: 0 14px;
  }

  .oe-form-row {
    grid-template-columns: 93px minmax(0, 1fr);
  }

  .oe-sender-item {
    padding-right: 11px;
    padding-left: 14px;
  }

  .oe-sender-defaults {
    gap: 14px;
  }

  .oe-sender-editor-row {
    grid-template-columns: 96px minmax(0, 1fr);
  }
}

.oe-agent-card {padding:16px;display:grid;gap:12px}.oe-agent-card label,.oe-agent-dialog label {display:grid;gap:6px;font-size:14px}.oe-agent-card input,.oe-agent-card textarea,.oe-agent-card select,.oe-agent-dialog input:not([type=checkbox]),.oe-agent-dialog textarea,.oe-agent-dialog select {box-sizing:border-box;width:100%;padding:10px;border:1px solid #d9e1ed;border-radius:8px;background:var(--card,#fff);color:inherit;font:inherit}.oe-agent-card p,.oe-agent-dialog p {font-size:12px;color:#64748b;line-height:1.6}.oe-agent-buttons {display:flex;flex-wrap:wrap;gap:8px}.oe-agent-buttons button,.oe-agent-dialog button{padding:10px;border:1px solid #dbe3ef;border-radius:8px;background:#f1f6ff;color:#1664da}.oe-agent-sticky {display:flex;gap:10px}.oe-agent-sticky #oeSaveDraft{flex:0 0 85px}.oe-agent-dialog {box-sizing:border-box;width:min(560px,94vw);max-height:88vh;padding:20px;border:1px solid #dbe3ef;border-radius:16px;background:#fff;color:#17243c}.oe-agent-dialog::backdrop{background:#0f172a88}.oe-agent-dialog header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.oe-agent-dialog form{display:grid;gap:14px}.oe-agent-dialog section{padding:14px 0;border-bottom:1px solid #dbe3ef}.oe-agent-dialog textarea{width:100%}

.oe-receiver-editor-tools {display:flex;align-items:center;flex-wrap:wrap;gap:12px}.oe-receiver-editor-tools [aria-checked="true"] {color:#0f766e;font-weight:700}.oe-receiver-summary-card #oeReceiverSummaryAddress {overflow-wrap:anywhere}

.oe-agent-combobox{position:relative;display:grid;gap:6px;font-size:14px}.oe-agent-candidates{position:absolute;top:100%;left:0;right:0;z-index:15;max-height:260px;overflow:auto;background:white;border:1px solid #dce8e5;border-radius:10px;box-shadow:0 8px 24px #17312f22;margin-top:4px}.oe-agent-candidates button{display:grid;gap:4px;text-align:left;width:100%;border:0;border-bottom:1px solid #edf2f0;padding:12px;background:white;color:#17312f}.oe-agent-candidates button small{color:#728380}.oe-agent-candidates button[aria-selected="true"],.oe-agent-candidates button:hover{background:#edf8f4}.oe-agent-candidates button[data-agent-add]{color:#0f766e;font-weight:700}