/* Shared Recon palette; scoped accounting/POS shell, no provider/status overrides. */
#appShell.ui-workspace .accounting-design {min-width:0}
#appShell.ui-workspace .accounting-design [hidden] {display:none!important}
#appShell.ui-workspace .accounting-chrome > .workspace-page-head[hidden] {display:none!important}
#appShell.ui-workspace .accounting-design .tr-accounting-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:20px 0 24px}
#appShell.ui-workspace .accounting-design .tr-accounting-heading-copy {min-width:0;flex:1 1 320px}
#appShell.ui-workspace .accounting-design .tr-accounting-heading h1 {font-size:28px;letter-spacing:-.8px;margin:5px 0 8px;color:var(--ui-ink)}
#appShell.ui-workspace .accounting-design .tr-accounting-heading p {font-size:13px;line-height:1.6;margin:0}
#appShell.ui-workspace .accounting-design .tr-accounting-eyebrow {font-size:10px;letter-spacing:1.6px;font-weight:700;color:var(--ui-ink-secondary)}
#appShell.ui-workspace .accounting-design .tr-accounting-steps {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:14px;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-surface-solid);margin:0 0 28px}
#appShell.ui-workspace .accounting-design .tr-accounting-steps button {display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:10px;min-height:46px;background:transparent;border:0!important;box-shadow:none;color:var(--ui-ink-secondary);font-size:12px;white-space:normal;padding:6px}
#appShell.ui-workspace .accounting-design .tr-accounting-steps button[aria-current=step] {color:var(--ui-blue);background:var(--ui-blue-soft);border-radius:9px}
#appShell.ui-workspace .accounting-design .tr-accounting-step-copy {display:flex;flex-direction:column;gap:3px;font-weight:600}
#appShell.ui-workspace .accounting-design .tr-accounting-step-copy small {font-size:10px;font-weight:400;color:var(--ui-ink-secondary)}
#appShell.ui-workspace .accounting-design .tr-accounting-steps button:is(.tr-accounting-complete,[aria-current=step]) {opacity:1}
#appShell.ui-workspace .accounting-design .tr-accounting-progress {font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--ui-ink-secondary);margin:0 0 10px}
#appShell.ui-workspace .accounting-design .tr-accounting-step-guide {font-size:13px;line-height:1.6;color:var(--ui-ink-secondary);margin:0 0 22px}
#appShell.ui-workspace .accounting-design .tr-accounting-marker {display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:9px;background:var(--ui-surface-muted);color:var(--ui-ink-secondary)}
#appShell.ui-workspace .accounting-design .tr-accounting-complete .tr-accounting-marker {color:var(--ui-green);background:color-mix(in srgb,var(--ui-green) 10%,var(--ui-surface-solid))}
#appShell.ui-workspace .accounting-design [aria-current=step] .tr-accounting-marker {color:var(--workspace-primary-ink,#fff);background:var(--ui-blue)}
#appShell.ui-workspace .accounting-design .tr-accounting-step {min-width:0}
#appShell.ui-workspace .accounting-design .tr-accounting-step-title {font-size:24px;letter-spacing:-.5px;margin:0 0 8px}
#appShell.ui-workspace .accounting-design .tr-accounting-step-title:focus {outline:none}
#appShell.ui-workspace .accounting-design .tr-accounting-body {min-width:0;border:0;padding:0;margin:0}
#appShell.ui-workspace .accounting-design .integration-flow-overview :is(.recon-workflow,.integration-flow-progress) {display:none!important}
#appShell.ui-workspace .accounting-design .tr-accounting-card .compact-source-section {padding:0!important;border:0!important;margin:0!important}
#appShell.ui-workspace .accounting-design .tr-accounting-card .compact-source-grid {display:grid!important;grid-template-columns:1fr!important;gap:22px}
#appShell.ui-workspace .accounting-design .recon-picker-filters {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#appShell.ui-workspace .accounting-design .recon-picker-field {min-width:0;width:auto}
#appShell.ui-workspace .accounting-design .recon-picker-field input {width:100%;min-width:0!important}
#appShell.ui-workspace .accounting-design .tr-accounting-source-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#appShell.ui-workspace .accounting-design :is(.tr-accounting-card,.tr-accounting-body>.card,.tr-accounting-source-grid>.card) {min-width:0;background:var(--ui-surface-solid)!important;border:1px solid var(--ui-line)!important;border-radius:13px!important;padding:24px!important;margin:0 0 20px!important;box-shadow:none!important}
#appShell.ui-workspace .accounting-design .tr-accounting-card-title {font-size:18px;margin:0 0 20px}
#appShell.ui-workspace .accounting-design .tr-accounting-note {font-size:12px;color:var(--ui-ink-secondary);line-height:1.7;margin:20px 0 0;padding:15px;border-radius:9px;background:var(--ui-surface-muted)}
#appShell.ui-workspace .accounting-design .tr-accounting-footer {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--ui-line);padding:18px 0;margin:20px 0 0}
#appShell.ui-workspace .accounting-design .tr-accounting-footer .btn:only-child {margin-left:auto}
#appShell.ui-workspace .accounting-design :is(input:not([type=checkbox]),select) {max-width:100%;min-width:0}
#appShell.ui-workspace .accounting-design :is(.row,.u-flex,.import-product-actions,.import-source-switch) {flex-wrap:wrap}
#appShell.ui-workspace .accounting-design :is(.tr-accounting-card,.tr-accounting-source-grid) .row>div {min-width:0;max-width:100%}
#appShell.ui-workspace .accounting-design .tr-accounting-body :is(.u-table-wrap-360,.u-table-wrap-320) {max-height:540px;overflow:auto;max-width:100%;border:1px solid var(--ui-line);border-radius:9px;margin-top:18px}
#appShell.ui-workspace .accounting-design :is(#invoiceSourceMapping,.pos-mapping-grid) {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#appShell.ui-workspace .accounting-design :is(#invoiceSourceMapping,.pos-mapping-grid) select {width:100%}
#appShell.ui-workspace .accounting-design .column-map-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#appShell.ui-workspace .accounting-design .column-map-field {padding:12px 0;border-bottom:1px solid var(--ui-line);min-width:0}
#appShell.ui-workspace .accounting-design .column-map-field select {width:100%}
#appShell.ui-workspace .accounting-design .column-map-label {display:block;margin-bottom:8px;font-size:12px}
#appShell.ui-workspace .accounting-design .column-map-help {font-size:11px;line-height:1.6;margin-top:6px;color:var(--ui-ink-secondary)}
#appShell.ui-workspace :is(#billImportCard,#invoiceImportCard).accounting-design {padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#appShell.ui-workspace .accounting-design .import-mapping-toolbar {display:block}
#appShell.ui-workspace .accounting-design .import-product-controls {width:100%;max-width:640px}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt {display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);max-width:1140px;margin:20px auto;background:var(--ui-surface-solid);border:1px solid var(--ui-line);border-radius:14px;overflow:hidden}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-main {padding:32px;min-width:0}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-main h3 {font-size:23px;margin:16px 0 25px;overflow-wrap:anywhere}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-row {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--ui-line);font-size:14px}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-row strong {font-size:26px;font-variant-numeric:tabular-nums}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-note {font-size:12px;color:var(--ui-ink-secondary);line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-side {padding:32px;background:var(--ui-surface-muted);border-left:1px solid var(--ui-line);display:flex;flex-direction:column;align-items:flex-start;gap:18px}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-side h3 {font-size:30px;margin:0;letter-spacing:-.8px}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-side p {font-size:13px;line-height:1.8;margin:0}
#appShell.ui-workspace .accounting-design .tr-accounting-completion-icon {display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--ui-green) 9%,var(--ui-surface-solid));color:var(--ui-green);font-size:26px}
#appShell.ui-workspace .accounting-design .tr-accounting-receipt-side .btn {margin-top:auto}
#appShell.ui-workspace .accounting-design .tr-accounting-success {color:var(--ui-green);font-weight:600;margin-top:auto}
#appShell.ui-workspace .accounting-design[data-accounting-finished=true] .tr-accounting-receipt {border-top:3px solid var(--ui-green)}
#appShell.ui-workspace .accounting-design[data-accounting-finished=true] .tr-accounting-progress {color:var(--ui-green)}
#appShell.ui-workspace .accounting-design[data-accounting-finished=true] .tr-accounting-steps button[aria-current=step] {color:var(--ui-green);background:color-mix(in srgb,var(--ui-green) 9%,var(--ui-surface-solid))}
#appShell.ui-workspace .accounting-design[data-accounting-finished=true] [aria-current=step] .tr-accounting-marker {background:var(--ui-green);color:var(--workspace-primary-ink,#fff)}
#appShell.ui-workspace .accounting-design.qd-workspace {border:0;background:transparent;overflow:visible}
#appShell.ui-workspace .accounting-design :is(#qdSearch,#qdReview) {padding:24px;border:1px solid var(--ui-line);border-radius:13px;background:var(--ui-surface-solid)}
#appShell.ui-workspace .accounting-design .qd-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
.tr-accounting-confetti {position:fixed;inset:0;z-index:10000;pointer-events:none;overflow:hidden}
.tr-accounting-confetti i {position:absolute;top:30%;width:7px;height:12px;background:#1671ec}
.tr-accounting-confetti i:nth-child(3n) {background:#147d60}.tr-accounting-confetti i:nth-child(3n+1) {background:#9e6717}
@media(max-width:1000px){#appShell.ui-workspace .accounting-design .tr-accounting-source-grid {grid-template-columns:1fr}}
/* The sidebar leaves too little room for five long labels on tablets/laptops.
   Keep each step readable on one line in a horizontally scrollable strip. */
@media(max-width:1200px){
  #appShell.ui-workspace .accounting-design .tr-accounting-steps {display:flex;overflow-x:auto;gap:22px;padding:12px}
  #appShell.ui-workspace .accounting-design .tr-accounting-steps button {flex:none;white-space:nowrap}
}
@media(max-width:750px){
  #appShell.ui-workspace .accounting-design :is(.tr-accounting-receipt,.column-map-fields,#invoiceSourceMapping,.pos-mapping-grid,.pos-payment-grid,.qd-fields,.recon-picker-filters) {grid-template-columns:1fr}
  #appShell.ui-workspace .accounting-design :is(.tr-accounting-card,.tr-accounting-body>.card,.tr-accounting-source-grid>.card,#qdSearch,#qdReview) {padding:18px!important}
  #appShell.ui-workspace .accounting-design :is(.tr-accounting-receipt-main,.tr-accounting-receipt-side) {padding:22px}
  #appShell.ui-workspace .accounting-design .tr-accounting-receipt-side {border-left:0;border-top:1px solid var(--ui-line)}
}