:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #223b35;
  background: #f5f5f0;
  font-synthesis: none;
  --green: #28644f;
  --line: #dfe4da;
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
button,
input,
select,
textarea {
  font: inherit;
}
button,
a,
input,
select {
  touch-action: manipulation;
}
button,
.button {
  border: 0;
  border-radius: 9px;
  background: var(--green);
  color: white;
  padding: 13px 19px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 46px;
}
button:hover,
.button:hover {
  filter: brightness(1.08);
}
button:disabled {
  opacity: 0.45;
  cursor: default;
}
.secondary {
  background: #e7ece3;
  color: #223b35;
}
.danger {
  background: #8b4047;
}
.small {
  padding: 9px 13px;
  min-height: 40px;
  font-size: 13px;
}
a {
  color: inherit;
}
input,
select,
textarea {
  padding: 12px;
  border: 1px solid #ccd5c9;
  border-radius: 8px;
  background: #fff;
  min-height: 46px;
  width: 100%;
  outline: none;
}
input:focus,
select:focus {
  border-color: var(--green);
  box-shadow: 0 0 0 3px #28644f15;
}
label {
  display: grid;
  gap: 7px;
  font-size: 13px;
  font-weight: 600;
}
.muted {
  color: #748277;
}
.eyebrow {
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: 650;
  color: #6d8170;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: 34px;
  letter-spacing: -1px;
}
h2 {
  font-size: 23px;
}
h3 {
  font-size: 16px;
}
.row {
  display: flex;
  gap: 12px;
  align-items: center;
}
.between {
  justify-content: space-between;
}
.wrap {
  flex-wrap: wrap;
}
.stack {
  display: grid;
  gap: 17px;
}
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 18px;
}
.card {
  padding: 24px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
}
.brand {
  display: flex;
  align-items: center;
  gap: 11px;
  font-weight: 750;
  letter-spacing: 2px;
  font-size: 16px;
  text-decoration: none;
}
.brand img {
  width: 42px;
  height: 42px;
}
.pill {
  font-size: 12px;
  padding: 7px 11px;
  border-radius: 20px;
  background: #e7eee5;
  color: #28644f;
}
.pill.warn {
  background: #fff0d8;
  color: #906422;
}
.error {
  color: #923b46;
  background: #fae8e9;
  padding: 12px;
  border-radius: 8px;
}
.shell {
  display: grid;
  grid-template-columns: 232px 1fr;
  min-height: 100dvh;
}
.sidebar {
  background: #223b35;
  color: #fff;
  padding: 30px 18px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.sidebar .brand {
  font-size: 14px;
  letter-spacing: 1px;
}
.sidebar nav {
  display: grid;
  gap: 4px;
}
.sidebar nav button {
  text-align: left;
  justify-content: flex-start;
  background: transparent;
  color: #bed0c5;
  padding: 11px 15px;
  font-size: 14px;
}
.sidebar nav button.active {
  background: #36564b;
  color: #fff;
}
.sidebar .bottom {
  margin-top: auto;
  color: #b5c8bb;
}
.main {
  min-width: 0;
  padding: 30px 36px;
}
.topbar {
  margin-bottom: 30px;
}
.topbar select {
  width: 235px;
  background: transparent;
}
.metric {
  font-size: 32px;
  letter-spacing: -1px;
  font-weight: 650;
  margin-top: 12px;
}
.tablebox {
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: white;
}
table {
  border-collapse: collapse;
  width: 100%;
  white-space: nowrap;
  font-size: 14px;
}
th {
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  color: #798578;
  background: #fafbf8;
}
td,
th {
  padding: 16px 18px;
  border-bottom: 1px solid #edf0e8;
}
tr:last-child td {
  border: 0;
}
.empty {
  padding: 60px 20px;
  text-align: center;
  color: #7d887d;
}
.auth {
  min-height: 100dvh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.auth-side {
  padding: 65px;
  background: #223b35;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.auth-side h1 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-size: 60px;
  max-width: 600px;
  line-height: 1.1;
}
.auth-form {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
}
.auth-form form {
  width: 100%;
  max-width: 390px;
}
.auth-form h1 {
  font-size: 28px;
}
.public {
  max-width: 1280px;
  margin: auto;
  padding: 30px 50px;
}
.public header {
  margin-bottom: 80px;
}
.hero {
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 75px;
  align-items: center;
  padding: 30px 0 90px;
}
.hero h1 {
  font-family: Georgia, serif;
  font-size: 76px;
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -3px;
}
.hero p {
  font-size: 19px;
  line-height: 1.6;
  max-width: 470px;
}
.hero-visual {
  background: #e6ebe0;
  border-radius: 200px 200px 24px 24px;
  padding: 45px 25px;
  min-height: 440px;
  display: grid;
  align-content: center;
  position: relative;
}
.hero-visual .card {
  box-shadow: 0 20px 45px #223b3515;
  transform: rotate(-3deg);
}
.flower {
  font-family: Georgia, serif;
  font-size: 110px;
  text-align: center;
  color: #6f8b6c;
  line-height: 1.1;
}
.public section {
  padding: 50px 0;
}
.public footer {
  border-top: 1px solid var(--line);
  padding: 35px 0;
  margin-top: 40px;
}
.public details {
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
}
.public summary {
  cursor: pointer;
  font-weight: 600;
}
.public details p {
  margin: 15px 0 0;
  line-height: 1.6;
}
.pos-main {
  padding: 22px;
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.pos-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 20px;
  min-height: 0;
  flex: 1;
}
.assortment {
  overflow: auto;
  min-height: 0;
}
.product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 12px;
}
.product-card {
  min-height: 145px;
  text-align: left;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  color: #223b35;
  background: #fff;
  border: 1px solid var(--line);
  padding: 18px;
}
.product-card .price {
  font-size: 18px;
  font-weight: 650;
}
.basket {
  background: white;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.basket-lines {
  flex: 1;
  overflow: auto;
}
.basket-line {
  padding: 15px 0;
  border-bottom: 1px solid var(--line);
}
.basket-line input {
  width: 70px;
  min-height: 40px;
  padding: 8px;
}
.basket-total {
  font-size: 29px;
  margin: 20px 0;
}
.pos-tabs {
  display: flex;
  gap: 6px;
  margin: 14px 0;
}
.pos-tabs button {
  background: #e7ece3;
  color: #223b35;
}
.pos-tabs button.active {
  background: #28644f;
  color: white;
}
dialog {
  border: 0;
  border-radius: 16px;
  padding: 30px;
  width: 480px;
  max-width: 90vw;
  max-height: 90dvh;
  box-shadow: 0 30px 100px #0003;
}
dialog::backdrop {
  background: #172e2855;
  backdrop-filter: blur(3px);
}
dialog.wide {
  width: 760px;
}
#toast {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  background: #223b35;
  color: white;
  padding: 14px 24px;
  border-radius: 10px;
  display: none;
  z-index: 100;
}
.section-head {
  margin: 24px 0 18px;
}
.code {
  font-family: monospace;
  font-size: 12px;
}
textarea {
  min-height: 90px;
}
.form-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
@media (max-width: 1000px) {
  .main {
    padding: 24px;
  }
  .shell {
    grid-template-columns: 190px 1fr;
  }
  .sidebar {
    padding: 24px 12px;
  }
  .pos-layout {
    grid-template-columns: minmax(0, 1fr) 310px;
  }
  .hero {
    gap: 30px;
  }
  .hero h1 {
    font-size: 58px;
  }
  .public {
    padding: 25px;
  }
  .auth-side {
    padding: 35px;
  }
}
@media (max-width: 700px) {
  .public nav {
    display: none;
  }
  .hero {
    grid-template-columns: 1fr;
  }
  .hero h1 {
    font-size: 54px;
  }
  .hero-visual {
    min-height: 300px;
  }
  .auth {
    grid-template-columns: 1fr;
  }
  .auth-side {
    display: none;
  }
  .shell {
    grid-template-columns: 1fr;
  }
  .sidebar {
    padding: 15px;
  }
  .sidebar nav {
    display: flex;
    overflow: auto;
  }
  .sidebar .bottom {
    display: none;
  }
  .main {
    padding: 18px;
  }
}
@media (orientation: portrait) {
  body.tablet-pos #app {
    position: fixed;
    width: 100dvh;
    height: 100dvw;
    left: 100%;
    top: 0;
    transform: rotate(90deg);
    transform-origin: top left;
    overflow: auto;
  }
  body.tablet-pos .pos-main {
    height: 100dvw;
  }
  body.tablet-pos dialog {
    position: fixed;
    inset: 50% auto auto 50%;
    margin: 0;
    max-width: 90dvh;
    max-height: 90dvw;
    transform: translate(-50%, -50%) rotate(90deg);
  }
  body.tablet-pos #toast {
    inset: 50% auto auto 24px;
    max-width: 80dvh;
    transform: translate(-50%, -50%) rotate(90deg);
  }
}

