.crm-order-manager {
  width: min(1180px, calc(calc(100vw / var(--crm-ui-scale, 1)) - 36px));
  max-width: none;
  max-height: calc(calc(100dvh / var(--crm-ui-scale, 1)) - 36px);
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 18px;
  background: #f4f6f8;
  box-shadow: 0 30px 90px rgba(15, 20, 29, .3);
}

.crm-order-manager::backdrop { background: rgba(12, 16, 23, .62); backdrop-filter: blur(7px); }
.crm-order-sheet { max-height: calc(calc(100dvh / var(--crm-ui-scale, 1)) - 36px); overflow: auto; color: #171b22; }
.crm-order-sheet.is-busy { opacity: .62; pointer-events: none; }
.crm-order-sheet-head { position: sticky; top: 0; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 20px 24px; color: #fff; background: #171b22; }
.crm-order-sheet-head > div:first-child { display: grid; gap: 3px; }
.crm-order-sheet-head span { color: #ff4854; font-size: 10px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.crm-order-sheet-head h2 { margin: 0; font-size: 25px; letter-spacing: -.035em; }
.crm-order-sheet-head p { margin: 0; color: #8f98a6; font-size: 11px; }
.crm-order-sheet-head-actions { display: flex; gap: 8px; }
.crm-order-sheet-head-actions button { min-height: 38px; padding: 0 14px; color: #fff; border: 1px solid #343a45; border-radius: 9px; background: transparent; font: inherit; font-size: 11px; font-weight: 780; cursor: pointer; }
.crm-order-sheet-head-actions button.is-primary { border-color: #f3303f; background: #f3303f; }
.crm-order-sheet-head-actions button[aria-label] { width: 38px; padding: 0; font-size: 20px; }
.crm-order-sheet-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-bottom: 1px solid #dde2e8; background: #fff; }
.crm-order-sheet-summary > div { display: grid; gap: 3px; padding: 16px 22px; border-left: 1px solid #e2e6eb; }
.crm-order-sheet-summary > div:first-child { border-left: 0; }
.crm-order-sheet-summary span, .crm-order-sheet label > span { color: #88919e; font-size: 8px; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.crm-order-sheet-summary b { font-size: 20px; }
.crm-order-sheet-section { margin: 14px; overflow: hidden; border: 1px solid #dfe3e8; border-radius: 13px; background: #fff; }
.crm-order-sheet-section > header { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 16px; border-bottom: 1px solid #e5e8ec; }
.crm-order-sheet-section > header span { color: #e32735; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.crm-order-sheet-section > header b { color: #89929f; font-size: 9px; font-weight: 650; }
.crm-order-sheet-items { display: grid; }
.crm-order-amounts { padding: 14px 16px; border-top: 1px solid #e8ebef; }
.crm-order-amounts dl { display: grid; gap: 9px; max-width: 370px; margin: 0 0 0 auto; font-size: 12px; }
.crm-order-amounts dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; }
.crm-order-amounts dt { color: #68717e; }
.crm-order-amounts dd { flex-shrink: 0; margin: 0; font-weight: 750; font-variant-numeric: tabular-nums; }
.crm-order-amounts small { display: block; margin-top: 3px; font-size: 10px; }
.crm-order-amounts .is-total { padding-top: 9px; border-top: 1px solid #e5e8ec; font-size: 14px; }
.crm-order-amounts .is-total dt { color: #171b22; font-weight: 750; }
.crm-order-amounts-note { margin: 12px 0 0; color: #68717e; font-size: 11px; }
.crm-order-amounts-note.is-warning { color: #b5222d; }
.crm-order-sheet-item { display: grid; grid-template-columns: minmax(260px, 1.6fr) minmax(150px, .75fr) 105px 120px auto; align-items: center; gap: 14px; min-height: 76px; padding: 12px 16px; border-top: 1px solid #e8ebef; }
.crm-order-sheet-item:first-child { border-top: 0; }
.crm-order-sheet-item-main { display: flex; align-items: center; gap: 11px; min-width: 0; }
.crm-order-sheet-item-main i { flex: 0 0 auto; width: 9px; height: 9px; border-radius: 50%; background: #9aa3af; box-shadow: 0 0 0 5px #f0f2f5; }
.crm-order-sheet-item.is-ready i { background: #1c9c5a; box-shadow: 0 0 0 5px #e5f6ed; }
.crm-order-sheet-item.is-short i { background: #e12c3a; box-shadow: 0 0 0 5px #fde9eb; }
.crm-order-sheet-item-main > div { display: grid; gap: 3px; min-width: 0; }
.crm-order-sheet-item-main b { overflow: hidden; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.crm-order-sheet-item-main span, .crm-order-sheet-stock small { color: #8a929e; font-size: 9px; }
.crm-order-sheet-stock { display: grid; gap: 3px; }
.crm-order-sheet-stock span { color: #18864f; font-size: 10px; font-weight: 800; }
.crm-order-sheet-item.is-short .crm-order-sheet-stock span { color: #d12836; }
.crm-order-sheet-item.is-unknown .crm-order-sheet-stock span { color: #68717e; }
.crm-order-sheet-item label { display: grid; gap: 4px; }
.crm-order-sheet-item label b { font-size: 11px; }
.crm-order-sheet-item button { padding: 8px 10px; color: #283342; border: 1px solid #dce1e7; border-radius: 8px; background: #fff; font: inherit; font-size: 9px; font-weight: 780; white-space: nowrap; cursor: pointer; }
.crm-order-sheet-columns { display: grid; grid-template-columns: .9fr 1.1fr; }
.crm-order-sheet-columns .crm-order-sheet-section { margin-top: 0; }
.crm-order-sheet-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.crm-order-sheet-fields label { display: grid; align-content: start; gap: 5px; min-height: 62px; padding: 11px 14px; border-top: 1px solid #edf0f3; border-left: 1px solid #edf0f3; }
.crm-order-sheet-fields label:nth-child(-n+2) { border-top: 0; }
.crm-order-sheet-fields label:nth-child(odd) { border-left: 0; }
.crm-order-sheet-fields label.is-wide { grid-column: 1 / -1; border-left: 0; }
.crm-order-sheet-fields b { font-size: 11px; line-height: 1.45; }
.crm-order-sheet input, .crm-order-sheet select, .crm-order-sheet textarea { width: 100%; min-width: 0; padding: 8px 9px; color: #171b22; border: 1px solid #d7dce3; border-radius: 8px; background: #fff; font: inherit; font-size: 11px; outline: none; }
.crm-order-sheet input:focus, .crm-order-sheet select:focus, .crm-order-sheet textarea:focus { border-color: #477ed6; box-shadow: 0 0 0 3px rgba(71, 126, 214, .1); }
.crm-order-sheet-empty { padding: 34px; color: #8a929e; text-align: center; }
.crm-order-loading{display:grid;min-height:460px;place-content:center;justify-items:center;gap:12px;color:#6f7885}.crm-order-loading i{width:28px;height:28px;border:2px solid #dbe0e6;border-top-color:#ef3340;border-radius:50%;animation:crm-order-spin .7s linear infinite}.crm-order-loading button{border:0;background:transparent;color:#7a838f}.crm-order-error{margin:0;padding:10px 18px;background:#fff0f1;color:#b5222d;font-size:11px}.crm-order-reservations>article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 16px;border-bottom:1px solid #edf0f3}.crm-order-reservations>article>i{width:9px;height:9px;border-radius:50%;background:#168d55;box-shadow:0 0 0 5px #e5f6ed}.crm-order-reservations>article>div{display:grid;gap:3px}.crm-order-reservations code,.crm-order-candidates code{font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.crm-order-reservations small{color:#818a96;font-size:9px}.crm-order-reservations article button{padding:8px 10px;border:1px solid #dce1e7;border-radius:8px;background:#fff;color:#b5222d;font-weight:750}.crm-order-reservations>form,.crm-order-payments>form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;padding:14px 16px;background:#f7f8fa}.crm-order-reservations>form label,.crm-order-payments>form label{display:grid;gap:5px}.crm-order-reservations>form button,.crm-order-payments>form button{padding:0 16px;border:0;border-radius:8px;background:#20252c;color:#fff;font-weight:800}.crm-order-candidates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 16px 16px;background:#f7f8fa}.crm-order-candidates button{display:grid;gap:3px;padding:10px;border:1px solid #dde2e7;border-radius:9px;background:#fff;text-align:left}.crm-order-candidates span{font-size:10px;font-weight:800}.crm-order-candidates small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-order-payments>div>article{display:grid;grid-template-columns:105px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf0f3}.crm-order-payments article time,.crm-order-history time{color:#7f8895;font-size:9px}.crm-order-payments article span{display:grid;gap:2px}.crm-order-payments article small{color:#7f8895;font-size:9px}.crm-order-payments article strong{font-size:13px}.crm-order-payments article.is-refund strong{color:#b5222d}.crm-order-payments>form{grid-template-columns:1fr 1fr auto}.crm-order-history>article{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 16px;border-bottom:1px solid #edf0f3}.crm-order-history>article>i{width:8px;height:8px;border-radius:50%;background:#7e8793}.crm-order-history>article>div{display:grid;gap:2px}.crm-order-history small{color:#818a96;font-size:9px}.crm-order-actions{display:flex;justify-content:flex-end;gap:9px;padding:0 14px 18px}.crm-order-actions button,.crm-order-cancel button{min-height:44px;padding:0 17px;border:1px solid #dce1e7;border-radius:9px;background:#fff;font-weight:800}.crm-order-actions .is-primary{border-color:#ef3340;background:#ef3340;color:#fff}.crm-order-actions .is-danger,.crm-order-cancel .is-danger{color:#b5222d;border-color:#f1c7ca}.crm-order-cancel{display:grid;max-width:620px;gap:14px;margin:34px auto;padding:26px;border:1px solid #efcbd0;border-radius:16px;background:#fff}.crm-order-cancel>span{color:#d62836;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.crm-order-cancel h3{margin:0;font-size:25px}.crm-order-cancel p{margin:0;color:#78818d;font-size:11px}.crm-order-cancel label{display:grid;gap:6px}.crm-order-cancel>div{display:flex;justify-content:flex-end;gap:8px}@keyframes crm-order-spin{to{transform:rotate(360deg)}}

@media (max-width: 900px) {
  .crm-order-sheet-item { grid-template-columns: 1fr 1fr; }
  .crm-order-sheet-item-main { grid-column: 1 / -1; }
  .crm-order-sheet-columns { grid-template-columns: 1fr; }
  .crm-order-sheet-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 580px) {
  .crm-order-manager { width: calc(100vw / var(--crm-ui-scale, 1)); max-height: calc(100dvh / var(--crm-ui-scale, 1)); border-radius: 0; }
  .crm-order-sheet { max-height: calc(100dvh / var(--crm-ui-scale, 1)); }
  .crm-order-sheet-head { align-items: flex-start; padding: 16px; }
  .crm-order-sheet-head-actions button:not([aria-label]) { font-size: 0; width: 38px; padding: 0; }
  .crm-order-sheet-head-actions button:not([aria-label])::after { content: "✓"; font-size: 15px; }
  .crm-order-sheet-item { grid-template-columns: 1fr; }
  .crm-order-sheet-item-main { grid-column: auto; }
  .crm-order-candidates,.crm-order-payments>form,.crm-order-reservations>form{grid-template-columns:1fr}.crm-order-payments>div>article{grid-template-columns:1fr}.crm-order-actions{display:grid}.crm-order-actions button{width:100%}
}

@media(prefers-reduced-motion:reduce){.crm-order-loading i{animation:none}}

.crm-order-close-sale{display:flex;align-items:center;justify-content:flex-end;gap:12px}.crm-order-close-sale>span{max-width:250px;color:#727b87;font-size:10px;line-height:1.35;text-align:right}.crm-order-actions .is-primary:disabled{border-color:#d9dde3;background:#d9dde3;color:#7f8792;cursor:not-allowed}@media(max-width:580px){.crm-order-close-sale{display:grid}.crm-order-close-sale>span{max-width:none;text-align:left}}
.crm-order-actions{align-items:center;margin:14px 14px 0;padding:14px;border:1px solid #dfe3e8;border-radius:12px;background:#fff}.crm-order-close-sale>span{max-width:360px}
.crm-order-close-actions [data-order-issue-submit]{border-color:#e32735;background:#e32735;color:#fff}
.crm-order-item-reservations{grid-column:1/-1;display:grid;gap:5px}.crm-order-item-reservation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #dcebe3;border-radius:8px;background:#f4faf6;color:#245b3d;font-size:10px;font-weight:700}.crm-order-item-reservation.is-empty{border-color:#e5e8ec;background:#f8f9fa;color:#7e8793;font-weight:550}.crm-order-item-reservation code{margin-left:4px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.crm-order-item-reservation button{color:#a62d38}.crm-order-reservations>div[data-order-reserve-form]{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;padding:14px 16px;background:#f7f8fa}.crm-order-reservations>div[data-order-reserve-form] label{display:grid;gap:5px}.crm-order-reservations>div[data-order-reserve-form]>button{padding:0 16px;border:0;border-radius:8px;background:#20252c;color:#fff;font-weight:800}.crm-order-close-check{display:grid;width:min(560px,calc(100% - 28px));gap:15px;margin:28px auto;padding:24px;border:1px solid #dfe3e8;border-radius:14px;background:#fff}.crm-order-close-check>span{color:#e32735;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.crm-order-close-check h3{margin:0;font-size:24px}.crm-order-close-check p{margin:0;color:#68717e;font-size:12px;line-height:1.5}.crm-order-close-check>small{color:#68717e;font-size:11px}.crm-order-close-check label{display:grid;gap:7px;font-size:11px;font-weight:800}.crm-order-close-check input,.crm-order-close-check select{min-height:44px}.crm-order-close-reserved{display:grid;gap:6px}.crm-order-close-reserved>div{display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #e8ebef;border-radius:8px;background:#fafbfc;font-size:11px}.crm-order-close-reserved code{font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.crm-order-close-actions{display:flex;justify-content:flex-end;gap:8px}.crm-order-close-actions button{min-height:42px;padding:0 14px;border:1px solid #dce1e7;border-radius:8px;background:#fff;font-weight:800}.crm-order-close-actions [data-order-close-skip]{border-color:#e32735;background:#e32735;color:#fff}@media(max-width:580px){.crm-order-close-actions,.crm-order-close-reserved>div{flex-direction:column}.crm-order-close-actions button{width:100%}.crm-order-reservations>div[data-order-reserve-form]{grid-template-columns:1fr}.crm-order-item-reservation{align-items:flex-start;flex-direction:column}}