.workspace-page-heading { align-items: center; }
.workspace-page-heading > span { margin-left: auto; }
.page-actions,.grid-tools { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.page-actions { margin-left: auto; }
.filter-workspace { display: block; padding: 18px 22px !important; }
.filter-periods { display: flex; align-items: center; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
.filter-periods > span { font-size: 12px; color: #7b8391; margin-right: 6px; }
.period-choice { padding: 5px 12px; font-size: 12px; color: #627087; border: 1px solid transparent; background: transparent; border-radius: 4px; }
.period-choice:hover { background: #e8eef9; }
.period-choice.active { background: #e7efff; border-color: #bfd0f2; color: #3866bc; }
.filter-workspace .filter-grid { grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
.filter-workspace .filter-actions { padding-top: 14px; }
.filter-result-bar { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin: 16px 0; }
.filter-result-bar > strong { font-size: 13px; font-weight: 500; color: #596777; white-space: nowrap; }
.filter-result-bar > strong b { color: #315fb4; font-weight: 600; }
.filter-chips { display: flex; gap: 7px; flex-wrap: wrap; align-items: center; font-size: 12px; }
.filter-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; border-radius: 4px; color: #4e6489; background: #f8faff; border: 1px solid #c9d6e9; font-size: 11px; max-width: 100%; overflow-wrap: anywhere; }
.filter-chip svg { width: 13px; height: 13px; }
.filter-chip:hover { border-color: #7697d5; color: #3159a4; }
.filter-pending { display: block; margin-top: 12px; color: #987335; font-size: 12px; }
.filter-validation { color: #b1434e; font-size: 12px; padding-top: 10px; }
.ts-wrapper { width: 100%; min-width: 0; font-size: 13px; padding: 0 !important; border: 0 !important; }
.ts-wrapper.single::after { content: ''; position: absolute; z-index: 2; top: 15px; right: 13px; width: 6px; height: 6px; border-right: 1.5px solid #798699; border-bottom: 1.5px solid #798699; transform: rotate(45deg); pointer-events: none; }
.ts-wrapper.single.plugin-clear_button.has-items .ts-control { padding-right: 52px; }
.ts-wrapper.plugin-clear_button .clear-button { right: 30px !important; }
.ts-wrapper.single .ts-control,.ts-control { min-height: 40px; background: #fff; border: 1px solid #c4cad4; border-radius: 5px; padding: 9px 31px 9px 10px; box-shadow: none; color: #384350; }
.ts-wrapper.focus .ts-control { border-color: #7297dc; box-shadow: 0 0 0 3px #e7edfb; }
.ts-control > input { min-height: 20px !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; height: 20px !important; min-width: 20px; background: transparent !important; font-size: 13px; }
.ts-wrapper .ts-control .item { font-size: 13px; max-width: calc(100% - 8px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ts-dropdown { border: 1px solid #c4d1e6; box-shadow: 0 8px 24px #2c446820; border-radius: 5px; color: #43546c; z-index: 80; }
.ts-dropdown .option { padding: 9px 12px; font-size: 13px; }
.ts-dropdown .active { background: #e8f0ff; color: #315eb4; }
.ts-wrapper .clear-button { color: #7e8da4; font-size: 20px; }
.ts-hidden-accessible { min-height: 0 !important; padding: 0 !important; }
.offline-result-summary { grid-template-columns: repeat(3,minmax(0,1fr)); margin-bottom: 8px; }
.secondary-summary { margin-bottom: 20px; border-bottom: 1px solid #ced6e2; padding: 0 0 10px; }
.secondary-summary > summary { font-size: 12px; color: #6d7f9a; cursor: pointer; padding: 7px 0; }
.secondary-summary-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; margin-top: 12px; }
.secondary-summary-grid .metric strong { font-size: 20px; }
.enhanced-table-wrap { border-radius: 5px; overflow: visible; max-height: none !important; }
.orders-data-grid.tabulator { border: 0; border-radius: 5px; background: #fff; font-family: inherit; font-size: 12px; }
.orders-data-grid .tabulator-header { border-bottom: 1px solid #cbd6e7; background: #eaf0f8; color: #5f718b; font-weight: 500; }
.orders-data-grid .tabulator-header .tabulator-col { background: #eaf0f8; border-right: 1px solid transparent; }
.orders-data-grid .tabulator-header .tabulator-col:hover { background: #e2eaf8; }
.orders-data-grid .tabulator-header .tabulator-col .tabulator-col-content { padding: 13px 10px; }
.orders-data-grid .tabulator-col-resize-handle { border-right: 1px solid #d1dceb; }
.orders-data-grid .tabulator-row { background: #fff; color: #505d70; border-bottom: 1px solid #e0e6ef; }
.orders-data-grid .tabulator-row.tabulator-row-even { background: #f8fafd; }
.orders-data-grid .tabulator-row:hover { background: #edf3ff; }
.orders-data-grid .tabulator-cell { border: 0; padding: 8px 10px; }
.orders-data-grid .tabulator-cell.tabulator-frozen { background: inherit; border-left: 1px solid #d5deeb; }
.orders-data-grid .tabulator-cell.tabulator-frozen.tabulator-frozen-right,.orders-data-grid .tabulator-col.tabulator-frozen.tabulator-frozen-right { border-left: 1px solid #d5deeb; }
.orders-data-grid .tabulator-tableholder { scrollbar-width: thin; scrollbar-color: #b9c6da #f0f4fb; }
.grid-cell-content { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.grid-cell-content .money-cell strong { font-weight: 500; }
.grid-cell-content small { display: block; font-size: 10px; }
.order-number-link { border: 0; background: none; color: #3865b4; font: 12px/1.5 "Segoe UI",sans-serif; text-align: left; padding: 0; white-space: nowrap; }
.order-number-link:hover { text-decoration: underline; }
.grid-tools { margin-left: auto; gap: 8px; }
.column-picker { position: relative; }
.column-picker > summary { list-style: none; cursor: pointer; font-size: 12px; min-height: 32px; }
.column-picker > summary::-webkit-details-marker { display: none; }
.column-choices { position: absolute; z-index: 30; top: calc(100% + 6px); right: 0; width: 280px; background: #fff; border: 1px solid #c9d5e7; box-shadow: 0 8px 24px #334e6f20; border-radius: 6px; padding: 15px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.column-choices label { display: flex; align-items: center; gap: 7px; font-size: 12px; color: #5e718f; }
.column-choices input { margin: 0; }
.row-menu-trigger { width: 31px !important; height: 31px !important; min-height: 31px !important; border: 0; background: transparent; }
.row-menu-trigger span { display: none; }
.inline-order-actions { display: flex; align-items: center; justify-content: flex-start; gap: 6px; white-space: nowrap; }
.inline-order-actions .btn { flex: 0 0 auto; min-height: 30px; height: 30px; padding: 0 9px; font-size: 12px; border-radius: 4px; }
.inline-order-actions .aftersale-order { background: #eaf1ff; border-color: #c7d6f2; color: #365fa8; }
.inline-order-actions .compensation-order { background: #fff; border-color: #cbd5e2; color: #44566e; }
.inline-order-actions .btn.icon-only { width: 30px; min-width: 30px; padding: 0; }
.inline-order-actions .delete-order { margin-left: 3px; background: transparent; border-color: transparent; }
.online-orders-grid .tabulator-cell { padding: 6px 10px; }
.online-orders-grid .status-pill { max-width: 100%; white-space: normal; line-height: 16px; }
.order-action-menu { position: fixed; margin: 0; width: 170px; padding: 5px; border: 1px solid #c6d2e5; border-radius: 6px; background: #fff; box-shadow: 0 9px 25px #31496625; }
.order-action-menu:popover-open { display: grid; }
.order-action-menu .btn { border: 0; background: transparent; text-align: left; justify-content: flex-start; min-height: 36px; }
.order-action-menu .btn:hover { background: #edf3fd; }
.bulk-actions { background: #e8effc; padding: 10px 14px; border: 1px solid #c4d6f3; border-radius: 5px; }
.bulk-actions > .muted { display: none; }
.bulk-count { color: #416db6; font-size: 13px; }
.order-preview-drawer { position: fixed; inset: 0 0 0 auto; height: 100dvh; max-height: 100dvh; width: 560px; max-width: 100vw; margin: 0; border: 0; border-left: 1px solid #d0d9e7; padding: 0; background: #f9fbff; color: #344152; box-shadow: -8px 0 40px #172c4920; }
.order-preview-drawer::backdrop { background: #202d4555; }
.drawer-head { position: sticky; top: 0; background: #f9fbff; padding: 24px; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid #d8e0ed; z-index: 1; }
.drawer-head > div { min-width: 0; }
.drawer-head span { color: #79869c; font-size: 12px; }
.drawer-head h2 { font-size: 17px; margin: 8px 0 0; overflow-wrap: anywhere; }
.drawer-head .btn span { display: none; }
.drawer-body { padding: 8px 24px 30px; }
.order-details-list > div { display: grid; grid-template-columns: 115px 1fr; border-bottom: 1px solid #e1e7f1; padding: 13px 0; gap: 15px; }
.order-details-list dt { color: #7a899d; font-size: 12px; }
.order-details-list dd { margin: 0; overflow-wrap: anywhere; font-size: 13px; white-space: pre-wrap; }
.entry-layout { display: grid; grid-template-columns: minmax(0,1fr) 310px; gap: 28px; align-items: start; }
.entry-section { border: 0; border-top: 1px solid #d0dae8; padding: 22px 0; scroll-margin-top: 85px; }
.entry-section h3 { margin: 0 0 18px; font-size: 15px; color: #495c78; }
.entry-aside { background: #e9eef6; padding: 0 20px; }
.entry-aside .grid { grid-template-columns: 1fr; gap: 14px; }
.entry-aside #aftersaleFields { display: grid; grid-template-columns: 1fr; }
.entry-aside #aftersaleFields.hidden { display: none; }
.entry-aside input[name=receiptAmount],.entry-aside input[name=orderAmount] { font-size: 22px; font-variant-numeric: tabular-nums; min-height: 48px; }
.entry-main .grid.four { grid-template-columns: repeat(2,minmax(0,1fr)); }
.entry-main .grid.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.entry-main .shop-options { grid-template-columns: repeat(4,minmax(0,1fr)); }
.entry-jumpbar { display: flex; gap: 24px; margin-bottom: 22px; border-bottom: 1px solid #cbd7e8; }
.section-jump { padding: 10px 0; border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: transparent; color: #647b9f; font-size: 13px; }
.section-jump:hover { border-color: #5279c4; color: #4168ad; }
#orderForm > h3 { display: none; }
.entry-savebar { position: sticky; bottom: 0; z-index: 12; background: #f9fbff; padding: 14px 0; border-top: 1px solid #c5d3e8; box-shadow: 0 -5px 15px #38527608; margin-bottom: 0; }
.entry-savebar > .muted { max-width: 55%; font-size: 11px; }
.entry-savebar .btn.primary { min-width: 135px; }
.quote-workspace { grid-template-columns: minmax(440px,1fr) minmax(520px,1.18fr); gap: 24px; align-items: start; }
.quote-editor { background: #f9fbff; padding: 22px; }
.quote-editor .quote-field-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px 12px; }
.quote-editor .quote-size-head { flex-direction: row; align-items: center; }
.quote-item-row { grid-template-columns: 22px repeat(3,minmax(0,1fr)) !important; gap: 8px; background: #edf2f9 !important; border: 1px solid #d4deed; border-radius: 5px; padding: 14px 10px; }
.quote-item-row > .field:has([data-key=w]) { grid-column: 2 !important; grid-row: 1; }
.quote-item-row > .field:has([data-key=h]) { grid-column: 3 !important; grid-row: 1; }
.quote-item-row > .field:has([data-key=qty]) { grid-column: 4 !important; grid-row: 1; }
.dimension-number { font-size: 11px; color: #8b9bb2; align-self: center; grid-row: 1 / 3; }
.quote-item-row > .field:has([data-key=shape]) { grid-column: 2 / 3 !important; grid-row: 2; }
.quote-item-row .remove-quote-item { grid-column: 4; grid-row: 2; justify-self: end; width: 33px; height: 33px; min-height: 33px; padding: 0; }
.quote-item-row .duplicate-size { grid-column: 3; grid-row: 2; justify-self: end; width: 33px; height: 33px; min-height: 33px; }
.duplicate-size span { display: none; }
.quote-extra { border-top: 1px solid #d4dfed; margin-top: 24px; padding: 13px 0 0; }
.quote-extra > summary { font-size: 12px; color: #6e819e; cursor: pointer; }
.quote-extra .grid { margin-top: 16px; }
.quote-extra .quote-note-row { margin-top: 0; }
.quote-result-wrap { position: sticky; top: 20px; }
.quote-result { padding-top: 20px; }
.quote-modes { gap: 10px; }
.quote-mode-card,.quote-mode-card.normal,.quote-mode-card.volume,.quote-mode-card.highPromo { padding: 17px 14px; }
.quote-mode-head > span { font-size: 13px; }
.quote-mode-head strong,.quote-mode-card.volume .quote-mode-head strong,.quote-mode-card.highPromo .quote-mode-head strong { font-size: 30px; margin-top: 15px; }
.quote-mode-head strong small { font-size: 16px; }
.quote-unit { font-size: 11px; min-height: 34px; margin-bottom: 10px; }
.quote-mode-detail { gap: 8px; }
.quote-mode-detail span,.quote-mode-detail b { font-size: 12px; }
.quote-script { margin-top: auto; padding-top: 15px; padding-bottom: 13px; }
.quote-words-details > summary { cursor: pointer; font-size: 11px; color: #6e83a3; }
.quote-words-details > textarea { margin-top: 10px !important; }
.quote-copy-notice { position: fixed; right: 25px; top: 76px; z-index: 90; max-width: min(440px,calc(100vw - 30px)); box-shadow: 0 6px 22px #36537a25; }
.workspace-tabs { display: flex; gap: 26px; border-bottom: 1px solid #c8d3e4; margin-bottom: 22px; overflow-x: auto; }
.workspace-tab { flex-shrink: 0; background: transparent; padding: 13px 0; border: 0; border-bottom: 3px solid transparent; border-radius: 0; font-size: 13px; color: #6a7f9b; }
.workspace-tab.active { color: #3865b5; border-color: #4b75c6; font-weight: 600; }
.dashboard-utilities { display: block; }
.dashboard-utilities > details[open] { padding: 0 22px 22px; }
.dashboard-grid { margin-top: 0; }
.dashboard-page [hidden] { display: none !important; }
.entry-main .shop-chip { background: #f2f5fa; border: 1px solid #cbd5e4; color: #5e718e; min-height: 38px; border-radius: 5px; font-weight: 500; }
.entry-main .shop-chip.active { background: #e5edfe; color: #3865b5; border-color: #779add; }
.entry-main .shop-chip:hover { border-color: #7e9dcf; }
.cell-negative { color: #bc4c58; }
.cell-positive { color: #24806b; }
.drawer-items { display: grid; gap: 12px; }
.drawer-item { border-top: 1px solid #d9e2ef; padding: 12px 0; font-size: 13px; }
.drawer-item span { display: block; font-size: 12px; color: #7a8ba4; margin-top: 5px; }
@media(max-width:1250px) {
  .filter-workspace .filter-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .quote-workspace { grid-template-columns: 1fr; }
  .quote-result-wrap { position: static; }
  .quote-mode-head strong,.quote-mode-card.volume .quote-mode-head strong,.quote-mode-card.highPromo .quote-mode-head strong { font-size: 36px; }
  .entry-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 20px; }
  .entry-main .grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:850px) {
  .entry-layout { grid-template-columns: 1fr; }
  .entry-aside .grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .entry-savebar { bottom: 0; }
  .entry-savebar > .muted { display: none; }
  .entry-jumpbar { gap: 18px; }
  .secondary-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:560px) {
  .workspace-page-heading { flex-wrap: wrap; gap: 12px; }
  .workspace-page-heading > span { display: none; }
  .page-actions { margin-left: 0; }
  .page-actions .btn { font-size: 12px; }
  .filter-workspace { padding: 16px 13px !important; }
  .filter-workspace .filter-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px 10px; }
  .filter-periods { gap: 4px; }
  .period-choice { padding: 5px 8px; }
  .filter-periods > span { display: none; }
  .offline-result-summary { grid-template-columns: 1fr; }
  .offline-result-summary .metric { min-height: 0; display: flex; justify-content: space-between; align-items: center; padding: 13px; }
  .offline-result-summary .metric strong { margin: 0; font-size: 19px; }
  .table-titlebar { flex-wrap: wrap; }
  .grid-tools { margin-left: 0; }
  .grid-tools .btn { font-size: 11px; min-height: 31px; }
  .column-choices { left: 0; right: auto; }
  .entry-main .grid.three,.entry-aside .grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .entry-aside { padding: 0 14px; }
  .entry-savebar { align-items: stretch; }
  .entry-savebar .toolbar-right { width: 100%; justify-content: flex-end; }
  .entry-savebar #estimate { font-size: 11px; }
  .quote-editor { padding: 17px 14px; }
  .quote-editor .quote-surface-head { flex-direction: row; align-items: center; }
  .quote-editor .quote-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quote-editor .quote-size-head { flex-direction: column; align-items: flex-start; }
  .quote-item-row { grid-template-columns: 18px repeat(3,minmax(0,1fr)) !important; }
  .quote-item-row .field label { font-size: 11px; }
  .quote-modes { grid-template-columns: 1fr; }
  .quote-mode-card .quote-mode-head { flex-direction: row; }
  .quote-mode-card .quote-mode-head strong { margin: 0; }
  .quote-unit { min-height: 0; }
  .quote-copy-notice { right: 15px; }
  .workspace-tabs { gap: 21px; }
}