.page-actions {
  display: flex;
  gap: 9px;
  align-items: center;
}

.brand-mark {
  overflow: hidden;
  border-color: rgba(255, 255, 255, .55);
  background: #fff;
}

.brand-mark img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.install-app-button {
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 10px;
  padding: 0 13px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}

.logout-button{min-height:40px;border:0;background:transparent;color:#d9e2de;font:inherit;font-size:12px;cursor:pointer}
.login-dialog{max-width:430px}.login-dialog::backdrop{background:#172a22;backdrop-filter:none}
.login-brand{width:82px;height:82px;margin:0 auto 22px;overflow:hidden;border:1px solid var(--line);border-radius:50%}
.login-brand img{width:100%;height:100%;object-fit:cover}
.login-dialog h2,.login-dialog .dialog-intro,.login-dialog .eyebrow{text-align:center}
.login-field{display:block;margin-bottom:14px;font-size:12px;font-weight:700}
.login-field input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff;color:var(--ink);font:inherit}
.login-field input[readonly]{background:var(--cream);color:var(--muted)}
.login-error{margin:0 0 14px;border-radius:8px;padding:10px 12px;background:#fbe7ea;color:#a53a50;font-size:12px}
.login-network-note{display:block;margin-top:14px;color:var(--muted);text-align:center}

.install-app-button:hover {
  background: rgba(255, 255, 255, .18);
}

.close-cashier-button {
  border: 1px solid #d7a5af;
  background: #fff6f7;
  color: #b94e66;
  padding: 10px 14px;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer;
}

.discount-field {
  display: block;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 600;
}

.money-input {
  display: flex;
  align-items: center;
  margin-top: 7px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

.money-input button {
  align-self: stretch;
  min-width: 52px;
  border: 0;
  border-right: 1px solid var(--line);
  background: var(--pink-soft);
  color: var(--pink);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}

.money-input button:hover,
.money-input button:focus-visible {
  background: var(--pink);
  color: #fff;
}

.money-input input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  padding: 13px 12px 13px 0;
  font: inherit;
  font-size: 18px;
}

.discount-preview {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0;
  padding: 14px;
  border-radius: 10px;
  background: var(--cream);
}

.discount-preview span {
  color: var(--muted);
  font-size: 12px;
}

.discount-preview strong {
  font-family: 'Fraunces', serif;
  font-size: 21px;
}

.dialog-actions {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 10px;
}

.dialog-actions .confirm-button {
  justify-content: center;
}

.breakdown-total {
  grid-column: span 2;
  background: var(--forest) !important;
  color: #fff;
}

.breakdown-total span {
  color: #c8d4ce !important;
}

.closure-report-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin: 16px 0;
}

.closure-report-stats div {
  padding: 13px;
  border-radius: 10px;
  background: var(--cream);
}

.closure-report-stats span,
.closure-report-stats strong {
  display: block;
}

.closure-report-stats span {
  color: var(--muted);
  font-size: 10px;
}

.closure-report-stats strong {
  margin-top: 5px;
  font-size: 17px;
}

.closure-report-payments {
  margin: 0 0 20px;
}

@media (max-width: 600px) {
  .install-app-button {
    width: 40px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
  }

  .install-app-button::before {
    content: "↓";
    font-size: 20px;
  }

  .page-heading {
    align-items: flex-start;
  }

  .page-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .close-cashier-button {
    font-size: 11px;
  }

  .dialog-actions,
  .closure-report-stats {
    grid-template-columns: 1fr;
  }
}
.bling-button{
  border:1px solid rgba(255,255,255,.28);
  border-radius:10px;
  background:rgba(255,255,255,.1);
  color:#fff;
  padding:9px 12px;
  font-weight:700;
  cursor:pointer;
}
.bling-button.connected{background:#3d755e;border-color:#75b596}
.module-switch{display:flex;background:rgba(255,255,255,.1);border-radius:11px;padding:3px}
.module-switch button{border:0;background:transparent;color:rgba(255,255,255,.72);padding:8px 11px;border-radius:8px;font-weight:700;cursor:pointer}
.module-switch button.active{background:#fff;color:#20352d}
.orders-shell{max-width:1440px;margin:0 auto;padding:30px}
.orders-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}
.orders-heading h1{margin:3px 0 6px;font-size:2rem}.orders-heading>div>p:last-child{margin:0;color:#6f766f}
.order-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.8fr);gap:24px;align-items:start}
.order-form-card,.order-summary-card{background:#fff;border:1px solid #e3ded4;border-radius:18px;box-shadow:0 8px 24px rgba(43,54,46,.06)}
.order-form-card{padding:24px}.order-form-card h2{font-size:1.05rem;margin:0 0 16px}.order-form-card h2:not(:first-child){margin-top:28px;padding-top:22px;border-top:1px solid #eee9df}
.order-form-card input,.order-form-card select,.order-summary-card input,.order-summary-card select,.order-summary-card textarea{width:100%;box-sizing:border-box;border:1px solid #d9d5cc;border-radius:10px;padding:11px 12px;background:#fff;color:#26332d;font:inherit}
.order-form-card label,.order-summary-card label{display:grid;gap:6px;color:#49534e;font-size:.84rem;font-weight:700}
.cep-input{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:stretch}.cep-input input{height:46px!important;margin:0!important;border-radius:10px 0 0 10px!important}.cep-input button{width:46px;height:46px;border:1px solid #d9d5cc;border-left:0;border-radius:0 10px 10px 0;background:#edf3ef;color:#274c3c;font-size:1.3rem;cursor:pointer}.cep-input button:disabled{opacity:.55;cursor:wait}
.order-discount-input{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:stretch}.order-discount-input button{height:46px;border:1px solid #d9d5cc;border-right:0;border-radius:10px 0 0 10px;background:#edf3ef;color:#274c3c;font-weight:800;cursor:pointer}.order-discount-input input{height:46px!important;margin:0!important;border-radius:0 10px 10px 0!important}
.order-product-search{margin-bottom:13px}
.order-product-grid{display:grid;grid-template-columns:1fr;gap:8px}
.order-product-card{border:1px solid #e1ddd4;border-radius:12px;background:#faf8f3;padding:12px;text-align:left;cursor:pointer;color:#293a32;display:flex;align-items:center;justify-content:space-between;gap:12px}
.order-product-card small{display:block;color:#81867f;margin-bottom:4px}.order-product-card strong{display:block}.order-product-card>span:last-child{white-space:nowrap;color:#426854;font-weight:800}.order-search-hint{margin:4px 0 0;padding:18px;border:1px dashed #d9d5cc;border-radius:11px;color:#777f79;text-align:center;font-size:13px}
.order-summary-card{position:sticky;top:18px;padding:20px}
.order-summary-title{padding-bottom:14px;border-bottom:1px solid #ece7de}.order-summary-title span{display:block;font-size:.72rem;color:#858b85;font-weight:800;letter-spacing:.08em}
.order-empty{text-align:center;color:#8a8e89;padding:30px 12px}
.order-items{display:grid;gap:9px;margin:14px 0}.order-item{display:grid;grid-template-columns:1fr auto;gap:7px;padding:11px;border:1px solid #ece7de;border-radius:11px}
.order-item small{display:block;color:#777f79}.order-item-controls{display:flex;align-items:center;gap:7px}.order-item-controls button{border:1px solid #d9d5cc;background:#fff;border-radius:7px;width:27px;height:27px;cursor:pointer}
.order-values{margin-top:18px}.order-totals{display:grid;gap:9px;margin:18px 0}.order-totals>div{display:flex;justify-content:space-between}
@media(max-width:900px){
  .topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 14px;gap:8px}
  .top-actions{width:100%;flex-wrap:wrap;gap:8px;padding-bottom:2px}
  .module-switch{order:-1;width:100%;height:46px;position:sticky;top:0;z-index:8}
  .module-switch button{flex:1;font-size:14px}
  .orders-mode .badge,.orders-mode .bling-button,.orders-mode .install-app-button,.orders-mode .icon-button,.orders-mode .operator{display:none}
  .orders-shell{padding:16px 12px 90px}
  .order-layout{grid-template-columns:1fr;gap:14px}
  .order-summary-card{position:static}
  .order-product-grid{grid-template-columns:1fr}
  .orders-heading{align-items:center;margin-bottom:16px}
  .orders-heading>div>p:last-child{font-size:13px}
  .order-form-card input,.order-form-card select,.order-summary-card input,.order-summary-card select,.order-summary-card textarea{min-height:46px;font-size:16px}
  .order-product-card{min-height:70px;padding:13px}
  .order-item-controls button{width:34px;height:34px}
  .order-summary-card .confirm-button{min-height:52px;font-size:16px}
}
@media(max-width:520px){
  .order-form-card,.order-summary-card{padding:15px;border-radius:14px}
  .orders-heading h1{font-size:1.55rem}
  .orders-heading .secondary-button{padding:9px;font-size:10px}
  .order-product-grid{gap:8px}
  .order-product-card strong{font-size:13px}
  .order-product-card span{font-size:13px}
  .order-item{grid-template-columns:minmax(0,1fr) auto}
}