.sidebar {
  height: 100dvh;
  position: sticky;
  top: 0;
  overflow-y: auto;
}
.sidebar nav button {
  min-height: 40px;
}
.sidebar {
  gap: 22px;
}
.sidebar nav {
  gap: 2px;
}

.product-thumb {
  width: 100%;
  height: 90px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}
/* Source: Flutter app.dart Workspace/pos/productCard/basket. */
.ui-icon {
  width: 22px;
  height: 22px;
  flex: none;
  vertical-align: middle;
}
.support-banner {
  background: #fff0c1;
  color: #694708;
  padding: 12px 24px;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.legacy-workspace {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  height: 100dvh;
  color: #223b35;
  font:
    14px "Segoe UI",
    Arial,
    sans-serif;
  background: #f5f5f0;
}
.legacy-sidebar {
  background: #223b35;
  color: #bbcec5;
  display: flex;
  flex-direction: column;
  padding: 0 12px;
  overflow: hidden;
}
.legacy-brand {
  height: 100px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 16px 4px;
  color: #fff;
  letter-spacing: 2px;
  font-weight: 600;
}
.legacy-brand svg {
  width: 32px;
  height: 38px;
  flex: none;
}
.legacy-sidebar nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
  overflow: auto;
}
.legacy-sidebar button {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 14px;
  background: none;
  color: inherit;
  border: 0;
  padding: 16px;
  min-height: 51px;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
}
.legacy-sidebar button.active {
  background: #36564b;
  color: white;
}
.legacy-sidebar .legacy-user {
  margin-top: auto;
  padding: 22px 4px;
  font-size: 12px;
}
.legacy-main {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.legacy-header {
  height: 82px;
  flex: none;
  background: #fff;
  padding: 18px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.legacy-header strong {
  font-size: 20px;
  font-weight: 600;
}
.legacy-header small {
  display: block;
  color: #888;
  margin-top: 6px;
  font-size: 12px;
}
.legacy-header .pill {
  font-size: 12px;
  display: flex;
  gap: 7px;
  align-items: center;
  padding: 10px 12px;
  min-height: 36px;
}
.legacy-pos-layout {
  flex: 1;
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
}
.legacy-assortment {
  padding: 24px;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}
.legacy-search {
  background: white;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 14px;
  height: 60px;
  flex: none;
}
.legacy-search input {
  border: 0;
  background: none;
  padding: 18px 0;
  font-size: 16px;
  width: 100%;
  outline: none;
}
.legacy-filters {
  margin: 20px 0 10px;
}
.legacy-workspace .secondary {
  border: 1px solid #bccbc4;
  background: white;
  color: #28644f;
  border-radius: 8px;
  padding: 10px 16px;
  font-size: 14px;
}
.legacy-workspace .secondary.selected {
  background: #cfe9dd;
}
.category-breadcrumb {
  gap: 8px;
  min-height: 40px;
}
.category-folders {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.category-folders button {
  display: flex;
  align-items: center;
  gap: 7px;
}
.legacy-assortment h3 {
  font-size: 19px;
  font-weight: 600;
  margin: 5px 0 16px;
}
.legacy-assortment .product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  grid-auto-rows: 190px;
  gap: 14px;
  overflow: auto;
  align-content: start;
  margin-top: 0;
  padding-bottom: 16px;
}
.legacy-product {
  position: relative;
  background: white;
  border-radius: 14px;
  overflow: hidden;
  min-width: 0;
}
.legacy-product-main {
  width: 100%;
  height: 100%;
  background: white;
  color: #223b35;
  display: flex;
  flex-direction: column;
  text-align: left;
  padding: 14px;
  gap: 8px;
  border: 0;
  font-size: 13px;
  font-weight: 400;
}
.legacy-product-main strong {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  font-weight: 600;
}
.legacy-product-main .row {
  width: 100%;
  font-size: 13px;
}
.legacy-product-main small {
  color: #888;
  font-size: 12px;
}
.legacy-product-image {
  position: relative;
  flex: 1;
  width: 100%;
  min-height: 70px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin-bottom: 3px;
}
.legacy-product-image > .ui-icon {
  width: 42px;
  height: 42px;
  opacity: 0.65;
}
.legacy-product-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-menu {
  position: absolute;
  right: 5px;
  top: 5px;
  background: #ffffffdd !important;
  z-index: 1;
}
.icon-button {
  border: 0;
  padding: 4px !important;
  width: 30px;
  min-height: 30px !important;
  background: transparent;
  color: #4b5851;
  font-size: 22px;
  display: grid;
  place-items: center;
}
.favorite-mark,
.markdown-tag {
  position: absolute;
  top: 5px;
  left: 5px;
  background: #ffe4b5;
  padding: 4px;
  border-radius: 6px;
  font-size: 11px;
}
.favorite-mark {
  left: auto;
  right: 25px;
  color: #a77a1e;
}
.legacy-basket {
  border-left: 1px solid #e2e5dc;
  background: white;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.legacy-basket-title {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 24px;
  border-bottom: 1px solid #dce1d8;
  height: 82px;
  flex: none;
}
.legacy-basket-title h3 {
  font-size: 18px;
  color: #18221e;
  font-weight: 600;
  margin: 0;
  flex: 1;
}
.legacy-basket-body {
  padding: 12px;
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
  gap: 12px;
}
.legacy-customer {
  display: flex;
  align-items: center;
  gap: 14px;
  background: #e5f0e8;
  border: 1px solid #86b599;
  color: #28644f;
  padding: 16px 12px;
  min-height: 78px;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
}
.legacy-customer span:nth-child(2) {
  flex: 1;
}
.legacy-customer small {
  display: block;
  font-size: 11px;
  color: #26332b;
  font-weight: 400;
  margin-top: 5px;
}
.text-button {
  background: none;
  border: 0;
  color: #28644f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
}
.legacy-basket .basket-lines {
  flex: 1;
  overflow: visible;
}
.legacy-basket .basket-line {
  border: 1px solid #dce3d8;
  background: #f7f9f5;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 10px;
}
.legacy-basket .basket-line strong {
  font-size: 14px;
  font-weight: 500;
}
.legacy-basket [data-quantity] {
  width: 52px;
  border: 0;
  padding: 4px;
  background: transparent;
  text-align: center;
}
.legacy-basket .calendar-save {
  border-radius: 25px;
  align-self: center;
  display: flex;
  gap: 8px;
  align-items: center;
  margin-top: auto;
}
.legacy-checkout {
  padding: 24px 22px;
  border-top: 1px solid #e2e5dc;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.legacy-checkout strong {
  font-size: 24px;
}
.legacy-checkout > button {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  height: 60px;
}
.legacy-checkout small {
  text-align: center;
  color: #999;
  font-size: 11px;
}
.legacy-page {
  overflow: auto;
  flex: 1;
  padding: 28px;
}
.legacy-workspace .empty {
  font-size: 14px;
}
.legacy-workspace h1 {
  font-size: 28px;
}
.legacy-workspace .tablebox {
  margin-top: 20px;
}
.payment-original {
  background: #e5ebe4;
  width: 648px;
  max-width: 90vw;
  padding: 24px;
  border-radius: 28px;
}
.payment-original h2 {
  font-size: 24px;
  font-weight: 600;
  color: #17211c;
}
.payment-tabs {
  display: flex;
  gap: 4px;
  margin: 18px 0;
}
.payment-tabs button {
  flex: 1;
  padding: 12px 8px;
  border-radius: 24px;
  background: none;
  color: #28644f;
  font-weight: 400;
}
.payment-tabs button.active {
  background: #dceee3;
}
.payment-due {
  font-size: 28px;
  margin: 12px 0;
  border-bottom: 1px solid #cad7cf;
  padding-bottom: 12px;
}
.payment-methods {
  display: flex;
  border: 1px solid #809187;
  border-radius: 25px;
  overflow: hidden;
  margin: 12px 0 20px;
}
.payment-methods button {
  flex: 1;
  background: none;
  color: #18251e;
  border-radius: 0;
  padding: 11px;
}
.payment-methods button.active {
  background: #d0e9de;
}
.payment-cash {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.payment-keypad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}
.payment-keypad button {
  border: 1px solid #81948a;
  border-radius: 25px;
  background: none;
  color: #28644f;
  padding: 9px;
  font-size: 20px;
  font-weight: 400;
}
.payment-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 28px;
}
.payment-actions button {
  border-radius: 28px;
}
.payment-original input {
  background: #f5f5f0;
  border: 0;
  border-radius: 12px;
}
.payment-presets {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.payment-original .error {
  color: #a52c2c;
}
.payment-original label {
  font-size: 13px;
}
.payment-original .stack {
  gap: 14px;
}
@media (max-width: 1270px) {
  .legacy-pos-layout {
    grid-template-columns: minmax(0, 1fr) 315px;
  }
  .legacy-header {
    padding: 16px 22px;
  }
  .legacy-assortment .product-grid {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  }
}
@media (max-width: 1179px) {
  .legacy-workspace {
    grid-template-columns: 78px minmax(0, 1fr);
  }
  .legacy-sidebar {
    z-index: 5;
    width: 78px;
    transition: width 0.18s;
    position: relative;
  }
  .legacy-sidebar:hover,
  .legacy-sidebar:focus-within {
    width: 220px;
    box-shadow: 4px 0 16px #0003;
  }
  .legacy-sidebar:not(:hover):not(:focus-within) button span,
  .legacy-sidebar:not(:hover):not(:focus-within) .legacy-brand span {
    display: none;
  }
}
@media (orientation: portrait) {
  body.tablet-pos .legacy-workspace {
    height: 100dvw;
  }
  body.tablet-pos .legacy-header {
    height: 70px;
  }
  body.tablet-pos .legacy-pos-layout {
    grid-template-columns: minmax(0, 1fr) 315px;
  }
}
.marketing {
  background: #faf9f5;
  color: #223b35;
  font-family: "Segoe UI", Arial, sans-serif;
}
.site-nav {
  max-width: 1440px;
  margin: auto;
  padding: 28px 5%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.site-brand {
  display: flex;
  gap: 12px;
  align-items: center;
  text-decoration: none;
  color: inherit;
  font-size: 15px;
  letter-spacing: 2px;
  font-weight: 700;
}
.site-brand svg {
  width: 32px;
  height: 36px;
  background: #223b35;
  border-radius: 8px;
  padding: 5px;
  box-sizing: content-box;
}
.site-nav nav {
  display: flex;
  gap: 30px;
  font-size: 14px;
}
.site-nav a,
.site-footer a {
  text-decoration: none;
}
.site-login {
  border: 1px solid #bccbc0;
  border-radius: 25px;
  padding: 12px 22px;
}
.site-hero {
  max-width: 1440px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 40px;
  padding: 75px 5% 95px;
  align-items: center;
}
.site-kicker {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
  color: #567264;
  margin: 0 0 25px;
}
.site-hero h1 {
  font-size: clamp(40px, 4.2vw, 65px);
  line-height: 1.06;
  font-weight: 500;
  letter-spacing: -2.5px;
  margin: 0 0 28px;
}
.site-hero h1 em {
  font-family: Georgia, serif;
  font-weight: 400;
  color: #61796c;
}
.site-lead {
  font-size: 17px;
  line-height: 1.65;
  max-width: 510px;
  color: #617068;
}
.site-ctas {
  display: flex;
  gap: 24px;
  align-items: center;
  margin: 28px 0 15px;
  font-size: 13px;
}
.site-ctas button,
.commercial-plan button,
.site-final button {
  padding: 18px 24px;
  border-radius: 30px;
  font-size: 14px;
}
.site-ctas button span {
  margin-left: 18px;
}
.site-ctas a {
  text-decoration: none;
}
.site-note {
  font-size: 12px;
  color: #77857c;
  line-height: 1.7;
}
.site-product {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 30px 80px #27483820;
  border: 1px solid #d7ded4;
  background: #e4ebdf;
  transform: rotate(-2deg);
}
.browser-chrome {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 13px;
  background: #f4f5f0;
  font-size: 10px;
  color: #6f7f73;
}
.browser-chrome i {
  width: 6px;
  height: 6px;
  background: #c4cfc3;
  border-radius: 50%;
}
.browser-chrome span {
  margin: auto;
}
.site-product img {
  display: block;
  width: 100%;
  aspect-ratio: 1.45;
  object-fit: cover;
  object-position: top;
}
.site-product-caption {
  padding: 22px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  font-size: 14px;
}
.site-ribbon {
  background: #223b35;
  color: #eee9d9;
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  padding: 27px 5%;
  font-size: 11px;
  letter-spacing: 2px;
}
.site-ribbon b {
  font-size: 24px;
  color: #ff969f;
}
.site-section {
  max-width: 1280px;
  margin: auto;
  padding: 100px 5%;
}
.site-section h2,
.site-network h2,
.site-final h2 {
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 500;
  letter-spacing: -1.5px;
  line-height: 1.15;
  margin: 0 0 30px;
}
.site-section-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.site-section-heading p {
  line-height: 1.7;
  color: #718071;
  font-size: 14px;
}
.ecosystem {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 30px;
}
.ecosystem article {
  background: #edf1e8;
  border-radius: 18px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  min-height: 290px;
}
.ecosystem article:nth-child(2) {
  background: #f1e9e3;
}
.ecosystem article.future {
  background: #e8eceb;
}
.site-number {
  font-size: 10px;
  letter-spacing: 1.7px;
  color: #708373;
}
.ecosystem h3 {
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -1px;
  margin: 25px 0 10px;
}
.ecosystem h3 small {
  font-size: 10px;
  letter-spacing: 0;
  display: inline-block;
  border: 1px solid #bdcbbf;
  padding: 6px;
  border-radius: 20px;
  vertical-align: middle;
}
.ecosystem p {
  font-size: 14px;
  line-height: 1.7;
  color: #657165;
  margin-bottom: 25px;
}
.ecosystem a,
.ecosystem article > span:last-child {
  margin-top: auto;
  font-size: 12px;
}
.site-pos {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 90px;
  border-top: 1px solid #dce2d7;
}
.site-checks {
  padding: 0;
  list-style: none;
  margin: 30px 0;
}
.site-checks li {
  padding: 12px 0;
  border-bottom: 1px solid #e0e5da;
  font-size: 14px;
}
.site-checks li:before {
  content: "✓";
  margin-right: 12px;
  color: #28644f;
}
.site-pos-art {
  background: #223b35;
  border-radius: 20px;
  color: #faf6ee;
  padding: 42px;
  position: relative;
  overflow: hidden;
  min-height: 440px;
}
.site-pos-art > span {
  font-size: 10px;
  letter-spacing: 2px;
  color: #b2c8b6;
}
.site-pos-art h3 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-size: 58px;
  line-height: 1.12;
  position: relative;
  z-index: 1;
}
.site-pos-art svg {
  position: absolute;
  width: 260px;
  height: 290px;
  right: -65px;
  bottom: 75px;
  opacity: 0.8;
}
.site-pos-art p {
  font-size: 11px;
  line-height: 1.8;
  color: #c5d5c7;
  position: relative;
}
.site-benefits {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
  margin-top: 50px;
}
.site-benefits article > span {
  font-size: 12px;
  color: #97a390;
}
.site-benefits h3 {
  font-size: 20px;
  margin: 25px 0 15px;
  font-weight: 500;
}
.site-benefits p {
  color: #74806f;
  font-size: 14px;
  line-height: 1.7;
}
.site-network {
  padding: 90px 5%;
  background: #e9eee4;
  text-align: center;
}
.site-network > p {
  line-height: 1.7;
  color: #667b67;
  font-size: 14px;
}
.network-map {
  max-width: 850px;
  margin: 45px auto 0;
}
.network-owner {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  background: #223b35;
  color: white;
  border-radius: 14px;
  padding: 22px 35px;
}
.network-branches {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 40px;
  position: relative;
}
.network-branches:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 16%;
  right: 16%;
  border-top: 1px solid #92a88f;
}
.network-branches > div {
  background: #fbfcf8;
  border-radius: 14px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  position: relative;
}
.network-branches > div:before {
  content: "";
  position: absolute;
  height: 20px;
  top: -20px;
  border-left: 1px solid #92a88f;
}
.network-branches span {
  font-size: 12px;
  color: #7e8c79;
}
.site-offline {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 100px;
  align-items: center;
}
.offline-orbit {
  font-family: Georgia, serif;
  font-size: 190px;
  text-align: center;
  line-height: 1;
  background: #f2e7e0;
  color: #486d55;
  border-radius: 50%;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
}
.commercial-plan {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 45px;
  background: #223b35;
  color: white;
  border-radius: 20px;
  margin-top: 30px;
  gap: 70px;
}
.commercial-plan .site-kicker {
  color: #b2c7b7;
}
.commercial-plan h3 {
  font-size: 43px;
  font-weight: 400;
  letter-spacing: -1px;
}
.commercial-plan h3 small {
  font-size: 14px;
  letter-spacing: 0;
}
.commercial-plan p {
  color: #c1d0c1;
  font-size: 14px;
  line-height: 1.8;
}
.commercial-plan button {
  background: #f5ede1;
  color: #223b35;
  margin-top: 20px;
}
.commercial-plan h4 {
  font-size: 21px;
  font-weight: 400;
}
.commercial-plan hr {
  border: 0;
  border-top: 1px solid #516a5d;
  margin: 24px 0;
}
.commercial-plan b {
  font-weight: 500;
  float: right;
  color: white;
}
.site-faq {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 75px;
}
.site-faq details {
  padding: 20px 0;
  border-bottom: 1px solid #dae1d3;
}
.site-faq summary {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  cursor: pointer;
  list-style: none;
}
.site-faq summary span {
  font-size: 22px;
}
.site-faq details p {
  font-size: 14px;
  line-height: 1.8;
  color: #6f7e6b;
}
.site-final {
  background: #f2e7e0;
  text-align: center;
  padding: 85px 5%;
}
.site-final p:last-child {
  font-size: 12px;
  color: #7a8472;
  margin-top: 20px;
}
.site-footer {
  max-width: 1440px;
  margin: auto;
  padding: 45px 5%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 25px;
  font-size: 12px;
  color: #75816e;
}
.site-footer details {
  font-size: 11px;
}
.site-footer .site-brand {
  color: #223b35;
}
.site-footer details a {
  display: inline-block;
  margin-top: 12px;
}
@media (max-width: 950px) {
  .site-nav nav {
    gap: 12px;
  }
  .site-hero {
    gap: 25px;
    padding-top: 45px;
  }
  .site-ctas {
    flex-direction: column;
    align-items: flex-start;
  }
  .site-section {
    padding: 65px 5%;
  }
  .site-pos,
  .site-offline {
    gap: 35px;
  }
  .site-benefits {
    grid-template-columns: 1fr 1fr;
  }
  .site-ribbon {
    gap: 12px;
    font-size: 9px;
  }
  .commercial-plan {
    gap: 30px;
    padding: 30px;
  }
  .site-footer {
    flex-wrap: wrap;
  }
}
@media (max-width: 680px) {
  .site-nav nav {
    display: none;
  }
  .site-hero,
  .site-pos,
  .site-offline,
  .site-faq,
  .commercial-plan {
    grid-template-columns: 1fr;
  }
  .site-hero h1 {
    font-size: 45px;
  }
  .site-product {
    margin-top: 20px;
  }
  .site-section-heading {
    display: block;
  }
  .ecosystem {
    grid-template-columns: 1fr;
  }
  .ecosystem article {
    min-height: 230px;
  }
  .site-ribbon {
    flex-wrap: wrap;
  }
  .site-benefits {
    gap: 20px;
  }
  .network-branches {
    gap: 8px;
  }
  .network-branches > div {
    padding: 15px 8px;
    font-size: 12px;
  }
  .network-branches span {
    font-size: 10px;
  }
  .offline-orbit {
    max-width: 230px;
    width: 100%;
    margin: auto;
  }
  .site-faq {
    gap: 20px;
  }
  .site-section h2,
  .site-final h2,
  .site-network h2 {
    font-size: 34px;
  }
  .commercial-plan h3 {
    font-size: 36px;
  }
}
.legacy-sidebar button {
  justify-content: flex-start;
}
.admin-thumb {
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 7px;
}
.order-board {
  display: flex;
  gap: 18px;
  overflow: auto;
  margin-top: 24px;
  min-height: 430px;
}
.order-column {
  flex: 1;
  min-width: 210px;
  background: #edf0e9;
  padding: 16px;
  border-radius: 14px;
}
.order-column h3 {
  font-size: 16px;
  margin: 0 0 20px;
}
.order-column:nth-child(2) {
  background: #e1eadf;
}
.order-column:nth-child(3) {
  background: #f2e9d2;
}
.order-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  text-align: left;
  align-items: flex-start;
  background: white;
  color: #223b35;
  padding: 16px;
  margin-bottom: 14px;
  font-weight: 400;
  box-shadow: 0 3px 8px #223b3509;
}
.order-card span,
.order-card small {
  font-size: 12px;
  color: #70806f;
}
.order-card b {
  font-size: 20px;
}
.showcase-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.showcase-card {
  background: white;
  padding: 24px;
  border: 1px solid #e1e5dc;
  border-radius: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.showcase-card .showcase-photo {
  height: 220px;
  background: #f5f5f0;
  display: grid;
  place-items: center;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}
.showcase-photo svg {
  width: 55px;
  height: 55px;
}
.showcase-photo img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.showcase-card h3 {
  margin: 8px 0;
  font-size: 20px;
}
.showcase-card .price {
  font-size: 24px;
}
.showcase-card button {
  min-height: 44px;
}
.showcase-card .row {
  flex-wrap: wrap;
}
.showcase-card .secondary {
  flex: 1;
}

.quantity-control {
  display: flex;
  align-items: center;
  gap: 3px;
}
.quantity-control input {
  width: 58px !important;
  text-align: center;
}
.quantity-control button {
  padding: 5px 9px;
}

.revenue-bars > div {
  display: grid;
  grid-template-columns: 100px 1fr 120px;
  gap: 16px;
  align-items: center;
  padding: 6px;
}
.revenue-bars meter {
  width: 100%;
  height: 24px;
}

@media print {
  body > * {
    display: none !important;
  }
  body > dialog:has(.print-receipt) {
    display: block !important;
    position: static;
    border: 0;
    box-shadow: none;
    max-width: none;
    width: 100%;
    max-height: none;
    transform: none !important;
  }
  body > dialog:has(.print-receipt) form > *:not(.print-receipt) {
    display: none !important;
  }
  .print-receipt table {
    font-size: 12px;
  }
}

.original-pos-frame{display:block;border:0;width:100%;height:100dvh;background:#f5f5f0}.tablet-pos .original-pos-frame{height:100%}body:has(.original-pos-frame){overflow:hidden}

.native-download{position:fixed;z-index:9999;right:24px;bottom:24px;max-width:80vw;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #c8d7ce;border-radius:14px;box-shadow:0 6px 24px #183a2520;padding:12px 18px;font:14px system-ui}.native-download a{color:#28644f}.native-download button{padding:3px 8px;background:transparent;color:#28644f;font-size:24px}

/* Service control workspace */
.ctl-shell {display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100dvh;background:#f5f7f5;color:#263f36}
.ctl-sidebar {position:sticky;top:0;height:100dvh;padding:30px 18px 22px;background:#fff;border-right:1px solid #e2e9e4;display:flex;flex-direction:column;gap:22px;box-sizing:border-box}
.ctl-sidebar .brand {font-size:15px;white-space:nowrap;gap:8px}.ctl-sidebar .brand img {width:30px}
.ctl-caption {font-size:10px;letter-spacing:1.6px;color:#8a9890;margin:14px 12px 0}
.ctl-sidebar nav {display:grid;gap:6px}.ctl-sidebar nav button {display:flex;align-items:center;gap:13px;text-align:left;background:transparent;color:#65776d;border:0;border-radius:10px;padding:13px 15px;font-weight:500}
.ctl-sidebar nav button span {font-size:20px;width:22px;text-align:center}.ctl-sidebar nav button.active {background:#e6efe9;color:#204b38;font-weight:700}.ctl-sidebar nav button:hover {background:#f0f5f1}
.ctl-sidebar-bottom {margin-top:auto;display:flex;gap:10px;align-items:center;font-size:11px}.ctl-sidebar-bottom small {display:block;color:#86958c;margin-top:4px}.ctl-avatar {background:#e9eeea;border-radius:50%;padding:12px;font-weight:bold}
.ctl-main {padding:38px clamp(22px,3.5vw,58px);min-width:0;max-width:1600px;width:100%;box-sizing:border-box}.ctl-header {display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.ctl-header h1 {font-size:30px;margin:6px 0 10px;letter-spacing:-.7px}.ctl-header p {margin:0}.ctl-header .eyebrow {font-size:10px;letter-spacing:1.6px;margin-bottom:12px}.ctl-header .row {flex-shrink:0}
.ctl-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.ctl-main .card {border:1px solid #e2e9e4;border-radius:14px;box-shadow:0 3px 10px #243d2e03;padding:24px;background:#fff}.ctl-metrics .metric {font-size:32px;margin:15px 0 8px;letter-spacing:-1px}.ctl-metrics small {color:#87948b;font-size:12px}
.ctl-welcome {margin:24px 0 32px;padding:28px 32px;background:#e8efe8;border:1px solid #dbe7dd;border-radius:14px;display:flex;justify-content:space-between;gap:24px;align-items:center}.ctl-welcome h2 {margin:8px 0;font-size:23px}.ctl-welcome p {margin:6px 0;color:#607669}.ctl-welcome .eyebrow {font-size:10px;letter-spacing:2px}
.ctl-main h2 {font-size:20px}.ctl-main .tablebox {border:1px solid #e2e9e4;border-radius:14px;background:#fff;overflow:auto}.ctl-main table {margin:0;white-space:normal}.ctl-main th {background:#f9fbf9;color:#819086;font-size:11px;letter-spacing:.3px;padding:16px 20px}.ctl-main td {padding:19px 20px;font-size:13px;vertical-align:middle;border-bottom:1px solid #edf1ed}.ctl-main tr:last-child td {border:0}.ctl-main .small {font-size:12px;padding:9px 12px;white-space:nowrap}
.ctl-subtext {display:block;margin-top:6px;color:#89948d;font-size:11px}.ctl-badge {display:inline-block;background:#f0f2ee;color:#778478;border-radius:7px;padding:6px 9px;font-size:11px;white-space:nowrap}.ctl-badge.good {background:#e9f3eb;color:#397449}.ctl-badge.bad {background:#f9eae7;color:#a04a3d}
.ctl-filters {display:flex;gap:16px;align-items:end;margin-bottom:22px}.ctl-filters label:first-child {flex:1}.ctl-filters label {font-size:12px;color:#7b8c80}.ctl-filters select {min-width:200px}.ctl-back {background:transparent;color:#537860;padding:8px 0;border:0;font-size:13px}.ctl-company-summary {display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin:20px 0}.ctl-company-summary button {margin-left:auto}
.ctl-tabs {display:flex;gap:24px;border-bottom:1px solid #dfe6df;margin:24px 0}.ctl-tabs button {border:0;border-radius:0;background:transparent;color:#7d8b80;padding:14px 0}.ctl-tabs button.active {color:#315c42;box-shadow:0 2px #315c42}
.ctl-two {display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.ctl-details {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}.ctl-details dt {color:#869188;font-size:13px}.ctl-details dd {margin:0;font-size:13px}.ctl-tip p {font-size:14px;line-height:1.7;color:#708174}.ctl-tip .metric {margin:25px 0}.ctl-tip small {font-size:17px;font-weight:400}.ctl-note {padding:16px 20px;background:#eaf0e9;color:#56715b;border-radius:10px;margin-bottom:22px;font-size:13px;line-height:1.6}
.ctl-help {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ctl-help p {font-size:14px;line-height:1.8;color:#657769}.ctl-step {font-size:12px;color:#849784;background:#edf3eb;display:inline-block;padding:7px 10px;border-radius:8px}
dialog > form.stack > .row:first-child {position:sticky;top:-30px;background:white;padding:12px 0;z-index:2}dialog .modal-actions {display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:-30px;background:white;padding:16px 0;margin-top:8px}dialog .error {white-space:normal}dialog input:user-invalid {border-color:#bd927f}
@media(max-width:1100px){.ctl-shell{grid-template-columns:215px minmax(0,1fr)}.ctl-header{align-items:flex-start;flex-direction:column}.ctl-metrics{grid-template-columns:repeat(2,1fr)}.ctl-main{padding:28px}.ctl-two{grid-template-columns:1fr}}
@media(max-width:720px){.ctl-shell{display:block}.ctl-sidebar{position:relative;height:auto;padding:16px}.ctl-sidebar nav{display:flex;overflow:auto}.ctl-sidebar nav button{white-space:nowrap}.ctl-caption,.ctl-sidebar-bottom{display:none}.ctl-sidebar>[data-logout]{position:absolute;right:16px;top:14px}.ctl-sidebar .brand{max-width:70%}.ctl-main{padding:22px 16px}.ctl-welcome{display:block;padding:22px}.ctl-welcome button{margin-top:16px}.ctl-help{grid-template-columns:1fr}.ctl-filters{align-items:stretch;flex-direction:column}.ctl-tabs{gap:16px;overflow:auto}.ctl-tabs button{white-space:nowrap}}
.pin-screen{min-height:100dvh;display:grid;place-items:center;background:#eaf0e8;padding:24px;box-sizing:border-box}.pin-card{width:min(440px,100%);padding:38px;background:#fff;border:1px solid #dae5d9;border-radius:22px;box-shadow:0 20px 70px #2443280b}.pin-card .brand{margin-bottom:36px}.pin-card h1{font-size:28px}.pin-card .eyebrow{font-size:10px;letter-spacing:1.6px}.pin-card [name=pin]{font-size:26px;letter-spacing:10px;text-align:center}.pin-card .pin-hint{font-size:12px;line-height:1.6;margin-top:22px}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:18px}.team-person{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:24px;background:white;color:#375342;border:1px solid #dfe8df;border-radius:16px;text-align:left}.team-person:hover{background:#f4f8f2;border-color:#9eb29e}.team-person>strong{font-size:18px}.team-person>span:not(.team-avatar):not(.ctl-badge){font-weight:400;color:#7c8c7e}.team-person>small{font-weight:400;line-height:1.6;color:#839087;min-height:32px}.team-avatar{border-radius:50%;background:#edf2e9;padding:12px;margin-bottom:6px}.team-rights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:13px}.team-rights>span{color:#9caaa0}.team-rights .allowed{color:#315e40}.team-rights label{font-size:12px;line-height:1.5}.team-editor-tabs{overflow:auto;gap:18px;margin:0 0 20px}.team-editor-tabs button{white-space:nowrap;font-size:12px}.team-store-list{display:grid;gap:16px;padding:15px 0}.team-editor-tabs~[hidden]{display:none!important}@media(max-width:650px){.team-rights{grid-template-columns:1fr}}

.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media(max-width:650px){.form-grid{grid-template-columns:1fr}}

.pwa-install-entry { position:fixed; left:20px; bottom:20px; z-index:10; background:#223b35; color:white; border:1px solid #78988a; border-radius:12px; padding:12px 18px; }

.pin-card-footer{display:flex;justify-content:flex-end;margin-top:8px}.pin-card .pin-switch-company{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:36px;padding:0;border:0;border-radius:9px;background:transparent;color:#8a948b;box-shadow:none}.pin-card .pin-switch-company:hover{background:#f1f4f0;color:#465b49}.pin-card .pin-switch-company:focus-visible{outline:2px solid #577d5b;outline-offset:2px}

.order-compose{width:min(780px,calc(100vw - 40px));max-height:90dvh;padding:0;border:1px solid #dde4d9;border-radius:24px;background:#f5f6f1;color:#253b2b}.order-compose form{padding:28px;gap:20px}.order-compose h2{font-size:28px;margin:0}.order-compose h3{font-size:20px;margin:0 0 18px}.order-section{background:white;border:1px solid #e3e8de;border-radius:18px;padding:22px;display:grid;gap:16px}.order-compose label{font-size:16px;font-weight:500;gap:9px}.order-compose input,.order-compose select,.order-compose textarea{font:inherit;font-size:18px;min-height:52px;border-radius:12px;padding:12px 14px;background:#fafbf8;border:1px solid #d9e1d4;width:100%;box-sizing:border-box}.order-compose textarea{min-height:115px;resize:vertical}.order-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.order-date-shortcuts{display:flex;gap:10px}.order-date-shortcuts button{background:#edf2e8;color:#3d573d;border:0;border-radius:10px;padding:10px 20px;font-size:16px}.order-compose summary{font-size:17px;cursor:pointer;padding:10px 0}.order-compose .modal-actions{position:sticky;bottom:-28px;background:#f5f6f1;padding:16px 0 8px;border-top:1px solid #dde4d9}.order-compose .modal-actions button{min-height:52px;font-size:17px;border-radius:12px}.order-compose [hidden]{display:none!important}@media(max-width:600px){.order-fields{grid-template-columns:1fr}.order-compose form{padding:18px}}

.order-customer-results{display:grid;gap:10px;max-height:290px;overflow:auto}.order-compose .order-customer-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;white-space:normal;padding:16px 18px;background:#f7f9f3;color:#293e2d;border:1px solid #dce5d6;border-radius:12px;min-height:76px}.order-customer-row strong{font-size:18px;display:block}.order-customer-row small{display:block;font-size:15px;font-weight:400;margin-top:7px;color:#657360}.order-compose .order-customer-row:hover,.order-compose .order-customer-row[aria-pressed=true]{background:#e8f0e1;border-color:#7d9870}.order-selected-customer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px;background:#eaf1e3;border:1px solid #b8cbaa;border-radius:14px}.order-selected-customer strong,.order-selected-customer small,.order-selected-customer span{display:block;margin:4px 0}.order-selected-customer strong{font-size:20px}.order-selected-customer small{font-size:14px;color:#526549}