.order-desk { --desk-gap: 20px; border-radius: 8px; box-shadow: none; min-width: 0; }
.order-desk [role="tabpanel"][hidden] { display: none !important; }
.desk-tabs { display: flex; gap: 6px; padding: 10px 16px; border-bottom: 1px solid var(--line); overflow-x: auto; background: #fff; }
.desk-tabs button { display: flex; align-items: center; gap: 8px; flex-shrink: 0; min-height: 42px; padding: 10px 14px; border: 0; border-radius: 6px; background: transparent; color: #64716b; font-size: 13px; font-weight: 650; }
.desk-tabs button[aria-selected="true"] { background: #eaf3ef; color: #245b47; box-shadow: inset 0 -2px #38765d; }
.desk-tabs button:focus-visible { outline: 2px solid #38765d; outline-offset: -2px; }
.desk-tabs svg { width: 17px; height: 17px; }
.desk-view-heading { display: flex; justify-content: space-between; align-items: center; padding: 20px; border-bottom: 1px solid var(--line); }
.desk-view-heading h4 { margin: 0; }
.order-desk .desk-section > h4, .order-desk .detail-section-heading { background: #f3f6f8; margin: -20px -20px 18px; padding: 14px 20px; border-bottom: 1px solid #e2e8ec; }
.order-desk .desk-section > h4 svg, .order-desk .detail-section-heading h4 svg { width: 20px; height: 20px; color: #427b8d; }
.order-desk .desk-billing > h4 { background: #edf5f0; }
.order-desk .desk-billing > h4 svg { color: #397453; }
.order-desk .desk-invoice > h4 { background: #f6f3ed; }
.order-desk .desk-invoice > h4 svg { color: #8b713d; }
.order-desk .detail-section-heading h4 { margin: 0; }
.order-desk .desk-state { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border-radius: 5px; background: #f1f3f5; }
.order-desk .desk-state::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex-shrink: 0; }
.order-desk .desk-state.is-good { background: #eaf5ef; }
.order-desk .desk-state.is-pending { background: #fff4dc; }
.desk-technical h5 { font-size: 12px; color: #64716b; margin: 16px 0 8px; }
.desk-technical .operation-facts > div { padding: 7px 0; }
.desk-records { border-top: 1px solid var(--line); margin-top: 18px; padding-top: 18px; }
.desk-records .empty { min-height: 0; padding: 12px 0; text-align: left; }
.order-desk .desk-records .detail-section-heading { margin: 0 0 12px; padding: 0; border: 0; background: none; }
.order-desk .order-workspace-head { padding: 18px 20px; gap: 16px; min-height: 0; flex-wrap: wrap; }
.order-desk .order-id-line { flex-wrap: wrap; }
.order-desk .order-id-line h3 { font-size: 17px; overflow-wrap: anywhere; }
.order-desk .order-head-total { margin-left: auto; }
.order-desk .button { min-height: 38px; border-radius: 5px; font-size: 12px; padding: 8px 12px; white-space: normal; }
.desk-attention { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; padding: 12px 20px; border-bottom: 1px solid var(--line); background: #f6f8f7; font-size: 12px; color: #596560; }
.desk-attention:has(button) { background: #fff8e9; color: #77551c; }
.desk-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(250px, 1fr); align-items: start; }
.desk-main, .desk-side { min-width: 0; }
.desk-side { border-left: 1px solid var(--line); }
.order-desk h4 { font-size: 14px; margin: 0 0 14px; display: flex; align-items: center; gap: 8px; }
.order-desk h4 svg { width: 17px; height: 17px; color: #65756e; }
.order-desk .desk-section, .order-desk .order-items-section { padding: var(--desk-gap); border-bottom: 1px solid var(--line); }
.order-desk .line-item { display: grid; grid-template-columns: 48px minmax(0, 1fr) auto; gap: 12px; padding: 12px 0; border: 0; border-radius: 0; }
.order-desk .line-item + .line-item { border-top: 1px solid var(--line); }
.order-desk .line-item img { width: 48px; height: 48px; object-fit: contain; }
.order-desk .line-item strong { font-size: 13px; overflow-wrap: anywhere; line-height: 1.6; }
.order-desk .line-item span { font-size: 12px; }
.desk-contact article h4 { display: none; }
.desk-contact article p { font-size: 13px; margin: 5px 0; overflow-wrap: anywhere; color: #596560; }
.desk-contact article strong { font-size: 14px; }
.desk-contact > dl { margin-top: 14px; }
.desk-facts { margin: 0 0 12px; }
.desk-facts > div { display: flex; justify-content: space-between; gap: 16px; padding: 5px 0; font-size: 13px; }
.desk-facts dt { color: #66716d; flex-shrink: 0; }
.desk-facts dd { margin: 0; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.desk-totals .desk-total { border-top: 1px solid var(--line); padding-top: 12px; margin-top: 6px; font-weight: 700; }
.desk-total dd { font-size: 17px; }
.desk-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0; }
.desk-state { font-size: 13px; margin: 12px 0; font-weight: 650; }
.desk-state.is-good { color: #266047; }
.desk-state.is-pending { color: #8b611f; }
.desk-payment-state { border-top: 1px solid var(--line); margin-top: 14px; padding-top: 2px; }
.desk-shipping-state { padding-top: 12px; border-top: 1px solid var(--line); }
.order-desk details > summary { cursor: pointer; }
.desk-records > summary, .desk-technical > summary { font-size: 12px; color: #66716d; padding: 10px 0; }
.desk-records summary > span, .desk-technical summary > span { float: right; font-size: 11px; }
.desk-technical .operation-facts { margin: 6px 0; }
.desk-records .payment-section { padding: 10px 0; }
.desk-settlement, .desk-history { border-top: 1px solid var(--line); }
.desk-settlement > summary, .desk-history > summary { display: flex; align-items: center; gap: 12px; padding: 18px 20px; background: #f6f8f7; font-size: 14px; }
.desk-settlement > summary > span, .desk-history > summary > span { margin-left: auto; font-size: 12px; }
.desk-settlement-status { font-style: normal; font-size: 12px; color: #80612e; }
.desk-settlement-body, .desk-history > .order-activity { padding: 20px; }
.desk-history > .order-activity { background: none; border: 0; }
.desk-history .detail-actions { padding: 16px 20px; }
.desk-procurement > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 10px 0; border-bottom: 1px solid var(--line); }
.desk-procurement strong { display: block; font-size: 13px; overflow-wrap: anywhere; }
.desk-procurement small { display: block; color: #66716d; margin-top: 5px; }
.desk-procurement .button { flex-shrink: 0; }
.order-desk .pass-through-settlement { padding: 16px 0 0; margin: 0; border: 0; }
.order-desk .pass-through-settlement > details > summary { display: none; }
.order-desk .settlement-form { margin-top: 0; }
@media (min-width: 1100px) { .order-operations-layout { grid-template-columns: minmax(260px, 300px) minmax(0, 1fr); } }
@media (max-width: 1100px) and (min-width: 761px) { .desk-layout { grid-template-columns: minmax(0, 1fr) minmax(240px, 1fr); } }
@media (max-width: 760px) {
  body[data-admin-page="orders"][data-order-view="detail"] .order-toolbar { display: none; }
  .order-desk { --desk-gap: 16px; }
  .order-desk .desk-section > h4, .order-desk .detail-section-heading { margin: -16px -16px 16px; padding: 14px 16px; }
  .desk-tabs { padding: 8px; gap: 2px; }
  .desk-tabs button { padding: 10px; font-size: 12px; }
  .desk-tabs svg { width: 16px; }
  .order-desk .order-workspace-head { padding: 16px; flex-direction: row; }
  .order-desk .order-workspace-head > div:first-child { flex-basis: 100%; }
  .order-desk .order-head-total { margin-left: 0; margin-right: auto; }
  .desk-layout { display: flex; flex-direction: column; }
  .desk-main, .desk-side { width: 100%; }
  .desk-side { border-left: 0; }
  .desk-attention { padding: 12px 16px; }
  .desk-settlement > summary, .desk-history > summary { padding: 16px; flex-wrap: wrap; }
  .desk-settlement-body, .desk-history > .order-activity { padding: 16px; }
  .desk-procurement > div { align-items: start; flex-direction: column; gap: 6px; }
  .order-desk .line-item { grid-template-columns: 44px minmax(0, 1fr); }
  .order-desk .line-item > strong { grid-column: 2; }
  .order-list { max-height: none; }
}