/* Preserve top alignment; shared content panels have automatic margins. */
.shop-scope[data-scheme="A"] #main:has(.a-price-page,.a-cost-page) > .page-heading,.shop-scope[data-scheme="A"] #main:has(.a-price-page,.a-cost-page) > .page-content {margin:0}
.shop-scope[data-scheme="A"] #main > .page-content:has(> .a-price-page) {padding-bottom:8px}
.shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-price-page,.shop-scope[data-scheme="A"] #main .page-content > .a-price-page > .price-settings-v2 {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  min-width:0;
}
/* Use the user list's panel, heading, controls and pager; only price columns differ. */
.shop-scope[data-scheme="A"] .price-settings-v2 .price-settings-heading h2 {letter-spacing:0}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {display:flex;flex:0 0 360px;width:360px;flex-wrap:nowrap;justify-content:flex-end;min-width:0}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {order:1}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {order:2}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {text-align:center;text-align-last:center}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select option {text-align:center}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-table-wrap {width:100%;overflow:auto}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list {width:100%;table-layout:fixed;border-collapse:collapse;height:auto}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-index-col {width:64px}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-provider-col {width:20%}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-unit-col {width:16%}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-action-col {width:130px}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list th,.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list td {padding:5px 12px;border-bottom:1px solid #edf0f2;text-align:center;vertical-align:middle;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list thead th {padding:8px 12px;height:38px;background:#f8fafb;color:#81919e;font-weight:600}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row {height:var(--price-row-height,47px)}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-unit {color:#627384}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-index,.shop-scope[data-scheme="A"] .price-settings-v2 .price-amount {font-variant-numeric:tabular-nums}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-amount strong {font-size:14px;font-weight:700}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-action .btn {min-height:36px;font-size:16px;white-space:nowrap}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-empty {height:var(--price-empty-height,auto);padding:32px 12px;color:#627384}
.shop-scope[data-scheme="A"] .price-settings-v2 > .pager {flex:none;font-size:14px;line-height:1.5;padding-top:16px;margin-top:14px}
.shop-scope[data-scheme="A"] .price-settings-v2 .pager .page-number {font-size:14px}
.shop-scope[data-scheme="A"] .price-settings-v2 .pager .desktop-only {display:inline}
/* Save feedback must not add a document row beneath the fitted page. */
.shop-scope[data-scheme="A"]:has(.a-price-page) #toast {
  display:none;position:fixed;top:16px;left:50%;transform:translateX(-50%);
  z-index:120;max-width:calc(100vw - 32px);pointer-events:none;
  padding:10px 16px;border:1px solid #d7e4df;border-radius:8px;
  background:#f4fcf8;color:#176449;box-shadow:0 4px 18px rgba(22,39,58,.12);
}
.shop-scope[data-scheme="A"]:has(.a-price-page) #toast.visible {display:flex;align-items:center;gap:8px}
.shop-scope[data-scheme="A"]:has(.a-price-page) #toast.error {background:#fff4f4;color:#a33240;border-color:#efcdd3}
/* A short desktop must also fit the navigation, without hiding any entries. */
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell {padding-top:16px;padding-bottom:12px}
  .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .brand {padding-bottom:12px}
  .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .nav-link {padding-top:6px;padding-bottom:6px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-0] .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell {padding-top:16px;padding-bottom:12px}
  .shop-container[data-cq-0] .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .brand {padding-bottom:12px}
  .shop-container[data-cq-0] .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .nav-link {padding-top:6px;padding-bottom:6px}}
@container shop (min-width:761px) and (max-height:640px) {
  .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .nav-link {padding-top:4px;padding-bottom:4px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-1] .shop-scope[data-scheme="A"]:has(.a-price-page) .sidebar.real-shell .nav-link {padding-top:4px;padding-bottom:4px}}
@container shop (max-width:1100px) {
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-settings-heading {flex-wrap:wrap;gap:12px}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {display:flex;flex:1 1 100%;width:100%;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:0}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {flex:0 0 100px;width:100px;min-width:100px}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {flex:1 1 auto;width:auto;min-width:0}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search input {width:100%;min-width:0}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list {min-width:0}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list,.shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list tbody {display:block}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list colgroup {display:none}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row {display:flex;flex-direction:column;justify-content:center;height:var(--price-row-height,auto);padding:12px 0;border-bottom:1px solid #e6ebf0}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row > td {display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:6px 0;border:0;text-align:center;align-items:center}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row > [data-label]::before {content:attr(data-label);text-align:left;color:#718393;font-weight:400}
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-action .btn {justify-self:center;min-height:40px}
  .shop-scope[data-scheme="A"] .price-settings-v2 > .pager {display:flex;flex-wrap:wrap;gap:12px;align-items:center}
}
@supports not (container-type: size) {
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-settings-heading {flex-wrap:wrap;gap:12px}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {display:flex;flex:1 1 100%;width:100%;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;margin-left:0}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {flex:0 0 100px;width:100px;min-width:100px}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {flex:1 1 auto;width:auto;min-width:0}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search input {width:100%;min-width:0}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list {min-width:0}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list,.shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list tbody {display:block}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list colgroup {display:none}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-list thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row {display:flex;flex-direction:column;justify-content:center;height:var(--price-row-height,auto);padding:12px 0;border-bottom:1px solid #e6ebf0}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row > td {display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:6px 0;border:0;text-align:center;align-items:center}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-supplier-row > [data-label]::before {content:attr(data-label);text-align:left;color:#718393;font-weight:400}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 .price-action .btn {justify-self:center;min-height:40px}
  .shop-container[data-cq-2] .shop-scope[data-scheme="A"] .price-settings-v2 > .pager {display:flex;flex-wrap:wrap;gap:12px;align-items:center}}

/* Final filter rail: independent controls with one shared visual scale. */
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {
  flex: 0 0 410px!important;
  width: 410px!important;
  min-width: 0!important;
  flex-wrap: nowrap!important;
  align-items: center!important;
  gap: 10px!important;
  margin-top: 0!important;
  padding: 0!important;
  background: transparent!important;
  border: 0!important;
  border-radius: 0!important;
}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {
  order: 1;
  flex: 0 0 128px!important;
  width: 128px!important;
  min-width: 128px!important;
  height: 38px!important;
  padding: 7px 28px 7px 10px!important;
  border: 1px solid #cbd8e2!important;
  border-radius: 9px!important;
  background: #fff!important;
  color: var(--ink)!important;
  font-size: 14px!important;
  line-height: 20px!important;
  text-align: center!important;
  text-align-last: center!important;
}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {
  order: 2;
  flex: 1 1 270px!important;
  width: 270px!important;
  min-width: 0!important;
  max-width: none!important;
  height: 38px!important;
}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search input {
  width: 100%!important;
  height: 38px!important;
  padding: 7px 10px 7px 34px!important;
  border: 1px solid #cbd8e2!important;
  border-radius: 9px!important;
  background: #fff!important;
  color: var(--ink)!important;
  font-size: 14px!important;
  line-height: 20px!important;
  box-shadow: none!important;
}
.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select:focus,.shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search input:focus {
  border-color: #8eaaff!important;
  box-shadow: 0 0 0 3px rgba(59,104,232,.14)!important;
  outline: 0!important;
}
@container shop (max-width:1100px) {
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {
    flex: 1 1 100%!important;
    width: 100%!important;
    margin-left: 0!important;
  }
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {
    flex: 1 1 auto!important;
    width: auto!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-3] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {
    flex: 1 1 100%!important;
    width: 100%!important;
    margin-left: 0!important;
  }
  .shop-container[data-cq-3] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls .search {
    flex: 1 1 auto!important;
    width: auto!important;
  }}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {
    margin-top: 10px!important;
    padding: 0!important;
  }
  .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {
    flex: 0 0 128px!important;
    width: 128px!important;
    min-width: 128px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-4] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls {
    margin-top: 10px!important;
    padding: 0!important;
  }
  .shop-container[data-cq-4] .shop-scope[data-scheme="A"] .price-settings-v2 .price-controls select {
    flex: 0 0 128px!important;
    width: 128px!important;
    min-width: 128px!important;
  }}
.shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
  margin:16px 0 0;
  padding:20px;
  min-width:0;
  border-radius:12px;
}
.shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:8px !important}
.shop-scope[data-scheme="A"] .cost-details-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.shop-scope[data-scheme="A"] .cost-details-head h2 {margin:2px 0 3px;font-size:18px}
.shop-scope[data-scheme="A"] .cost-details-head p {margin:0;color:var(--muted);font-size:12px}
.shop-scope[data-scheme="A"] .cost-details-filters {display:flex;gap:8px;flex:none}
.shop-scope[data-scheme="A"] .cost-details-filters select {
  height:34px;min-width:118px;padding:5px 9px;border:1px solid #d8e1e8;
  border-radius:7px;background:#fff;color:var(--ink);font-size:13px;text-align:center;text-align-last:center;
}
.shop-scope[data-scheme="A"] .cost-details-filters select option {text-align:center;text-align-last:center}
.shop-scope[data-scheme="A"] .cost-filter-dropdown {position:relative;min-width:118px}
.shop-scope[data-scheme="A"] .cost-filter-dropdown summary {list-style:none;position:relative;display:flex;align-items:center;justify-content:center;height:34px;padding:0;border:1px solid #d8e1e8;border-radius:7px;background:#fff;color:var(--ink);font-size:13px;text-align:center;cursor:pointer}
.shop-scope[data-scheme="A"] .cost-filter-dropdown summary::-webkit-details-marker {display:none}
.shop-scope[data-scheme="A"] .cost-filter-dropdown summary>span {position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none;white-space:nowrap}
.shop-scope[data-scheme="A"] .cost-filter-dropdown summary .icon {position:absolute;right:8px;top:8px;width:14px;height:14px}
.shop-scope[data-scheme="A"] .cost-filter-dropdown[open] summary {border-color:#9eb5ff;box-shadow:0 0 0 3px #edf2ff}
.shop-scope[data-scheme="A"] .cost-filter-menu {position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;padding:4px;border:1px solid #d8e1e8;border-radius:7px;background:#fff;box-shadow:0 8px 20px rgba(22,39,58,.14)}
.shop-scope[data-scheme="A"] .cost-filter-menu .btn {display:block;width:100%;min-height:32px;padding:5px 6px;border:0;border-radius:5px;background:#fff;color:var(--ink);font-size:13px;text-align:center}
.shop-scope[data-scheme="A"] .cost-filter-menu .btn:hover,.shop-scope[data-scheme="A"] .cost-filter-menu .btn.active {background:#edf2ff;color:var(--blue)}
.shop-scope[data-scheme="A"] .cost-details-table-wrap {width:100%;overflow:auto}
.shop-scope[data-scheme="A"] .cost-details-table {width:100%;table-layout:fixed;border-collapse:collapse}
.shop-scope[data-scheme="A"] .cost-details-table th,.shop-scope[data-scheme="A"] .cost-details-table td {
  padding:10px 10px;border-bottom:1px solid #edf0f2;text-align:center;
  vertical-align:middle;font-size:13px;line-height:1.45;overflow-wrap:anywhere;
}
.shop-scope[data-scheme="A"] .cost-details-table th {height:38px;background:#f8fafb;color:#81919e;font-weight:600}
.shop-scope[data-scheme="A"] .cost-details-table tbody tr {height:48px}
.shop-scope[data-scheme="A"] .cost-details-table tbody tr:last-child td {border-bottom:0}
.shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name {display:inline-flex;align-items:center;gap:6px}
.shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name .dot {width:7px;height:7px;border-radius:50%;display:inline-block;background:#628df0}
.shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name .dot.purple {background:#836cc4}
.shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name .dot.cyan {background:#52a8b5}
.shop-scope[data-scheme="A"] .cost-details-table .numeric,.shop-scope[data-scheme="A"] .cost-details-table .mono {font-variant-numeric:tabular-nums}
.shop-scope[data-scheme="A"] .cost-details-table .row-actions {display:flex;justify-content:center;gap:3px;flex-wrap:wrap}
.shop-scope[data-scheme="A"] .cost-details-table .row-actions .btn {min-height:30px;padding:4px 6px;font-size:12px;white-space:nowrap}
.shop-scope[data-scheme="A"] .cost-details-empty {height:80px;color:var(--muted)}
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout {min-height:0;gap:12px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .chart-area {height:150px;min-height:150px;margin-top:8px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut {width:100px;height:100px;margin:5px auto 8px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut:after {width:60px;height:60px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .expense-row {padding:5px 0;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {margin-top:12px;padding:14px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head {margin-bottom:9px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head h2 {font-size:16px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head p {font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table,.shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {display:block}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {grid-auto-rows:minmax(0,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {display:grid;grid-template-columns:.7fr 1.2fr 1fr .9fr .95fr .9fr .8fr 1.4fr;align-items:center;height:23px;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody td {min-width:0;padding:2px 4px;border:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .cost-provider-name {gap:4px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .row-actions {gap:0;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .row-actions .btn {min-height:21px;padding:1px 3px;font-size:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout {min-height:0;gap:12px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .chart-area {height:150px;min-height:150px;margin-top:8px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut {width:100px;height:100px;margin:5px auto 8px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut:after {width:60px;height:60px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .expense-row {padding:5px 0;font-size:11px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {margin-top:12px;padding:14px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head {margin-bottom:9px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head h2 {font-size:16px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-head p {font-size:11px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table,.shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {display:block}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {grid-auto-rows:minmax(0,1fr)}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {display:grid;grid-template-columns:.7fr 1.2fr 1fr .9fr .95fr .9fr .8fr 1.4fr;align-items:center;height:23px;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody td {min-width:0;padding:2px 4px;border:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .cost-provider-name {gap:4px}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .row-actions {gap:0;flex-wrap:nowrap}
  .shop-container[data-cq-5] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table .row-actions .btn {min-height:21px;padding:1px 3px;font-size:9px}}
@container shop (min-width:761px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-page .stat {min-height:80px;padding:12px 14px}
  .shop-scope[data-scheme="A"] .a-cost-page .stat strong {font-size:20px;margin:4px 0 2px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:260px;min-height:0!important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:260px;min-height:0!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 {padding:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-head {margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:40px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:4px 7px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-page .stat {min-height:80px;padding:12px 14px}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-page .stat strong {font-size:20px;margin:4px 0 2px}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:260px;min-height:0!important}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:260px;min-height:0!important}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-details-7 {padding:12px}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-head {margin-bottom:8px}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:40px}
  .shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-6] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:4px 7px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:30px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:2px 5px;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-7] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:30px}
  .shop-container[data-cq-7] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-7] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:2px 5px;font-size:11px}
  .shop-container[data-cq-7] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-container[data-cq-7] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:8px}
  .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading {padding-top:18px;padding-bottom:14px}
  .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading h1 {font-size:28px;margin-bottom:3px}
  .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading p {font-size:13px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-tabs {margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .stats {gap:8px;margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .stat {min-height:56px;padding:8px 10px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .stat strong {font-size:17px;margin:2px 0 1px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .stat span {font-size:11px}
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-range-30 {min-height:calc(100vh - 96px) !important}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout {height:232px;min-height:0!important}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout>.panel {height:232px;min-height:0!important;overflow:hidden}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .section-head,.shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .section-head {margin-bottom:6px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .chart-area {height:112px;min-height:0}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel {min-height:0}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut {width:88px;height:88px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut:after {width:54px;height:54px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .expense-row {padding:3px 0;line-height:1.2}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {margin-top:8px;padding:10px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {height:21px}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody td {padding:3px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:8px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading {padding-top:18px;padding-bottom:14px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading h1 {font-size:28px;margin-bottom:3px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] #main:has(.a-cost-range-30) > .page-heading p {font-size:13px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-tabs {margin-bottom:8px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .stats {gap:8px;margin-bottom:8px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .stat {min-height:56px;padding:8px 10px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .stat strong {font-size:17px;margin:2px 0 1px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .stat span {font-size:11px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-range-30 {min-height:calc(100vh - 96px) !important}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout {height:232px;min-height:0!important}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-layout>.panel {height:232px;min-height:0!important;overflow:hidden}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .section-head,.shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .section-head {margin-bottom:6px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-chart-panel .chart-area {height:112px;min-height:0}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel {min-height:0}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut {width:88px;height:88px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .donut:after {width:54px;height:54px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-expense-panel .expense-row {padding:3px 0;line-height:1.2}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {margin-top:8px;padding:10px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {height:21px}
  .shop-container[data-cq-8] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody td {padding:3px 3px;font-size:10px}}
@container shop (min-width:761px) and (min-height:1001px) {
  .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:8px}
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-range-30 {display:flex;flex-direction:column;min-height:calc(100vh - 128px) !important}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table {height:100%}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {height:100%;grid-template-rows:repeat(7,minmax(23px,1fr));grid-auto-rows:auto}
  .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {height:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:8px}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-range-30 {display:flex;flex-direction:column;min-height:calc(100vh - 128px) !important}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] .a-cost-range-30 .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table {height:100%}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody {height:100%;grid-template-rows:repeat(7,minmax(23px,1fr));grid-auto-rows:auto}
  .shop-container[data-cq-9] .shop-scope[data-scheme="A"] .a-cost-range-30 .cost-details-table tbody tr {height:auto}}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-chart-panel .bar-chart {gap:0;padding:0;overflow:hidden}
  .shop-scope[data-scheme="A"] .a-chart-panel .bar-column {min-width:0;flex:1 1 0;overflow:hidden}
  .shop-scope[data-scheme="A"] .a-chart-panel .bar-column small,.shop-scope[data-scheme="A"] .a-chart-panel .bar-values>span {font-size:7px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {padding:15px;margin-top:12px}
  .shop-scope[data-scheme="A"] .cost-details-head {display:block;margin-bottom:12px}
  .shop-scope[data-scheme="A"] .cost-details-filters {margin-top:10px;display:grid;grid-template-columns:1fr 1fr}
  .shop-scope[data-scheme="A"] .cost-details-filters select,.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown {width:100%;min-width:0}
  .shop-scope[data-scheme="A"] .cost-details-table,.shop-scope[data-scheme="A"] .cost-details-table tbody {display:block}
  .shop-scope[data-scheme="A"] .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-scope[data-scheme="A"] .cost-details-table tbody tr {display:block;height:auto;padding:10px 0;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .cost-details-table tbody tr:last-child {border-bottom:0}
  .shop-scope[data-scheme="A"] .cost-details-table tbody td {display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:6px 0;border:0;text-align:right}
  .shop-scope[data-scheme="A"] .cost-details-table tbody td[data-label]::before {content:attr(data-label);text-align:left;color:#81919e}
  .shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name {justify-self:end}
  .shop-scope[data-scheme="A"] .cost-details-table .row-actions {justify-content:flex-end}
}
@supports not (container-type: size) {
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .a-chart-panel .bar-chart {gap:0;padding:0;overflow:hidden}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .a-chart-panel .bar-column {min-width:0;flex:1 1 0;overflow:hidden}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .a-chart-panel .bar-column small,.shop-container[data-cq-10] .shop-scope[data-scheme="A"] .a-chart-panel .bar-values>span {font-size:7px}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {padding:15px;margin-top:12px}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-head {display:block;margin-bottom:12px}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-filters {margin-top:10px;display:grid;grid-template-columns:1fr 1fr}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-filters select,.shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown {width:100%;min-width:0}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table,.shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table tbody {display:block}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table tbody tr {display:block;height:auto;padding:10px 0;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table tbody tr:last-child {border-bottom:0}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table tbody td {display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:6px 0;border:0;text-align:right}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table tbody td[data-label]::before {content:attr(data-label);text-align:left;color:#81919e}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table .cost-provider-name {justify-self:end}
  .shop-container[data-cq-10] .shop-scope[data-scheme="A"] .cost-details-table .row-actions {justify-content:flex-end}}
.shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-range-30) {padding-bottom:0 !important}
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;min-width:0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;min-width:0;padding:12px 14px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700;color:var(--ink)}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0 10px;font-size:14px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.purple {background:#836cc4}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.cyan {background:#52a8b5}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;min-width:0}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;min-width:0;padding:12px 14px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700;color:var(--ink)}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0 10px;font-size:14px}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.purple {background:#836cc4}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.cyan {background:#52a8b5}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:8px}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px;flex-wrap:nowrap}
  .shop-container[data-cq-11] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:1fr;gap:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;padding:11px 12px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0;font-size:14px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:7px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:30px;padding:3px 5px;font-size:11px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:1fr;gap:8px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;padding:11px 12px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0;font-size:14px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:7px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px}
  .shop-container[data-cq-12] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:30px;padding:3px 5px;font-size:11px}}
@container shop (min-width:761px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {height:auto!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {height:auto!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:32px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:3px 6px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {height:auto!important}
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {height:auto!important}
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:32px!important}
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:3px 6px!important}
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-container[data-cq-13] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
/* Final card override: the card contents stay on one compact, aligned row. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {flex:1 1 auto;grid-auto-rows:minmax(52px,1fr);align-content:stretch}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid!important;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:52px!important;min-height:0;overflow:hidden;padding:7px 10px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {font-size:11px;color:#526576}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex!important;justify-content:flex-end;padding:0!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {flex:1 1 auto;grid-auto-rows:minmax(52px,1fr);align-content:stretch}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid!important;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:52px!important;min-height:0;overflow:hidden;padding:7px 10px}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {font-size:11px;color:#526576}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex!important;justify-content:flex-end;padding:0!important}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-container[data-cq-14] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
/* Compact 30-day cards: one readable information row per card. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:minmax(0,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:52px;padding:7px 10px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:contents}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .cost-card-price {font-size:11px;color:#526576}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding:0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:minmax(0,1fr)}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:52px;padding:7px 10px}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:contents}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:12px}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-15] .shop-scope[data-scheme="A"] .cost-card-price {font-size:11px;color:#526576}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding:0}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-container[data-cq-15] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 10px;height:auto;padding:10px 12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:contents}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label] {display:grid;grid-template-columns:1fr minmax(0,1fr);gap:8px;align-items:center;grid-column:1 / -1;padding:4px 0;font-size:12px;white-space:normal}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label]::before {content:attr(data-label);color:#81919e;text-align:left}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {margin:0;justify-self:end;display:flex;align-items:center;gap:5px;font-size:13px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {justify-self:end;text-align:right}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:block}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:grid;grid-template-columns:1fr;justify-items:end;grid-column:1 / -1;padding:6px 0 0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {justify-content:flex-end;display:flex;gap:4px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid;grid-template-columns:78px minmax(0,1fr);gap:0 10px;height:auto;padding:10px 12px}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:contents}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label] {display:grid;grid-template-columns:1fr minmax(0,1fr);gap:8px;align-items:center;grid-column:1 / -1;padding:4px 0;font-size:12px;white-space:normal}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label]::before {content:attr(data-label);color:#81919e;text-align:left}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {margin:0;justify-self:end;display:flex;align-items:center;gap:5px;font-size:13px}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {justify-self:end;text-align:right}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:block}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:grid;grid-template-columns:1fr;justify-items:end;grid-column:1 / -1;padding:6px 0 0}
  .shop-container[data-cq-16] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {justify-content:flex-end;display:flex;gap:4px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell {padding-top:16px;padding-bottom:12px}
  .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .brand {padding-bottom:12px}
  .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .nav-link {padding-top:6px;padding-bottom:6px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-17] .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell {padding-top:16px;padding-bottom:12px}
  .shop-container[data-cq-17] .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .brand {padding-bottom:12px}
  .shop-container[data-cq-17] .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .nav-link {padding-top:6px;padding-bottom:6px}}
@container shop (min-width:761px) and (max-height:640px) {
  .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .nav-link {padding-top:4px;padding-bottom:4px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-18] .shop-scope[data-scheme="A"]:has(.a-cost-page) .sidebar.real-shell .nav-link {padding-top:4px;padding-bottom:4px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading {padding-top:18px;padding-bottom:14px}
  .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading h1 {font-size:28px;margin-bottom:3px}
  .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading p {font-size:13px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-19] .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading {padding-top:18px;padding-bottom:14px}
  .shop-container[data-cq-19] .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading h1 {font-size:28px;margin-bottom:3px}
  .shop-container[data-cq-19] .shop-scope[data-scheme="A"] #main:has(.a-cost-page) > .page-heading p {font-size:13px}}
/* Both overview ranges use the same content-first desktop fit. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-page) {padding-bottom:0!important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {min-height:0;gap:12px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .chart-area {height:150px;min-height:150px;margin-top:8px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel {min-height:0}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut {width:100px;height:100px;margin:5px auto 8px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut:after {width:60px;height:60px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .expense-row {padding:5px 0;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {margin-top:12px;padding:14px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head {margin-bottom:9px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head h2 {font-size:16px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head p {font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table,.shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {display:block}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;grid-auto-rows:minmax(0,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {display:grid;grid-template-columns:.7fr 1.2fr 1fr .9fr .95fr .9fr .8fr 1.4fr;align-items:center;height:23px;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody td {min-width:0;padding:2px 4px;border:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .cost-provider-name {gap:4px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .row-actions {gap:0;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .row-actions .btn {min-height:21px;padding:1px 3px;font-size:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] #main > .page-content:has(> .a-cost-page) {padding-bottom:0!important}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {min-height:0;gap:12px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .chart-area {height:150px;min-height:150px;margin-top:8px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel {min-height:0}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut {width:100px;height:100px;margin:5px auto 8px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut:after {width:60px;height:60px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .expense-row {padding:5px 0;font-size:11px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {margin-top:12px;padding:14px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head {margin-bottom:9px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head h2 {font-size:16px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head p {font-size:11px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table,.shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {display:block}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;grid-auto-rows:minmax(0,1fr)}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {display:grid;grid-template-columns:.7fr 1.2fr 1fr .9fr .95fr .9fr .8fr 1.4fr;align-items:center;height:23px;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody td {min-width:0;padding:2px 4px;border:0;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .cost-provider-name {gap:4px}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .row-actions {gap:0;flex-wrap:nowrap}
  .shop-container[data-cq-20] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table .row-actions .btn {min-height:21px;padding:1px 3px;font-size:9px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {min-height:calc(100vh - 88px) !important}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-tabs {margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-cost-page .stats {gap:8px;margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-cost-page .stat {min-height:56px;padding:8px 10px}
  .shop-scope[data-scheme="A"] .a-cost-page .stat strong {font-size:17px;margin:2px 0 1px}
  .shop-scope[data-scheme="A"] .a-cost-page .stat span {font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:200px;min-height:0!important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:200px;min-height:0!important;overflow:hidden}
  .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .section-head,.shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .section-head {margin-bottom:6px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .chart-area {height:80px;min-height:0}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut {width:60px;height:60px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut:after {width:36px;height:36px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .expense-row {padding:1px 0;line-height:1.1;font-size:10px}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {margin-top:8px;padding:7px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:21px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody td {padding:3px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {min-height:calc(100vh - 88px) !important}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .cost-tabs {margin-bottom:8px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .stats {gap:8px;margin-bottom:8px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .stat {min-height:56px;padding:8px 10px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .stat strong {font-size:17px;margin:2px 0 1px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .stat span {font-size:11px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:200px;min-height:0!important}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:200px;min-height:0!important;overflow:hidden}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .section-head,.shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .section-head {margin-bottom:6px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-chart-panel .chart-area {height:80px;min-height:0}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut {width:60px;height:60px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .donut:after {width:36px;height:36px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-expense-panel .expense-row {padding:1px 0;line-height:1.1;font-size:10px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {margin-top:8px;padding:7px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:21px}
  .shop-container[data-cq-21] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody td {padding:3px 3px;font-size:10px}}
@container shop (min-width:761px) and (min-height:1001px) {
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 120px) !important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(23px,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 120px) !important}
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(23px,1fr)}
  .shop-container[data-cq-22] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}}
/* Clear detail layouts: one readable table for 7 days, cards for 30 days. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {display:table;height:auto;table-layout:fixed}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:table-header-group}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:table-row-group;height:auto;grid-template-columns:none;grid-auto-rows:auto}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:table-row;height:var(--cost-detail-row-height,46px);border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {display:table-cell;padding:7px 10px;border-bottom:1px solid #edf0f2;font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th {height:34px;font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) b,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {display:block}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {color:var(--muted);font-size:11px;margin-top:2px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions {display:flex;justify-content:center;gap:4px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;min-width:0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;min-width:0;padding:12px 14px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700;color:var(--ink)}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0 10px;font-size:14px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.purple {background:#836cc4}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.cyan {background:#52a8b5}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {display:table;height:auto;table-layout:fixed}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:static;width:auto;height:auto;overflow:visible;clip-path:none;display:table-header-group}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:table-row-group;height:auto;grid-template-columns:none;grid-auto-rows:auto}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:table-row;height:var(--cost-detail-row-height,46px);border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {display:table-cell;padding:7px 10px;border-bottom:1px solid #edf0f2;font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th {height:34px;font-size:12px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) b,.shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {display:block}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {color:var(--muted);font-size:11px;margin-top:2px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions {display:flex;justify-content:center;gap:4px;flex-wrap:nowrap}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;min-width:0}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:flex;flex-direction:column;min-width:0;padding:12px 14px;border:1px solid #e4ebef;border-radius:9px;background:#fff}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card header {display:flex;align-items:center;justify-content:space-between;gap:8px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {font-size:13px;font-weight:700;color:var(--ink)}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:7px;margin:8px 0 10px;font-size:14px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot {width:7px;height:7px;border-radius:50%;background:#628df0}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.purple {background:#836cc4}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider .dot.cyan {background:#52a8b5}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider span {margin-left:auto;color:var(--muted);font-size:12px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px 0;border-top:1px solid #edf0f2;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics small {display:block;color:var(--muted);font-size:10px;margin-bottom:3px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-metrics strong {display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex;justify-content:flex-end;padding-top:8px}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:4px;flex-wrap:nowrap}
  .shop-container[data-cq-23] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:28px;padding:3px 5px;font-size:11px}}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:block}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:block;height:auto;padding:9px 0;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td {display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:5px 0;border:0;text-align:right;font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td[data-label]::before {content:attr(data-label);text-align:left;color:#81919e}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions {justify-content:flex-end}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:1fr;gap:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {padding:11px 12px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table,.shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:block}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:block;height:auto;padding:9px 0;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td {display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;padding:5px 0;border:0;text-align:right;font-size:12px}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td[data-label]::before {content:attr(data-label);text-align:left;color:#81919e}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions {justify-content:flex-end}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:1fr;gap:8px}
  .shop-container[data-cq-24] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {padding:11px 12px}}
@container shop (min-width:761px) and (min-height:801px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 120px) !important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column;padding-bottom:5px}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(23px,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 120px) !important}
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column;padding-bottom:5px}
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(23px,1fr)}
  .shop-container[data-cq-25] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 88px) !important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(21px,1fr)}
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack.a-cost-page {display:flex;flex-direction:column;min-height:calc(100vh - 88px) !important}
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {display:flex;flex:1 1 auto;flex-direction:column}
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {display:flex;flex:1 1 auto}
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table {height:100%}
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody {height:100%;grid-template-rows:none;grid-auto-rows:minmax(21px,1fr)}
  .shop-container[data-cq-26] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table tbody tr {height:auto}}
/* Final v2 detail layout overrides. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {display:table!important;height:100%!important;table-layout:fixed}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:static!important;display:table-header-group!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:table-row-group!important;height:100%!important;grid-template-columns:none!important;grid-auto-rows:auto!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:table-row!important;height:auto!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {display:table-cell!important;padding:7px 10px;border-bottom:1px solid #edf0f2;font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(52px,1fr);gap:12px 14px;flex:1 1 auto;min-width:0}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid!important;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:100%!important;min-height:52px;overflow:hidden;padding:7px 10px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {font-size:11px;color:#526576}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex!important;justify-content:flex-end;padding:0!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {display:table!important;height:100%!important;table-layout:fixed}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table thead {position:static!important;display:table-header-group!important;width:auto!important;height:auto!important;overflow:visible!important;clip-path:none!important}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {display:table-row-group!important;height:100%!important;grid-template-columns:none!important;grid-auto-rows:auto!important}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {display:table-row!important;height:auto!important}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {display:table-cell!important;padding:7px 10px;border-bottom:1px solid #edf0f2;font-size:12px;white-space:normal;overflow:visible;text-overflow:clip}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(52px,1fr);gap:12px 14px;flex:1 1 auto;min-width:0}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {display:grid!important;grid-template-columns:.65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr;align-items:center;gap:7px;height:100%!important;min-height:52px;overflow:hidden;padding:7px 10px}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {display:flex;align-items:center;gap:5px;margin:0;font-size:11px}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {font-size:11px;color:#526576}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:12px}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {display:flex;justify-content:center}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {display:flex!important;justify-content:flex-end;padding:0!important}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {display:flex;gap:2px;flex-wrap:nowrap}
  .shop-container[data-cq-27] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
@container shop (min-width:761px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:32px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:4px 7px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) b,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {display:inline;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small::before {content:' · ';color:#81919e}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 4px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:32px!important}
  .shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:4px 7px!important}
  .shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) b,.shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {display:inline;font-size:11px}
  .shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small::before {content:' · ';color:#81919e}
  .shop-container[data-cq-28] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 4px;font-size:10px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:26px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:2px 5px!important;font-size:11px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-29] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:26px!important}
  .shop-container[data-cq-29] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-29] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:2px 5px!important;font-size:11px}
  .shop-container[data-cq-29] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(3) small {font-size:10px;margin-top:0}
  .shop-container[data-cq-29] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:24px;padding:2px 3px;font-size:10px}}
/* Final responsive density for 30-day summary cards. */
@container shop (min-width:761px) and (min-height:801px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:260px!important}
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:260px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:34px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:34px!important;min-height:34px;padding:3px 6px!important;gap:4px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:20px;padding:1px 2px;font-size:9px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:10px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout {height:260px!important}
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-layout>.panel {height:260px!important}
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:34px!important}
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:34px!important;min-height:34px;padding:3px 6px!important;gap:4px}
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:20px;padding:1px 2px;font-size:9px}
  .shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-30] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:10px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:28px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:28px!important;min-height:28px;padding:2px 4px!important;gap:3px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:18px;padding:1px 2px;font-size:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:28px!important}
  .shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:28px!important;min-height:28px;padding:2px 4px!important;gap:3px}
  .shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:18px;padding:1px 2px;font-size:8px}
  .shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-31] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:9px}}
@container shop (min-width:761px) and (min-height:1001px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:100%!important}
}
@supports not (container-type: size) {
  .shop-container[data-cq-32] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:100%!important}}
@container shop (min-width:761px) and (min-height:801px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:28px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:28px!important;min-height:28px;padding:2px 4px!important;gap:3px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:18px;padding:1px 2px;font-size:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:28px!important}
  .shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:28px!important;min-height:28px;padding:2px 4px!important;gap:3px}
  .shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:18px;padding:1px 2px;font-size:8px}
  .shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-33] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:9px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:24px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:1px 4px!important;font-size:10px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:20px;padding:1px 2px;font-size:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-34] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {height:24px!important}
  .shop-container[data-cq-34] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-34] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {padding:1px 4px!important;font-size:10px}
  .shop-container[data-cq-34] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn {min-height:20px;padding:1px 2px;font-size:9px}}
@container shop (min-width:761px) and (max-height:800px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:22px!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:22px!important;min-height:22px;padding:1px 2px!important;gap:2px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:16px;padding:0 2px;font-size:8px}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:8px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:22px!important}
  .shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:22px!important;min-height:22px;padding:1px 2px!important;gap:2px}
  .shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {min-height:16px;padding:0 2px;font-size:8px}
  .shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage,.shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price,.shop-container[data-cq-35] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {font-size:8px}}
@container shop (min-width:761px) and (max-height:800px) { .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:21px!important} .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:21px!important;min-height:21px} }
@supports not (container-type: size) { .shop-container[data-cq-36] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-auto-rows:21px!important} .shop-container[data-cq-36] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {height:21px!important;min-height:21px}}
/* Sequence column for both detail layouts. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th:first-child,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:first-child {width:54px}
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-index {font-variant-numeric:tabular-nums;color:#627384}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {grid-template-columns:.45fr .65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr!important}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {font-size:10px;color:#627384;text-align:center}
}
@supports not (container-type: size) {
  .shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th:first-child,.shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:first-child {width:54px}
  .shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-index {font-variant-numeric:tabular-nums;color:#627384}
  .shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {grid-template-columns:.45fr .65fr 1.35fr 1.05fr .8fr .95fr .85fr .8fr 1.35fr!important}
  .shop-container[data-cq-37] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {font-size:10px;color:#627384;text-align:center}}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {display:grid;grid-template-columns:1fr minmax(0,1fr);gap:8px;grid-column:1 / -1;padding:4px 0;font-size:12px;text-align:right}
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index::before {content:attr(data-label);color:#81919e;text-align:left}
}
@supports not (container-type: size) {
  .shop-container[data-cq-38] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {display:grid;grid-template-columns:1fr minmax(0,1fr);gap:8px;grid-column:1 / -1;padding:4px 0;font-size:12px;text-align:right}
  .shop-container[data-cq-38] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index::before {content:attr(data-label);color:#81919e;text-align:left}}
/* Final typography pass: keep both detail layouts on one readable scale. */
.shop-scope[data-scheme="A"] .a-cost-details {
  --cost-detail-heading: #81919e;
  --cost-detail-secondary: #6b7a8a;
  --cost-detail-body: #304253;
}
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    vertical-align: middle!important;
    text-align: center;
    font-size: 14px!important;
    line-height: 20px!important;
    color: var(--cost-detail-body);
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th {
    color: var(--cost-detail-heading)!important;
    font-size: 13px!important;
    line-height: 18px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-index,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(2),.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(5) {
    font-size: 14px!important;
    line-height: 20px!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-provider-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b {
    display: block;
    font-size: 14px!important;
    line-height: 18px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: block;
    margin-top: 2px;
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(6) b {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .badge,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .badge {
    display: inline-flex;
    align-items: center;
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
    padding: 3px 7px;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: nowrap;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {
    min-height: 28px!important;
    padding: 3px 6px!important;
    font-size: 13px!important;
    line-height: 20px!important;
    font-weight: 600!important;
    white-space: nowrap;
  }

  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {
    height: 100%!important;
    table-layout: fixed;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {
    height: 100%!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: auto!important;
  }

  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-rows: minmax(30px,1fr)!important;
    align-content: stretch;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    align-items: center;
    height: 100%!important;
    min-height: 30px;
    grid-template-columns: .4fr .6fr 1.1fr .95fr .7fr 1.2fr .85fr .8fr 1.4fr!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > * {
    align-self: center;
    min-width: 0;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {
    gap: 6px;
    margin: 0;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage {
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 18px!important;
    font-weight: 400!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {
    display: flex!important;
    align-items: center;
    justify-content: flex-end;
    padding: 0!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    vertical-align: middle!important;
    text-align: center;
    font-size: 14px!important;
    line-height: 20px!important;
    color: var(--cost-detail-body);
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th {
    color: var(--cost-detail-heading)!important;
    font-size: 13px!important;
    line-height: 18px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-index,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(2),.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(5) {
    font-size: 14px!important;
    line-height: 20px!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-provider-name {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b {
    display: block;
    font-size: 14px!important;
    line-height: 18px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: block;
    margin-top: 2px;
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(6) b {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .badge,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .badge {
    display: inline-flex;
    align-items: center;
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
    padding: 3px 7px;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: nowrap;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {
    min-height: 28px!important;
    padding: 3px 6px!important;
    font-size: 13px!important;
    line-height: 20px!important;
    font-weight: 600!important;
    white-space: nowrap;
  }

  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table {
    height: 100%!important;
    table-layout: fixed;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {
    height: 100%!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: auto!important;
  }

  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-auto-rows: minmax(30px,1fr)!important;
    align-content: stretch;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    align-items: center;
    height: 100%!important;
    min-height: 30px;
    grid-template-columns: .4fr .6fr 1.1fr .95fr .7fr 1.2fr .85fr .8fr 1.4fr!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > * {
    align-self: center;
    min-width: 0;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date,.shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider {
    gap: 6px;
    margin: 0;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage {
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 18px!important;
    font-weight: 400!important;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
    font-variant-numeric: tabular-nums;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-status {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .shop-container[data-cq-39] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card footer {
    display: flex!important;
    align-items: center;
    justify-content: flex-end;
    padding: 0!important;
  }}
@container shop (min-width:761px) and (max-height:1000px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    padding: 1px 7px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: 34px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    line-height: 18px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small::before {
    content: ' · ';
    color: var(--cost-detail-heading);
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    column-gap: 10px;
    row-gap: 3px;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    padding: 1px 4px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    padding: 1px 7px!important;
  }
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: 34px!important;
  }
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b,.shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    line-height: 18px!important;
  }
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small::before {
    content: ' · ';
    color: var(--cost-detail-heading);
  }
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    column-gap: 10px;
    row-gap: 3px;
  }
  .shop-container[data-cq-40] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    padding: 1px 4px!important;
  }}
@container shop (min-width:761px) and (max-height:760px) {
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    padding-bottom: 0!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head {
    margin-bottom: 0!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    padding: 0 5px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: 28px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    line-height: 18px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small::before {
    content: ' · ';
    color: var(--cost-detail-heading);
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    column-gap: 8px;
    row-gap: 0;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    padding: 0 3px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    padding-bottom: 0!important;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-head {
    margin-bottom: 0!important;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table th,.shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td {
    padding: 0 5px!important;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height: 28px!important;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) b,.shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    line-height: 18px!important;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table td:nth-child(4) small::before {
    content: ' · ';
    color: var(--cost-detail-heading);
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    column-gap: 8px;
    row-gap: 0;
  }
  .shop-container[data-cq-41] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    padding: 0 3px!important;
  }}
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    padding-bottom: 0!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-42] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    padding-bottom: 0!important;
  }}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td {
    font-size: 14px!important;
    line-height: 20px!important;
    color: var(--cost-detail-body);
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td[data-label]::before,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label]::before {
    color: var(--cost-detail-heading);
    font-size: 12px!important;
    line-height: 18px!important;
    font-weight: 400!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(4) b {
    display: block;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(4) small {
    display: block;
    margin-top: 2px;
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 18px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(6) b,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-provider-name,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage {
    color: var(--cost-detail-secondary);
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .badge,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .badge {
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn,.shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {
    min-height: 28px!important;
    padding: 3px 6px!important;
    font-size: 13px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {
    font-size: 14px!important;
    line-height: 20px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td {
    font-size: 14px!important;
    line-height: 20px!important;
    color: var(--cost-detail-body);
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td[data-label]::before,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card > [data-label]::before {
    color: var(--cost-detail-heading);
    font-size: 12px!important;
    line-height: 18px!important;
    font-weight: 400!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(4) b {
    display: block;
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(4) small {
    display: block;
    margin-top: 2px;
    color: var(--cost-detail-secondary);
    font-size: 12px!important;
    line-height: 18px!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody td:nth-child(6) b,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-cost {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 700!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .cost-provider-name,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-provider b,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-feature,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-price {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 600;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-usage {
    color: var(--cost-detail-secondary);
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .badge,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .badge {
    font-size: 12px!important;
    line-height: 16px!important;
    font-weight: 400!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table .row-actions .btn,.shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card .row-actions .btn {
    min-height: 28px!important;
    padding: 3px 6px!important;
    font-size: 13px!important;
    line-height: 20px!important;
    font-weight: 600!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-index {
    font-size: 14px!important;
    line-height: 20px!important;
  }
  .shop-container[data-cq-43] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-date {
    font-size: 14px!important;
    line-height: 20px!important;
    font-weight: 400!important;
  }}
/* Match the price page filter controls: independent, centered dropdowns. */
.shop-scope[data-scheme="A"] .cost-details-filters {
  display: flex!important;
  align-items: center!important;
  gap: 10px!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown {
  flex: 0 0 136px;
  min-width: 136px!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown summary {
  height: 38px!important;
  padding: 0 30px 0 10px!important;
  border: 1px solid #cbd8e2!important;
  border-radius: 9px!important;
  background: #fff!important;
  color: var(--ink)!important;
  font-size: 14px!important;
  line-height: 20px!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown summary > span {
  padding: 0 4px;
  line-height: 20px;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown summary .icon {
  right: 9px!important;
  top: 11px!important;
  width: 14px!important;
  height: 14px!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown[open] summary {
  border-color: #8eaaff!important;
  box-shadow: 0 0 0 3px rgba(59,104,232,.14)!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-menu {
  top: calc(100% + 6px)!important;
  padding: 5px!important;
  border: 1px solid #cbd8e2!important;
  border-radius: 9px!important;
  box-shadow: 0 10px 24px rgba(22,39,58,.14)!important;
}
.shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-menu .btn {
  min-height: 34px!important;
  padding: 6px 8px!important;
  border-radius: 6px!important;
  font-size: 14px!important;
  line-height: 20px!important;
}
@container shop (max-width:760px) {
  .shop-scope[data-scheme="A"] .cost-details-filters {
    gap: 8px!important;
  }
  .shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown {
    flex: 1 1 0!important;
    min-width: 0!important;
  }
  .shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown summary {
    font-size: 13px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-44] .shop-scope[data-scheme="A"] .cost-details-filters {
    gap: 8px!important;
  }
  .shop-container[data-cq-44] .shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown {
    flex: 1 1 0!important;
    min-width: 0!important;
  }
  .shop-container[data-cq-44] .shop-scope[data-scheme="A"] .cost-details-filters .cost-filter-dropdown summary {
    font-size: 13px!important;
  }}
/* Responsive pagination controls density; real rows never absorb empty space. */
@container shop (min-width:761px) {
  .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    display:block!important;
    flex:0 0 auto!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {
    display:block!important;
    flex:0 0 auto!important;
    height:auto!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table,.shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {
    height:auto!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height:48px!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    flex:0 0 auto!important;
    grid-auto-rows:minmax(52px,auto)!important;
    align-content:start!important;
  }
  .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    height:auto!important;
    min-height:52px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-page .a-cost-details {
    display:block!important;
    flex:0 0 auto!important;
  }
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-page .cost-details-table-wrap {
    display:block!important;
    flex:0 0 auto!important;
    height:auto!important;
  }
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table,.shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody {
    height:auto!important;
  }
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-details-7 .cost-details-table tbody tr {
    height:48px!important;
  }
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-card-grid {
    flex:0 0 auto!important;
    grid-auto-rows:minmax(52px,auto)!important;
    align-content:start!important;
  }
  .shop-container[data-cq-45] .shop-scope[data-scheme="A"] .a-cost-details-30 .cost-detail-card {
    height:auto!important;
    min-height:52px!important;
  }}
/* Precision console wizard visual system. */
.status-stack{display:inline-flex;flex-direction:column;align-items:center;gap:3px;line-height:1}
.status-latency{color:#12805a;font-size:10px;font-weight:700;line-height:1.2;white-space:nowrap}
.model-probe-status{display:block;font-size:10px;line-height:14px;font-weight:700}
.model-probe-status.ok{color:#12805a}
.model-probe-status.error{color:#c23d45}
.shop-scope[data-scheme="A"] .a-model-action-buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.shop-scope[data-scheme="A"] .a-model-action-buttons .btn{min-width:82px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps){
  --wizard-ink:#244b9b;--wizard-muted:#708293;--wizard-line:#e2e9ef;--wizard-bg:#f6f8fb;--wizard-accent:#3b68e8;
  top:16px;bottom:16px;right:16px;width:min(760px,calc(100vw - 32px));max-height:none;border-radius:16px;background:var(--wizard-bg);overflow:hidden;
}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) form{display:flex;min-height:0;flex:1 1 auto;flex-direction:column}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head{flex:none;min-height:78px;padding:20px 24px 18px;color:#fff;background:var(--wizard-ink);border:0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head .eyebrow{color:#bcd0ff;font-size:11px;font-weight:600}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head h2{margin:4px 0 0;color:#fff;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head .icon-button{width:38px;height:38px;color:var(--wizard-ink);background:#fff;border-color:rgba(255,255,255,.7);border-radius:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;padding:16px 22px 18px;background:var(--wizard-bg)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps{display:flex;flex:none;gap:10px;margin:0 0 14px;padding:10px 14px;border:1px solid var(--wizard-line);border-radius:12px;background:#fff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li{gap:7px;color:#9aa9b7;font-size:11px;font-weight:600}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li b{position:relative;z-index:2;padding:0 3px;background:#fff;white-space:nowrap}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li:not(:last-child):after{left:29px;right:9px;top:14px;background:#dbe4ec}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li.done,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li.current{color:var(--wizard-accent)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li.done span,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li.current span{border-color:var(--wizard-accent);background:var(--wizard-accent);color:#fff;border-radius:9px;box-shadow:0 0 0 3px #edf2ff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li.done:not(:last-child):after{background:#9fb5ff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form{margin:0 0 14px;padding:18px;border:1px solid var(--wizard-line);border-top:4px solid var(--wizard-accent);border-radius:16px;background:#fff;box-shadow:0 5px 16px rgba(23,43,61,.05)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form:has(.role-marker.backup){border-top-color:#d69647}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading{margin-bottom:14px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading h3{color:var(--wizard-ink);font-size:16px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading p{color:var(--wizard-muted);font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section{margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section>.form-grid{gap:14px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .setting-group,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section>.form-grid>.field{min-width:0;margin:0;padding:16px;border:1px solid var(--wizard-line);border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(23,43,61,.045)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .setting-group{border-top:1px solid var(--wizard-line)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .setting-group legend{padding:0;color:var(--wizard-ink);font-size:15px;font-weight:700}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .setting-group>p{margin:5px 0 10px;color:var(--wizard-muted);font-size:11px;line-height:1.5}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .quality-options{gap:8px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .quality-options .model-option{min-width:70px;min-height:34px;padding:6px 10px;border:1px solid #d7e1e9;border-radius:10px;background:#fff;color:var(--wizard-ink);font-size:12px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .quality-options .model-option.active{border-color:var(--wizard-accent);background:#edf3ff;color:var(--wizard-accent);box-shadow:0 0 0 2px #dbe6ff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head{grid-column:1 / -1;margin:4px 0 -2px;padding:15px 2px 0;border-top:1px solid var(--wizard-line)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head h3{color:var(--wizard-ink);font-size:17px;line-height:1.3}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head p{margin:4px 0 0;color:var(--wizard-muted);font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section>.notice{margin:14px 0 0;padding:11px 13px;border:1px solid #d6e2ff;border-radius:12px;background:#edf3ff;color:#536b91;font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{flex:none;min-height:68px;padding:12px 24px;background:#fff;border-top:1px solid var(--wizard-line);box-shadow:0 -6px 18px rgba(23,43,61,.06);justify-content:flex-end}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer>span{display:none}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer>div{margin-left:auto;gap:9px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn{min-height:38px;border-radius:10px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn.primary{min-width:136px;box-shadow:0 7px 14px rgba(59,104,232,.2)}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){top:8px;right:8px;bottom:8px;left:8px;width:auto;border-radius:14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head{min-height:68px;padding:15px 16px 13px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head h2{font-size:19px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{padding:12px 14px 14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps{gap:3px;padding:8px 7px;margin-bottom:11px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li{gap:4px;font-size:9px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li b{padding:0 2px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li:not(:last-child):after{left:25px;right:4px;top:13px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li span{width:25px;height:25px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form{padding:15px;border-radius:14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section>.form-grid{grid-template-columns:1fr;gap:11px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head{margin-top:3px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{min-height:58px;padding:9px 14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer>div{width:100%;gap:7px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn{flex:1;min-width:0;min-height:36px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){top:8px;right:8px;bottom:8px;left:8px;width:auto;border-radius:14px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head{min-height:68px;padding:15px 16px 13px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head h2{font-size:19px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{padding:12px 14px 14px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps{gap:3px;padding:8px 7px;margin-bottom:11px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li{gap:4px;font-size:9px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li b{padding:0 2px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li:not(:last-child):after{left:25px;right:4px;top:13px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li span{width:25px;height:25px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form{padding:15px;border-radius:14px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section>.form-grid{grid-template-columns:1fr;gap:11px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head{margin-top:3px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{min-height:58px;padding:9px 14px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer>div{width:100%;gap:7px}
  .shop-container[data-cq-46] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn{flex:1;min-width:0;min-height:36px}}
/* Final contrast pass for every wizard variant, including centered C-scheme dialogs. */
.editor.wizard .editor-head,
.editor.drawer:has(.steps) .editor-head{
  background:#244b9b !important;
  color:#fff !important;
  border-bottom:0 !important;
}
.editor.wizard .editor-head .eyebrow,
.editor.drawer:has(.steps) .editor-head .eyebrow{
  color:#d5e2ff !important;
  opacity:1 !important;
}
.editor.wizard .editor-head h2,
.editor.drawer:has(.steps) .editor-head h2{
  color:#fff !important;
  opacity:1 !important;
}
.editor.wizard .editor-head .icon-button,
.editor.drawer:has(.steps) .editor-head .icon-button{
  color:#244b9b !important;
  background:#fff !important;
  opacity:1 !important;
}
.editor.wizard .steps,
.editor.drawer:has(.steps) .steps{
  background:#fff !important;
  border-color:#cbd7e2 !important;
}
.editor.wizard .steps li,
.editor.drawer:has(.steps) .steps li{
  color:#536678 !important;
  opacity:1 !important;
}
.editor.wizard .steps li b,
.editor.drawer:has(.steps) .steps li b{
  color:#244b9b !important;
  background:#fff !important;
  opacity:1 !important;
}
.editor.wizard .steps li.done,
.editor.wizard .steps li.current,
.editor.drawer:has(.steps) .steps li.done,
.editor.drawer:has(.steps) .steps li.current{
  color:#2459d6 !important;
}
/* Bound long provider model lists so dozens of models stay inside the wizard. */
.editor.wizard .model-options,
.editor.drawer:has(.steps) .model-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  max-height:220px;
  overflow-y:auto;
  overflow-x:hidden;
  padding:8px;
  border:1px solid #e2e9ef;
  border-radius:12px;
  background:#f8fafc;
  scrollbar-width:thin;
}
.editor.wizard .model-picker,
.editor.drawer:has(.steps) .model-picker{
  min-width:0;
  margin-top:10px;
  padding:10px;
  border:1px solid #e2e9ef;
  border-radius:12px;
  background:#f8fafc;
}
.editor.wizard .model-picker-head,
.editor.drawer:has(.steps) .model-picker-head{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
  margin:0 2px 8px;
}
.editor.wizard .model-picker-head strong,
.editor.drawer:has(.steps) .model-picker-head strong{color:#244b9b;font-size:12px}
.editor.wizard .model-picker-head small,
.editor.drawer:has(.steps) .model-picker-head small{color:#758897;font-size:10px;white-space:nowrap}
.editor.wizard .model-options .model-option,
.editor.drawer:has(.steps) .model-options .model-option{
  width:100%;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:left;
  border:1px solid #d7e1e9;
  border-radius:9px;
  background:#fff;
  color:#244b9b;
}
.editor.wizard .model-options .model-option.active,
.editor.drawer:has(.steps) .model-options .model-option.active{
  border-color:#3b68e8;
  background:#edf3ff;
  color:#2459d6;
  box-shadow:0 0 0 2px #dbe6ff;
}
@container shop (max-width:760px){
  .editor.wizard .model-options,
  .editor.drawer:has(.steps) .model-options{grid-template-columns:1fr;max-height:180px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-47] .editor.wizard .model-options,.shop-container[data-cq-47]
  .editor.drawer:has(.steps) .model-options{grid-template-columns:1fr;max-height:180px}}
.editor.wizard .steps li:not(.done):not(.current) span,
.editor.drawer:has(.steps) .steps li:not(.done):not(.current) span{
  border-color:#9aaaba !important;
  color:#536678 !important;
  background:#fff !important;
}
/* Light blue command header: keep contrast without the dark navy treatment. */
.editor.wizard .editor-head,
.editor.drawer:has(.steps) .editor-head{
  background:linear-gradient(135deg,#eef4ff 0%,#ffffff 78%) !important;
  color:#244b9b !important;
  border-bottom:1px solid #d8e4f7 !important;
}
.editor.wizard .editor-head .eyebrow,
.editor.drawer:has(.steps) .editor-head .eyebrow{
  color:#4b6fc4 !important;
}
.editor.wizard .editor-head h2,
.editor.drawer:has(.steps) .editor-head h2{
  color:#244b9b !important;
  font-weight:750 !important;
}
.editor.wizard .editor-head .icon-button,
.editor.drawer:has(.steps) .editor-head .icon-button{
  color:#244b9b !important;
  background:#fff !important;
  border-color:#c8d7ee !important;
  box-shadow:0 4px 12px rgba(54,91,168,.12);
}
.editor.wizard .steps,
.editor.drawer:has(.steps) .steps{
  background:#f4f7fd !important;
  border-color:#cbdaf0 !important;
}
.editor.wizard .steps li b,
.editor.drawer:has(.steps) .steps li b{
  color:#294675 !important;
  background:#f4f7fd !important;
}
/* The centered C-scheme wizard uses the same top treatment as the A drawer. */
.editor.wizard:has(.steps){
  background:#f6f8fb;
  border:1px solid #dfe7ee;
  border-radius:16px;
  overflow:hidden;
}
.editor.wizard:has(.steps) .editor-head{
  flex:none;
  min-height:78px;
  padding:18px 24px 16px;
  color:#fff;
  background:#244b9b;
  border:0;
}
.editor.wizard:has(.steps) .editor-head .eyebrow{color:#bcd0ff;font-size:11px;font-weight:600}
.editor.wizard:has(.steps) .editor-head h2{margin:4px 0 0;color:#fff;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.editor.wizard:has(.steps) .editor-head .icon-button{width:38px;height:38px;color:#244b9b;background:#fff;border-color:rgba(255,255,255,.7);border-radius:11px}
.editor.wizard:has(.steps) .editor-body{padding:14px 22px 18px;background:#f6f8fb}
.editor.wizard:has(.steps) .steps{gap:10px;margin:0 0 14px;padding:10px 14px;border:1px solid #e2e9ef;border-radius:12px;background:#fff}
.editor.wizard:has(.steps) .steps li{gap:7px;color:#9aa9b7;font-size:11px;font-weight:600}
.editor.wizard:has(.steps) .steps li b{position:relative;z-index:2;padding:0 3px;background:#fff;white-space:nowrap}
.editor.wizard:has(.steps) .steps li:not(:last-child):after{left:29px;right:9px;top:14px;background:#dbe4ec}
.editor.wizard:has(.steps) .steps li.done,.editor.wizard:has(.steps) .steps li.current{color:#3b68e8}
.editor.wizard:has(.steps) .steps li.done span,.editor.wizard:has(.steps) .steps li.current span{border-color:#3b68e8;background:#3b68e8;color:#fff;border-radius:9px;box-shadow:0 0 0 3px #edf2ff}
.editor.wizard:has(.steps) .editor-footer{padding:12px 22px;background:#fff;border-top:1px solid #e2e9ef;box-shadow:0 -6px 18px rgba(23,43,61,.06);justify-content:flex-end}
.editor.wizard:has(.steps) .editor-footer>span{display:none}
.editor.wizard:has(.steps) .editor-footer>div{margin-left:auto;gap:9px}
.editor.wizard:has(.steps) .editor-footer .btn{min-height:38px;border-radius:10px}
.editor.wizard:has(.steps) .editor-footer .btn.primary{min-width:136px;box-shadow:0 7px 14px rgba(59,104,232,.2)}
@container shop (max-width:760px){
  .editor.wizard:has(.steps){top:8px;left:8px;width:calc(100vw - 16px);transform:none;border-radius:14px}
  .editor.wizard:has(.steps) .editor-head{min-height:68px;padding:15px 16px 13px}
  .editor.wizard:has(.steps) .editor-head h2{font-size:19px}
  .editor.wizard:has(.steps) .editor-body{padding:12px 14px 14px}
  .editor.wizard:has(.steps) .steps{gap:3px;padding:8px 7px;margin-bottom:11px}
  .editor.wizard:has(.steps) .steps li{gap:4px;font-size:9px}
  .editor.wizard:has(.steps) .steps li b{padding:0 2px}
  .editor.wizard:has(.steps) .steps li:not(:last-child):after{left:25px;right:4px;top:13px}
  .editor.wizard:has(.steps) .steps li span{width:25px;height:25px}
  .editor.wizard:has(.steps) .editor-footer{padding:9px 14px}
  .editor.wizard:has(.steps) .editor-footer>div{width:100%;gap:7px}
  .editor.wizard:has(.steps) .editor-footer .btn{flex:1;min-width:0;min-height:36px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-48] .editor.wizard:has(.steps){top:8px;left:8px;width:calc(100vw - 16px);transform:none;border-radius:14px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-head{min-height:68px;padding:15px 16px 13px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-head h2{font-size:19px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-body{padding:12px 14px 14px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .steps{gap:3px;padding:8px 7px;margin-bottom:11px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .steps li{gap:4px;font-size:9px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .steps li b{padding:0 2px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .steps li:not(:last-child):after{left:25px;right:4px;top:13px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .steps li span{width:25px;height:25px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-footer{padding:9px 14px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-footer>div{width:100%;gap:7px}
  .shop-container[data-cq-48] .editor.wizard:has(.steps) .editor-footer .btn{flex:1;min-width:0;min-height:36px}}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/quxiang-a/fonts/DM-Sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Noto Sans SC';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/quxiang-a/fonts/NotoSansSC-wght.ttf') format('truetype')}
.shop-scope{--ink:#172b3d;--muted:#6b7a8a;--line:#e6ebf0;--bg:#f5f7fa;--surface:#fff;--blue:#3b68e8;--blue-weak:#edf2ff;--green:#12805a;--green-bg:#e8f7f0;--orange:#b86600;--orange-bg:#fff4e6;--red:#c23d45;--red-bg:#fff0f1;--amber:#985b00;--amber-bg:#fff7df;--shadow:0 10px 28px rgba(22,39,58,.08);--r:14px;font-family:'DM Sans','Noto Sans SC',sans-serif;color:var(--ink);background:var(--bg);font-size:14px}*{box-sizing:border-box}.shop-scope{margin:0;background:var(--bg);line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #9eb5ff;outline-offset:2px}.icon{width:17px;height:17px;display:inline-block;vertical-align:-4px;flex:none}.preview-bar{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:26px;position:sticky;top:0;z-index:50}.preview-identity{display:flex;align-items:center;gap:10px;min-width:250px}.preview-identity b{font-size:15px}.preview-caption{font-size:12px;color:var(--muted)}.preview-dot{width:9px;height:9px;border-radius:50%;background:#e8a52a;box-shadow:0 0 0 4px #fff4d8}.preview-divider,.header-divider{height:22px;border-left:1px solid var(--line)}.scheme-tabs{display:flex;gap:6px;align-self:stretch;align-items:center}.scheme-tabs button{height:38px;border:1px solid transparent;background:transparent;color:#718092;border-radius:9px;padding:0 14px;display:flex;gap:8px;align-items:center;position:relative}.scheme-tabs button b{font-size:16px;color:var(--ink)}.scheme-tabs button.active{background:#edf2ff;color:var(--blue);border-color:#dbe5ff}.scheme-tabs button.active b{color:var(--blue)}.scheme-tabs small{position:absolute;right:5px;top:-8px;color:#fff;background:#e19a29;border-radius:6px;padding:1px 5px;font-size:10px}.preview-compare{margin-left:auto}.shell{min-height:calc(100vh - 62px);display:flex}.sidebar{width:252px;background:#21374c;color:#dbe7f1;display:flex;flex-direction:column;flex:none;padding:22px 14px 16px}.brand{color:#fff;display:flex;align-items:center;gap:11px;text-decoration:none;padding:4px 10px 23px}.brand-mark{width:37px;height:37px;border-radius:12px;background:#3b68e8;display:grid;place-items:center;color:#fff}.brand-mark .icon{width:22px;height:22px}.brand b{display:block;font-size:16px;letter-spacing:.3px}.brand small{display:block;color:#9eb2c3;font-size:11px;margin-top:2px}.workspace-label{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 9px;margin-bottom:20px;color:#fff;font-size:12px}.workspace-label>.icon{margin-left:auto;width:14px}.workspace-label small{display:block;color:#9eb2c3;font-size:10px}.workspace-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#50667b;font-size:11px;font-weight:700}.nav-group-label{color:#85a0b6;text-transform:uppercase;font-size:10px;letter-spacing:.1em;margin:16px 10px 7px}.nav-link{width:100%;border:0;background:transparent;color:#b7c8d6;display:flex;align-items:center;gap:11px;text-align:left;padding:10px 11px;border-radius:9px;margin:2px 0;transition:.18s}.nav-link:hover{background:rgba(255,255,255,.08);color:#fff}.nav-link.active{background:#3b68e8;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.16)}.nav-link .icon{width:18px}.nav-link>small{margin-left:auto;min-width:19px;height:19px;text-align:center;border-radius:9px;background:#de9a35;color:#fff;font-size:10px;line-height:19px}.nav-new{margin-left:auto;border:1px solid #59748b;color:#aac0d1;border-radius:4px;padding:1px 4px;font-size:9px}.sidebar-bottom{margin-top:auto}.side-help{display:flex;gap:9px;padding:13px 10px;color:#aac0d1;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.side-help .icon{color:#82a7cc;margin-top:2px}.side-help b{font-size:11px;color:#e1ebf2}.side-help p{font-size:10px;line-height:1.6;margin:2px 0 0}.admin-profile{display:flex;align-items:center;gap:9px;padding:15px 8px 0;color:#fff}.admin-profile small{display:block;color:#91a9bb;font-size:10px}.admin-profile>.icon{margin-left:auto;color:#7ea8cf;width:16px}.avatar{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#527b9d;color:#fff;font-weight:700}.avatar.small{width:28px;height:28px;font-size:11px}.avatar.tiny{width:29px;height:29px;font-size:11px}.tone-0{background:#d58e75}.tone-1{background:#7189c7}.tone-2{background:#65a588}.tone-3{background:#a17ab4}.workspace{min-width:0;flex:1}.workspace-top{height:62px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:14px}.breadcrumb{display:flex;gap:9px;align-items:center;color:var(--muted);font-size:13px}.breadcrumb .icon{width:13px}.breadcrumb b{color:var(--ink)}.header-meta{margin-left:auto;display:flex;align-items:center;gap:14px}.demo-badge{display:flex;align-items:center;gap:7px;background:#fff5dc;color:#916000;font-size:11px;border-radius:6px;padding:5px 9px}.demo-badge i{width:6px;height:6px;border-radius:50%;background:#e7a628}.page-heading,.page-content{max-width:1240px;margin:auto}.page-heading{padding:34px 34px 23px;display:flex;align-items:flex-end;gap:20px}.page-kicker{font-size:11px;color:var(--blue);font-weight:600;letter-spacing:.03em;margin-bottom:8px}.page-kicker span{color:#94a2b0;font-weight:400}.page-heading h1{font-size:29px;letter-spacing:-.03em;margin:0 0 6px;line-height:1.2}.page-heading h1 small{font-size:12px;margin-left:9px;color:#8a98a5;font-weight:500;vertical-align:middle}.page-heading p{color:var(--muted);margin:0;max-width:660px}.page-actions{margin-left:auto;display:flex;gap:9px}.page-content{padding:0 34px 42px}.workspace-footer{max-width:1240px;margin:0 auto;padding:0 34px 28px;display:flex;justify-content:space-between;color:#91a0ae;font-size:11px}.btn{border:1px solid #d8e0e7;background:#fff;color:#344b60;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;padding:8px 13px;min-height:36px;font-weight:600;transition:background .18s,border .18s,color .18s,transform .18s}.btn:hover{border-color:#afbdd0;background:#f8fafc}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 4px 12px rgba(59,104,232,.2)}.btn.primary:hover{background:#3159d1}.btn.secondary{background:#fff}.btn.ghost{background:transparent;border-color:transparent;color:#5b7186}.btn.text{border-color:transparent;background:transparent;color:var(--blue);padding:5px 6px;min-height:30px}.btn.danger-text{border-color:transparent;background:transparent;color:var(--red);padding:5px 6px;min-height:30px}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.active{background:#eaf0ff;border-color:#bed0ff;color:var(--blue)}.btn.icon-button{width:36px;padding:0}.btn.flip .icon{transform:rotate(180deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:17px 18px;display:flex;justify-content:space-between;min-height:100px}.stat span{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:24px;line-height:1.2;margin:6px 0 3px;letter-spacing:-.03em}.stat small{display:block;color:#94a3af;font-size:10px}.stat>.icon{width:22px;height:22px;color:#7292b3}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:21px;box-shadow:0 3px 14px rgba(26,45,67,.025);margin-bottom:17px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.section-head h2{font-size:17px;margin:0;letter-spacing:-.02em}.section-head h3{font-size:15px;margin:0}.section-head p{color:var(--muted);font-size:12px;margin:4px 0 0}.toolbar{display:flex;align-items:center;gap:9px;margin:14px 0}.toolbar-spacer{flex:1}.search{position:relative;display:flex;align-items:center}.search .icon{position:absolute;left:11px;color:#94a5b5;width:15px}.search input{width:210px;padding-left:34px}.toolbar select,.toolbar input,.field input,.field select,.field textarea,.date-filter input,.demo-tools select{border:1px solid #d7e0e7;border-radius:7px;background:#fff;color:var(--ink);padding:8px 10px;height:37px}.toolbar select{min-width:112px}.field input,.field select,.field textarea{width:100%}.field textarea{height:auto;resize:vertical}.field{display:block}.field>span,.field legend{display:block;font-size:12px;font-weight:600;color:#41566b;margin-bottom:6px}.field em,fieldset em{font-style:normal;color:#d94e56}.field small{display:block;color:#92a0ab;font-size:10px;margin-top:5px;line-height:1.45}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field.full{grid-column:1 / -1}.check-grid{display:flex;flex-wrap:wrap;gap:12px}.check-grid label{font-size:12px;color:#41566b}.check-grid input{margin-right:5px;accent-color:var(--blue)}fieldset{border:1px solid #e7edf2;border-radius:9px;padding:12px;margin:0}.notice{display:flex;align-items:flex-start;gap:9px;color:#4c6377;background:#f3f7fb;border:1px solid #dce8f1;border-radius:8px;font-size:12px;padding:11px 13px;margin:13px 0}.notice .icon{color:#6791b6;margin-top:1px}.notice.amber{background:var(--amber-bg);border-color:#f1d997;color:#805c1c}.notice.amber .icon{color:#be8321}.notice.blue{background:var(--blue-weak);border-color:#dbe5ff;color:#4a6090}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:11px;line-height:1.1;white-space:nowrap;color:#607384;background:#f0f3f6}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.good{color:var(--green);background:var(--green-bg)}.badge.bad{color:var(--red);background:var(--red-bg)}.badge.warn{color:var(--amber);background:var(--amber-bg)}.badge.blue{color:#3564bd;background:#eaf0ff}.chips{display:flex;gap:5px;flex-wrap:wrap}.chip{font-size:10px;color:#617487;background:#f2f5f7;border:1px solid #e6ebef;border-radius:4px;padding:3px 6px}.flow-strip{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dfe7ee;border-radius:11px;padding:11px 15px;margin-bottom:17px;color:#536b7e;font-size:12px}.flow-strip b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#8aa1b5;margin-right:5px;font-size:11px}.flow-strip button{border:0;background:transparent;color:var(--blue);padding:0;font-weight:600}.flow-strip button b{background:var(--blue)}.flow-strip>.icon{width:14px;color:#a4b1bc}.flow-note{margin-left:auto;color:#8998a5;font-size:10px}.provider-workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:17px}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.provider-card{border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;transition:.18s}.provider-card.selected{border-color:#9fb5fc;box-shadow:0 0 0 3px #edf2ff}.card-select{width:100%;border:0;background:#fff;text-align:left;padding:16px 16px 12px;color:var(--ink)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.provider-inline{display:flex;align-items:center;gap:10px;min-width:0}.provider-inline h3{font-size:14px;margin:0 0 2px}.provider-inline b{font-size:13px}.provider-inline small{display:block;color:var(--muted);font-size:11px}.provider-logo{width:35px;height:35px;flex:none;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700}.provider-logo.orange{background:#d48934}.provider-logo.blue{background:#4b74ce}.provider-logo.purple{background:#8068bd}.provider-logo.cyan{background:#2796a8}.provider-logo.pink{background:#c56891}.provider-logo.slate{background:#7e92a3}.provider-card .chips{margin:14px 0 9px}.card-note{color:#677b8c;font-size:11px;margin:0 0 14px}.card-metadata{display:flex;gap:15px;color:#788b9b;font-size:10px}.card-metadata .icon{width:13px;height:13px;margin-right:3px}.card-actions{display:flex;border-top:1px solid #f0f3f5;align-items:center;padding:4px 8px}.card-actions .icon-button{margin-left:auto}.table-scroll{overflow:auto}.table-scroll table{min-width:700px}.tablewrap table,table{width:100%;border-collapse:collapse}.tablewrap th,.tablewrap td,.table-scroll th,.table-scroll td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f2;font-size:12px;vertical-align:middle}.tablewrap th,.table-scroll th{color:#8493a0;font-weight:600;font-size:11px;background:#fbfcfd}.tablewrap tbody tr:last-child td,.table-scroll tbody tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:4px}.link-row,.file-inline{border:0;background:transparent;padding:0;text-align:left;color:var(--ink)}.link-row{display:flex;align-items:center}.link-row .provider-logo{width:30px;height:30px;margin-right:9px}.cell-stack small,.cell-stack .muted{display:block;font-size:10px;color:#92a0ab;margin-top:2px}.usage-count{display:block;color:#4e677a}.panel-foot{border-top:1px solid #f0f3f5;color:#95a3ad;font-size:10px;margin:14px -21px -21px;padding:12px 21px}.panel-foot .icon{width:13px;margin-right:4px}.inspector{position:sticky;top:78px;align-self:start}.inspector-identity{display:flex;align-items:center;gap:10px;margin:20px 0}.inspector-identity h2{font-size:19px;margin:0;flex:1}.detail-list{display:grid;grid-template-columns:105px 1fr;gap:10px;margin:0;font-size:12px}.detail-list dt{color:#8a99a5}.detail-list dd{margin:0;color:#40576a;font-weight:500}.mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.break{overflow-wrap:anywhere}.minor-title{font-size:13px;margin:24px 0 9px}.count{color:var(--blue);font-size:11px;margin-left:3px}.usage-list{border:1px solid #e9eef2;border-radius:8px}.usage-list button{border:0;border-bottom:1px solid #eef1f3;background:#fff;width:100%;padding:10px;display:flex;justify-content:space-between;text-align:left;color:#40576a}.usage-list button:last-child{border-bottom:0}.usage-list small{display:block;color:#95a1ac;font-size:10px}.stack-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.bottom-note{display:flex;align-items:center;gap:8px;color:#80909e;font-size:11px;padding:4px 3px}.bottom-note .icon{width:15px}.bottom-note .btn{margin-left:auto}.guide-banner{display:flex;align-items:center;gap:15px;padding:18px 20px;background:linear-gradient(100deg,#eef4ff,#fff);border:1px solid #dce7ff;border-radius:12px;margin-bottom:17px}.guide-symbol{width:42px;height:42px;background:#dce7ff;border-radius:12px;display:grid;place-items:center;color:var(--blue)}.guide-banner h2{font-size:17px;margin:1px 0 3px}.guide-banner p{color:#678098;margin:0;font-size:12px}.guide-banner .btn{margin-left:auto}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#7790a7;font-size:10px;font-weight:700}.mode-bar{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 17px;margin-bottom:15px}.mode-bar p{text-align:right;color:#607587;font-size:11px;line-height:1.6;margin:0}.segmented{display:flex;border:1px solid #dce4ea;border-radius:8px;overflow:hidden;width:max-content;margin-top:7px}.segmented .btn{border:0;border-right:1px solid #dce4ea;border-radius:0;min-height:32px;font-size:12px}.segmented .btn:last-child{border:0}.feature-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:16px}.feature-tabs .btn{border-radius:20px}.model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.model-grid.list-models{grid-template-columns:1fr}.model-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.model-card-head{display:flex;align-items:flex-start;gap:10px}.model-card-head h3{font-size:14px;margin:1px 0 2px}.model-card-head p{margin:0;color:var(--muted);font-size:11px}.feature-icon{width:34px;height:34px;border-radius:10px;background:#edf2ff;color:var(--blue);display:grid;place-items:center}.feature-icon.face,.feature-icon.scan{background:#eaf7f2;color:#168059}.feature-icon.analysis{background:#fff2e7;color:#b8630d}.feature-icon.image{background:#f1ecff;color:#7958bf}.feature-icon.video{background:#fdebf2;color:#b84e78}.feature-icon .icon{width:19px}.model-card-head>.badge{margin-left:auto}.binding-pair{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:20px}.binding-summary{border:1px solid #e6ebef;border-radius:8px;padding:10px;background:#fcfdfd;min-width:0}.role-label{display:block;text-transform:uppercase;letter-spacing:.07em;font-size:9px;color:#93a0ac;margin-bottom:8px}.binding-summary .provider-inline{gap:7px}.binding-summary .provider-logo{width:28px;height:28px;border-radius:8px;font-size:10px}.binding-summary b{font-size:11px}.binding-summary small{font-size:10px}.fallback-arrow{color:#b0bdc8}.fallback-arrow .icon{width:14px}.model-card-foot{border-top:1px solid #eef1f3;margin:14px -16px -5px;padding:11px 16px 0;display:flex;justify-content:space-between;align-items:center;color:#8797a4;font-size:10px}.advanced{margin-top:17px}.advanced summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;color:#4d6478;font-size:12px;font-weight:600}.advanced summary::-webkit-details-marker{display:none}.advanced summary>span{display:flex;align-items:center;gap:7px}.advanced summary .icon{width:14px}.advanced[open] summary>.icon{transform:rotate(180deg)}.advanced summary small{color:#9ba8b2;font-weight:400;margin-left:4px}.advanced-body{padding-top:18px}.guided-models{grid-template-columns:1fr;max-width:780px}.guided-models .model-card{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:15px}.guided-models .model-card-foot{border:0;margin:0;padding:0;display:block}.guided-models .binding-summary{margin:0}.points-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:17px}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.rule-card{padding:17px}.form-section-head{display:flex;gap:10px;align-items:center;margin-bottom:16px}.form-section-head h2,.form-section-head h3{margin:0;font-size:15px}.form-section-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.rule-line{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #eef1f3;padding:11px 0;color:#617588;font-size:11px}.rule-line strong,.rule-line b{color:var(--ink);font-size:17px}.rule-line small{color:#90a0ac;font-size:10px;margin-left:4px}.rule-card>.btn{margin-top:7px}.example-panel{align-self:start}.example-panel h2{font-size:17px;margin:4px 0}.example-phone{border:1px solid #e2e8ed;border-radius:17px;padding:9px 10px 15px;background:#f7f9fb;margin-top:15px}.phone-top{font-size:11px;font-weight:700;padding:3px 4px 8px}.phone-top .icon{width:14px;color:var(--blue)}.mini-art{height:106px;overflow:hidden;border-radius:10px}.mini-art .art{height:100%;width:100%;object-fit:cover}.example-phone h3{font-size:13px;margin:11px 3px 3px}.example-phone p{font-size:10px;color:#81919e;margin:0 3px}.example-button{background:var(--blue);color:#fff;border-radius:7px;text-align:center;margin:11px 2px 8px;padding:7px;font-size:11px}.checkin-example{background:#fff0d5;border-radius:7px;color:#956119;padding:7px;font-size:10px}.checkin-example .icon{width:13px}.form-section{margin-bottom:19px}.form-section:last-child{margin-bottom:0}.form-section-head .feature-icon{flex:none}.form-section-head+.form-grid{padding-left:44px}.date-filter{font-size:12px;color:#617588;margin:11px 0 4px}.date-filter label{display:flex;align-items:center;gap:7px}.date-filter input{height:32px}.user-grid,.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.user-card{text-align:center;border:1px solid var(--line);border-radius:11px;padding:18px 12px;background:#fff}.user-card .avatar{margin:auto}.user-card h3{font-size:14px;margin:9px 0 1px}.user-card p{font-size:10px;color:#8998a5;margin:0}.user-balance{border-top:1px solid #eef1f3;border-bottom:1px solid #eef1f3;margin:13px 0;padding:10px;color:#788c9d;font-size:10px}.user-balance strong{font-size:19px;color:var(--ink)}.user-card>.btn{width:100%;font-size:11px}.user-card>small{display:block;color:#a1abb3;font-size:10px;margin-top:10px}.pager{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0f3;margin-top:10px;padding-top:13px;color:#8999a6;font-size:11px}.pager>div{display:flex;align-items:center;gap:8px}.page-number{color:#536a7e}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty .icon{width:30px;height:30px;color:#b4c2cd}.empty h3{font-size:14px;margin:9px 0 3px;color:#556d80}.empty p{font-size:11px;margin:0}.chart-panel{min-width:0}.cost-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.7fr);gap:17px}.chart-legend{display:flex;gap:17px;color:#738596;font-size:10px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:3px;background:#628df0}.chart-legend span+span i{background:#f3af5c}.chart-area{height:255px;display:flex;margin-top:17px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#9eabb6;font-size:10px;padding-bottom:22px;width:38px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;gap:8px;flex:1;border-left:1px solid #edf1f4;border-bottom:1px solid #dfe6eb;background:repeating-linear-gradient(to bottom,transparent,transparent 49px,#edf1f4 50px);padding:0 10px}.bar-column{display:flex;flex-direction:column;height:100%;justify-content:flex-end;align-items:center;min-width:22px}.bar-values{height:calc(100% - 18px);display:flex;align-items:flex-end;position:relative}.bar-stack{width:19px;max-height:210px;border-radius:4px 4px 0 0;overflow:hidden;background:#f3af5c;display:flex;flex-direction:column-reverse}.bar-stack div:first-child{background:#628df0}.bar-values>span{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:9px;color:#8797a4;white-space:nowrap}.bar-column small{font-size:9px;color:#95a2ac;margin-top:5px}.expense-panel{align-self:start}.donut{width:145px;height:145px;border-radius:50%;margin:12px auto 20px;background:conic-gradient(#628df0 0 52%,#836cc4 52% 72.2%,#52a8b5 72.2% 100%);display:grid;place-items:center}.donut:after{content:'';width:87px;height:87px;border-radius:50%;background:#fff}.donut>div{position:absolute;text-align:center;z-index:1}.donut small{display:block;color:#8c9ba6;font-size:10px}.donut strong{font-size:19px}.donut strong span{font-size:10px}.expense-row{display:flex;justify-content:space-between;border-top:1px solid #edf0f2;padding:10px 0;color:#657b8e;font-size:11px}.dot{width:7px;height:7px;border-radius:3px;display:inline-block;margin-right:6px;background:#628df0}.dot.purple{background:#836cc4}.dot.cyan{background:#52a8b5}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.price-card{border:1px solid var(--line);border-radius:10px;padding:16px}.price-card h3{font-size:14px;display:inline-block;margin:0 8px 13px 0}.price-card .rule-line{padding:9px 0}.price-card .rule-line b{font-size:13px}.price-card .rule-line small{font-size:9px;font-weight:400}.price-card>.btn{margin-top:10px}.task-grid{grid-template-columns:repeat(3,1fr)}.task-card{padding:15px}.task-card h3{font-size:14px;margin:14px 0 1px}.task-card>p{margin:0}.task-reason{background:#f6f8fa;border-radius:7px;color:#62798b;font-size:11px;padding:9px;margin:14px 0;min-height:38px}.task-reason .icon{width:14px;margin-right:5px}.task-card .card-actions{margin:0 -15px -15px;padding:10px 15px}.failure-card{background:var(--red-bg);border:1px solid #f4d1d5;color:#a33842;border-radius:8px;padding:12px;margin:17px 0}.failure-card h3{font-size:14px;margin:0}.failure-card p{font-size:11px;color:#8f5d63;margin:5px 0 0}.next-actions{padding-left:20px;color:#617689;font-size:12px;line-height:2}.file-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.file-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.file-preview{width:100%;height:145px;border:0;padding:0;background:#edf1f4;overflow:hidden}.file-preview .art{width:100%;height:100%;display:block}.document-thumb{height:100%;display:grid;place-items:center;align-content:center;gap:5px;color:#92a2ae}.document-thumb .icon{width:29px;height:29px}.document-thumb span{font-size:10px}.file-card-content{padding:11px}.file-card h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 7px}.file-card-content>div{display:flex;justify-content:space-between;align-items:center}.file-card footer{border-top:1px solid #eef1f3;margin:10px -11px -4px;padding:8px 11px 0;display:flex;justify-content:space-between}.mini-thumb{display:inline-grid;width:30px;height:30px;border-radius:5px;overflow:hidden;background:#edf1f4;vertical-align:middle;margin-right:8px}.mini-thumb .art{width:100%;height:100%}.file-inline{display:flex;align-items:center;font-size:12px}.editor-backdrop,.confirm-backdrop{position:fixed;inset:0;background:rgba(19,34,49,.43);z-index:90}.editor{position:fixed;z-index:91;background:#fff;box-shadow:-12px 0 36px rgba(15,31,47,.18);display:flex;flex-direction:column;max-height:calc(100vh - 30px);overflow:hidden}.editor.drawer{right:0;top:62px;bottom:0;width:min(580px,100vw);max-height:none}.editor.centered,.editor.wizard{top:50%;left:50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 36px));border-radius:15px}.editor.wide{width:min(620px,calc(100vw - 36px))}.editor-head{padding:19px 23px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.editor-head h2{font-size:20px;margin:4px 0 0}.editor-body{overflow:auto;padding:20px 23px;flex:1}.editor-footer{border-top:1px solid var(--line);padding:12px 23px;display:flex;justify-content:space-between;align-items:center;color:#91a0ab;font-size:11px}.editor-footer>div{display:flex;gap:8px}.dirty-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#dd992d;margin-right:5px}.inline-error{color:var(--red);font-size:12px;margin-top:10px;min-height:0}.inline-error:empty{display:none}.steps{list-style:none;display:flex;padding:0 0 19px;margin:0 0 19px;border-bottom:1px solid #edf0f2;gap:0}.steps li{flex:1;display:flex;align-items:center;gap:7px;color:#9ca9b3;font-size:11px;position:relative}.steps li:not(:last-child):after{content:'';height:1px;background:#e0e7ed;position:absolute;left:26px;right:12px;top:13px}.steps li span{display:grid;place-items:center;width:27px;height:27px;border:1px solid #dce4ea;border-radius:50%;background:#fff;z-index:1;font-size:11px}.steps li.done,.steps li.current{color:var(--blue)}.steps li.done span,.steps li.current span{border-color:var(--blue);color:#fff;background:var(--blue)}.steps li.done:not(:last-child):after{background:#9fb5ff}.editor-section{border:1px solid #e5ebef;border-radius:10px;padding:16px;margin-bottom:15px}.editor-section h3{font-size:14px;margin:0 0 4px}.editor-section>p{font-size:11px;color:var(--muted);margin:0 0 12px}.test-box{display:flex;align-items:center;gap:10px;border:1px dashed #cfdbe4;border-radius:8px;padding:13px;color:#6e8799}.test-box>.icon{width:21px;height:21px}.test-box b{display:block;font-size:12px;color:#536b7d}.test-box small{display:block;font-size:10px;color:#96a3ad}.test-box .btn{margin-left:auto}.test-box.tested{border-style:solid;background:var(--green-bg);border-color:#bde5d3;color:var(--green)}.test-box.tested b{color:var(--green)}.ce-note{width:100%}.role-form{border:1px solid #e5ebef;border-radius:10px;padding:15px;margin-bottom:13px}.role-heading{display:flex;gap:10px;margin-bottom:14px}.role-marker{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e9efff;color:var(--blue);font-size:11px;font-weight:700}.role-marker.backup{background:#fff1dc;color:#ad6a13}.role-heading h3{font-size:14px;margin:0}.role-heading p{font-size:10px;color:#91a0ab;margin:2px 0 0}.input-with-action{display:flex;gap:6px}.input-with-action input{flex:1}.model-options{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.model-option{min-height:29px;padding:5px 8px;font-size:10px;border-radius:6px}.model-option.active{background:#eaf0ff;border-color:#b9ccff;color:var(--blue)}.comparison{border:1px solid #e2e9ee;border-radius:9px;overflow:hidden;margin-top:14px}.comparison-head,.comparison-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;padding:9px 11px;font-size:11px}.comparison-head{background:#f7f9fb;color:#8798a5;font-size:10px}.comparison-row{border-top:1px solid #edf0f2}.comparison-row strong{color:var(--blue);font-weight:600}.confirm-dialog{position:fixed;z-index:100;top:50%;left:50%;transform:translate(-50%,-50%);width:min(650px,calc(100vw - 30px));max-height:calc(100vh - 50px);overflow:auto;background:#fff;border-radius:15px;box-shadow:var(--shadow)}.confirm-dialog header{display:flex;align-items:center;gap:10px;padding:21px 23px;border-bottom:1px solid var(--line)}.confirm-dialog header h2{font-size:18px;margin:0}.confirm-symbol{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:var(--blue-weak);color:var(--blue)}.confirm-body{padding:19px 23px}.confirm-body .notice{margin-bottom:0}.confirm-dialog footer{border-top:1px solid var(--line);padding:12px 23px;display:flex;justify-content:flex-end;gap:8px}.affected-list{border:1px solid #e9eef2;border-radius:8px;margin:13px 0}.affected-list div{display:flex;justify-content:space-between;padding:9px 11px;border-bottom:1px solid #edf0f2;font-size:11px}.affected-list div:last-child{border:0}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.compare-card{border:1px solid var(--line);border-radius:10px;padding:11px}.compare-card.selected{border-color:#9fb5fc;background:#f8faff}.compare-card h3{font-size:13px;margin:10px 0 2px}.compare-card p{font-size:10px;color:var(--muted);min-height:32px;margin:0 0 10px}.compare-card .btn{width:100%}.mini-layout{height:78px;border-radius:7px;background:#eef3f7;display:grid;grid-template-columns:27px 1fr;gap:5px;padding:7px}.mini-layout>i{display:block;background:#829aae;border-radius:3px}.mini-layout>div{display:flex;gap:4px;flex-wrap:wrap;align-content:flex-start}.mini-layout span,.mini-layout b{display:block;background:#fff;border-radius:3px;height:17px;flex:1;min-width:35px}.mini-layout.scheme-A>div{display:block}.mini-layout.scheme-A span{width:100%;height:10px;margin-bottom:4px}.mini-layout.scheme-B b{height:29px;min-width:30%;}.mini-layout.scheme-C{grid-template-columns:1fr}.mini-layout.scheme-C>i{height:8px}.mini-layout.scheme-C em{font-size:9px;color:#5475be;font-style:normal}.user-detail-hero{text-align:center;padding:4px 0 23px;border-bottom:1px solid #edf0f2}.user-detail-hero .avatar{margin:auto}.user-detail-hero h2{font-size:19px;margin:8px 0 1px}.user-detail-hero p{color:var(--muted);font-size:11px;margin:0}.user-detail-hero strong{display:block;font-size:28px;margin:16px 0;color:var(--blue)}.user-detail-hero strong small{font-size:11px;color:#758696}.record-list{border:1px solid #e8edf0;border-radius:8px}.record-list>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f2;padding:11px;font-size:12px}.record-list>div:last-child{border:0}.record-list small{display:block;color:#96a3ad;font-size:10px}.positive{color:var(--green)}.negative{color:var(--red)}.task-detail-title{border-bottom:1px solid #edf0f2;padding-bottom:15px}.task-detail-title h2{font-size:19px;margin:9px 0 2px}.task-detail-title p{margin:0}.large-preview{height:260px;overflow:hidden;border-radius:10px;background:#edf1f4;margin-bottom:17px}.large-preview .art{width:100%;height:100%}.large-preview .document-thumb{height:100%}.demo-tools{position:absolute;right:28px;top:64px;z-index:60;background:#fff;border:1px solid #dae3e9;border-radius:9px;padding:12px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.demo-tools label{display:flex;align-items:center;gap:6px;color:var(--ink)}.demo-tools select{height:30px;padding:3px 7px}.mobile-menu{display:none}.mobile-scrim{display:none}
@container shop (max-width:1100px){.sidebar{width:220px}.page-heading,.page-content{max-width:none}.page-heading{padding-left:24px;padding-right:24px}.page-content{padding-left:24px;padding-right:24px}.workspace-footer{padding-left:24px;padding-right:24px}.stats{grid-template-columns:repeat(2,1fr)}.user-grid{grid-template-columns:repeat(3,1fr)}.file-grid{grid-template-columns:repeat(3,1fr)}.preview-bar{padding:0 18px}.preview-caption{display:none}.provider-workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}}
@supports not (container-type: size) {.shop-container[data-cq-49] .sidebar{width:220px}.shop-container[data-cq-49] .page-heading,.shop-container[data-cq-49] .page-content{max-width:none}.shop-container[data-cq-49] .page-heading{padding-left:24px;padding-right:24px}.shop-container[data-cq-49] .page-content{padding-left:24px;padding-right:24px}.shop-container[data-cq-49] .workspace-footer{padding-left:24px;padding-right:24px}.shop-container[data-cq-49] .stats{grid-template-columns:repeat(2,1fr)}.shop-container[data-cq-49] .user-grid{grid-template-columns:repeat(3,1fr)}.shop-container[data-cq-49] .file-grid{grid-template-columns:repeat(3,1fr)}.shop-container[data-cq-49] .preview-bar{padding:0 18px}.shop-container[data-cq-49] .preview-caption{display:none}.shop-container[data-cq-49] .provider-workspace{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}}
@container shop (max-width:760px){.shop-scope{font-size:14px}.preview-bar{height:auto;min-height:58px;padding:8px 13px;gap:10px;flex-wrap:wrap}.preview-identity{min-width:0;flex:1}.preview-identity b{font-size:13px}.scheme-tabs{order:3;width:100%;height:36px}.scheme-tabs button{flex:1;justify-content:center;height:32px;padding:0 5px}.scheme-tabs button span{font-size:11px}.preview-compare{font-size:11px;padding:5px}.shell{min-height:calc(100vh - 94px)}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;z-index:80;transform:translateX(-100%);transition:transform .2s;padding-top:16px}.sidebar.open{transform:translateX(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:rgba(17,30,43,.4);z-index:70}.workspace-top{height:54px;padding:0 14px}.mobile-menu{display:inline-flex}.breadcrumb{font-size:12px}.header-meta{gap:7px}.header-meta .header-divider,.header-meta .btn{display:none}.demo-badge{font-size:10px;padding:4px 6px}.page-heading{padding:22px 15px 16px;align-items:flex-start;display:block}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-actions{margin-top:14px}.page-actions .btn{width:100%}.page-content{padding:0 15px 28px}.workspace-footer{padding:0 15px 20px;display:block;font-size:10px}.workspace-footer span{display:block}.workspace-footer span+span{margin-top:3px}.stats{grid-template-columns:repeat(2,1fr);gap:8px}.stat{min-height:86px;padding:13px}.stat strong{font-size:20px}.stat small{font-size:9px}.panel{padding:15px;border-radius:11px}.section-head{display:block}.section-head>.btn,.section-head>.segmented,.section-head>select{margin-top:10px}.toolbar{flex-wrap:wrap}.search,.search input{width:100%}.toolbar select{flex:1;min-width:0}.flow-strip{align-items:flex-start;flex-wrap:wrap;gap:7px;font-size:10px}.flow-note{width:100%;margin-left:0}.provider-workspace{display:block}.inspector{position:static}.provider-grid,.model-grid,.rules-grid,.cost-layout,.points-layout,.price-grid,.compare-grid{grid-template-columns:1fr}.table-scroll{margin:0 -15px;padding:0 15px}.table-scroll table{min-width:660px}.guide-banner{align-items:flex-start;padding:14px;gap:10px}.guide-banner .guide-symbol{width:34px;height:34px}.guide-banner h2{font-size:15px}.guide-banner p{font-size:10px}.guide-banner .btn{width:100%;margin:10px 0 0}.mode-bar{display:block}.mode-bar p{text-align:left;margin-top:10px}.feature-tabs{overflow:auto;white-space:nowrap}.model-card{padding:13px}.binding-pair{grid-template-columns:1fr;gap:5px}.fallback-arrow{display:none}.model-card-foot{font-size:9px}.guided-models .model-card{display:block}.guided-models .model-card .binding-summary{margin-top:13px}.guided-models .model-card-foot{margin-top:14px}.user-grid,.task-grid,.file-grid{grid-template-columns:repeat(2,1fr);gap:8px}.user-card{padding:13px 8px}.user-card h3{font-size:12px}.file-preview{height:110px}.file-card-content{padding:8px}.file-card h3{font-size:10px}.file-card footer{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.demo-tools{position:fixed;top:104px;right:10px;left:10px;display:block}.demo-tools label{margin-bottom:7px}.editor.drawer,.editor.centered,.editor.wizard,.editor.wide{top:10px;bottom:10px;left:10px;right:10px;width:auto;max-height:none;transform:none;border-radius:13px}.editor.drawer{top:10px}.editor-head{padding:15px 16px}.editor-head h2{font-size:17px}.editor-body{padding:15px 16px}.editor-footer{padding:10px 16px}.editor-footer>span{font-size:10px}.form-grid{grid-template-columns:1fr;gap:12px}.field.full{grid-column:auto}.form-section-head+.form-grid{padding-left:0}.steps{gap:2px}.steps li{font-size:9px;gap:4px}.steps li span{width:24px;height:24px}.steps li:not(:last-child):after{left:24px;right:4px;top:12px}.comparison-head,.comparison-row{grid-template-columns:1.2fr 1fr 1fr;font-size:10px;padding:8px}.confirm-dialog{max-height:calc(100vh - 20px)}.confirm-body{padding:15px 16px}.confirm-dialog header{padding:15px 16px}.confirm-dialog footer{padding:10px 16px}.confirm-dialog footer .btn{flex:1}.advanced-body .section-head{display:block}.bottom-note{align-items:flex-start}.bottom-note .btn{margin-left:0;padding-left:0}.desktop-only{display:none}.chart-area{height:210px}.bar-chart{gap:3px;padding:0 3px}.bar-stack{width:13px}.bar-column small{font-size:8px}.large-preview{height:210px}}
@supports not (container-type: size) {.shop-container[data-cq-50] .shop-scope{font-size:14px}.shop-container[data-cq-50] .preview-bar{height:auto;min-height:58px;padding:8px 13px;gap:10px;flex-wrap:wrap}.shop-container[data-cq-50] .preview-identity{min-width:0;flex:1}.shop-container[data-cq-50] .preview-identity b{font-size:13px}.shop-container[data-cq-50] .scheme-tabs{order:3;width:100%;height:36px}.shop-container[data-cq-50] .scheme-tabs button{flex:1;justify-content:center;height:32px;padding:0 5px}.shop-container[data-cq-50] .scheme-tabs button span{font-size:11px}.shop-container[data-cq-50] .preview-compare{font-size:11px;padding:5px}.shop-container[data-cq-50] .shell{min-height:calc(100vh - 94px)}.shop-container[data-cq-50] .sidebar{position:fixed;inset:0 auto 0 0;width:272px;z-index:80;transform:translateX(-100%);transition:transform .2s;padding-top:16px}.shop-container[data-cq-50] .sidebar.open{transform:translateX(0)}.shop-container[data-cq-50] .mobile-scrim{display:block;position:fixed;inset:0;background:rgba(17,30,43,.4);z-index:70}.shop-container[data-cq-50] .workspace-top{height:54px;padding:0 14px}.shop-container[data-cq-50] .mobile-menu{display:inline-flex}.shop-container[data-cq-50] .breadcrumb{font-size:12px}.shop-container[data-cq-50] .header-meta{gap:7px}.shop-container[data-cq-50] .header-meta .header-divider,.shop-container[data-cq-50] .header-meta .btn{display:none}.shop-container[data-cq-50] .demo-badge{font-size:10px;padding:4px 6px}.shop-container[data-cq-50] .page-heading{padding:22px 15px 16px;align-items:flex-start;display:block}.shop-container[data-cq-50] .page-heading h1{font-size:23px}.shop-container[data-cq-50] .page-heading p{font-size:12px}.shop-container[data-cq-50] .page-actions{margin-top:14px}.shop-container[data-cq-50] .page-actions .btn{width:100%}.shop-container[data-cq-50] .page-content{padding:0 15px 28px}.shop-container[data-cq-50] .workspace-footer{padding:0 15px 20px;display:block;font-size:10px}.shop-container[data-cq-50] .workspace-footer span{display:block}.shop-container[data-cq-50] .workspace-footer span+span{margin-top:3px}.shop-container[data-cq-50] .stats{grid-template-columns:repeat(2,1fr);gap:8px}.shop-container[data-cq-50] .stat{min-height:86px;padding:13px}.shop-container[data-cq-50] .stat strong{font-size:20px}.shop-container[data-cq-50] .stat small{font-size:9px}.shop-container[data-cq-50] .panel{padding:15px;border-radius:11px}.shop-container[data-cq-50] .section-head{display:block}.shop-container[data-cq-50] .section-head>.btn,.shop-container[data-cq-50] .section-head>.segmented,.shop-container[data-cq-50] .section-head>select{margin-top:10px}.shop-container[data-cq-50] .toolbar{flex-wrap:wrap}.shop-container[data-cq-50] .search,.shop-container[data-cq-50] .search input{width:100%}.shop-container[data-cq-50] .toolbar select{flex:1;min-width:0}.shop-container[data-cq-50] .flow-strip{align-items:flex-start;flex-wrap:wrap;gap:7px;font-size:10px}.shop-container[data-cq-50] .flow-note{width:100%;margin-left:0}.shop-container[data-cq-50] .provider-workspace{display:block}.shop-container[data-cq-50] .inspector{position:static}.shop-container[data-cq-50] .provider-grid,.shop-container[data-cq-50] .model-grid,.shop-container[data-cq-50] .rules-grid,.shop-container[data-cq-50] .cost-layout,.shop-container[data-cq-50] .points-layout,.shop-container[data-cq-50] .price-grid,.shop-container[data-cq-50] .compare-grid{grid-template-columns:1fr}.shop-container[data-cq-50] .table-scroll{margin:0 -15px;padding:0 15px}.shop-container[data-cq-50] .table-scroll table{min-width:660px}.shop-container[data-cq-50] .guide-banner{align-items:flex-start;padding:14px;gap:10px}.shop-container[data-cq-50] .guide-banner .guide-symbol{width:34px;height:34px}.shop-container[data-cq-50] .guide-banner h2{font-size:15px}.shop-container[data-cq-50] .guide-banner p{font-size:10px}.shop-container[data-cq-50] .guide-banner .btn{width:100%;margin:10px 0 0}.shop-container[data-cq-50] .mode-bar{display:block}.shop-container[data-cq-50] .mode-bar p{text-align:left;margin-top:10px}.shop-container[data-cq-50] .feature-tabs{overflow:auto;white-space:nowrap}.shop-container[data-cq-50] .model-card{padding:13px}.shop-container[data-cq-50] .binding-pair{grid-template-columns:1fr;gap:5px}.shop-container[data-cq-50] .fallback-arrow{display:none}.shop-container[data-cq-50] .model-card-foot{font-size:9px}.shop-container[data-cq-50] .guided-models .model-card{display:block}.shop-container[data-cq-50] .guided-models .model-card .binding-summary{margin-top:13px}.shop-container[data-cq-50] .guided-models .model-card-foot{margin-top:14px}.shop-container[data-cq-50] .user-grid,.shop-container[data-cq-50] .task-grid,.shop-container[data-cq-50] .file-grid{grid-template-columns:repeat(2,1fr);gap:8px}.shop-container[data-cq-50] .user-card{padding:13px 8px}.shop-container[data-cq-50] .user-card h3{font-size:12px}.shop-container[data-cq-50] .file-preview{height:110px}.shop-container[data-cq-50] .file-card-content{padding:8px}.shop-container[data-cq-50] .file-card h3{font-size:10px}.shop-container[data-cq-50] .file-card footer{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.shop-container[data-cq-50] .demo-tools{position:fixed;top:104px;right:10px;left:10px;display:block}.shop-container[data-cq-50] .demo-tools label{margin-bottom:7px}.shop-container[data-cq-50] .editor.drawer,.shop-container[data-cq-50] .editor.centered,.shop-container[data-cq-50] .editor.wizard,.shop-container[data-cq-50] .editor.wide{top:10px;bottom:10px;left:10px;right:10px;width:auto;max-height:none;transform:none;border-radius:13px}.shop-container[data-cq-50] .editor.drawer{top:10px}.shop-container[data-cq-50] .editor-head{padding:15px 16px}.shop-container[data-cq-50] .editor-head h2{font-size:17px}.shop-container[data-cq-50] .editor-body{padding:15px 16px}.shop-container[data-cq-50] .editor-footer{padding:10px 16px}.shop-container[data-cq-50] .editor-footer>span{font-size:10px}.shop-container[data-cq-50] .form-grid{grid-template-columns:1fr;gap:12px}.shop-container[data-cq-50] .field.full{grid-column:auto}.shop-container[data-cq-50] .form-section-head+.form-grid{padding-left:0}.shop-container[data-cq-50] .steps{gap:2px}.shop-container[data-cq-50] .steps li{font-size:9px;gap:4px}.shop-container[data-cq-50] .steps li span{width:24px;height:24px}.shop-container[data-cq-50] .steps li:not(:last-child):after{left:24px;right:4px;top:12px}.shop-container[data-cq-50] .comparison-head,.shop-container[data-cq-50] .comparison-row{grid-template-columns:1.2fr 1fr 1fr;font-size:10px;padding:8px}.shop-container[data-cq-50] .confirm-dialog{max-height:calc(100vh - 20px)}.shop-container[data-cq-50] .confirm-body{padding:15px 16px}.shop-container[data-cq-50] .confirm-dialog header{padding:15px 16px}.shop-container[data-cq-50] .confirm-dialog footer{padding:10px 16px}.shop-container[data-cq-50] .confirm-dialog footer .btn{flex:1}.shop-container[data-cq-50] .advanced-body .section-head{display:block}.shop-container[data-cq-50] .bottom-note{align-items:flex-start}.shop-container[data-cq-50] .bottom-note .btn{margin-left:0;padding-left:0}.shop-container[data-cq-50] .desktop-only{display:none}.shop-container[data-cq-50] .chart-area{height:210px}.shop-container[data-cq-50] .bar-chart{gap:3px;padding:0 3px}.shop-container[data-cq-50] .bar-stack{width:13px}.shop-container[data-cq-50] .bar-column small{font-size:8px}.shop-container[data-cq-50] .large-preview{height:210px}}
.shop-scope.production .preview-bar{display:none}.shop-scope.production .demo-badge,.shop-scope.production .header-meta .icon-button,.shop-scope.production .panel-foot{display:none}.shop-scope.production .shell{min-height:100vh}.shop-scope.production .workspace-top{height:56px}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;scroll-behavior:auto!important}}
.test-box.probe-failed{border-style:solid;background:var(--red-bg);border-color:#f2c9cd;color:var(--red)}.test-box.probe-failed b{color:var(--red)}
.shop-scope[data-scheme="A"] .user-list-panel .provider-inline > .avatar{display:none}

/* Points configuration is content-first: the repeated rules are the cards,
   while the page section itself stays unframed and does not fill the viewport. */
.shop-scope[data-scheme="A"] .points-settings-panel{width:100%;flex:0 0 auto!important;min-height:0!important;height:auto!important;overflow:visible!important}
/* Keep the points page content-sized so the shell does not leave a viewport-sized
   blank strip below the calculator. Other pages retain the shared flex fill. */
.shop-scope[data-scheme="A"] #main:has(> .page-content > .points-settings-panel) > .page-content{
  flex:0 0 auto!important;
  min-height:0!important;
  height:auto!important;
  padding-bottom:28px!important;
}
.shop-scope[data-scheme="A"] .points-settings-head{margin-bottom:18px}
.shop-scope[data-scheme="A"] .points-settings-head h2{font-size:20px}
.shop-scope[data-scheme="A"] .points-settings-head p{font-size:14px}
.shop-scope[data-scheme="A"] .points-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.shop-scope[data-scheme="A"] .points-rule-card{display:flex;flex-direction:column;min-width:0;min-height:0;padding:16px;background:#fff;border:1px solid #dfe7ed;border-radius:10px;box-shadow:0 5px 16px rgba(26,45,67,.05)}
.shop-scope[data-scheme="A"] .points-rule-card-head{display:flex;align-items:flex-start;gap:11px;min-height:63px}
.shop-scope[data-scheme="A"] .points-rule-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:var(--blue-weak);color:var(--blue)}
.shop-scope[data-scheme="A"] .points-rule-icon .icon{width:22px;height:22px}
.shop-scope[data-scheme="A"] .points-rule-index{display:block;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.06em}
.shop-scope[data-scheme="A"] .points-rule-card h2{margin:2px 0 3px;color:var(--ink);font-size:19px;line-height:1.35}
.shop-scope[data-scheme="A"] .points-rule-card-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}
.shop-scope[data-scheme="A"] .points-rule-values{margin-top:10px;border-top:1px solid #e8edf1}
.shop-scope[data-scheme="A"] .points-rule-value{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f3}
.shop-scope[data-scheme="A"] .points-rule-value span{color:#627789;font-size:13px}
.shop-scope[data-scheme="A"] .points-rule-value strong{display:grid;grid-template-columns:minmax(4em,auto) 42px;gap:4px;color:var(--ink);font-size:22px;line-height:1.2;white-space:nowrap}
.shop-scope[data-scheme="A"] .points-rule-value strong>span{text-align:right}
.shop-scope[data-scheme="A"] .points-rule-value small{color:#7f909d;font-size:12px;font-weight:500}
.shop-scope[data-scheme="A"] .points-rule-effect{margin-top:10px;padding:8px 10px;background:#f7f9fb;border-radius:7px}
.shop-scope[data-scheme="A"] .points-rule-effect span{display:block;color:#8797a3;font-size:11px;font-weight:700}
.shop-scope[data-scheme="A"] .points-rule-effect p{margin:4px 0 0;color:#536b7d;font-size:12px;line-height:1.5}
.shop-scope[data-scheme="A"] .points-rule-card-foot{margin-top:auto;padding-top:10px}
.shop-scope[data-scheme="A"] .points-rule-card-foot .btn{width:100%;font-size:14px}
/* Keep the points page content-led; rule cards must not stretch to the viewport. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .page-content > .points-settings-panel{
    display:block;flex:0 0 auto!important;min-height:0!important;height:auto!important;
  }
  .shop-scope[data-scheme="A"] .points-rule-grid{flex:0 0 auto;align-items:stretch}
  .shop-scope[data-scheme="A"] .points-rule-card{height:auto;min-height:0}
  .shop-scope[data-scheme="A"] .points-calculator{flex:0 0 auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-51] .shop-scope[data-scheme="A"] .page-content > .points-settings-panel{
    display:block;flex:0 0 auto!important;min-height:0!important;height:auto!important;
  }
  .shop-container[data-cq-51] .shop-scope[data-scheme="A"] .points-rule-grid{flex:0 0 auto;align-items:stretch}
  .shop-container[data-cq-51] .shop-scope[data-scheme="A"] .points-rule-card{height:auto;min-height:0}
  .shop-container[data-cq-51] .shop-scope[data-scheme="A"] .points-calculator{flex:0 0 auto}}
@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .points-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@supports not (container-type: size) {
  .shop-container[data-cq-52] .shop-scope[data-scheme="A"] .points-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] #main:has(> .page-content > .points-settings-panel) > .page-content{
    padding-bottom:22px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-53] .shop-scope[data-scheme="A"] #main:has(> .page-content > .points-settings-panel) > .page-content{
    padding-bottom:22px!important;
  }}

/* Final model page sizing: end the page after its actual configuration
   content instead of stretching the list to the viewport height. */
.shop-scope[data-scheme="A"] .a-page-stack.a-model-page {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .a-page-stack.a-model-page > .model-list-panel {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  align-self:flex-start !important;
  width:100% !important;
}

/* Final file-name placement: center the fixed group under its table header. */
.shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-content:center !important;
  text-align:left !important;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
  display:flex !important;
  align-items:center;
  gap:12px;
  width:256px;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .mini-thumb {flex:0 0 auto}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:0 0 auto}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:flex-start !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:100%}
}
@supports not (container-type: size) {
  .shop-container[data-cq-54] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:flex-start !important}
  .shop-container[data-cq-54] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:100%}}
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {justify-content:flex-start !important}
}
@supports not (container-type: size) {
  .shop-container[data-cq-55] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {justify-content:flex-start !important}}

/* Final file-name alignment: size the visible group to its content, then center it under the header. */
.shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-content:center !important;
  text-align:left !important;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
  display:flex !important;
  align-items:center;
  justify-content:flex-start !important;
  gap:12px;
  width:256px !important;
  max-width:100%;
  min-width:0;
  margin-inline:auto;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .mini-thumb {flex:0 0 auto}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:0 0 auto}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:center !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:max-content !important;max-width:100%;margin-inline:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-56] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:center !important}
  .shop-container[data-cq-56] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:max-content !important;max-width:100%;margin-inline:auto}}

/* Scheme A price editing: use a compact centered dialog instead of the full-height drawer. */
.shop-scope[data-scheme="A"] .editor.price-editor-dialog {
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: min(660px,calc(100vw - 40px));
  height: auto;
  max-height: calc(100dvh - 40px);
  transform: translate(-50%,-50%);
  border-radius: 16px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 20px 64px rgba(18,36,54,.25);
}
.shop-scope:has(.editor.price-editor-dialog) {overflow:hidden}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog form {
  display: flex;
  min-height: 0;
  flex-direction: column;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head {
  flex: none;
  min-height: 70px;
  padding: 19px 24px 16px;
  align-items: center;
  background: #fff;
  border-bottom: 1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head h2 {
  margin: 0;
  color: var(--ink);
  font-size: 21px;
  letter-spacing: -.02em;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head .btn {
  width: 36px;
  height: 36px;
  border-color: #dce5ec;
  border-radius: 10px;
  color: #647a8c;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-body {
  flex: none;
  min-height: 0;
  max-height: calc(100dvh - 150px);
  overflow: auto;
  padding: 20px 24px 24px;
  background: #f7f9fc;
}
.shop-scope[data-scheme="A"] .price-editor-content {min-width: 0}
.shop-scope[data-scheme="A"] .price-editor-context {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e5edf3;
}
.shop-scope[data-scheme="A"] .price-editor-context b {
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
}
.shop-scope[data-scheme="A"] .price-editor-context span {
  color: #718494;
  font-size: 12px;
}
.shop-scope[data-scheme="A"] .price-editor-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 14px;
}
.shop-scope[data-scheme="A"] .price-editor-grid .field {min-width: 0}
.shop-scope[data-scheme="A"] .price-editor-grid .field > span {
  margin-bottom: 6px;
  color: #3d5367;
  font-size: 12px;
  font-weight: 700;
}
.shop-scope[data-scheme="A"] .price-editor-grid .field input {
  height: 42px;
  padding: 8px 12px;
  border-color: #d4e0e9;
  border-radius: 9px;
  color: var(--ink);
  background: #fff;
  font-size: 15px;
  font-variant-numeric: tabular-nums;
}
.shop-scope[data-scheme="A"] .price-editor-grid .field input:focus {
  border-color: #7fa5ed;
  box-shadow: 0 0 0 3px #e8f0ff;
}
.shop-scope[data-scheme="A"] .price-editor-grid .field small {
  margin-top: 5px;
  color: #82929e;
  font-size: 11px;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer {
  flex: none;
  min-height: 68px;
  padding: 12px 24px;
  justify-content: flex-end;
  gap: 9px;
  background: #fff;
  border-top: 1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer > .btn {
  min-width: 88px;
  min-height: 38px;
}
.shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer > .btn.primary {
  min-width: 142px;
  box-shadow: 0 7px 14px rgba(59,104,232,.2);
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog {
    top: 50%;
    left: 12px;
    right: 12px;
    bottom: auto;
    width: auto;
    height: auto;
    max-height: calc(100dvh - 24px);
    transform: translateY(-50%);
    border-radius: 14px;
  }
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head {
    min-height: 60px;
    padding: 14px 16px 12px;
  }
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head h2 {font-size: 19px}
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-body {
    flex: 1 1 auto;
    max-height: none;
    padding: 14px 14px 18px;
  }
  .shop-scope[data-scheme="A"] .price-editor-context {margin-bottom: 13px;padding-bottom: 10px}
  .shop-scope[data-scheme="A"] .price-editor-grid {grid-template-columns: 1fr;gap: 12px}
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer {
    min-height: 58px;
    padding: 9px 14px;
  }
  .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer > .btn {
    flex: 1;
    min-width: 0;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog {
    top: 50%;
    left: 12px;
    right: 12px;
    bottom: auto;
    width: auto;
    height: auto;
    max-height: calc(100dvh - 24px);
    transform: translateY(-50%);
    border-radius: 14px;
  }
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head {
    min-height: 60px;
    padding: 14px 16px 12px;
  }
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-head h2 {font-size: 19px}
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-body {
    flex: 1 1 auto;
    max-height: none;
    padding: 14px 14px 18px;
  }
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .price-editor-context {margin-bottom: 13px;padding-bottom: 10px}
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .price-editor-grid {grid-template-columns: 1fr;gap: 12px}
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer {
    min-height: 58px;
    padding: 9px 14px;
  }
  .shop-container[data-cq-57] .shop-scope[data-scheme="A"] .editor.price-editor-dialog .editor-footer > .btn {
    flex: 1;
    min-width: 0;
  }}

/* Provider creation drawer */
.provider-section{margin-bottom:16px}
.provider-section>h3{font-size:15px;margin:0 0 4px}
.provider-section>p{font-size:11px;color:var(--muted);margin:0 0 14px}
.provider-auth-switch{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f2}
.provider-auth-switch>span{font-size:12px;font-weight:600;color:#41566b;margin-right:auto}
.provider-auth-switch .btn{min-height:32px;padding:6px 11px;font-size:11px}
.provider-model-list{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;padding-top:13px;border-top:1px solid #edf0f2}
.provider-model-title{width:100%;font-size:11px;font-weight:700;color:#617487}
.provider-model-list .btn{min-height:31px;padding:6px 9px;font-size:10px}
.provider-capabilities{gap:9px 15px}
.provider-capabilities label{display:flex;align-items:center;gap:5px;min-height:30px;padding:4px 8px;border:1px solid #e3e9ee;border-radius:7px;color:#41566b}
.provider-capabilities input{accent-color:var(--blue);margin:0}
@container shop (max-width:760px){
  .provider-auth-switch{align-items:flex-start;flex-wrap:wrap}
  .provider-auth-switch>span{width:100%;margin:0}
  .provider-auth-switch .btn{flex:1}
  .provider-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .provider-capabilities label{font-size:11px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-58] .provider-auth-switch{align-items:flex-start;flex-wrap:wrap}
  .shop-container[data-cq-58] .provider-auth-switch>span{width:100%;margin:0}
  .shop-container[data-cq-58] .provider-auth-switch .btn{flex:1}
  .shop-container[data-cq-58] .provider-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .shop-container[data-cq-58] .provider-capabilities label{font-size:11px}}

@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-content{padding-top:12px;padding-bottom:0}
  .shop-scope[data-scheme="A"] .a-model-page .mode-bar{padding:8px 12px;margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-model-page .mode-bar p{font-size:10px;line-height:1.35}
  .shop-scope[data-scheme="A"] .a-model-page>.notice{padding:7px 10px;margin:0 0 8px;font-size:11px}
  .shop-scope[data-scheme="A"] .a-model-page>.feature-tabs{padding-bottom:5px;margin-bottom:8px}
  .shop-scope[data-scheme="A"] .a-model-page .model-list-panel{padding:14px}
  .shop-scope[data-scheme="A"] .a-model-page .a-model-row{padding:10px 0}
}

@supports not (container-type: size) {
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-content{padding-top:12px;padding-bottom:0}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page .mode-bar{padding:8px 12px;margin-bottom:8px}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page .mode-bar p{font-size:10px;line-height:1.35}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page>.notice{padding:7px 10px;margin:0 0 8px;font-size:11px}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page>.feature-tabs{padding-bottom:5px;margin-bottom:8px}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page .model-list-panel{padding:14px}
  .shop-container[data-cq-59] .shop-scope[data-scheme="A"] .a-model-page .a-model-row{padding:10px 0}}

/* Points calculator: a framed tool below the repeated rule cards. */
.shop-scope[data-scheme="A"] .points-calculator{margin-top:20px;padding:22px;background:#fff;border:1px solid #dfe7ed;border-radius:10px;box-shadow:0 5px 16px rgba(26,45,67,.05)}
.shop-scope[data-scheme="A"] .points-calculator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.shop-scope[data-scheme="A"] .points-calculator-head h2{margin:3px 0 3px;font-size:20px;line-height:1.35}
.shop-scope[data-scheme="A"] .points-calculator-head p{margin:0;color:var(--muted);font-size:13px}
.shop-scope[data-scheme="A"] .points-calculator-mark{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:10px;background:#edf7f3;color:var(--green)}
.shop-scope[data-scheme="A"] .points-calculator-mark .icon{width:22px;height:22px}
.shop-scope[data-scheme="A"] .points-calc-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:18px;align-items:stretch}
.shop-scope[data-scheme="A"] .points-calc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:16px;background:#f8fafc;border:1px solid #e8edf1;border-radius:8px}
.shop-scope[data-scheme="A"] .points-calc-form .field{min-width:0}
.shop-scope[data-scheme="A"] .points-calc-form .field>span{font-size:13px}
.shop-scope[data-scheme="A"] #point-calc-action{padding-block:0;text-align:center;text-align-last:center}
.shop-scope[data-scheme="A"] #point-calc-action option{text-align:center}
.shop-scope[data-scheme="A"] .points-calc-input{display:flex;align-items:center;border:1px solid #d7e0e7;border-radius:7px;background:#fff;overflow:hidden}
.shop-scope[data-scheme="A"] .points-calc-input input{width:100%;min-width:0;border:0;border-radius:0;outline:0}
.shop-scope[data-scheme="A"] .points-calc-input input:disabled{background:#f3f5f7;color:#7f909d}
.shop-scope[data-scheme="A"] .points-calc-input>span{flex:none;padding:0 10px;color:#7f909d;font-size:13px}
.shop-scope[data-scheme="A"] .points-calc-result{display:flex;flex-direction:column;justify-content:center;min-height:164px;padding:20px 24px;border:1px solid #dbe5ff;border-radius:8px;background:#f5f8ff;color:#536b91}
.shop-scope[data-scheme="A"] .points-calc-result.orange{border-color:#f0dfc5;background:#fff9ef;color:#98651c}
.shop-scope[data-scheme="A"] .points-calc-result.green{border-color:#cce9dc;background:#f1fbf6;color:#267957}
.shop-scope[data-scheme="A"] .points-calc-result>span{font-size:13px;font-weight:700}
.shop-scope[data-scheme="A"] .points-calc-result>strong{display:flex;align-items:baseline;gap:8px;margin:8px 0 7px;color:var(--ink);font-size:36px;line-height:1.1}
.shop-scope[data-scheme="A"] .points-calc-result>strong small{color:currentColor;font-size:15px;font-weight:600}
.shop-scope[data-scheme="A"] .points-calc-result>p{margin:0;color:inherit;font-size:13px;line-height:1.55}
@container shop (max-width:1100px) and (min-width:761px){.shop-scope[data-scheme="A"] .points-calc-layout{grid-template-columns:1fr}}
@supports not (container-type: size) {.shop-container[data-cq-60] .shop-scope[data-scheme="A"] .points-calc-layout{grid-template-columns:1fr}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .points-calculator{margin-top:16px;padding:18px}
  .shop-scope[data-scheme="A"] .points-calculator-head h2{font-size:18px}
  .shop-scope[data-scheme="A"] .points-calculator-head p{font-size:12px}
  .shop-scope[data-scheme="A"] .points-calc-layout{grid-template-columns:1fr;gap:12px}
  .shop-scope[data-scheme="A"] .points-calc-form{grid-template-columns:1fr;padding:14px}
  .shop-scope[data-scheme="A"] .points-calc-result{min-height:135px;padding:17px}
  .shop-scope[data-scheme="A"] .points-calc-result>strong{font-size:30px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calculator{margin-top:16px;padding:18px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calculator-head h2{font-size:18px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calculator-head p{font-size:12px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calc-layout{grid-template-columns:1fr;gap:12px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calc-form{grid-template-columns:1fr;padding:14px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calc-result{min-height:135px;padding:17px}
  .shop-container[data-cq-61] .shop-scope[data-scheme="A"] .points-calc-result>strong{font-size:30px}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .points-settings-head{margin-bottom:14px}
  .shop-scope[data-scheme="A"] .points-settings-head h2{font-size:18px}
  .shop-scope[data-scheme="A"] .points-settings-head p{font-size:13px}
  .shop-scope[data-scheme="A"] .points-rule-grid{grid-template-columns:1fr;gap:12px}
  .shop-scope[data-scheme="A"] .points-rule-card{min-height:0;padding:18px}
  .shop-scope[data-scheme="A"] .points-rule-card h2{font-size:18px}
  .shop-scope[data-scheme="A"] .points-rule-value strong{font-size:22px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-settings-head{margin-bottom:14px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-settings-head h2{font-size:18px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-settings-head p{font-size:13px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-rule-grid{grid-template-columns:1fr;gap:12px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-rule-card{min-height:0;padding:18px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-rule-card h2{font-size:18px}
  .shop-container[data-cq-62] .shop-scope[data-scheme="A"] .points-rule-value strong{font-size:22px}}
.shop-scope[data-scheme="A"] .user-list-panel{min-height:0!important;height:auto!important;flex:none!important;margin-bottom:16px;padding-bottom:11px}
.shop-scope[data-scheme="A"] .page-content:has(> .user-list-panel){padding-bottom:0}
.shop-scope[data-scheme="A"] .user-list-panel .table-scroll table tbody tr{height:auto!important}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead th{height:38px;padding:8px 12px}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody tr{height:48px!important}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td{padding:5px 12px;line-height:1.3}
}
@supports not (container-type: size) {
  .shop-container[data-cq-63] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead th{height:38px;padding:8px 12px}
  .shop-container[data-cq-63] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody tr{height:48px!important}
  .shop-container[data-cq-63] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td{padding:5px 12px;line-height:1.3}}
.shop-scope[data-scheme="A"] .admin-profile{display:none}
.shop-scope[data-scheme="A"] .provider-list-panel .provider-inline > .provider-logo{display:none}
.shop-scope[data-scheme="A"] .model-list-panel .binding-summary > .role-label{display:none}

/* Keep the local Scheme A preview visually identical to production. */
.shop-scope[data-scheme="A"]{font-size:16px}
.shop-scope[data-scheme="A"] .page-heading h1{font-size:32px;line-height:1.2}
.shop-scope[data-scheme="A"] .page-heading p{font-size:16px;line-height:1.5}
.shop-scope[data-scheme="A"] .btn{font-size:16px;line-height:1.5}
.shop-scope[data-scheme="A"] .nav-link{font-size:16px;line-height:1.5}
.shop-scope[data-scheme="A"] .table-scroll th,.shop-scope[data-scheme="A"] .table-scroll td,.shop-scope[data-scheme="A"] .tablewrap th,.shop-scope[data-scheme="A"] .tablewrap td{font-size:14px;line-height:1.5}
.shop-scope[data-scheme="A"] .page-heading,.shop-scope[data-scheme="A"] .page-content,.shop-scope[data-scheme="A"] .workspace-footer{width:100%;max-width:none}
.shop-scope[data-scheme="A"] #main{display:flex;flex-direction:column;min-height:calc(100vh - 62px)}
.shop-scope[data-scheme="A"] .page-heading{flex:0 0 auto}
.shop-scope[data-scheme="A"] .page-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .page-content>.panel:only-child,.shop-scope[data-scheme="A"] .page-content>.provider-workspace:only-child,.shop-scope[data-scheme="A"] .page-content>.points-layout:only-child,.shop-scope[data-scheme="A"] .page-content>.cost-layout:only-child{flex:1 1 auto;min-height:100%}
.shop-scope[data-scheme="A"] .workspace-footer{flex:0 0 auto}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"]{font-size:14px}
  .shop-scope[data-scheme="A"] .page-heading h1{font-size:26px}
  .shop-scope[data-scheme="A"] .page-heading p{font-size:14px}
  .shop-scope[data-scheme="A"] .btn,.shop-scope[data-scheme="A"] .nav-link{font-size:14px}
  .shop-scope[data-scheme="A"] .table-scroll th,.shop-scope[data-scheme="A"] .table-scroll td,.shop-scope[data-scheme="A"] .tablewrap th,.shop-scope[data-scheme="A"] .tablewrap td{font-size:13px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-64] .shop-scope[data-scheme="A"]{font-size:14px}
  .shop-container[data-cq-64] .shop-scope[data-scheme="A"] .page-heading h1{font-size:26px}
  .shop-container[data-cq-64] .shop-scope[data-scheme="A"] .page-heading p{font-size:14px}
  .shop-container[data-cq-64] .shop-scope[data-scheme="A"] .btn,.shop-container[data-cq-64] .shop-scope[data-scheme="A"] .nav-link{font-size:14px}
  .shop-container[data-cq-64] .shop-scope[data-scheme="A"] .table-scroll th,.shop-container[data-cq-64] .shop-scope[data-scheme="A"] .table-scroll td,.shop-container[data-cq-64] .shop-scope[data-scheme="A"] .tablewrap th,.shop-container[data-cq-64] .shop-scope[data-scheme="A"] .tablewrap td{font-size:13px}}

/* Scheme A preview shell matches the real authorization backend. */
.shop-scope[data-scheme="A"] .preview-hidden{display:none!important}
.shop-scope[data-scheme="A"] .real-shell .workspace-label{display:none}

.shop-scope[data-scheme="A"] .real-shell .outer-nav{display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .real-shell .outer-link{color:#b7c8d6}
.shop-scope[data-scheme="A"] .real-shell .outer-link:hover{color:#fff;background:rgba(255,255,255,.08)}
.shop-scope[data-scheme="A"] .real-shell .circle-nav-title{margin-top:16px}
.shop-scope[data-scheme="A"] .mobile-menu-label{display:none}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .real-shell .outer-nav{display:flex}
  .shop-scope[data-scheme="A"] .workspace-top{height:54px;flex:0 0 54px;padding:0 14px}
  .shop-scope[data-scheme="A"] #main{min-height:calc(100vh - 54px)}
  .shop-scope[data-scheme="A"] .mobile-menu{display:inline-flex;width:auto;min-width:72px;padding:0 10px;gap:6px}
  .shop-scope[data-scheme="A"] .mobile-menu-label{display:inline}
  .shop-scope[data-scheme="A"] .breadcrumb{min-width:0;overflow:hidden;white-space:nowrap}
  .shop-scope[data-scheme="A"] .desktop-breadcrumb-label{display:none}
}
@supports not (container-type: size) {
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .real-shell .outer-nav{display:flex}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .workspace-top{height:54px;flex:0 0 54px;padding:0 14px}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] #main{min-height:calc(100vh - 54px)}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .mobile-menu{display:inline-flex;width:auto;min-width:72px;padding:0 10px;gap:6px}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .mobile-menu-label{display:inline}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .breadcrumb{min-width:0;overflow:hidden;white-space:nowrap}
  .shop-container[data-cq-65] .shop-scope[data-scheme="A"] .desktop-breadcrumb-label{display:none}}

/* Let each A-scheme content panel consume the remaining vertical space. */
.shop-scope[data-scheme="A"] .page-content>.panel,.shop-scope[data-scheme="A"] .page-content>.points-layout,.shop-scope[data-scheme="A"] .page-content>.cost-layout,.shop-scope[data-scheme="A"] .page-content>.model-grid{flex:1 1 auto;min-height:0}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel){display:flex;flex:1 1 auto;min-height:0}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel{flex:1 1 auto;min-height:0}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel),.shop-scope[data-scheme="A"] .page-content>.panel{min-width:0}
.shop-scope[data-scheme="A"] .table-scroll{max-width:100%}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel){width:100%;overflow:hidden}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel,.shop-scope[data-scheme="A"] .page-content>.panel{width:100%;overflow:hidden}
.shop-scope[data-scheme="A"] .page-content>.panel .table-scroll,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel .table-scroll{display:flex;flex:1 1 auto;min-height:0;flex-direction:column}
.shop-scope[data-scheme="A"] .page-content>.panel .table-scroll table,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel .table-scroll table{flex:1 1 auto;height:100%}
.shop-scope[data-scheme="A"] .page-content>.panel .table-scroll tbody,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel .table-scroll tbody{height:100%}
.shop-scope[data-scheme="A"] .page-content>.panel .table-scroll tbody tr,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel .table-scroll tbody tr{height:calc(100% / 8)}
.shop-scope[data-scheme="A"] .page-content>.panel,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel{min-height:0}
.shop-scope[data-scheme="A"] .page-content{padding-bottom:0}
.shop-scope[data-scheme="A"] .page-content>.panel:last-child,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel):last-child>.panel{margin-bottom:0}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .page-content>.panel,.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel{min-height:0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-66] .shop-scope[data-scheme="A"] .page-content>.panel,.shop-container[data-cq-66] .shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel{min-height:0}}

/* Final A-scheme polish: fill the user list, align filters, and keep notes readable. */
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) {
  display:flex;
  flex-direction:column;
  min-height:0;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll {
  flex:1 1 auto;
  min-height:280px;
  overflow:auto;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll table {
  height:100%;
  min-height:100%;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll tbody {
  height:100%;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll tbody tr {
  height:calc(100% / 8);
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager {
  flex:0 0 auto;
  font-size:14px;
  line-height:1.5;
  padding-top:16px;
  margin-top:14px;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager .page-number {
  font-size:14px;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .toolbar select {
  text-align:center;
  text-align-last:center;
  line-height:20px;
  padding-left:4px;
  padding-right:4px;
}
.shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .toolbar select option {
  text-align:center;
  text-align-last:center;
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll{min-height:240px}
  .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager{font-size:13px}
  .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager .page-number{font-size:13px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-67] .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .table-scroll{min-height:240px}
  .shop-container[data-cq-67] .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager{font-size:13px}
  .shop-container[data-cq-67] .shop-scope[data-scheme="A"] .page-content>.panel:has(.date-filter) .pager .page-number{font-size:13px}}

/* Keep the user filters beside the list title instead of pushing them to the far edge. */
.shop-scope[data-scheme="A"] .users-section-head{justify-content:flex-start;align-items:flex-start}
.shop-scope[data-scheme="A"] .users-controls{display:flex;align-items:center;gap:9px;flex:1;flex-wrap:wrap;margin-left:28px}
.shop-scope[data-scheme="A"] .users-controls .search{flex:0 1 240px}
.shop-scope[data-scheme="A"] .users-controls .search input{width:100%}
.shop-scope[data-scheme="A"] .users-controls select{text-align:center;text-align-last:center;line-height:20px;padding-left:4px;padding-right:4px}
.shop-scope[data-scheme="A"] .users-controls select option{text-align:center;text-align-last:center}
.shop-scope[data-scheme="A"] .users-controls .date-filter{margin:0}
.shop-scope[data-scheme="A"] .users-controls .date-filter label{align-items:center}
.shop-scope[data-scheme="A"] .users-controls>.btn{margin-left:0}
@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .users-controls{margin-left:20px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-68] .shop-scope[data-scheme="A"] .users-controls{margin-left:20px}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .users-section-head{display:block}
  .shop-scope[data-scheme="A"] .users-controls{width:100%;margin:14px 0 0}
  .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 100%}
  .shop-scope[data-scheme="A"] .users-controls select{flex:1 1 130px}
  .shop-scope[data-scheme="A"] .users-controls .date-filter{flex:1 1 100%}
  .shop-scope[data-scheme="A"] .users-controls>.btn{width:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-section-head{display:block}
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-controls{width:100%;margin:14px 0 0}
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 100%}
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-controls select{flex:1 1 130px}
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-controls .date-filter{flex:1 1 100%}
  .shop-container[data-cq-69] .shop-scope[data-scheme="A"] .users-controls>.btn{width:auto}}

/* User filters: one compact, consistent control rail. */
.shop-scope[data-scheme="A"] .users-controls{
  align-items:center;
  gap:8px;
  padding:5px 7px;
  margin-top:-5px;
  background:#f7f9fb;
  border:1px solid #e4eaf0;
  border-radius:9px;
}
.shop-scope[data-scheme="A"] .users-controls .search{height:34px;flex-basis:240px}
.shop-scope[data-scheme="A"] .users-controls .search input,.shop-scope[data-scheme="A"] .users-controls select,.shop-scope[data-scheme="A"] .users-controls .date-filter input{
  height:34px;
  border:1px solid #d8e1e8;
  border-radius:7px;
  background:#fff;
}
.shop-scope[data-scheme="A"] .users-controls .search input{width:100%;padding-left:32px}
.shop-scope[data-scheme="A"] .users-controls select{min-width:100px;padding:5px 8px}
.shop-scope[data-scheme="A"] .users-controls .date-filter label{gap:6px;color:#708291;font-size:11px;white-space:nowrap}
.shop-scope[data-scheme="A"] .users-controls .date-filter input{width:124px;padding:5px 8px;color:#536b7d}
.shop-scope[data-scheme="A"] .users-controls .search input:focus,.shop-scope[data-scheme="A"] .users-controls select:focus,.shop-scope[data-scheme="A"] .users-controls .date-filter input:focus{border-color:#9eb5ff;box-shadow:0 0 0 3px #edf2ff;outline:0}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .users-controls{padding:7px;margin-top:14px}
  .shop-scope[data-scheme="A"] .users-controls .search{height:36px}
  .shop-scope[data-scheme="A"] .users-controls .search input,.shop-scope[data-scheme="A"] .users-controls select,.shop-scope[data-scheme="A"] .users-controls .date-filter input{height:36px}
  .shop-scope[data-scheme="A"] .users-controls .date-filter{padding:0 2px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls{padding:7px;margin-top:14px}
  .shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls .search{height:36px}
  .shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls .search input,.shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls select,.shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls .date-filter input{height:36px}
  .shop-container[data-cq-70] .shop-scope[data-scheme="A"] .users-controls .date-filter{padding:0 2px}}

/* Keep the date picker and its clear action in one stable control. */
.shop-scope[data-scheme="A"] .users-controls .date-filter{
  display:flex;
  align-items:center;
  gap:7px;
  margin:0;
  font-size:11px;
  white-space:nowrap;
}
.shop-scope[data-scheme="A"] .users-controls .date-filter-label{
  color:#708291;
}
.shop-scope[data-scheme="A"] .users-controls .date-control{
  display:flex;
  align-items:center;
  width:200px;
  height:34px;
  overflow:hidden;
  border:1px solid #d8e1e8;
  border-radius:7px;
  background:#fff;
}
.shop-scope[data-scheme="A"] .users-controls .date-control input{
  flex:1 1 auto;
  width:auto!important;
  min-width:0;
  height:32px;
  padding:5px 3px 5px 8px;
  border:0!important;
  border-radius:0;
  background:transparent;
  box-shadow:none!important;
  outline:0;
  color:#536b7d;
}
.shop-scope[data-scheme="A"] .users-controls .date-filter,.shop-scope[data-scheme="A"] .users-controls .date-filter-label,.shop-scope[data-scheme="A"] .users-controls .date-control input,.shop-scope[data-scheme="A"] .users-controls .gender-option{
  font-size:16px;
}
.shop-scope[data-scheme="A"] .users-controls .date-filter-label,.shop-scope[data-scheme="A"] .users-controls .date-control input{line-height:20px}
.shop-scope[data-scheme="A"] .users-controls .date-control:focus-within{
  border-color:#9eb5ff;
  box-shadow:0 0 0 3px #edf2ff;
}
.shop-scope[data-scheme="A"] .users-controls .date-clear{
  display:inline-flex;
  flex:0 0 28px;
  width:28px;
  height:28px;
  min-height:28px;
  padding:0;
  border:0;
  border-left:1px solid #edf1f4;
  border-radius:0;
  background:transparent;
  color:#8a9aa7;
  visibility:hidden;
  pointer-events:none;
}
.shop-scope[data-scheme="A"] .users-controls .date-clear.visible{
  visibility:visible;
  pointer-events:auto;
}
.shop-scope[data-scheme="A"] .users-controls .date-clear:hover{
  background:#f2f5f8;
  color:#4c6578;
}
.shop-scope[data-scheme="A"] .users-controls .date-clear .icon{width:14px;height:14px}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .users-controls .date-control{width:200px;height:36px}
  .shop-scope[data-scheme="A"] .users-controls .date-control input{height:34px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-71] .shop-scope[data-scheme="A"] .users-controls .date-control{width:200px;height:36px}
  .shop-container[data-cq-71] .shop-scope[data-scheme="A"] .users-controls .date-control input{height:34px}}

/* Custom gender menu keeps the closed value and every expanded option centered. */
.shop-scope[data-scheme="A"] .users-controls .gender-filter{position:relative;flex:0 0 116px;min-width:116px}
.shop-scope[data-scheme="A"] .users-controls .gender-trigger{
  width:100%;height:34px;display:flex;align-items:center;justify-content:center;gap:8px;
  padding:5px 8px;border:1px solid #d8e1e8;border-radius:7px;background:#fff;color:var(--ink);
  font:inherit;line-height:20px;text-align:center;
}
.shop-scope[data-scheme="A"] .users-controls .gender-trigger:hover{border-color:#afbdd0;background:#f8fafc}
.shop-scope[data-scheme="A"] .users-controls .gender-trigger:focus-visible{outline:3px solid #9eb5ff;outline-offset:2px}
.shop-scope[data-scheme="A"] .users-controls .gender-trigger span{white-space:nowrap}
.shop-scope[data-scheme="A"] .users-controls .gender-trigger .icon{width:13px;height:13px;transition:transform .16s}
.shop-scope[data-scheme="A"] .users-controls .gender-filter.open .gender-trigger{border-color:#9eb5ff;box-shadow:0 0 0 3px #edf2ff}
.shop-scope[data-scheme="A"] .users-controls .gender-filter.open .gender-trigger .icon{transform:rotate(180deg)}
.shop-scope[data-scheme="A"] .users-controls .gender-menu{
  position:absolute;z-index:40;top:calc(100% + 5px);left:0;width:100%;padding:4px;
  border:1px solid #d8e1e8;border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(22,39,58,.14);
}
.shop-scope[data-scheme="A"] .users-controls .gender-option{
  width:100%;height:30px;display:flex;align-items:center;justify-content:center;
  padding:4px 8px;border:0;border-radius:5px;background:transparent;color:#536b7d;
  font:inherit;text-align:center;cursor:pointer;
}
.shop-scope[data-scheme="A"] .users-controls .gender-option:hover,.shop-scope[data-scheme="A"] .users-controls .gender-option.selected{background:#edf2ff;color:var(--blue);font-weight:600}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .users-controls .gender-filter{flex:1 1 130px;min-width:130px}
  .shop-scope[data-scheme="A"] .users-controls .gender-trigger{height:36px}
  .shop-scope[data-scheme="A"] .users-controls .date-filter,.shop-scope[data-scheme="A"] .users-controls .date-filter-label,.shop-scope[data-scheme="A"] .users-controls .date-control input,.shop-scope[data-scheme="A"] .users-controls .gender-option{font-size:14px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .gender-filter{flex:1 1 130px;min-width:130px}
  .shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .gender-trigger{height:36px}
  .shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .date-filter,.shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .date-filter-label,.shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .date-control input,.shop-container[data-cq-72] .shop-scope[data-scheme="A"] .users-controls .gender-option{font-size:14px}}

/* Desktop user filters sit at the far right of the list header. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .users-section-head{align-items:center}
  .shop-scope[data-scheme="A"] .users-controls{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;justify-content:flex-end;gap:6px}
  .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 200px;min-width:150px;max-width:220px}
  .shop-scope[data-scheme="A"] .users-controls .gender-filter{flex:0 0 106px;min-width:106px}
  .shop-scope[data-scheme="A"] .users-controls .date-filter{flex:0 1 200px;min-width:190px}
  .shop-scope[data-scheme="A"] .users-controls .date-control{width:150px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-section-head{align-items:center}
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-controls{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;justify-content:flex-end;gap:6px}
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 200px;min-width:150px;max-width:220px}
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-controls .gender-filter{flex:0 0 106px;min-width:106px}
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-controls .date-filter{flex:0 1 200px;min-width:190px}
  .shop-container[data-cq-73] .shop-scope[data-scheme="A"] .users-controls .date-control{width:150px}}

/* Tablet finance view keeps summary panels compact while payment rows retain
   their natural height. */
@container shop (min-width:761px) and (max-width:1100px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  .shop-scope[data-scheme="A"] .finance-page{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    gap:6px;
    padding-top:10px;
    overflow:hidden;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content > .finance-page{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
  }
  .shop-scope[data-scheme="A"] .finance-page-intro{
    min-height:42px;
  }
  .shop-scope[data-scheme="A"] .finance-page-intro h2{
    margin:0 0 2px;
    font-size:24px;
  }
  .shop-scope[data-scheme="A"] .finance-page-intro p{
    font-size:11px;
  }
  .shop-scope[data-scheme="A"] .finance-filters{
    display:grid;
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,108px));
    gap:6px;
    flex:none;
    padding:7px;
  }
  .shop-scope[data-scheme="A"] .finance-filters .search{
    min-width:0;
  }
  .shop-scope[data-scheme="A"] .finance-filters .search input,.shop-scope[data-scheme="A"] .finance-filters select,.shop-scope[data-scheme="A"] .finance-date input{
    height:28px;
    min-width:0;
    padding:4px 7px;
    font-size:12px;
  }
  .shop-scope[data-scheme="A"] .finance-filter-note{
    display:none;
  }
  .shop-scope[data-scheme="A"] .finance-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    flex:none;
  }
  .shop-scope[data-scheme="A"] .finance-kpis article{
    min-height:70px;
    padding:8px 10px;
  }
  .shop-scope[data-scheme="A"] .finance-kpis span{font-size:11px}
  .shop-scope[data-scheme="A"] .finance-kpis strong{margin:3px 0 1px;font-size:20px}
  .shop-scope[data-scheme="A"] .finance-kpis small{font-size:9px}
  .shop-scope[data-scheme="A"] .finance-main-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);
    gap:8px;
    flex:0 0 150px;
    min-height:150px;
  }
  .shop-scope[data-scheme="A"] .finance-page .panel{padding:9px 10px}
  .shop-scope[data-scheme="A"] .finance-section-title{margin-bottom:5px}
  .shop-scope[data-scheme="A"] .finance-section-title h2{font-size:14px}
  .shop-scope[data-scheme="A"] .finance-section-title p{margin-top:1px;font-size:10px}
  .shop-scope[data-scheme="A"] .finance-legend{gap:6px;font-size:10px}
  .shop-scope[data-scheme="A"] .finance-trend-panel,.shop-scope[data-scheme="A"] .finance-source-panel{
    height:150px;
    min-height:0;
  }
  .shop-scope[data-scheme="A"] .finance-chart{height:82px;overflow:hidden}
  .shop-scope[data-scheme="A"] .finance-bars{height:62px}
  .shop-scope[data-scheme="A"] .finance-chart-day{gap:1px}
  .shop-scope[data-scheme="A"] .finance-chart-day small{font-size:8px}
  .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title p{display:none}
  .shop-scope[data-scheme="A"] .finance-source-row{
    min-width:0;
    grid-template-columns:minmax(72px,1.1fr) repeat(4,minmax(36px,1fr));
    gap:3px;
    padding:2px 0;
    font-size:10px;
    line-height:1.2;
  }
  .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:3px 0}
  .shop-scope[data-scheme="A"] .finance-source-head{padding-bottom:2px;font-size:10px}
  .shop-scope[data-scheme="A"] .finance-detail-panel{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-height:0;
    padding:9px 10px 4px !important;
    overflow:hidden;
  }
  .shop-scope[data-scheme="A"] .finance-detail-panel .finance-section-title{flex:none}
  .shop-scope[data-scheme="A"] .finance-detail-panel > .table-scroll{
    display:block;
    flex:0 0 auto;
    min-height:0;
    overflow:auto;
  }
  .shop-scope[data-scheme="A"] .finance-detail-panel > .table-scroll > .finance-detail-table{
    height:auto;
    min-height:0;
  }
  .shop-scope[data-scheme="A"] .finance-detail-table thead{height:28px}
  .shop-scope[data-scheme="A"] .finance-detail-table th{padding:4px 4px;font-size:11px}
  .shop-scope[data-scheme="A"] .finance-detail-table tbody{height:auto}
  .shop-scope[data-scheme="A"] .finance-detail-table tbody tr{height:44px}
  .shop-scope[data-scheme="A"] .finance-detail-table td{
    height:44px !important;
    padding:2px 4px;
    font-size:11px;
    line-height:1.1;
  }
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack b,.shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{font-size:11px}
  .shop-scope[data-scheme="A"] .finance-detail-table .btn{min-height:22px;padding:2px 4px;font-size:11px}
  .shop-scope[data-scheme="A"] .finance-detail-panel > .pager{
    flex:0 0 36px;
    height:36px;
    margin:0;
    padding-top:6px;
    font-size:11px;
  }
  .shop-scope[data-scheme="A"] .finance-detail-panel > .pager .btn{min-height:24px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-page{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    gap:6px;
    padding-top:10px;
    overflow:hidden;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content > .finance-page{
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-page-intro{
    min-height:42px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-page-intro h2{
    margin:0 0 2px;
    font-size:24px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-page-intro p{
    font-size:11px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-filters{
    display:grid;
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,108px));
    gap:6px;
    flex:none;
    padding:7px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-filters .search{
    min-width:0;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-filters .search input,.shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-filters select,.shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-date input{
    height:28px;
    min-width:0;
    padding:4px 7px;
    font-size:12px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-filter-note{
    display:none;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:6px;
    flex:none;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-kpis article{
    min-height:70px;
    padding:8px 10px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-kpis span{font-size:11px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-kpis strong{margin:3px 0 1px;font-size:20px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-kpis small{font-size:9px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-main-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);
    gap:8px;
    flex:0 0 150px;
    min-height:150px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-page .panel{padding:9px 10px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-section-title{margin-bottom:5px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-section-title h2{font-size:14px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-section-title p{margin-top:1px;font-size:10px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-legend{gap:6px;font-size:10px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-trend-panel,.shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-source-panel{
    height:150px;
    min-height:0;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-chart{height:82px;overflow:hidden}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-bars{height:62px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-chart-day{gap:1px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-chart-day small{font-size:8px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title p{display:none}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-source-row{
    min-width:0;
    grid-template-columns:minmax(72px,1.1fr) repeat(4,minmax(36px,1fr));
    gap:3px;
    padding:2px 0;
    font-size:10px;
    line-height:1.2;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:3px 0}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-source-head{padding-bottom:2px;font-size:10px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    min-height:0;
    padding:9px 10px 4px !important;
    overflow:hidden;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel .finance-section-title{flex:none}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel > .table-scroll{
    display:block;
    flex:0 0 auto;
    min-height:0;
    overflow:auto;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel > .table-scroll > .finance-detail-table{
    height:auto;
    min-height:0;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table thead{height:28px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table th{padding:4px 4px;font-size:11px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table tbody{height:auto}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table tbody tr{height:44px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table td{
    height:44px !important;
    padding:2px 4px;
    font-size:11px;
    line-height:1.1;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack b,.shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{font-size:11px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-table .btn{min-height:22px;padding:2px 4px;font-size:11px}
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel > .pager{
    flex:0 0 36px;
    height:36px;
    margin:0;
    padding-top:6px;
    font-size:11px;
  }
  .shop-container[data-cq-74] .shop-scope[data-scheme="A"] .finance-detail-panel > .pager .btn{min-height:24px}}

/* Compact desktop finance view for shorter laptop-height windows. */
@container shop (min-width:1101px) and (max-height:1000px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content > .finance-page{
    display:flex !important;
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    gap:4px !important;
    padding-top:6px !important;
    overflow:hidden !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro{
    height:42px !important;
    min-height:42px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro h2{
    margin:0 0 1px !important;
    font-size:20px !important;
    line-height:1.15 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro p{font-size:10px !important;line-height:1.2 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{height:44px !important;min-height:44px !important;padding:7px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{height:64px !important;min-height:64px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{padding:8px 10px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis span{font-size:11px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis strong{margin:3px 0 1px !important;font-size:20px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis small{font-size:9px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-trend-panel,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-source-panel{height:100px !important;min-height:100px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-chart{height:48px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-bars{height:34px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    min-height:0 !important;
    padding:9px 10px 4px !important;
    overflow:hidden !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .table-scroll{display:block;flex:0 0 auto;min-height:0;overflow:auto}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table{height:auto !important;min-height:0 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{height:28px !important;padding:4px !important;font-size:11px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody{height:auto !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody tr{height:44px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{height:44px !important;padding:2px 4px !important;font-size:11px !important;line-height:1.1 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{font-size:11px !important;line-height:1.1 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{min-height:22px !important;padding:2px 4px !important;font-size:11px !important;line-height:1.1 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .pager{flex:0 0 36px;height:36px;margin:0;padding-top:6px;font-size:11px}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .pager .btn{min-height:24px}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{font-size:13px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{font-size:14px !important;line-height:1.1 !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{font-size:12px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{font-size:13px !important}
}
@supports not (container-type: size) {
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content{
    flex:1 1 auto !important;
    min-height:0 !important;
    padding-bottom:0 !important;
    overflow:hidden !important;
  }
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-content > .finance-page{
    display:flex !important;
    flex:1 1 auto !important;
    height:100% !important;
    min-height:0 !important;
    gap:4px !important;
    padding-top:6px !important;
    overflow:hidden !important;
  }
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro{
    height:42px !important;
    min-height:42px !important;
  }
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro h2{
    margin:0 0 1px !important;
    font-size:20px !important;
    line-height:1.15 !important;
  }
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro p{font-size:10px !important;line-height:1.2 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{height:44px !important;min-height:44px !important;padding:7px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis,.shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{height:64px !important;min-height:64px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{padding:8px 10px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis span{font-size:11px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis strong{margin:3px 0 1px !important;font-size:20px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis small{font-size:9px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid,.shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-trend-panel,.shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-source-panel{height:100px !important;min-height:100px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-chart{height:48px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-bars{height:34px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column;
    min-height:0 !important;
    padding:9px 10px 4px !important;
    overflow:hidden !important;
  }
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .table-scroll{display:block;flex:0 0 auto;min-height:0;overflow:auto}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table{height:auto !important;min-height:0 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{height:28px !important;padding:4px !important;font-size:11px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody{height:auto !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody tr{height:44px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{height:44px !important;padding:2px 4px !important;font-size:11px !important;line-height:1.1 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{font-size:11px !important;line-height:1.1 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{min-height:22px !important;padding:2px 4px !important;font-size:11px !important;line-height:1.1 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .pager{flex:0 0 36px;height:36px;margin:0;padding-top:6px;font-size:11px}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .pager .btn{min-height:24px}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{font-size:13px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{font-size:14px !important;line-height:1.1 !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{font-size:12px !important}
  .shop-container[data-cq-75] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{font-size:13px !important}}

@container shop (min-width:761px){
  /* User rows: every visible data value follows the same text treatment as
     the bold user name (the action column keeps its button styling). */
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:not(:nth-child(8)),.shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:not(:nth-child(8)) *{
    font-family:'DM Sans','Noto Sans SC',sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:normal !important;
    color:var(--ink) !important;
  }
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead th{
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    color:#172b3d !important;
  }
}

@supports not (container-type: size) {
  /* User rows: every visible data value follows the same text treatment as
     the bold user name (the action column keeps its button styling). */
  .shop-container[data-cq-76] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:not(:nth-child(8)),.shop-container[data-cq-76] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:not(:nth-child(8)) *{
    font-family:'DM Sans','Noto Sans SC',sans-serif !important;
    font-size:13px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    letter-spacing:normal !important;
    color:var(--ink) !important;
  }
  .shop-container[data-cq-76] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead th{
    font-size:15px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    color:#172b3d !important;
  }}

/* Final tablet overrides come after the legacy finance breakpoints above. */
@container shop (min-width:761px) and (max-width:1100px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,108px)) !important;
    gap:6px !important;
    padding:7px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filter-note{display:none !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{
    min-height:70px !important;
    padding:8px 10px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis span{font-size:11px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis strong{margin:3px 0 1px !important;font-size:20px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis small{font-size:9px !important}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) !important;
    gap:8px !important;
    flex:0 0 150px !important;
    min-height:150px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel{
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table{
    height:auto !important;
    min-height:0 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{
    height:28px !important;
    padding:4px !important;
    font-size:11px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody{height:auto !important;}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody tr{
    height:44px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{
    height:44px !important;
    padding:2px 4px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{
    font-size:11px !important;
    line-height:1.1 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{
    min-height:22px !important;
    padding:2px 4px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) repeat(2,minmax(0,108px)) !important;
    gap:6px !important;
    padding:7px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filter-note{display:none !important}
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:6px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{
    min-height:70px !important;
    padding:8px 10px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis span{font-size:11px !important}
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis strong{margin:3px 0 1px !important;font-size:20px !important}
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis small{font-size:9px !important}
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) !important;
    gap:8px !important;
    flex:0 0 150px !important;
    min-height:150px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel{
    flex:1 1 auto !important;
    min-height:0 !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table{
    height:auto !important;
    min-height:0 !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table th{
    height:28px !important;
    padding:4px !important;
    font-size:11px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody{height:auto !important;}
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table tbody tr{
    height:44px !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td{
    height:44px !important;
    padding:2px 4px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack b,.shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .cell-stack small{
    font-size:11px !important;
    line-height:1.1 !important;
  }
  .shop-container[data-cq-77] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table .btn{
    min-height:22px !important;
    padding:2px 4px !important;
    font-size:11px !important;
    line-height:1.1 !important;
  }}

@container shop (min-width:761px) and (max-width:1100px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page{
    gap:4px !important;
    padding-top:6px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro{
    height:42px !important;
    min-height:42px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro h2{
    margin:0 0 1px !important;
    font-size:20px !important;
    line-height:1.15 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro p{
    font-size:10px !important;
    line-height:1.2 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    height:44px !important;
    min-height:44px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{
    height:64px !important;
    min-height:64px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-trend-panel,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-source-panel{
    flex-basis:100px !important;
    height:100px !important;
    min-height:100px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-chart{
    height:48px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-bars{
    height:34px !important;
  }
}

@supports not (container-type: size) {
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page{
    gap:4px !important;
    padding-top:6px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro{
    height:42px !important;
    min-height:42px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro h2{
    margin:0 0 1px !important;
    font-size:20px !important;
    line-height:1.15 !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-page-intro p{
    font-size:10px !important;
    line-height:1.2 !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    height:44px !important;
    min-height:44px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis,.shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-kpis article{
    height:64px !important;
    min-height:64px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-main-grid,.shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-trend-panel,.shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-source-panel{
    flex-basis:100px !important;
    height:100px !important;
    min-height:100px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-chart{
    height:48px !important;
  }
  .shop-container[data-cq-78] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-bars{
    height:34px !important;
  }}
@container shop (min-width:761px) and (max-width:900px){
  .shop-scope[data-scheme="A"] .users-section-head{display:block}
  .shop-scope[data-scheme="A"] .users-controls{width:100%;margin:14px 0 0}
  .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 auto;min-width:0;max-width:none}
}
@supports not (container-type: size) {
  .shop-container[data-cq-79] .shop-scope[data-scheme="A"] .users-section-head{display:block}
  .shop-container[data-cq-79] .shop-scope[data-scheme="A"] .users-controls{width:100%;margin:14px 0 0}
  .shop-container[data-cq-79] .shop-scope[data-scheme="A"] .users-controls .search{flex:1 1 auto;min-width:0;max-width:none}}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table tbody tr{
    height:48px!important;
  }
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table tbody tr td{
    height:48px!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-80] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table tbody tr{
    height:48px!important;
  }
  .shop-container[data-cq-80] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table tbody tr td{
    height:48px!important;
  }}

/* Scheme A: shared work areas follow the authorization list layout. */
.shop-scope[data-scheme="A"] .shell{min-height:100vh}
.shop-scope[data-scheme="A"] .workspace{display:flex;flex-direction:column;min-height:100vh}
.shop-scope[data-scheme="A"] .workspace-top{flex:0 0 62px}
@container shop (min-width:761px){.shop-scope[data-scheme="A"] .workspace-top{display:none}}
@supports not (container-type: size) {.shop-container[data-cq-81] .shop-scope[data-scheme="A"] .workspace-top{display:none}}
/* Scroll the long desktop navigation independently; it must not stretch
   otherwise viewport-fitted pages. Main content keeps its natural height. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .sidebar{height:100vh;max-height:100vh;overflow:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-82] .shop-scope[data-scheme="A"] .sidebar{height:100vh;max-height:100vh;overflow:auto}}
.shop-scope[data-scheme="A"] #main{height:auto;min-height:0;flex:1 1 auto;display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .page-heading{width:100%;max-width:none;padding:30px 34px 22px}
.shop-scope[data-scheme="A"] .page-content{width:100%;max-width:none;flex:1 1 auto;min-height:0;padding:0 34px 28px;display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel){display:block!important;flex:none!important;width:auto;overflow:visible!important}
.shop-scope[data-scheme="A"] .page-content>div:has(>.panel)>.panel{width:auto;min-height:0;overflow:visible}
.shop-scope[data-scheme="A"] .page-content>div.a-page-stack{display:flex!important;flex:1 1 auto!important;flex-direction:column;min-height:0;width:100%;overflow:visible!important}
.shop-scope[data-scheme="A"] .a-fill-panel{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%;margin-bottom:0}
.shop-scope[data-scheme="A"] .a-fill-panel>.a-table-wrap{flex:1 1 auto;min-height:300px}
.shop-scope[data-scheme="A"] .a-table-wrap{width:100%;max-width:100%;overflow:auto}
.shop-scope[data-scheme="A"] .a-data-table{width:100%;min-width:720px;height:auto;border-collapse:collapse}
.shop-scope[data-scheme="A"] .a-data-table th{height:46px;padding:13px 12px;text-align:left;color:#7b8b98;background:#f7f9fb;border-bottom:1px solid #e5ebef;font-size:13px;font-weight:700;white-space:nowrap}
.shop-scope[data-scheme="A"] .a-data-table td{padding:14px 12px;text-align:left;vertical-align:middle;border-bottom:1px solid #edf0f2;font-size:14px;line-height:1.45}
.shop-scope[data-scheme="A"] .a-data-table tbody tr:last-child td{border-bottom:0}
.shop-scope[data-scheme="A"] .a-data-table tbody tr:hover{background:#fbfcff}
.shop-scope[data-scheme="A"] .a-data-table .actions-cell{white-space:nowrap}
/* Keep every A-scheme data column aligned with its centered header. */
.shop-scope[data-scheme="A"] .a-data-table th,.shop-scope[data-scheme="A"] .a-data-table td,.shop-scope[data-scheme="A"] .user-list-panel .table-scroll th,.shop-scope[data-scheme="A"] .user-list-panel .table-scroll td{text-align:center}
.shop-scope[data-scheme="A"] .a-data-table td>.cell-stack,.shop-scope[data-scheme="A"] .user-list-panel .table-scroll td>.cell-stack{align-items:center}
.shop-scope[data-scheme="A"] .a-data-table td>.provider-inline,.shop-scope[data-scheme="A"] .user-list-panel .table-scroll td>.provider-inline,.shop-scope[data-scheme="A"] .a-data-table td>.file-inline{justify-content:center}
.shop-scope[data-scheme="A"] .a-data-table td>.chips{justify-content:center}
.shop-scope[data-scheme="A"] .a-data-table td.actions-cell .row-actions{justify-content:center}
.shop-scope[data-scheme="A"] .user-list-panel .table-scroll td:first-child,.shop-scope[data-scheme="A"] .user-list-panel .table-scroll th:first-child{width:64px;white-space:nowrap}
.shop-scope[data-scheme="A"] .a-list-columns>span{text-align:center}
.shop-scope[data-scheme="A"] .a-model-row>div{text-align:center}
.shop-scope[data-scheme="A"] .a-model-feature{justify-content:center}
.shop-scope[data-scheme="A"] .a-model-action{align-items:center}
.shop-scope[data-scheme="A"] .a-section-toolbar{align-items:center;margin-bottom:18px}
.shop-scope[data-scheme="A"] .a-section-toolbar p{font-size:14px}
.shop-scope[data-scheme="A"] .provider-list-panel .toolbar,.shop-scope[data-scheme="A"] .task-list-panel .toolbar,.shop-scope[data-scheme="A"] .file-list-panel .toolbar{margin:0 0 16px}
.shop-scope[data-scheme="A"] .provider-list-panel .a-table-wrap,.shop-scope[data-scheme="A"] .task-list-panel .a-table-wrap,.shop-scope[data-scheme="A"] .file-list-panel .a-table-wrap{min-height:340px}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(1){width:64px;text-align:center}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(2){width:24%}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(3){width:20%}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(4){width:14%}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(5){width:22%}
.shop-scope[data-scheme="A"] .provider-table th:nth-child(6){width:14%}
.shop-scope[data-scheme="A"] .config-name{display:flex;align-items:center;gap:11px;min-width:190px}
.shop-scope[data-scheme="A"] .config-name b{display:block;font-size:15px;color:var(--ink)}
.shop-scope[data-scheme="A"] .config-name small{display:block;margin-top:3px;color:var(--muted);font-size:12px}
.shop-scope[data-scheme="A"] .point-values{display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px 22px}
.shop-scope[data-scheme="A"] .point-values>div{display:flex;align-items:baseline;justify-content:flex-start;gap:12px;min-width:150px}
.shop-scope[data-scheme="A"] .point-values span{color:#65788a;font-size:13px}
.shop-scope[data-scheme="A"] .point-values strong{color:var(--ink);font-size:18px;white-space:nowrap}
.shop-scope[data-scheme="A"] .point-values small{color:#8b9aa6;font-size:11px;font-weight:500}
.shop-scope[data-scheme="A"] .points-table td:nth-child(3){color:#687b8c;font-size:13px;max-width:280px}
.shop-scope[data-scheme="A"] .points-table th:first-child,.shop-scope[data-scheme="A"] .points-table td:first-child{width:64px;text-align:center;white-space:nowrap}
.shop-scope[data-scheme="A"] .points-table .row-index{color:#7b8b98;font-weight:700;font-variant-numeric:tabular-nums}
.shop-scope[data-scheme="A"] .points-result-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #e7edf1;margin:18px -21px -21px;background:#fbfcfd}
.shop-scope[data-scheme="A"] .points-result-strip>div{padding:17px 20px;border-right:1px solid #e7edf1}
.shop-scope[data-scheme="A"] .points-result-strip>div:last-child{border-right:0}
.shop-scope[data-scheme="A"] .points-result-strip span{display:block;color:#7b8c99;font-size:12px}
.shop-scope[data-scheme="A"] .points-result-strip strong{display:block;margin-top:6px;color:var(--ink);font-size:17px}
.shop-scope[data-scheme="A"] .a-model-page{gap:0}
.shop-scope[data-scheme="A"] .a-model-page > .model-list-panel{flex:0 0 auto!important;height:auto!important;min-height:0!important;align-self:flex-start!important}
.shop-scope[data-scheme="A"] section.model-list-panel{flex:0 0 auto!important;height:auto!important;min-height:0!important;align-self:flex-start!important}
.shop-scope[data-scheme="A"] #main .page-content .a-model-page > section.panel.model-list-panel.a-fill-panel{flex-grow:0!important;flex-shrink:0!important;flex-basis:auto!important;height:auto!important;min-height:0!important;align-self:stretch!important}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary{border:0;background:transparent;border-radius:0;padding:0;height:auto}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell{display:flex;align-items:center;justify-content:center;text-align:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary{display:flex;align-items:center;justify-content:center;text-align:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline{justify-content:center;text-align:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-action{align-items:center;text-align:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-logo{display:none}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline{grid-template-columns:1fr;gap:0;width:auto;justify-items:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline > div{text-align:center}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell > .muted{text-align:center;width:100%}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:12px;font-weight:700;line-height:18px;color:var(--ink)}
.shop-scope[data-scheme="A"] .model-list-panel > .a-list-columns > span:nth-child(3),.shop-scope[data-scheme="A"] .model-list-panel > .a-list-columns > span:nth-child(4){display:flex;align-items:center;justify-content:center;text-align:center!important}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-row > .a-model-cell:nth-child(3),.shop-scope[data-scheme="A"] .model-list-panel .a-model-row > .a-model-cell:nth-child(4){text-align:center!important;justify-content:center!important}
/* Fixed icon tracks keep every model row aligned despite different text lengths. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 74px;
    align-items:center;
    gap:10px;
    width:min(100%,300px);
    justify-self:center;
  }
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{width:34px;height:34px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > div{min-width:0}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{margin:0;justify-self:center}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary{width:100%}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:min(100%,164px);
  }
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-logo{width:28px;height:28px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline > div{min-width:0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 74px;
    align-items:center;
    gap:10px;
    width:min(100%,300px);
    justify-self:center;
  }
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{width:34px;height:34px}
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > div{min-width:0}
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{margin:0;justify-self:center}
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary{width:100%}
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline{
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    align-items:center;
    gap:8px;
    width:min(100%,164px);
  }
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-logo{width:28px;height:28px}
  .shop-container[data-cq-83] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline > div{min-width:0}}
@container shop (min-width:901px) and (max-width:1200px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{grid-template-columns:34px minmax(0,1fr);gap:4px 8px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{grid-row:1 / 3}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{grid-column:2}
}
@supports not (container-type: size) {
  .shop-container[data-cq-84] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{grid-template-columns:34px minmax(0,1fr);gap:4px 8px}
  .shop-container[data-cq-84] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{grid-row:1 / 3}
  .shop-container[data-cq-84] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{grid-column:2}}
/* The model slot page uses the same compact content-first layout as the other A lists. */
.shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-heading{display:none}
.shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-content{padding-top:30px}
.shop-scope[data-scheme="A"] .a-model-page>.bottom-note{display:none}
.shop-scope[data-scheme="A"] .a-model-page>.notice{flex:0 0 auto;margin:0 0 14px}
.shop-scope[data-scheme="A"] .a-model-page>.feature-tabs{flex:0 0 auto}
.shop-scope[data-scheme="A"] .model-list-panel{padding-bottom:0}
.shop-scope[data-scheme="A"] .a-list-columns{display:grid;grid-template-columns:64px minmax(145px,1.05fr) minmax(145px,1fr) minmax(145px,1fr) minmax(112px,.7fr);gap:16px;padding:0 0 11px;color:#172b3d;font-size:12px;font-weight:700}
.shop-scope[data-scheme="A"] .a-model-list{display:grid;gap:0;border-top:1px solid #e7edf1}
.shop-scope[data-scheme="A"] .a-model-row{display:grid;grid-template-columns:64px minmax(145px,1.05fr) minmax(145px,1fr) minmax(145px,1fr) minmax(112px,.7fr);gap:16px;align-items:center;padding:17px 0;border:0;border-bottom:1px solid #edf0f2;border-radius:0;box-shadow:none}
.shop-scope[data-scheme="A"] .a-model-row:last-child{border-bottom:0}
.shop-scope[data-scheme="A"] .a-model-feature{display:flex;align-items:flex-start;gap:10px;min-width:0}
.shop-scope[data-scheme="A"] .a-model-index{color:#7b8b98;font-size:14px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.shop-scope[data-scheme="A"] .a-model-feature h3{font-size:15px;margin:0 0 3px}
.shop-scope[data-scheme="A"] .a-model-feature p{font-size:12px;color:var(--muted);margin:0;line-height:1.4}
.shop-scope[data-scheme="A"] .a-mode-tag{display:inline-flex;align-items:center;margin:1px 0 0 4px;padding:3px 6px;border-radius:4px;background:#f0f3f6;color:#718392;font-size:10px;white-space:nowrap}
.shop-scope[data-scheme="A"] .a-model-cell{min-width:0}
.shop-scope[data-scheme="A"] .a-model-cell .binding-summary{height:100%;padding:9px}
.shop-scope[data-scheme="A"] .a-model-cell .role-label{font-size:10px}
.shop-scope[data-scheme="A"] .a-model-cell .provider-inline{gap:7px}
.shop-scope[data-scheme="A"] .a-model-cell .provider-inline b{font-size:12px}
.shop-scope[data-scheme="A"] .a-model-cell .provider-inline small{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.shop-scope[data-scheme="A"] .a-model-action{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}
.shop-scope[data-scheme="A"] .a-model-action small{color:#8999a6;font-size:11px;line-height:1.35}
.shop-scope[data-scheme="A"] .a-model-extra{margin:16px 0 0;padding:0;border:0;border-top:1px solid #e7edf1;border-radius:0;box-shadow:none}
.shop-scope[data-scheme="A"] .a-model-extra summary{padding:15px 0}
/* The model list grows with its rows; never pin it to the viewport height. */
.shop-scope[data-scheme="A"] .a-model-page,.shop-scope[data-scheme="A"] .model-list-panel,.shop-scope[data-scheme="A"] .model-list-panel .a-model-list,.shop-scope[data-scheme="A"] .model-list-panel .a-model-extra{flex:0 0 auto!important;min-height:0!important}
.shop-scope[data-scheme="A"] .a-cost-page{gap:0}
.shop-scope[data-scheme="A"] .cost-tabs{flex:0 0 auto;margin-bottom:16px}
.shop-scope[data-scheme="A"] .a-cost-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.8fr);gap:16px;flex:1 1 auto;min-height:390px}
.shop-scope[data-scheme="A"] .a-cost-layout>.panel{min-height:0;margin:0}
.shop-scope[data-scheme="A"] .a-chart-panel{display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .a-chart-panel .chart-area{height:auto;min-height:285px;flex:1 1 auto;margin-top:16px}
.shop-scope[data-scheme="A"] .a-expense-panel{display:flex;flex-direction:column}
.shop-scope[data-scheme="A"] .a-expense-panel .donut{margin:8px auto 20px}
.shop-scope[data-scheme="A"] .a-expense-panel .expense-row{font-size:13px;padding:14px 0}
.shop-scope[data-scheme="A"] .price-settings-panel .a-table-wrap{min-height:300px}
.shop-scope[data-scheme="A"] .price-table td small{color:#8b9aa6;font-size:11px}
.shop-scope[data-scheme="A"] .table-note{padding:15px 0 0;color:#83929e;font-size:12px}

@container shop (max-width:1200px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .a-list-columns,.shop-scope[data-scheme="A"] .a-model-row{grid-template-columns:52px minmax(120px,1.05fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,.7fr);gap:10px}
  .shop-scope[data-scheme="A"] .point-values{grid-template-columns:1fr;gap:5px}
  .shop-scope[data-scheme="A"] .a-cost-layout{grid-template-columns:minmax(0,1.35fr) minmax(235px,.8fr)}
}

@supports not (container-type: size) {
  .shop-container[data-cq-85] .shop-scope[data-scheme="A"] .a-list-columns,.shop-container[data-cq-85] .shop-scope[data-scheme="A"] .a-model-row{grid-template-columns:52px minmax(120px,1.05fr) minmax(120px,1fr) minmax(120px,1fr) minmax(100px,.7fr);gap:10px}
  .shop-container[data-cq-85] .shop-scope[data-scheme="A"] .point-values{grid-template-columns:1fr;gap:5px}
  .shop-container[data-cq-85] .shop-scope[data-scheme="A"] .a-cost-layout{grid-template-columns:minmax(0,1.35fr) minmax(235px,.8fr)}}
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .a-list-columns{display:none}
  .shop-scope[data-scheme="A"] .a-model-list{border-top:0;gap:10px}
  .shop-scope[data-scheme="A"] .a-model-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e4eaee;border-radius:8px}
  .shop-scope[data-scheme="A"] .a-model-feature{grid-column:1 / -1}
  .shop-scope[data-scheme="A"] .a-model-cell{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px}
  .shop-scope[data-scheme="A"] .a-model-cell::before{content:attr(data-label);color:#81919e;font-size:11px;font-weight:700}
  .shop-scope[data-scheme="A"] .a-model-action{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:9px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-list-columns{display:none}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-list{border-top:0;gap:10px}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:13px;border:1px solid #e4eaee;border-radius:8px}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-feature{grid-column:1 / -1}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-cell{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-cell::before{content:attr(data-label);color:#81919e;font-size:11px;font-weight:700}
  .shop-container[data-cq-86] .shop-scope[data-scheme="A"] .a-model-action{grid-column:1 / -1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:9px}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .page-heading{padding:22px 15px 16px}
  .shop-scope[data-scheme="A"] .page-content{padding:0 15px 22px}
  .shop-scope[data-scheme="A"] .a-fill-panel{padding:15px;border-radius:9px}
  .shop-scope[data-scheme="A"] .a-section-toolbar{align-items:flex-start}
  .shop-scope[data-scheme="A"] .a-section-toolbar>.btn{width:100%;margin-top:10px}
  .shop-scope[data-scheme="A"] .a-fill-panel>.a-table-wrap{min-height:0;overflow:visible;margin:0;padding:0}
  .shop-scope[data-scheme="A"] .a-data-table{display:block;min-width:0;width:100%}
  .shop-scope[data-scheme="A"] .a-data-table thead{display:none}
  .shop-scope[data-scheme="A"] .a-data-table tbody{display:grid;gap:10px}
  .shop-scope[data-scheme="A"] .a-data-table tbody tr{display:grid;height:auto!important;padding:8px 12px;border:1px solid #e4eaee;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(26,45,67,.04)}
  .shop-scope[data-scheme="A"] .a-data-table tbody td{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:14px;overflow:visible;white-space:normal}
  .shop-scope[data-scheme="A"] .a-data-table tbody td:last-child{border-bottom:0}
  .shop-scope[data-scheme="A"] .a-data-table tbody td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700}
  .shop-scope[data-scheme="A"] .a-data-table tbody td.actions-cell{display:flex;align-items:center;gap:10px}
  .shop-scope[data-scheme="A"] .a-data-table tbody td.actions-cell::before{content:attr(data-label);margin-right:auto}
  .shop-scope[data-scheme="A"] .provider-table .provider-inline{align-items:flex-start}
  .shop-scope[data-scheme="A"] .provider-table .chips{margin:0}
  .shop-scope[data-scheme="A"] .config-name{min-width:0}
  .shop-scope[data-scheme="A"] .point-values{display:grid;grid-template-columns:1fr;gap:7px}
  .shop-scope[data-scheme="A"] .point-values>div{min-width:0;justify-content:flex-start;gap:12px}
  .shop-scope[data-scheme="A"] .point-values strong{font-size:16px}
  .shop-scope[data-scheme="A"] .points-table tbody td.row-index{display:grid;grid-template-columns:104px minmax(0,1fr);text-align:center}
  .shop-scope[data-scheme="A"] .points-result-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px -15px -15px}
  .shop-scope[data-scheme="A"] .points-result-strip>div{padding:13px 15px;border-bottom:1px solid #e7edf1}
  .shop-scope[data-scheme="A"] .points-result-strip>div:nth-child(2n){border-right:0}
  .shop-scope[data-scheme="A"] .a-list-columns{display:none}
  .shop-scope[data-scheme="A"] .a-model-list{border-top:0;gap:10px}
  .shop-scope[data-scheme="A"] .a-model-row{display:grid;grid-template-columns:1fr;gap:10px;padding:13px;border:1px solid #e4eaee;border-radius:8px;background:#fff}
  .shop-scope[data-scheme="A"] .a-model-index{text-align:left;font-size:14px}
  .shop-scope[data-scheme="A"] .a-model-feature{align-items:flex-start}
  .shop-scope[data-scheme="A"] .a-model-cell{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px}
  .shop-scope[data-scheme="A"] .a-model-cell::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700}
  .shop-scope[data-scheme="A"] .a-model-cell .binding-summary{padding:8px}
  .shop-scope[data-scheme="A"] .a-model-action{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:9px}
  .shop-scope[data-scheme="A"] .a-model-action small{max-width:55%}
  .shop-scope[data-scheme="A"] .a-cost-layout{display:block;min-height:0}
  .shop-scope[data-scheme="A"] .a-cost-layout>.panel{margin-bottom:12px}
  .shop-scope[data-scheme="A"] .a-chart-panel .chart-area{min-height:220px;height:220px;flex:none}
  .shop-scope[data-scheme="A"] .a-expense-panel{min-height:300px}
  .shop-scope[data-scheme="A"] .price-settings-panel .a-table-wrap{min-height:0}
  .shop-scope[data-scheme="A"] .a-fill-panel,.shop-scope[data-scheme="A"] .model-list-panel{flex:0 0 auto;min-height:0;overflow:visible}
}
@supports not (container-type: size) {
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .page-heading{padding:22px 15px 16px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .page-content{padding:0 15px 22px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-fill-panel{padding:15px;border-radius:9px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-section-toolbar{align-items:flex-start}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-section-toolbar>.btn{width:100%;margin-top:10px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-fill-panel>.a-table-wrap{min-height:0;overflow:visible;margin:0;padding:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table{display:block;min-width:0;width:100%}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table thead{display:none}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody{display:grid;gap:10px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody tr{display:grid;height:auto!important;padding:8px 12px;border:1px solid #e4eaee;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(26,45,67,.04)}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody td{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:14px;overflow:visible;white-space:normal}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody td:last-child{border-bottom:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody td.actions-cell{display:flex;align-items:center;gap:10px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-data-table tbody td.actions-cell::before{content:attr(data-label);margin-right:auto}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .provider-table .provider-inline{align-items:flex-start}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .provider-table .chips{margin:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .config-name{min-width:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .point-values{display:grid;grid-template-columns:1fr;gap:7px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .point-values>div{min-width:0;justify-content:flex-start;gap:12px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .point-values strong{font-size:16px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .points-table tbody td.row-index{display:grid;grid-template-columns:104px minmax(0,1fr);text-align:center}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .points-result-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px -15px -15px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .points-result-strip>div{padding:13px 15px;border-bottom:1px solid #e7edf1}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .points-result-strip>div:nth-child(2n){border-right:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-list-columns{display:none}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-list{border-top:0;gap:10px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-row{display:grid;grid-template-columns:1fr;gap:10px;padding:13px;border:1px solid #e4eaee;border-radius:8px;background:#fff}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-index{text-align:left;font-size:14px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-feature{align-items:flex-start}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-cell{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-cell::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-cell .binding-summary{padding:8px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-action{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #edf0f2;padding-top:9px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-model-action small{max-width:55%}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-cost-layout{display:block;min-height:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-cost-layout>.panel{margin-bottom:12px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-chart-panel .chart-area{min-height:220px;height:220px;flex:none}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-expense-panel{min-height:300px}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .price-settings-panel .a-table-wrap{min-height:0}
  .shop-container[data-cq-87] .shop-scope[data-scheme="A"] .a-fill-panel,.shop-container[data-cq-87] .shop-scope[data-scheme="A"] .model-list-panel{flex:0 0 auto;min-height:0;overflow:visible}}

/* Keep clickable cell content on the same center line as its header. */
.shop-scope[data-scheme="A"] .a-data-table td > .link-row,.shop-scope[data-scheme="A"] .a-data-table td > .file-inline {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.shop-scope[data-scheme="A"] .a-data-table td > .link-row > div,.shop-scope[data-scheme="A"] .a-data-table td > .file-inline > b {
  text-align: center;
}
.shop-scope[data-scheme="A"] .price-table th:first-child,.shop-scope[data-scheme="A"] .price-table td:first-child {
  width: 64px;
  white-space: nowrap;
}
.shop-scope[data-scheme="A"] .price-table .cell-stack {
  align-items: center;
  text-align: center;
}

/* Extend clickable names through the table-cell padding on desktop so the
   hit area and its center line exactly match the column box. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .a-data-table td > .link-row,.shop-scope[data-scheme="A"] .a-data-table td > .file-inline {
    width:calc(100% + 24px);
    margin-left:-12px;
    padding-left:12px;
    padding-right:12px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-88] .shop-scope[data-scheme="A"] .a-data-table td > .link-row,.shop-container[data-cq-88] .shop-scope[data-scheme="A"] .a-data-table td > .file-inline {
    width:calc(100% + 24px);
    margin-left:-12px;
    padding-left:12px;
    padding-right:12px;
  }}

/* Desktop user rows retain their natural height on every page. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .page-content > .user-list-panel {
    display:flex !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll {
    display:flex !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:auto !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table {
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table tbody {
    height:auto !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table tbody tr {
    height:auto !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-89] .shop-scope[data-scheme="A"] .page-content > .user-list-panel {
    display:flex !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-container[data-cq-89] .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll {
    display:flex !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:auto !important;
  }
  .shop-container[data-cq-89] .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table {
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
  }
  .shop-container[data-cq-89] .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table tbody {
    height:auto !important;
  }
  .shop-container[data-cq-89] .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table tbody tr {
    height:auto !important;
  }}

/* The user list uses the legacy table markup, so give it the same A-scheme mobile cards. */
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll{margin:0;padding:0;overflow:visible}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table{display:block;width:100%;min-width:0}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead{display:none}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody{display:grid;gap:10px}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody tr{display:grid;height:auto!important;padding:8px 12px;border:1px solid #e4eaee;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(26,45,67,.04)}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:14px;overflow:visible;white-space:normal;text-align:center}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:last-child{border-bottom:0}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700;text-align:center}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(1)::before{content:'序号'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(2)::before{content:'用户'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(3)::before{content:'用户 ID'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(4)::before{content:'手机号'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(5)::before{content:'性别'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(6)::before{content:'积分余额'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(7)::before{content:'注册时间'}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(8){display:flex;align-items:center;gap:10px}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(8)::before{content:'操作';margin-right:auto}
  .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td > .provider-inline{width:100%;justify-content:center;text-align:center}
}
@supports not (container-type: size) {
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll{margin:0;padding:0;overflow:visible}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll table{display:block;width:100%;min-width:0}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll thead{display:none}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody{display:grid;gap:10px}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody tr{display:grid;height:auto!important;padding:8px 12px;border:1px solid #e4eaee;border-radius:8px;background:#fff;box-shadow:0 3px 10px rgba(26,45,67,.04)}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:10px;min-height:40px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:14px;overflow:visible;white-space:normal;text-align:center}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:last-child{border-bottom:0}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:700;text-align:center}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(1)::before{content:'序号'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(2)::before{content:'用户'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(3)::before{content:'用户 ID'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(4)::before{content:'手机号'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(5)::before{content:'性别'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(6)::before{content:'积分余额'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(7)::before{content:'注册时间'}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(8){display:flex;align-items:center;gap:10px}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td:nth-child(8)::before{content:'操作';margin-right:auto}
  .shop-container[data-cq-90] .shop-scope[data-scheme="A"] .user-list-panel .table-scroll tbody td > .provider-inline{width:100%;justify-content:center;text-align:center}}

/* On narrow screens, A-scheme rows must expand the document instead of being
   squeezed into the viewport-height desktop fill panel. */
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .page-content > .a-fill-panel,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel,.shop-scope[data-scheme="A"] .page-content > .user-list-panel {
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .a-fill-panel > .a-table-wrap,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel > .a-table-wrap,.shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll {
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-scope[data-scheme="A"] .a-data-table,.shop-scope[data-scheme="A"] .a-data-table tbody,.shop-scope[data-scheme="A"] .user-list-panel table,.shop-scope[data-scheme="A"] .user-list-panel tbody {
    height:auto !important;
    min-height:0 !important;
    flex:none !important;
  }
  .shop-scope[data-scheme="A"] .points-table tbody td.row-index {
    width:auto !important;
    min-width:0 !important;
    grid-template-columns:104px minmax(0,1fr);
    justify-items:center;
  }
  .shop-scope[data-scheme="A"] .price-settings-panel .table-note {
    display:block;
    position:static;
    margin-top:12px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > .a-fill-panel,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > .user-list-panel {
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > .a-fill-panel > .a-table-wrap,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel > .a-table-wrap,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll {
    display:block !important;
    flex:none !important;
    height:auto !important;
    min-height:0 !important;
    overflow:visible !important;
  }
  .shop-container[data-cq-91] .shop-scope[data-scheme="A"] .a-data-table,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .a-data-table tbody,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .user-list-panel table,.shop-container[data-cq-91] .shop-scope[data-scheme="A"] .user-list-panel tbody {
    height:auto !important;
    min-height:0 !important;
    flex:none !important;
  }
  .shop-container[data-cq-91] .shop-scope[data-scheme="A"] .points-table tbody td.row-index {
    width:auto !important;
    min-width:0 !important;
    grid-template-columns:104px minmax(0,1fr);
    justify-items:center;
  }
  .shop-container[data-cq-91] .shop-scope[data-scheme="A"] .price-settings-panel .table-note {
    display:block;
    position:static;
    margin-top:12px;
  }}

/* Nested values in the points table share the centered table-column axis. */
.shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name,.shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values {
  width:100%;
  justify-content:center;
  text-align:center;
}
.shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name > div,.shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values > div {
  text-align:center;
}

/* Keep the desktop fill effect, but let a full page of rows grow past the
   viewport instead of hiding the last row behind the pager. */
.shop-scope[data-scheme="A"] .a-fill-panel,.shop-scope[data-scheme="A"] .user-list-panel {
  flex:1 0 auto;
  height:auto;
  min-height:100%;
  overflow:visible;
}
.shop-scope[data-scheme="A"] .a-fill-panel > .a-table-wrap,.shop-scope[data-scheme="A"] .user-list-panel > .table-scroll {
  flex:0 0 auto;
  height:auto;
  min-height:0;
  overflow:auto;
}
.shop-scope[data-scheme="A"] .a-fill-panel > .a-table-wrap > .a-data-table,.shop-scope[data-scheme="A"] .user-list-panel > .table-scroll > table,.shop-scope[data-scheme="A"] .a-fill-panel > .a-table-wrap > .a-data-table tbody,.shop-scope[data-scheme="A"] .user-list-panel > .table-scroll > table tbody {
  height:auto;
  flex:none;
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name,.shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values {
    width:auto;
    justify-content:flex-start;
    text-align:left;
  }
  .shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name > div,.shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values > div {
    text-align:left;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-92] .shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name,.shop-container[data-cq-92] .shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values {
    width:auto;
    justify-content:flex-start;
    text-align:left;
  }
  .shop-container[data-cq-92] .shop-scope[data-scheme="A"] .points-table td:nth-child(2) .config-name > div,.shop-container[data-cq-92] .shop-scope[data-scheme="A"] .points-table td:nth-child(3) .point-values > div {
    text-align:left;
  }}

/* Shared A-scheme lists stop after their actual content and pager. */
.shop-scope[data-scheme="A"] .page-content > .a-fill-panel,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel,.shop-scope[data-scheme="A"] .page-content > .user-list-panel {
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
  min-width:0 !important;
  overflow:visible !important;
}

@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-content{padding-top:0!important;padding-bottom:0!important}
  .shop-scope[data-scheme="A"] .a-model-page .a-model-row{padding-top:5px!important;padding-bottom:5px!important}
  .shop-scope[data-scheme="A"] .a-model-page .model-list-panel{padding-top:10px!important;padding-bottom:10px!important}
}

@supports not (container-type: size) {
  .shop-container[data-cq-93] .shop-scope[data-scheme="A"] #main:has(.a-model-page)>.page-content{padding-top:0!important;padding-bottom:0!important}
  .shop-container[data-cq-93] .shop-scope[data-scheme="A"] .a-model-page .a-model-row{padding-top:5px!important;padding-bottom:5px!important}
  .shop-container[data-cq-93] .shop-scope[data-scheme="A"] .a-model-page .model-list-panel{padding-top:10px!important;padding-bottom:10px!important}}
/* The user panel's natural table + pager height is the actual content fill.
   Do not apply the page-content min-height a second time, which creates a
   blank strip below the pager on wide screens. */
.shop-scope[data-scheme="A"] .page-content > .user-list-panel {
  flex:0 0 auto !important;
  min-height:0 !important;
}
/* Keep the provider panel sized to its six data rows instead of filling the
   remaining viewport below the list. */
.shop-scope[data-scheme="A"] .page-content > .provider-list-panel {
  flex:0 0 auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .page-content > .provider-list-panel > .a-table-wrap {
  min-height:0 !important;
}

/* Supplier management is a dense desktop list: keep the complete first page visible. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    padding:10px 24px 8px;
  }
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{
    font-size:28px;
    margin-bottom:2px;
  }
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{
    font-size:13px;
  }
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat{
    min-height:78px;
    padding:10px 12px;
  }
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat span{font-size:11px}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:21px;margin:3px 0 1px}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:9px;white-space:nowrap}
  .shop-scope[data-scheme="A"] .page-content > .provider-list-panel{
    padding:14px;
    margin-bottom:0;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{
    margin-bottom:8px;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:16px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:11px;margin-top:1px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{
    margin:6px 0 8px;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar :is(input,select){height:34px;padding-top:5px;padding-bottom:5px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar .search input{width:190px}
  .shop-scope[data-scheme="A"] .provider-list-panel .a-table-wrap{min-height:0!important}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{
    height:44px;
    padding:5px 6px;
    font-size:12px;
    line-height:1.2;
    vertical-align:middle;
    white-space:nowrap;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:11px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(1){width:8%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(2){width:22%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(3){width:20%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(4){width:14%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(5){width:21%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(6){width:15%}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline{
    justify-content:center;
    gap:0;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline > div{min-width:0}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:12px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:9px;margin-top:0}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chips{
    justify-content:center;
    flex-wrap:nowrap;
    gap:3px;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:9px;padding:2px 4px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:10px;padding:3px 5px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:9px;margin-top:0}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions{justify-content:center;gap:0}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{
    min-height:28px;
    padding:3px 5px;
    font-size:11px;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .pager{
    margin:0;
    padding:8px 0 0;
    font-size:11px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    padding:10px 24px 8px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{
    font-size:28px;
    margin-bottom:2px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{
    font-size:13px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat{
    min-height:78px;
    padding:10px 12px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat span{font-size:11px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:21px;margin:3px 0 1px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:9px;white-space:nowrap}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .page-content > .provider-list-panel{
    padding:14px;
    margin-bottom:0;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{
    margin-bottom:8px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:16px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:11px;margin-top:1px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{
    margin:6px 0 8px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar :is(input,select){height:34px;padding-top:5px;padding-bottom:5px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar .search input{width:190px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .a-table-wrap{min-height:0!important}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table{
    width:100%;
    min-width:0;
    table-layout:fixed;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th,.shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{
    height:44px;
    padding:5px 6px;
    font-size:12px;
    line-height:1.2;
    vertical-align:middle;
    white-space:nowrap;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:11px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(1){width:8%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(2){width:22%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(3){width:20%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(4){width:14%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(5){width:21%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th:nth-child(6){width:15%}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline{
    justify-content:center;
    gap:0;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline > div{min-width:0}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:12px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:9px;margin-top:0}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chips{
    justify-content:center;
    flex-wrap:nowrap;
    gap:3px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:9px;padding:2px 4px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:10px;padding:3px 5px}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:9px;margin-top:0}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions{justify-content:center;gap:0}
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{
    min-height:28px;
    padding:3px 5px;
    font-size:11px;
  }
  .shop-container[data-cq-94] .shop-scope[data-scheme="A"] .provider-list-panel > .pager{
    margin:0;
    padding:8px 0 0;
    font-size:11px;
  }}

@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    padding:6px 18px 4px;
  }
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{
    font-size:24px;
    line-height:1.15;
  }
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:11px}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat{
    min-height:64px;
    padding:7px 10px;
  }
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:18px}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:8px}
  .shop-scope[data-scheme="A"] .page-content > .provider-list-panel{padding:10px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{margin-bottom:4px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:15px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{margin:3px 0 5px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar :is(input,select){height:31px;padding-top:3px;padding-bottom:3px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar .search input{width:170px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{
    height:40px;
    padding:3px 5px;
    font-size:11px;
    line-height:1.1;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:10px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:11px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:8px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:8px;padding:1px 3px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:9px;padding:2px 4px}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{min-height:24px;padding:2px 4px;font-size:10px}
  .shop-scope[data-scheme="A"] .provider-list-panel > .pager{padding-top:5px;font-size:10px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    padding:6px 18px 4px;
  }
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{
    font-size:24px;
    line-height:1.15;
  }
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:11px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat{
    min-height:64px;
    padding:7px 10px;
  }
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:18px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:8px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .page-content > .provider-list-panel{padding:10px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{margin-bottom:4px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:15px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{margin:3px 0 5px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar :is(input,select){height:31px;padding-top:3px;padding-bottom:3px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar .search input{width:170px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th,.shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{
    height:40px;
    padding:3px 5px;
    font-size:11px;
    line-height:1.1;
  }
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:10px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:11px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small,.shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:8px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:8px;padding:1px 3px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:9px;padding:2px 4px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{min-height:24px;padding:2px 4px;font-size:10px}
  .shop-container[data-cq-95] .shop-scope[data-scheme="A"] .provider-list-panel > .pager{padding-top:5px;font-size:10px}}
.shop-scope[data-scheme="A"] .page-content > .model-list-panel {
  flex:0 0 auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .model-list-panel {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .a-page-stack.a-model-page {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] #main,.shop-scope[data-scheme="A"] .page-content,.shop-scope[data-scheme="A"] .a-page-stack {
  min-width:0 !important;
  max-width:none !important;
}
.shop-scope[data-scheme="A"] .page-content > .a-fill-panel > .a-table-wrap,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel > .a-table-wrap,.shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  min-width:0 !important;
  overflow:auto !important;
}
.shop-scope[data-scheme="A"] .page-content > .a-fill-panel > .a-table-wrap > .a-data-table,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel > .a-table-wrap > .a-data-table,.shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table,.shop-scope[data-scheme="A"] .page-content > .a-fill-panel > .a-table-wrap > .a-data-table tbody,.shop-scope[data-scheme="A"] .page-content > div:has(> .a-fill-panel) > .a-fill-panel > .a-table-wrap > .a-data-table tbody,.shop-scope[data-scheme="A"] .page-content > .user-list-panel > .table-scroll > table tbody {
  height:auto !important;
  flex:none !important;
}

/* Model management is content-led; do not fill the remaining viewport below its rows. */
.shop-scope[data-scheme="A"] .page-content > .a-page-stack > .model-list-panel {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .a-model-page > .model-list-panel {
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
  align-self:flex-start !important;
}

/* Let the file workspace grow with its twelve rows and keep both columns aligned. */
.shop-scope[data-scheme="A"]:has(.file-list-panel) .shell,.shop-scope[data-scheme="A"]:has(.file-list-panel) .workspace {
  height:auto;
  min-height:100vh;
}
.shop-scope[data-scheme="A"] #main > .page-content:has(> .file-list-panel) {
  padding-bottom:0;
}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"]:has(.file-list-panel) .sidebar {
    align-self:stretch;
    height:auto;
    max-height:none;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-96] .shop-scope[data-scheme="A"]:has(.file-list-panel) .sidebar {
    align-self:stretch;
    height:auto;
    max-height:none;
  }}

/* File lists end at the pager, including filtered and partially filled pages. */
.shop-scope[data-scheme="A"] .page-content > .file-list-panel {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  padding-bottom:16px;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table {
  table-layout:fixed;
  min-width:100%;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th {font-size:14px}
.shop-scope[data-scheme="A"] .file-list-panel .file-table td {font-size:15px;line-height:1.5}
.shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {height:76px !important}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(1) {width:5%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(2) {width:38%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(3) {width:8%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(4) {width:10%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(5) {width:9%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(6) {width:18%}
.shop-scope[data-scheme="A"] .file-list-panel .file-table th:nth-child(7) {width:12%}
.shop-scope[data-scheme="A"] .file-list-panel .file-inline {gap:12px;min-width:0;white-space:nowrap;text-align:left}
/* Keep the icon column fixed to the left edge and let the full name define the table width. */
.shop-scope[data-scheme="A"] .file-list-panel .file-table .file-inline b {
  text-align:left;
  min-width:0;font-size:16px;font-weight:600;line-height:1.5;
  white-space:nowrap;overflow:visible;text-overflow:clip;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table .file-inline b.file-name {
  display:flex;align-items:center;flex:0 0 auto;min-width:0;overflow:visible;text-overflow:clip;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-base {
  flex:0 0 auto;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-ext {
  flex:none;white-space:nowrap;
}
@container shop (min-width:1201px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{
    position:relative;
    display:block;
    width:100%;
    max-width:300px;
    height:42px;
    padding:0 44px;
  }
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{
    position:absolute;
    left:0;
    top:4px;
  }
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > div{
    width:100%;
    text-align:center;
  }
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{
    position:absolute;
    right:0;
    top:3px;
    margin:0;
    width:72px;
    justify-content:center;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-97] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature{
    position:relative;
    display:block;
    width:100%;
    max-width:300px;
    height:42px;
    padding:0 44px;
  }
  .shop-container[data-cq-97] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .feature-icon{
    position:absolute;
    left:0;
    top:4px;
  }
  .shop-container[data-cq-97] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > div{
    width:100%;
    text-align:center;
  }
  .shop-container[data-cq-97] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature > .a-mode-tag{
    position:absolute;
    right:0;
    top:3px;
    margin:0;
    width:72px;
    justify-content:center;
  }}
.shop-scope[data-scheme="A"] .file-list-panel .mini-thumb {
  width:44px;height:44px;flex:0 0 44px;margin-right:0;border-radius:6px;
}
.shop-scope[data-scheme="A"] .file-list-panel .mini-thumb :is(img,video) {width:100%;height:100%;object-fit:cover}
.shop-scope[data-scheme="A"] .file-list-panel .video-thumb,.shop-scope[data-scheme="A"] .file-preview .video-thumb {
  width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:3px;
  background:#edf2f5;color:#6d8496;
}
.shop-scope[data-scheme="A"] .file-list-panel .video-thumb .icon,.shop-scope[data-scheme="A"] .file-preview .video-thumb .icon {width:22px;height:22px}
.shop-scope[data-scheme="A"] .file-list-panel .video-thumb span,.shop-scope[data-scheme="A"] .file-preview .video-thumb span {font-size:10px}
.file-video-thumb {display:block;width:100%;height:100%;object-fit:cover}
.video-thumb {display:grid;width:100%;height:100%;place-items:center;align-content:center;gap:3px;background:#edf2f5;color:#6d8496}
.video-thumb .icon {width:22px;height:22px}
.video-thumb span {font-size:10px}
.large-preview > video {display:block;width:100%;height:100%;object-fit:contain}
.shop-scope[data-scheme="A"] .file-list-panel .file-table .btn {font-size:15px;min-height:36px}
.shop-scope[data-scheme="A"] .file-list-panel .toolbar select {
  text-align:center !important;text-align-last:center !important;padding-left:4px;padding-right:4px;
}
.shop-scope[data-scheme="A"] .file-list-panel .toolbar select option {
  display:block;width:100%;text-align:center !important;text-align-last:center !important;
}
.shop-scope[data-scheme="A"] .file-list-panel .section-head h2 {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.shop-scope[data-scheme="A"] .file-section-title {display:inline-block}
.shop-scope[data-scheme="A"] .file-list-panel .section-head h2 .btn {
  min-height:30px;padding:4px 8px;font-size:14px;
}
.shop-scope[data-scheme="A"] #main:has(.file-list-panel) .page-heading h1 {
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
}
.shop-scope[data-scheme="A"] #main:has(.file-list-panel) .page-heading h1 .btn {
  min-height:36px;padding:7px 12px;font-size:14px;letter-spacing:0;transform:translateY(-2px);
}
.shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
  width:100%;max-width:100%;margin:0;padding-left:0;padding-right:0;
  justify-content:center;text-align:left;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
  display:flex;align-items:center;gap:12px;width:256px;max-width:100%;min-width:0;
  overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .mini-thumb {flex:0 0 auto}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:0 0 auto}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:flex-start}
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:100%;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-98] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:flex-start}
  .shop-container[data-cq-98] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:100%;}}
.shop-scope[data-scheme="A"] .file-list-panel .badge,.shop-scope[data-scheme="A"] .file-list-panel .pager,.shop-scope[data-scheme="A"] .file-list-panel .page-number {font-size:14px}
.shop-scope[data-scheme="A"] .file-list-panel .pager {
  flex:none;margin:16px 0 0;padding:12px 0 0;gap:12px;flex-wrap:wrap;
}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel > .a-table-wrap {
    display:block !important;overflow:visible !important;margin:0;padding:0;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table {display:block;width:100%}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table thead {display:none}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody {display:grid;gap:12px}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    display:grid;height:auto !important;padding:8px 12px;
    border:1px solid var(--line);border-radius:8px;background:var(--surface);
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td {
    display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;
    width:auto;min-height:44px;padding:10px 0;white-space:normal;
    border-bottom:1px solid var(--line);overflow-wrap:anywhere;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td::before {
    content:attr(data-label);font-size:14px;font-weight:600;color:var(--muted);text-align:center;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:last-child {border-bottom:0}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:nth-child(2) {overflow-x:auto}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td > .file-inline {
    width:max-content;min-width:100%;max-width:none;margin:0;padding:0;justify-content:flex-start;text-align:left;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .badge {justify-self:center}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions {justify-content:center;flex-wrap:wrap}
}
@supports not (container-type: size) {
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel > .a-table-wrap {
    display:block !important;overflow:visible !important;margin:0;padding:0;
  }
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table {display:block;width:100%}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table thead {display:none}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody {display:grid;gap:12px}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    display:grid;height:auto !important;padding:8px 12px;
    border:1px solid var(--line);border-radius:8px;background:var(--surface);
  }
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td {
    display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;
    width:auto;min-height:44px;padding:10px 0;white-space:normal;
    border-bottom:1px solid var(--line);overflow-wrap:anywhere;
  }
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td::before {
    content:attr(data-label);font-size:14px;font-weight:600;color:var(--muted);text-align:center;
  }
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:last-child {border-bottom:0}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:nth-child(2) {overflow-x:auto}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table td > .file-inline {
    width:max-content;min-width:100%;max-width:none;margin:0;padding:0;justify-content:flex-start;text-align:left;
  }
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table .badge {justify-self:center}
  .shop-container[data-cq-99] .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions {justify-content:center;flex-wrap:wrap}}

/* A read-only file viewer stays separate from the configuration drawers. */
.shop-scope[data-scheme="A"] .editor.file-preview-dialog {
  inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(1040px,calc(100% - 48px));height:auto;max-height:calc(100dvh - 48px);
  display:flex;flex-direction:column;overflow:hidden;border-radius:8px;
  background:#fff;box-shadow:0 16px 56px rgba(20,30,40,.22);
}
.shop-scope[data-scheme="A"] .file-preview-head {
  display:flex;align-items:center;gap:20px;flex:none;padding:16px 20px;
  border-bottom:1px solid var(--line);
}
.shop-scope[data-scheme="A"] .file-preview-head h2 {
  flex:1;min-width:0;margin:0;font-size:18px;font-weight:600;line-height:1.4;
  overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
.shop-scope[data-scheme="A"] .file-preview-head .btn {flex:none;width:36px;height:36px}
.shop-scope[data-scheme="A"] .file-preview-stage {
  position:relative;flex:0 1 auto;min-height:0;height:min(600px,60dvh);
  background:#f2f4f6;overflow:hidden;
}
/* Preview images use the product's portrait canvas: 1080 x 1440 (3:4). */
.shop-scope[data-scheme="A"] .file-preview-stage:not(.is-document) {
  width:min(100%,450px,calc((100dvh - 230px) * .75));
  height:auto;aspect-ratio:3 / 4;flex:0 0 auto;margin-inline:auto;
}
.shop-scope[data-scheme="A"] .file-preview-stage > :is(img,.art,video) {
  position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;
}
.shop-scope[data-scheme="A"] .file-preview-stage:not([data-state="ready"]) > :is(img,video) {visibility:hidden}
.shop-scope[data-scheme="A"] .file-preview-status,.shop-scope[data-scheme="A"] .file-preview-document,.shop-scope[data-scheme="A"] .file-preview-video-demo {
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  gap:12px;color:#526576;font-size:15px;
}
.shop-scope[data-scheme="A"] .file-preview-stage[data-state="ready"] .file-preview-status {display:none}
.shop-scope[data-scheme="A"] .file-preview-stage[data-state="error"] .file-preview-status {color:var(--red)}
.shop-scope[data-scheme="A"] .file-preview-stage.is-document {height:min(240px,35dvh)}
.shop-scope[data-scheme="A"] .file-preview-document {flex-direction:column}
.shop-scope[data-scheme="A"] .file-preview-video-demo {flex-direction:column}
.shop-scope[data-scheme="A"] .file-preview-video-demo .icon {width:48px;height:48px;color:#6f8798}
.shop-scope[data-scheme="A"] .file-preview-document .icon {width:48px;height:48px;color:#8196a7}
.shop-scope[data-scheme="A"] .file-preview-foot {
  display:flex;align-items:center;justify-content:center;gap:20px;flex:none;padding:16px 20px;border-top:1px solid var(--line);
}
.shop-scope[data-scheme="A"] .file-preview-foot dl {
  flex:0 1 auto;min-width:0;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 32px;margin:0;font-size:14px;text-align:center;
}
.shop-scope[data-scheme="A"] .file-preview-foot dl > div {min-width:0}
.shop-scope[data-scheme="A"] .file-preview-foot dt {color:#697987;margin-bottom:4px}
.shop-scope[data-scheme="A"] .file-preview-foot dd {margin:0;color:var(--ink);overflow-wrap:anywhere}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.file-preview-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .shop-scope[data-scheme="A"] .file-preview-head {padding:12px;gap:12px}
  .shop-scope[data-scheme="A"] .file-preview-foot {padding:12px;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .shop-scope[data-scheme="A"] .file-preview-foot dl {flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
  .shop-scope[data-scheme="A"] .file-preview-date {grid-column:1 / -1}
}
@supports not (container-type: size) {
  .shop-container[data-cq-100] .shop-scope[data-scheme="A"] .editor.file-preview-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .shop-container[data-cq-100] .shop-scope[data-scheme="A"] .file-preview-head {padding:12px;gap:12px}
  .shop-container[data-cq-100] .shop-scope[data-scheme="A"] .file-preview-foot {padding:12px;gap:12px;align-items:flex-start;flex-wrap:wrap}
  .shop-container[data-cq-100] .shop-scope[data-scheme="A"] .file-preview-foot dl {flex:1 1 100%;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}
  .shop-container[data-cq-100] .shop-scope[data-scheme="A"] .file-preview-date {grid-column:1 / -1}}

/* Keep twelve desktop files visible by sizing rows, never by shrinking text. */
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    height:var(--file-row-height,64px) !important;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td {padding-top:3px;padding-bottom:3px}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-inline {padding-top:0;padding-bottom:0}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
    width:max-content;max-width:none;margin-left:0;margin-right:0;
    padding-left:0;padding-right:0;justify-content:flex-start;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline b {
    flex:0 0 auto;max-width:none;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .mini-thumb {
    width:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
    height:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
    flex-basis:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .document-thumb .icon {width:24px;height:24px}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .document-thumb span {display:none}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .btn {min-height:28px;padding-top:2px;padding-bottom:2px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    height:var(--file-row-height,64px) !important;
  }
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table td {padding-top:3px;padding-bottom:3px}
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-inline {padding-top:0;padding-bottom:0}
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
    width:max-content;max-width:none;margin-left:0;margin-right:0;
    padding-left:0;padding-right:0;justify-content:flex-start;
  }
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline b {
    flex:0 0 auto;max-width:none;
  }
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table .mini-thumb {
    width:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
    height:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
    flex-basis:clamp(28px,calc(var(--file-row-height,64px) - 8px),44px);
  }
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table .document-thumb .icon {width:24px;height:24px}
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table .document-thumb span {display:none}
  .shop-container[data-cq-101] .shop-scope[data-scheme="A"] .file-list-panel .file-table .btn {min-height:28px;padding-top:2px;padding-bottom:2px}}

/* Task page size adapts to the viewport; the container follows its rows. */
.shop-scope[data-scheme="A"] .page-content > .task-list-panel {
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
  padding-bottom:20px;
}
/* Leave enough room for one readable task row in short tablet windows. */
@container shop (min-width:761px) and (max-width:1100px) and (max-height:760px){
  .shop-scope[data-scheme="A"] .page-content > .task-list-panel{padding-bottom:17px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-102] .shop-scope[data-scheme="A"] .page-content > .task-list-panel{padding-bottom:17px}}
.shop-scope[data-scheme="A"] .page-content > .task-list-panel > .a-table-wrap {
  flex:none !important;
  height:auto !important;
  min-height:0 !important;
}
/* Task details use a centered diagnostic card instead of the generic full-height drawer. */
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) {
  top:50%;right:auto;bottom:auto;left:50%;width:min(680px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);border:1px solid #dce5ec;border-radius:16px;
  transform:translate(-50%,-50%);box-shadow:0 22px 60px rgba(18,39,58,.22);
}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-head {padding:22px 26px 18px;align-items:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-head .eyebrow {display:none}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-head h2 {margin:0;font-size:22px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) form {min-height:0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-body {flex:none;overflow:auto;padding:24px 32px 26px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .task-detail-title {display:flex;flex-direction:column;align-items:center;gap:7px;padding:0 0 20px;border-bottom:0;text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .task-detail-title h2 {margin:0;font-size:24px;line-height:1.3}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .task-detail-title p {margin:0;color:#526b7e;font-size:14px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:5px 18px;border:1px solid #e2e9ee;border-radius:10px;background:#f8fafc;text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dt,.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dd {margin:0;padding:11px 0;border-bottom:1px solid #e9eef2;font-size:14px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dt {color:#7a8d9b;font-weight:500}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dd {color:#20394e;font-weight:600}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .failure-card {margin:20px 0 18px;padding:16px 18px;border:1px solid #f2cdd1;border-left:4px solid var(--red);border-radius:10px;background:#fff4f4;text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .failure-card h3 {margin:0;color:#a33842;font-size:17px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .failure-card p {margin:6px 0 0;color:#8f5d63;font-size:13px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-body > h3 {margin:18px 0 7px;text-align:center;font-size:17px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .next-actions {width:min(470px,100%);margin:0 auto;padding:0 0 0 22px;color:#526b7e;font-size:14px;line-height:2;text-align:left}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons {display:flex;justify-content:center;gap:10px;margin-top:19px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons .btn {min-height:42px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-body > .notice {margin:18px auto 0;justify-content:center;max-width:470px;text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-footer {flex:none;justify-content:flex-end;padding:12px 26px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-footer > span:empty {display:none}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) {top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none;transform:none}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-head {padding:17px 18px 15px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-body {padding:20px 18px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list {grid-template-columns:1fr;padding:4px 14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dt,.shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dd {padding:8px 0}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons {flex-direction:column}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons .btn {width:100%}
}
@supports not (container-type: size) {
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) {top:12px;right:12px;bottom:12px;left:12px;width:auto;max-height:none;transform:none}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-head {padding:17px 18px 15px}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .editor-body {padding:20px 18px}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list {grid-template-columns:1fr;padding:4px 14px}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dt,.shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .detail-list dd {padding:8px 0}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons {flex-direction:column}
  .shop-container[data-cq-103] .shop-scope[data-scheme="A"] .editor.drawer:has(.task-detail-title) .stack-buttons .btn {width:100%}}

.shop-scope[data-scheme="A"] .task-list-panel .task-table th {
  font-size:14px;
  color:#526576;
}
.shop-scope[data-scheme="A"] .task-list-panel .task-table td,.shop-scope[data-scheme="A"] .task-list-panel .task-table .cell-stack > b,.shop-scope[data-scheme="A"] .task-list-panel .task-table .btn {
  font-size:16px;
  line-height:1.5;
}
.shop-scope[data-scheme="A"] .task-list-panel .task-table .cell-stack {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.shop-scope[data-scheme="A"] .task-list-panel .task-table .cell-stack small,.shop-scope[data-scheme="A"] .task-list-panel .task-table .badge,.shop-scope[data-scheme="A"] .task-list-panel .pager,.shop-scope[data-scheme="A"] .task-list-panel .pager .page-number {
  font-size:14px;
  line-height:1.5;
}
.shop-scope[data-scheme="A"] .task-list-panel .task-table .cell-stack small,.shop-scope[data-scheme="A"] .task-list-panel .task-table td.muted,.shop-scope[data-scheme="A"] .task-list-panel .pager {
  color:#526576;
}
.shop-scope[data-scheme="A"] .task-list-panel .task-table .actions-cell .btn {
  min-height:40px;
}
.shop-scope[data-scheme="A"] .task-list-panel > .pager {
  flex:none;
  margin:0;
  padding-top:14px;
  gap:12px;
  flex-wrap:wrap;
}
.shop-scope[data-scheme="A"] .task-list-panel > .toolbar > .toolbar-spacer {display:none}
.shop-scope[data-scheme="A"] .task-list-panel > .section-head .task-title-row {display:flex;align-items:center;gap:10px}
.shop-scope[data-scheme="A"] .task-list-panel > .section-head .task-title-row h2 {font-size:17px;line-height:1.5}
.shop-scope[data-scheme="A"] .task-list-panel > .section-head .task-title-row .task-header-refresh {margin:0;min-height:30px;padding:4px 8px;font-size:17px;line-height:1.5}
/* Put the status filter before the task search field on the task page. */
.shop-scope[data-scheme="A"] .task-list-panel .toolbar > select {order:1}
.shop-scope[data-scheme="A"] .task-list-panel .toolbar > .search {order:2}
.shop-scope[data-scheme="A"] .task-list-panel .toolbar > .toolbar-spacer {order:3}
.shop-scope[data-scheme="A"] .task-list-panel .toolbar > .btn {order:4}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .page-content:has(> .task-list-panel) {padding-bottom:12px}
  .shop-scope[data-scheme="A"] .page-content > .task-list-panel > :is(.section-head,.toolbar) {flex:none}
  .shop-scope[data-scheme="A"] .page-content > .task-list-panel > .a-table-wrap {
    display:block !important;
    overflow:auto !important;
  }
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th {position:sticky;top:0;z-index:1}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table {
    table-layout:fixed;
    min-width:0;
  }
  .shop-scope[data-scheme="A"] .page-content > .task-list-panel .task-table tbody tr {
    height:var(--task-row-height,76px);
  }
  .shop-scope[data-scheme="A"] .task-list-panel .task-table :is(th,td) {
    padding:14px 10px;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(1) {width:7%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(2) {width:20%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(3) {width:13%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(4) {width:14%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(5) {width:13%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(6) {width:18%}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(7) {width:15%}
}
@supports not (container-type: size) {
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .page-content:has(> .task-list-panel) {padding-bottom:12px}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .page-content > .task-list-panel > :is(.section-head,.toolbar) {flex:none}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .page-content > .task-list-panel > .a-table-wrap {
    display:block !important;
    overflow:auto !important;
  }
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th {position:sticky;top:0;z-index:1}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table {
    table-layout:fixed;
    min-width:0;
  }
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .page-content > .task-list-panel .task-table tbody tr {
    height:var(--task-row-height,76px);
  }
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table :is(th,td) {
    padding:14px 10px;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(1) {width:7%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(2) {width:20%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(3) {width:13%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(4) {width:14%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(5) {width:13%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(6) {width:18%}
  .shop-container[data-cq-104] .shop-scope[data-scheme="A"] .task-list-panel .task-table th:nth-child(7) {width:15%}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .task-list-panel > .section-head .task-title-row .task-header-refresh {min-height:30px;font-size:17px}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table td {
    overflow-wrap:anywhere;
  }
  .shop-scope[data-scheme="A"] .task-list-panel .task-table td::before {font-size:14px;color:#526576}
  .shop-scope[data-scheme="A"] .task-list-panel .task-table .badge {justify-self:center}
  .shop-scope[data-scheme="A"] .task-list-panel > .pager {margin-top:14px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-105] .shop-scope[data-scheme="A"] .task-list-panel > .section-head .task-title-row .task-header-refresh {min-height:30px;font-size:17px}
  .shop-container[data-cq-105] .shop-scope[data-scheme="A"] .task-list-panel .task-table td {
    overflow-wrap:anywhere;
  }
  .shop-container[data-cq-105] .shop-scope[data-scheme="A"] .task-list-panel .task-table td::before {font-size:14px;color:#526576}
  .shop-container[data-cq-105] .shop-scope[data-scheme="A"] .task-list-panel .task-table .badge {justify-self:center}
  .shop-container[data-cq-105] .shop-scope[data-scheme="A"] .task-list-panel > .pager {margin-top:14px}}

/* At tablet widths the search field takes its own row so status filters and
   the refresh action stay inside the panel instead of widening the page. */
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .a-fill-panel .toolbar,.shop-scope[data-scheme="A"] .user-list-panel .toolbar {
    flex-wrap:wrap;
    align-items:center;
  }
  .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .search,.shop-scope[data-scheme="A"] .user-list-panel .toolbar .search {
    flex:1 1 100%;
    width:100%;
  }
  .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .search input,.shop-scope[data-scheme="A"] .user-list-panel .toolbar .search input {
    width:100%;
  }
  .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .toolbar-spacer,.shop-scope[data-scheme="A"] .user-list-panel .toolbar .toolbar-spacer {
    display:none;
  }
  .shop-scope[data-scheme="A"] .a-fill-panel .toolbar > .btn,.shop-scope[data-scheme="A"] .user-list-panel .toolbar > .btn {
    margin-left:auto;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-106] .shop-scope[data-scheme="A"] .a-fill-panel .toolbar,.shop-container[data-cq-106] .shop-scope[data-scheme="A"] .user-list-panel .toolbar {
    flex-wrap:wrap;
    align-items:center;
  }
  .shop-container[data-cq-106] .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .search,.shop-container[data-cq-106] .shop-scope[data-scheme="A"] .user-list-panel .toolbar .search {
    flex:1 1 100%;
    width:100%;
  }
  .shop-container[data-cq-106] .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .search input,.shop-container[data-cq-106] .shop-scope[data-scheme="A"] .user-list-panel .toolbar .search input {
    width:100%;
  }
  .shop-container[data-cq-106] .shop-scope[data-scheme="A"] .a-fill-panel .toolbar .toolbar-spacer,.shop-container[data-cq-106] .shop-scope[data-scheme="A"] .user-list-panel .toolbar .toolbar-spacer {
    display:none;
  }
  .shop-container[data-cq-106] .shop-scope[data-scheme="A"] .a-fill-panel .toolbar > .btn,.shop-container[data-cq-106] .shop-scope[data-scheme="A"] .user-list-panel .toolbar > .btn {
    margin-left:auto;
  }}

/* Content-led pages stay top-aligned instead of absorbing space in auto margins. */
.shop-scope[data-scheme="A"] #main > .page-heading,.shop-scope[data-scheme="A"] #main > .page-content {margin-top:0;margin-bottom:0}
.shop-scope[data-scheme="A"] #main > .page-content,.shop-scope[data-scheme="A"] #main > .page-content > .a-page-stack,.shop-scope[data-scheme="A"] #main .a-cost-layout {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .a-page-stack.a-model-page {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
}
.shop-scope[data-scheme="A"] .a-page-stack.a-model-page > .model-list-panel {
  flex:0 0 auto !important;
  height:auto !important;
  min-height:0 !important;
  align-self:flex-start !important;
  width:100% !important;
}

/* Keep the compact mobile header after all desktop A-scheme overrides. */
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .workspace-top{height:54px;flex:0 0 54px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-107] .shop-scope[data-scheme="A"] .workspace-top{height:54px;flex:0 0 54px}}

/* Finance filters use the same deliberate field treatment at every width. */
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input {
  box-sizing:border-box;width:100%;height:38px;padding:7px 10px 7px 34px;
  border:1px solid #d7e0e7;border-radius:7px;background:#fff;color:var(--ink);
  box-shadow:none;outline:0;font-size:14px;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input:focus {
  border-color:#8eaaff;box-shadow:0 0 0 3px rgba(59,104,232,.14);
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters select,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .finance-date input {
  box-sizing:border-box;height:38px;border:1px solid #d7e0e7;border-radius:7px;
  background:#fff;color:var(--ink);font-size:14px;
}
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search {
    flex:0 0 320px;width:320px;min-width:320px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-108] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search {
    flex:0 0 320px;width:320px;min-width:320px;
  }}
@container shop (min-width:1101px) and (max-height:1000px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters select,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .finance-date input {height:28px;padding-top:4px;padding-bottom:4px;font-size:12px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-109] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input,.shop-container[data-cq-109] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters select,.shop-container[data-cq-109] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .finance-date input {height:28px;padding-top:4px;padding-bottom:4px;font-size:12px}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search {width:100%;min-width:0}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input {height:36px}
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters select {height:36px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-110] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search {width:100%;min-width:0}
  .shop-container[data-cq-110] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters .search input {height:36px}
  .shop-container[data-cq-110] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters select {height:36px}}

/* Finance overview: a dense, auditable surface for the two income sources. */
.shop-scope[data-scheme="A"] #main:has(.finance-page) > .page-heading {display:none}
.shop-scope[data-scheme="A"] .finance-page {
  display:flex;flex-direction:column;gap:18px;width:100%;padding-top:30px;
}
.shop-scope[data-scheme="A"] .finance-page-intro {
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;
}
.shop-scope[data-scheme="A"] .finance-page-intro h2 {margin:3px 0 5px;font-size:29px;letter-spacing:-.03em}
.shop-scope[data-scheme="A"] .finance-page-intro p {margin:0;color:var(--muted);font-size:15px}
.shop-scope[data-scheme="A"] .finance-demo-badge {
  align-self:flex-start;padding:7px 11px;border:1px solid #f1dfae;border-radius:7px;
  background:#fff8e7;color:#9b6a19;font-size:13px;white-space:nowrap;
}
.shop-scope[data-scheme="A"] .finance-filters {
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 15px;
  background:#fff;border:1px solid var(--line);border-radius:10px;
}
.shop-scope[data-scheme="A"] .finance-filters .search {flex:1 1 260px;min-width:210px}
.shop-scope[data-scheme="A"] .finance-filters .search input {width:100%;font-size:14px}
.shop-scope[data-scheme="A"] .finance-filters select,.shop-scope[data-scheme="A"] .finance-date input {
  height:38px;padding:7px 10px;border:1px solid #d7e0e7;border-radius:7px;
  background:#fff;color:var(--ink);font-size:14px;
}
.shop-scope[data-scheme="A"] .finance-filters select {min-width:116px}
.shop-scope[data-scheme="A"] .finance-date {display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}
.shop-scope[data-scheme="A"] .finance-filter-note {margin-left:auto;color:#8999a6;font-size:13px}
.shop-scope[data-scheme="A"] .finance-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.shop-scope[data-scheme="A"] .finance-kpis article {
  min-width:0;padding:18px 20px;background:#fff;border:1px solid var(--line);
  border-radius:12px;box-shadow:0 3px 14px rgba(26,45,67,.025)
}
.shop-scope[data-scheme="A"] .finance-kpis article:nth-child(1){border-top:3px solid var(--blue)}
.shop-scope[data-scheme="A"] .finance-kpis article:nth-child(2){border-top:3px solid #53a49b}
.shop-scope[data-scheme="A"] .finance-kpis article:nth-child(3){border-top:3px solid #d19a43}
.shop-scope[data-scheme="A"] .finance-kpis article:nth-child(4){border-top:3px solid #8494a4}
.shop-scope[data-scheme="A"] .finance-kpis span {display:block;color:#667b8d;font-size:14px}
.shop-scope[data-scheme="A"] .finance-kpis strong {display:block;margin:7px 0 5px;font-size:30px;line-height:1.15;letter-spacing:-.03em}
.shop-scope[data-scheme="A"] .finance-kpis small {display:block;color:#8b9aa6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.shop-scope[data-scheme="A"] .finance-main-grid {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(410px,.95fr);gap:18px;align-items:start}
.shop-scope[data-scheme="A"] .finance-page .panel {margin:0;padding:20px}
.shop-scope[data-scheme="A"] .finance-section-title {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:17px}
.shop-scope[data-scheme="A"] .finance-section-title h2 {margin:0;font-size:18px}
.shop-scope[data-scheme="A"] .finance-section-title p {margin:5px 0 0;color:var(--muted);font-size:13px}
.shop-scope[data-scheme="A"] .finance-legend {display:flex;gap:14px;flex-wrap:wrap;color:#667b8d;font-size:12px}
.shop-scope[data-scheme="A"] .finance-legend span {display:flex;align-items:center;gap:5px;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-dot {display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa8b4}
.shop-scope[data-scheme="A"] .finance-dot.shop,.finance-source-tag.shop {background:#5f83df;color:#4161b9}
.shop-scope[data-scheme="A"] .finance-dot.miniapp,.finance-source-tag.miniapp {background:#55a99d;color:#287e74}
.shop-scope[data-scheme="A"] .finance-dot.all {background:#6e8292}
.shop-scope[data-scheme="A"] .finance-chart {
  display:flex;align-items:flex-end;gap:8px;height:246px;overflow-x:auto;padding:0 4px 0 2px;
  border-bottom:0;background:repeating-linear-gradient(to bottom,transparent,transparent 60px,#edf1f4 61px)
}
.shop-scope[data-scheme="A"] .finance-chart-day {display:flex;flex:1 0 22px;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}
.shop-scope[data-scheme="A"] .finance-bars {display:flex;align-items:flex-end;justify-content:center;gap:3px;width:100%;height:220px}
.shop-scope[data-scheme="A"] .finance-bars i {display:block;width:9px;min-height:0;border-radius:4px 4px 0 0;background:#5f83df}
.shop-scope[data-scheme="A"] .finance-bars i.miniapp {background:#55a99d}
.shop-scope[data-scheme="A"] .finance-chart-day small {height:15px;color:#8797a4;font-size:10px;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-source-table {overflow:auto}
.shop-scope[data-scheme="A"] .finance-source-row {display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(4,minmax(76px,1fr));gap:12px;align-items:center;min-width:540px;padding:13px 0;border-bottom:1px solid #edf0f2;font-size:12px;line-height:1.35;text-align:right}
.shop-scope[data-scheme="A"] .finance-source-row:last-child{border-bottom:0}
.shop-scope[data-scheme="A"] .finance-source-row > :first-child{text-align:left}
.shop-scope[data-scheme="A"] .finance-source-row > :nth-child(2),.shop-scope[data-scheme="A"] .finance-source-row > :nth-child(3){text-align:center}
.shop-scope[data-scheme="A"] .finance-source-row > :nth-child(4),.shop-scope[data-scheme="A"] .finance-source-row > :nth-child(5){
  padding-right:0;
  text-align:center;
  text-indent:-60px;
}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .finance-source-row > :nth-child(4),.shop-scope[data-scheme="A"] .finance-source-row > :nth-child(5){text-indent:-20px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-111] .shop-scope[data-scheme="A"] .finance-source-row > :nth-child(4),.shop-container[data-cq-111] .shop-scope[data-scheme="A"] .finance-source-row > :nth-child(5){text-indent:-20px}}
.shop-scope[data-scheme="A"] .finance-source-head{padding:0 0 9px;color:#83929e;font-size:12px;font-weight:600}
.shop-scope[data-scheme="A"] .finance-source-row.total{font-weight:700;background:#f8fafc;margin:0 -10px;padding:13px 10px;border-radius:7px}
.shop-scope[data-scheme="A"] .finance-source-row strong{font-variant-numeric:tabular-nums}
.shop-scope[data-scheme="A"] .finance-source-row > span:first-child{display:flex;align-items:center;gap:7px}
.shop-scope[data-scheme="A"] .finance-source-row,.shop-scope[data-scheme="A"] .finance-source-row strong{color:#172b3d}
.shop-scope[data-scheme="A"] .finance-source-head{color:#172b3d}
.shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head) > strong,.shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head) > span:not(:first-child){
  color:#172b3d!important;font-size:12px!important;font-weight:700!important;
}
.shop-scope[data-scheme="A"] .finance-detail-panel .finance-section-title{margin-bottom:13px}
.shop-scope[data-scheme="A"] .finance-detail-count{color:#8b9aa6;font-size:13px;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-detail-table{width:100%;table-layout:fixed;border-collapse:collapse}
.shop-scope[data-scheme="A"] .finance-detail-table th{padding:10px 9px;background:#f7f9fb;color:#172b3d;font-size:13px;text-align:center;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-detail-table td{padding:11px 9px;border-bottom:1px solid #edf0f2;font-size:13px;text-align:center;vertical-align:middle;overflow-wrap:anywhere}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(1){width:5%}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(2){width:12%}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(3){width:14%}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(4){width:22%}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(5),.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(6),.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(7){width:10%}
.shop-scope[data-scheme="A"] .finance-detail-table th:nth-child(8){width:9%}
.shop-scope[data-scheme="A"] .finance-detail-table .cell-stack{align-items:flex-start;text-align:left}
.shop-scope[data-scheme="A"] .finance-detail-table .cell-stack b{font-size:13px;overflow-wrap:anywhere}
.shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{font-size:12px}
.shop-scope[data-scheme="A"] .finance-time small{display:block;color:#8999a6;font-size:11px}
.shop-scope[data-scheme="A"] .finance-source-tag{display:inline-flex;padding:4px 7px;border-radius:5px;background:#edf1f4;font-size:12px;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-source-tag.shop{background:#edf2ff}
.shop-scope[data-scheme="A"] .finance-source-tag.miniapp{background:#e8f7f0}
.shop-scope[data-scheme="A"] .finance-detail-table .numeric{font-variant-numeric:tabular-nums;white-space:nowrap}
.shop-scope[data-scheme="A"] .finance-detail-table .numeric strong{font-size:14px}
.shop-scope[data-scheme="A"] .finance-detail-note{margin:16px 0 0;padding:11px 13px;background:#f3f7fb;border:1px solid #dce8f1;border-radius:8px;color:#607689;font-size:13px;line-height:1.5}
.shop-scope[data-scheme="A"] .editor.finance-detail-dialog {
  inset:auto;top:50%;left:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 48px));
  max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;
  border-radius:12px;background:#fff;box-shadow:0 16px 56px rgba(20,30,40,.22)
}
.shop-scope[data-scheme="A"] .finance-detail-head {
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;
  border-bottom:1px solid var(--line)
}
.shop-scope[data-scheme="A"] .finance-detail-head h2 {margin:4px 0 0;font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.shop-scope[data-scheme="A"] .finance-detail-head .btn {flex:none;width:36px;height:36px}
.shop-scope[data-scheme="A"] .finance-detail-body {overflow:auto;padding:20px}
.shop-scope[data-scheme="A"] .finance-detail-status {display:flex;align-items:center;gap:9px;margin-bottom:18px}
.shop-scope[data-scheme="A"] .finance-detail-status b {color:var(--green);font-size:14px}
.shop-scope[data-scheme="A"] .finance-detail-body dl {display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.shop-scope[data-scheme="A"] .finance-detail-body dl > div {padding:12px 13px;border-bottom:1px solid #edf0f2;min-width:0}
.shop-scope[data-scheme="A"] .finance-detail-body dl > div:nth-last-child(-n+2) {border-bottom:0}
.shop-scope[data-scheme="A"] .finance-detail-body dt {color:#718393;font-size:13px;margin-bottom:4px}
.shop-scope[data-scheme="A"] .finance-detail-body dd {margin:0;color:var(--ink);font-size:14px;overflow-wrap:anywhere}
.shop-scope[data-scheme="A"] .finance-detail-body .finance-detail-money {font-weight:700;color:var(--blue);font-size:18px}
.shop-scope[data-scheme="A"] .finance-detail-note {margin-bottom:0}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-scope[data-scheme="A"] .finance-main-grid{grid-template-columns:1fr}
  .shop-scope[data-scheme="A"] .finance-main-grid > .panel{min-width:0}
  .shop-scope[data-scheme="A"] .finance-chart{min-width:0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-112] .shop-scope[data-scheme="A"] .finance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-container[data-cq-112] .shop-scope[data-scheme="A"] .finance-main-grid{grid-template-columns:1fr}
  .shop-container[data-cq-112] .shop-scope[data-scheme="A"] .finance-main-grid > .panel{min-width:0}
  .shop-container[data-cq-112] .shop-scope[data-scheme="A"] .finance-chart{min-width:0}}
@container shop (max-width:1350px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(100px,1.25fr) repeat(4,minmax(46px,1fr));gap:6px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-source-head{font-size:12px}
  .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:13px 0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-113] .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(100px,1.25fr) repeat(4,minmax(46px,1fr));gap:6px;font-size:12px}
  .shop-container[data-cq-113] .shop-scope[data-scheme="A"] .finance-source-head{font-size:12px}
  .shop-container[data-cq-113] .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:13px 0}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .finance-page{padding-top:22px;gap:12px}
  .shop-scope[data-scheme="A"] .finance-main-grid,.shop-scope[data-scheme="A"] .finance-main-grid > .panel {min-width:0}
  .shop-scope[data-scheme="A"] .finance-page-intro{align-items:flex-start;display:block}
  .shop-scope[data-scheme="A"] .finance-page-intro h2{font-size:26px}
  .shop-scope[data-scheme="A"] .finance-demo-badge{display:inline-block;margin-top:10px}
  .shop-scope[data-scheme="A"] .finance-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}
  .shop-scope[data-scheme="A"] .finance-filters .search{grid-column:1 / -1;min-width:0}
  .shop-scope[data-scheme="A"] .finance-filters select{width:100%;min-width:0}
  .shop-scope[data-scheme="A"] .finance-date{display:grid;grid-template-columns:1fr 1fr;grid-column:1 / -1;gap:5px}
  .shop-scope[data-scheme="A"] .finance-date input{width:100%}
  .shop-scope[data-scheme="A"] .finance-filter-note{grid-column:1 / -1;margin:0;font-size:12px}
  .shop-scope[data-scheme="A"] .editor.finance-detail-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .shop-scope[data-scheme="A"] .finance-detail-head {padding:13px 14px}
  .shop-scope[data-scheme="A"] .finance-detail-head h2 {font-size:17px}
  .shop-scope[data-scheme="A"] .finance-detail-body {padding:14px}
  .shop-scope[data-scheme="A"] .finance-kpis{gap:8px}
  .shop-scope[data-scheme="A"] .finance-kpis article{padding:13px}
  .shop-scope[data-scheme="A"] .finance-kpis strong{font-size:22px}
  .shop-scope[data-scheme="A"] .finance-kpis small{font-size:11px}
  .shop-scope[data-scheme="A"] .finance-page .panel{padding:14px}
  .shop-scope[data-scheme="A"] .finance-source-table{overflow:hidden}
  .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(95px,1.3fr) repeat(4,minmax(45px,1fr));gap:6px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head){padding-top:4px;padding-bottom:4px}
  .shop-scope[data-scheme="A"] .finance-source-head{font-size:12px;padding-bottom:4px}
  .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:4px 0}
  .shop-scope[data-scheme="A"] .finance-chart{min-width:0}
  .shop-scope[data-scheme="A"] .finance-section-title{display:block}
  .shop-scope[data-scheme="A"] .finance-legend{margin-top:10px}
  .shop-scope[data-scheme="A"] .finance-detail-table,.shop-scope[data-scheme="A"] .finance-detail-table tbody{display:block}
  .shop-scope[data-scheme="A"] .finance-detail-panel .table-scroll{margin:0;padding:0;overflow:visible}
  .shop-scope[data-scheme="A"] .finance-detail-panel .finance-detail-table{width:100%;min-width:0}
  .shop-scope[data-scheme="A"] .finance-detail-table thead{display:none}
  .shop-scope[data-scheme="A"] .finance-detail-table tr{display:grid;gap:0;padding:5px 11px;margin-bottom:9px;border:1px solid var(--line);border-radius:8px}
  .shop-scope[data-scheme="A"] .finance-detail-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;text-align:center;border-bottom:1px solid #edf0f2}
  .shop-scope[data-scheme="A"] .finance-detail-table td:last-child{border-bottom:0}
  .shop-scope[data-scheme="A"] .finance-detail-table td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:600;text-align:left}
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack{align-items:center;text-align:center}
  .shop-scope[data-scheme="A"] .finance-detail-table .finance-source-tag{justify-self:center}
  .shop-scope[data-scheme="A"] .finance-detail-table .btn{justify-self:center}
}
@supports not (container-type: size) {
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-page{padding-top:22px;gap:12px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-main-grid,.shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-main-grid > .panel {min-width:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-page-intro{align-items:flex-start;display:block}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-page-intro h2{font-size:26px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-demo-badge{display:inline-block;margin-top:10px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:11px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-filters .search{grid-column:1 / -1;min-width:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-filters select{width:100%;min-width:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-date{display:grid;grid-template-columns:1fr 1fr;grid-column:1 / -1;gap:5px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-date input{width:100%}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-filter-note{grid-column:1 / -1;margin:0;font-size:12px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .editor.finance-detail-dialog {width:calc(100% - 24px);max-height:calc(100dvh - 24px)}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-head {padding:13px 14px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-head h2 {font-size:17px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-body {padding:14px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-kpis{gap:8px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-kpis article{padding:13px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-kpis strong{font-size:22px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-kpis small{font-size:11px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-page .panel{padding:14px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-source-table{overflow:hidden}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(95px,1.3fr) repeat(4,minmax(45px,1fr));gap:6px;font-size:12px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head){padding-top:4px;padding-bottom:4px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-source-head{font-size:12px;padding-bottom:4px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:4px 0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-chart{min-width:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-section-title{display:block}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-legend{margin-top:10px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table,.shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table tbody{display:block}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-panel .table-scroll{margin:0;padding:0;overflow:visible}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-panel .finance-detail-table{width:100%;min-width:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table thead{display:none}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table tr{display:grid;gap:0;padding:5px 11px;margin-bottom:9px;border:1px solid var(--line);border-radius:8px}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;padding:8px 0;text-align:center;border-bottom:1px solid #edf0f2}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table td:last-child{border-bottom:0}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table td::before{content:attr(data-label);color:#81919e;font-size:12px;font-weight:600;text-align:left}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack{align-items:center;text-align:center}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table .finance-source-tag{justify-self:center}
  .shop-container[data-cq-114] .shop-scope[data-scheme="A"] .finance-detail-table .btn{justify-self:center}}

/* Match the highlighted numeric fields to the emphasized paid amount. */
.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(1),.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(2),.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4) > .cell-stack > b,.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(5),.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(6),.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(2) > small {
  color:#172b3d;font-size:14px;font-weight:700;
}
.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4) > .cell-stack > small {
  display:block;margin-left:0;text-align:left;
}
.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4) > .cell-stack {
  display:flex;align-items:baseline;justify-content:flex-start;gap:6px;
  white-space:nowrap;text-align:left;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack {
  display:grid!important;grid-template-columns:135px minmax(0,1fr);align-items:baseline;
  justify-content:start;column-gap:12px;row-gap:0;white-space:nowrap;text-align:left;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > b {grid-column:1}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small {grid-column:2;margin-left:0;text-align:left}

/* Desktop finance dashboard: reserve the viewport for all twelve detail rows. */
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] #main > .page-content:has(> .finance-page){padding-bottom:0}
  .shop-scope[data-scheme="A"] .finance-page{gap:10px;padding-top:12px}
  .shop-scope[data-scheme="A"] .finance-page-intro{min-height:52px}
  .shop-scope[data-scheme="A"] .finance-page-intro h2{font-size:25px;margin:2px 0 2px}
  .shop-scope[data-scheme="A"] .finance-page-intro p{font-size:13px}
  .shop-scope[data-scheme="A"] .finance-demo-badge{padding:5px 9px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-filters{min-height:44px;padding:8px 12px}
  .shop-scope[data-scheme="A"] .finance-filters select,.shop-scope[data-scheme="A"] .finance-date input{height:30px;padding:4px 8px;font-size:13px}
  .shop-scope[data-scheme="A"] .finance-filters .search input{height:30px;padding-top:4px;padding-bottom:4px}
  .shop-scope[data-scheme="A"] .finance-filter-note{font-size:12px}
  .shop-scope[data-scheme="A"] .finance-kpis{gap:10px}
  .shop-scope[data-scheme="A"] .finance-kpis article{padding:11px 15px}
  .shop-scope[data-scheme="A"] .finance-kpis span{font-size:13px}
  .shop-scope[data-scheme="A"] .finance-kpis strong{font-size:25px;margin:4px 0 2px}
  .shop-scope[data-scheme="A"] .finance-kpis small{font-size:11px}
  .shop-scope[data-scheme="A"] .finance-main-grid{gap:10px}
  .shop-scope[data-scheme="A"] .finance-page .panel{padding:13px 15px}
  .shop-scope[data-scheme="A"] .finance-section-title{margin-bottom:8px}
  .shop-scope[data-scheme="A"] .finance-section-title h2{font-size:16px}
  .shop-scope[data-scheme="A"] .finance-section-title p{font-size:11px;margin-top:2px}
  .shop-scope[data-scheme="A"] .finance-legend{font-size:11px;gap:10px}
  .shop-scope[data-scheme="A"] .finance-trend-panel{height:140px}
  .shop-scope[data-scheme="A"] .finance-chart{height:76px;overflow:hidden}
  .shop-scope[data-scheme="A"] .finance-chart-day{gap:2px}
  .shop-scope[data-scheme="A"] .finance-bars{height:58px}
  .shop-scope[data-scheme="A"] .finance-chart-day small{font-size:9px}
  .shop-scope[data-scheme="A"] .finance-page .finance-source-panel{height:auto;min-height:140px;padding:9px 15px}
  .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title{margin-bottom:4px}
  .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title p{display:none}
  .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(105px,1.25fr) repeat(4,minmax(46px,1fr));gap:6px;padding:6px 0;font-size:12px;line-height:1.35}
  .shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head){padding-top:3px;padding-bottom:3px}
  .shop-scope[data-scheme="A"] .finance-source-head{padding-bottom:3px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:6px 0}
  .shop-scope[data-scheme="A"] .finance-detail-panel{padding:13px 15px 7px!important}
  .shop-scope[data-scheme="A"] .finance-detail-panel .finance-section-title{margin-bottom:7px}
  .shop-scope[data-scheme="A"] .finance-detail-table th{padding:6px 6px;font-size:13px}
  .shop-scope[data-scheme="A"] .finance-detail-table tbody tr{height:44px}
  .shop-scope[data-scheme="A"] .finance-detail-table td{height:44px!important;padding:1px 6px;font-size:13px;line-height:1.2}
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack{display:block;white-space:normal}
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack b{display:inline;font-size:13px}
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{display:inline;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{margin-left:6px}
  .shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(2),.shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4){text-align:center}
  .shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4) > .cell-stack{align-items:center;text-align:center}
  .shop-scope[data-scheme="A"] .finance-time small{display:inline;margin-left:4px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-detail-table .btn{min-height:25px;padding:2px 5px;font-size:13px}
  .shop-scope[data-scheme="A"] .finance-detail-panel>.pager{margin-top:6px;padding-top:7px;font-size:12px}
  .shop-scope[data-scheme="A"] .finance-detail-panel>.pager .btn{min-height:28px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] #main > .page-content:has(> .finance-page){padding-bottom:0}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page{gap:10px;padding-top:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page-intro{min-height:52px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page-intro h2{font-size:25px;margin:2px 0 2px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page-intro p{font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-demo-badge{padding:5px 9px;font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-filters{min-height:44px;padding:8px 12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-filters select,.shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-date input{height:30px;padding:4px 8px;font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-filters .search input{height:30px;padding-top:4px;padding-bottom:4px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-filter-note{font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-kpis{gap:10px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-kpis article{padding:11px 15px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-kpis span{font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-kpis strong{font-size:25px;margin:4px 0 2px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-kpis small{font-size:11px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-main-grid{gap:10px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page .panel{padding:13px 15px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-section-title{margin-bottom:8px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-section-title h2{font-size:16px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-section-title p{font-size:11px;margin-top:2px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-legend{font-size:11px;gap:10px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-trend-panel{height:140px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-chart{height:76px;overflow:hidden}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-chart-day{gap:2px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-bars{height:58px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-chart-day small{font-size:9px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-page .finance-source-panel{height:auto;min-height:140px;padding:9px 15px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title{margin-bottom:4px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-panel .finance-section-title p{display:none}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-row{min-width:0;grid-template-columns:minmax(105px,1.25fr) repeat(4,minmax(46px,1fr));gap:6px;padding:6px 0;font-size:12px;line-height:1.35}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-row:not(.finance-source-head){padding-top:3px;padding-bottom:3px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-head{padding-bottom:3px;font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-source-row.total{margin:0;padding:6px 0}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-panel{padding:13px 15px 7px!important}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-panel .finance-section-title{margin-bottom:7px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table th{padding:6px 6px;font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table tbody tr{height:44px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table td{height:44px!important;padding:1px 6px;font-size:13px;line-height:1.2}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack{display:block;white-space:normal}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack b{display:inline;font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{display:inline;font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table .cell-stack small{margin-left:6px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(2),.shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4){text-align:center}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table td:nth-child(4) > .cell-stack{align-items:center;text-align:center}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-time small{display:inline;margin-left:4px;font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-table .btn{min-height:25px;padding:2px 5px;font-size:13px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-panel>.pager{margin-top:6px;padding-top:7px;font-size:12px}
  .shop-container[data-cq-115] .shop-scope[data-scheme="A"] .finance-detail-panel>.pager .btn{min-height:28px}}

/* Provider editor is content-sized so a short first step does not leave a blank drawer. */
.editor:has(.provider-section){height:auto;max-height:calc(100vh - 32px);top:16px;bottom:auto;}
.editor:has(.provider-section) .editor-body{flex:0 1 auto;min-height:0;}
.editor:has(.provider-section) .editor-footer{flex:none;}
.provider-model-actions{width:100%;margin-top:12px;display:flex;justify-content:flex-end;}
.provider-test-note{display:flex;gap:6px;align-items:flex-start;color:#7c8d99;font-size:10px;margin:12px 0;}
.provider-test-note .icon{width:13px;height:13px;margin-top:1px;}
@container shop (max-width:760px){
  .editor:has(.provider-section){top:8px;bottom:auto;left:8px;right:8px;width:auto;max-height:calc(100vh - 16px);}
  .editor:has(.provider-section) .editor-body{max-height:calc(100vh - 120px);overflow:auto;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-116] .editor:has(.provider-section){top:8px;bottom:auto;left:8px;right:8px;width:auto;max-height:calc(100vh - 16px);}
  .shop-container[data-cq-116] .editor:has(.provider-section) .editor-body{max-height:calc(100vh - 120px);overflow:auto;}}

/* Desktop provider list: fill the available first-screen area and keep the
   pager at the bottom without adding filler rows on short result sets. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel){display:flex !important;flex-direction:column;min-height:100vh !important;height:100% !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content{flex:1 1 auto !important;min-height:0 !important;height:auto !important;padding-bottom:0 !important;overflow:hidden;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .stats{flex:0 0 auto;margin-bottom:12px;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel{display:flex !important;flex:1 1 auto !important;flex-direction:column;min-height:0 !important;height:auto !important;margin-bottom:0 !important;overflow:hidden;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head,.shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{flex:0 0 auto;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll{flex:1 1 auto !important;min-height:0 !important;height:auto !important;overflow:hidden;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table{height:100% !important;min-height:0 !important;table-layout:fixed;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead{height:44px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{height:calc(100% - 44px) !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{height:calc(100% / 10) !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .pager{flex:0 0 45px !important;height:45px !important;margin:0 !important;padding-top:8px;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel){display:flex !important;flex-direction:column;min-height:100vh !important;height:100% !important;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content{flex:1 1 auto !important;min-height:0 !important;height:auto !important;padding-bottom:0 !important;overflow:hidden;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .stats{flex:0 0 auto;margin-bottom:12px;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel{display:flex !important;flex:1 1 auto !important;flex-direction:column;min-height:0 !important;height:auto !important;margin-bottom:0 !important;overflow:hidden;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head,.shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .toolbar{flex:0 0 auto;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll{flex:1 1 auto !important;min-height:0 !important;height:auto !important;overflow:hidden;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table{height:100% !important;min-height:0 !important;table-layout:fixed;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead{height:44px !important;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{height:calc(100% - 44px) !important;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{height:calc(100% / 10) !important;}
  .shop-container[data-cq-117] .shop-scope[data-scheme="A"] .provider-list-panel > .pager{flex:0 0 45px !important;height:45px !important;margin:0 !important;padding-top:8px;}}

@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content{padding-bottom:0;}
  .shop-scope[data-scheme="A"] .provider-list-panel{margin-bottom:0;}
}

@supports not (container-type: size) {
  .shop-container[data-cq-118] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content{padding-bottom:0;}
  .shop-container[data-cq-118] .shop-scope[data-scheme="A"] .provider-list-panel{margin-bottom:0;}}

/* Equal-height provider rows for the desktop first-screen table. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > .provider-table{display:grid !important;grid-template-rows:44px minmax(0,1fr);height:100% !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead{display:block !important;width:100% !important;grid-row:1;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{display:grid !important;width:100% !important;height:auto !important;grid-row:2;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead > tr,.shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{display:grid !important;grid-template-columns:8% 22% 20% 14% 21% 15%;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead > tr{height:44px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{height:calc(100% - 44px) !important;grid-template-rows:repeat(var(--provider-row-count),minmax(0,1fr)) !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{height:auto !important;min-height:0 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table th,.shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table td{display:flex !important;align-items:center;width:100% !important;min-width:0;height:auto !important;box-sizing:border-box;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > .provider-table{display:grid !important;grid-template-rows:44px minmax(0,1fr);height:100% !important;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead{display:block !important;width:100% !important;grid-row:1;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{display:grid !important;width:100% !important;height:auto !important;grid-row:2;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead > tr,.shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{display:grid !important;grid-template-columns:8% 22% 20% 14% 21% 15%;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > thead > tr{height:44px !important;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{height:calc(100% - 44px) !important;grid-template-rows:repeat(var(--provider-row-count),minmax(0,1fr)) !important;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody > tr{height:auto !important;min-height:0 !important;}
  .shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table th,.shop-container[data-cq-119] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table td{display:flex !important;align-items:center;width:100% !important;min-width:0;height:auto !important;box-sizing:border-box;}}

/* Short supplier pages stay compact; unused table space remains below rows. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table{
    height:auto !important;
    grid-template-rows:44px auto !important;
    align-content:start !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{
    height:auto !important;
    grid-template-rows:repeat(var(--provider-row-count),minmax(44px,max-content)) !important;
    align-content:start !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-120] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table{
    height:auto !important;
    grid-template-rows:44px auto !important;
    align-content:start !important;
  }
  .shop-container[data-cq-120] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{
    height:auto !important;
    grid-template-rows:repeat(var(--provider-row-count),minmax(44px,max-content)) !important;
    align-content:start !important;
  }}

/* Override the older fill rules with the full page ancestry so the table
   itself receives the space between the toolbar and the pager. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll{flex:1 1 0 !important;min-height:0 !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > table{flex:1 1 auto !important;height:100% !important;min-height:0 !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-121] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll{flex:1 1 0 !important;min-height:0 !important;}
  .shop-container[data-cq-121] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > table{flex:1 1 auto !important;height:100% !important;min-height:0 !important;}}

/* Keep short supplier pages compact after the shared fill rules above. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > .provider-table{
    flex:0 0 auto !important;
    height:auto !important;
    grid-template-rows:44px auto !important;
    align-content:start !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{
    flex:0 0 auto !important;
    height:auto !important;
    grid-template-rows:repeat(var(--provider-row-count),44px) !important;
    align-content:start !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-122] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-content > .provider-list-panel > .table-scroll > .provider-table{
    flex:0 0 auto !important;
    height:auto !important;
    grid-template-rows:44px auto !important;
    align-content:start !important;
  }
  .shop-container[data-cq-122] .shop-scope[data-scheme="A"] .provider-list-panel > .table-scroll > .provider-table > tbody{
    flex:0 0 auto !important;
    height:auto !important;
    grid-template-rows:repeat(var(--provider-row-count),44px) !important;
    align-content:start !important;
  }}


/* Model binding editor: compact, content-sized four-step drawer. */
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps){top:16px;bottom:auto;height:auto;max-height:calc(100vh - 32px);border-radius:14px 0 0 14px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) form{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head{padding:17px 22px 14px;background:#fff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-head h2{font-size:19px;margin-top:3px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{flex:1 1 auto;min-height:0;max-height:calc(100vh - 142px);overflow:auto;padding:16px 22px 14px;background:#f8fafc}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{flex:none;padding:11px 22px;background:#fff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer > span{display:none}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100vh - 32px);
  }
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) form{flex:0 1 auto;}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{flex:0 1 auto;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-123] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){
    height:auto !important;
    min-height:0 !important;
    max-height:calc(100vh - 32px);
  }
  .shop-container[data-cq-123] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) form{flex:0 1 auto;}
  .shop-container[data-cq-123] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{flex:0 1 auto;}}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li:not(:last-child):after{z-index:0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li b{
  position:relative;
  z-index:2;
  padding:0 4px;
  background:#f8fafc;
  white-space:nowrap;
}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps{padding:0 0 13px;margin:0 0 13px;gap:4px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li{gap:6px;font-size:11px;font-weight:600}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li span{width:24px;height:24px;border-radius:8px;font-size:10px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .steps li:not(:last-child):after{left:25px;right:8px;top:12px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .notice{margin:0 0 12px;padding:9px 11px;font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-review{margin:0 0 12px;padding:15px;border:1px solid #e2e9ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(26,45,67,.04)}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form:has(.role-marker.primary){border-top:3px solid #628df0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-form:has(.role-marker.backup){border-top:3px solid #e4a24c}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading{margin-bottom:12px;align-items:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-marker{width:30px;height:30px;border-radius:9px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading h3{font-size:15px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .role-heading p{font-size:10px;margin-top:1px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .field>span{font-size:11px;margin-bottom:4px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .field input,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .field select{height:36px;padding:7px 9px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .field small{font-size:10px;margin-top:4px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .input-with-action{gap:5px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-options{gap:5px;margin-top:7px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-option{min-height:28px;padding:4px 8px;border-radius:7px;font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section h3,.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-review h3{font-size:15px;margin:0 0 3px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .section-head{margin-bottom:12px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-settings-section .settings-section-head{grid-column:1 / -1;margin:0 0 0;padding-top:2px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .model-review>p{font-size:11px;color:var(--muted);margin:3px 0 12px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .comparison{margin-top:0}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){top:8px;bottom:auto;left:8px;right:8px;width:auto;height:auto;max-height:calc(100vh - 16px);border-radius:13px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{max-height:calc(100vh - 142px);flex:0 1 auto;padding:13px 14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{padding:9px 14px}
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn{min-height:34px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-124] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){top:8px;bottom:auto;left:8px;right:8px;width:auto;height:auto;max-height:calc(100vh - 16px);border-radius:13px}
  .shop-container[data-cq-124] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-body{max-height:calc(100vh - 142px);flex:0 1 auto;padding:13px 14px}
  .shop-container[data-cq-124] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer{padding:9px 14px}
  .shop-container[data-cq-124] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .editor-footer .btn{min-height:34px}}

@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:start;
  }
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading > .page-actions{
    grid-column:2;
    grid-row:1;
    align-self:start;
    justify-self:start;
    margin-left:18px;
  }
  .shop-scope[data-scheme="A"] .a-model-page > .feature-tabs{padding-left:19px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-125] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading{
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:start;
  }
  .shop-container[data-cq-125] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading > .page-actions{
    grid-column:2;
    grid-row:1;
    align-self:start;
    justify-self:start;
    margin-left:18px;
  }
  .shop-container[data-cq-125] .shop-scope[data-scheme="A"] .a-model-page > .feature-tabs{padding-left:19px}}
.shop-scope[data-scheme="A"] .a-model-page > .feature-tabs{padding-left:19px}

/* Model list typography hierarchy. */
@container shop (min-width:1201px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-list-columns{font-size:13px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-row{min-height:100px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-index{font-size:14px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:17px;line-height:1.35}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:13px;line-height:1.4}
  .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:14px;line-height:20px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:18px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:14px;line-height:20px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:17px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-list-columns{font-size:13px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-row{min-height:100px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-index{font-size:14px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:17px;line-height:1.35}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:13px;line-height:1.4}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:14px;line-height:20px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:18px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:14px;line-height:20px}
  .shop-container[data-cq-126] .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:17px}}
@container shop (max-width:1200px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-list-columns{font-size:13px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-row{min-height:84px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:16px;line-height:1.3}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:12px;line-height:1.35}
  .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:13px;line-height:19px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:17px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:13px;line-height:19px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:16px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-list-columns{font-size:13px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-row{min-height:84px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:16px;line-height:1.3}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:12px;line-height:1.35}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:13px;line-height:19px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:17px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:13px;line-height:19px}
  .shop-container[data-cq-127] .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:16px}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:16px;line-height:1.3}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:12px;line-height:1.35}
  .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:13px;line-height:19px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:17px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:13px;line-height:19px}
  .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:16px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature h3{font-size:16px;line-height:1.3}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-feature p{font-size:12px;line-height:1.35}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-mode-tag{font-size:11px}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline b{font-size:13px;line-height:19px}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline small{font-size:12px;line-height:17px}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .binding-summary > .muted{font-size:13px;line-height:19px}
  .shop-container[data-cq-128] .shop-scope[data-scheme="A"] .model-list-panel .a-model-action small{font-size:12px;line-height:16px}}

/* Final model-column alignment: hidden provider icons must not reserve a grid column. */
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  width:100% !important;
  gap:0 !important;
  justify-items:center !important;
  text-align:center !important;
}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell .provider-inline > div{
  width:100% !important;
  min-width:0 !important;
  text-align:center !important;
}
.shop-scope[data-scheme="A"] .model-list-panel .a-model-cell > .muted{
  display:block !important;
  width:100% !important;
  text-align:center !important;
}

@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){
    top:50%;
    left:50%;
    right:auto;
    bottom:auto;
    width:min(700px,calc(100vw - 40px));
    min-height:0;
    max-height:calc(100vh - 32px);
    transform:translate(-50%,-50%);
    border-radius:14px;
  }
}

@supports not (container-type: size) {
  .shop-container[data-cq-129] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps){
    top:50%;
    left:50%;
    right:auto;
    bottom:auto;
    width:min(700px,calc(100vw - 40px));
    min-height:0;
    max-height:calc(100vh - 32px);
    transform:translate(-50%,-50%);
    border-radius:14px;
  }}

/* A confirmation modal must fully cover the draft editor beneath it. */
.shop-scope.has-overlay:has(.confirm-dialog) .editor{visibility:hidden !important;pointer-events:none !important;}

/* Provider model options show selection and confirmation as separate states. */
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-list{display:block;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-title{display:block;margin-bottom:9px;font-size:13px;font-weight:700;color:var(--ink);}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-option{width:100%;min-height:48px;padding:8px 11px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;border:1px solid #dce5ec;border-radius:9px;background:#fff;color:#344b60;text-align:left;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-option:hover{border-color:#a9bffb;background:#f8faff;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-option.selected{border-color:#8eacff;background:#edf2ff;color:var(--blue);box-shadow:0 0 0 2px #e4ebff;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-name{font-size:13px;font-weight:700;line-height:18px;overflow-wrap:anywhere;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-state{font-size:10px;line-height:14px;color:#8697a4;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-state.confirmed{color:var(--green);}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-state.pending{color:var(--orange);}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-empty{margin:0;color:#84939e;font-size:12px;line-height:18px;}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-actions{justify-content:flex-end;}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-grid{grid-template-columns:1fr;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-130] .shop-scope[data-scheme="A"] .editor:has(.provider-model-list) .provider-model-grid{grid-template-columns:1fr;}}

/* Keep large provider model responses readable inside a bounded, paged area. */
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading p{
  margin-bottom:0;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-source{
  margin-top:2px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-count{
  margin-left:8px;color:var(--blue);font-size:11px;font-weight:600;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-list{
  display:block;margin-top:16px;padding:14px 0 0;border-top:1px solid #edf0f2;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-toolbar{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-toolbar>div{
  display:flex;align-items:center;gap:9px;min-width:0;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-title{
  width:auto;margin:0;font-size:14px;font-weight:700;color:var(--ink);
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-total,.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-guide{
  color:#8797a4;font-size:11px;white-space:nowrap;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:52px;gap:8px;
  min-height:52px;overflow:visible;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-option{
  width:100%;min-width:0;min-height:52px;padding:8px 11px;display:flex;flex-direction:column;
  align-items:flex-start;justify-content:center;gap:2px;border:1px solid #dce5ec;
  border-radius:9px;background:#fff;color:#344b60;text-align:left;overflow:hidden;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-option:hover{
  border-color:#a9bffb;background:#f8faff;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-option.selected{
  border-color:#7f9fff;background:#edf2ff;color:var(--blue);box-shadow:0 0 0 2px #e4ebff;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-name{
  display:block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:13px;font-weight:700;line-height:18px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-state{
  font-size:10px;line-height:14px;color:#8697a4;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-state.confirmed{color:var(--green);}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-state.pending{color:var(--orange);}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-pager{
  display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;
  color:#758897;font-size:11px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-pager>div{
  display:flex;gap:7px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-pager .btn{
  min-height:29px;padding:5px 10px;font-size:11px;
}
.shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-empty{
  margin:0;padding:14px;border:1px dashed #d6e0e7;border-radius:8px;color:#84939e;
  font-size:12px;line-height:18px;text-align:center;
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading{
    align-items:flex-start;gap:10px;
  }
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading .btn{
    flex:none;
  }
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-toolbar{
    align-items:flex-start;flex-direction:column;gap:4px;
  }
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-grid{
    grid-template-columns:1fr;grid-auto-rows:52px;
  }
  .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-pager{
    align-items:flex-start;flex-direction:column;gap:8px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-131] .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading{
    align-items:flex-start;gap:10px;
  }
  .shop-container[data-cq-131] .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-heading .btn{
    flex:none;
  }
  .shop-container[data-cq-131] .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-toolbar{
    align-items:flex-start;flex-direction:column;gap:4px;
  }
  .shop-container[data-cq-131] .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-grid{
    grid-template-columns:1fr;grid-auto-rows:52px;
  }
  .shop-container[data-cq-131] .shop-scope[data-scheme="A"] .editor:has(.provider-model-editor) .provider-model-pager{
    align-items:flex-start;flex-direction:column;gap:8px;
  }}

/* Match the file-management title layout: add supplier sits immediately
   beside the page heading instead of at the far edge of the header. */
.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 .btn{min-height:36px;padding:7px 12px;font-size:14px;letter-spacing:0;transform:translateY(-2px);}
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1{gap:16px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 .btn{height:39px !important;min-height:39px !important;padding:7px 12px !important;transform:none !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-132] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1{gap:16px !important;}
  .shop-container[data-cq-132] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 .btn{height:39px !important;min-height:39px !important;padding:7px 12px !important;transform:none !important;}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1{gap:12px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 .btn{height:36px !important;min-height:36px !important;transform:none !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-133] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1{gap:12px !important;}
  .shop-container[data-cq-133] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 .btn{height:36px !important;min-height:36px !important;transform:none !important;}}

/* Match the provider-name ink color throughout the complete usage column. */
.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack > *,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack .muted{
  color:#172b3d !important;
}

/* The complete "正在用于" cell follows the primary provider-name scale,
   including its secondary line and the unassigned state. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack > *,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack .muted{
    font-size:15px !important;
    line-height:20px !important;
    margin-top:0 !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-134] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack,.shop-container[data-cq-134] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack > *,.shop-container[data-cq-134] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack .muted{
    font-size:15px !important;
    line-height:20px !important;
    margin-top:0 !important;
  }}
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack > *,.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack .muted{
    font-size:14px !important;
    line-height:18px !important;
    margin-top:0 !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-135] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack,.shop-container[data-cq-135] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack > *,.shop-container[data-cq-135] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table td:nth-child(5) .cell-stack .muted{
    font-size:14px !important;
    line-height:18px !important;
    margin-top:0 !important;
  }}

/* Match the primary provider name scale across the provider data columns. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td{font-size:15px !important;line-height:20px !important;font-weight:500;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td.row-index{font-size:15px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .provider-inline b{font-size:15px !important;line-height:19px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .chip{font-size:15px !important;line-height:18px !important;padding:2px 5px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .badge{font-size:15px !important;line-height:20px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack{font-size:15px !important;line-height:20px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack small{font-size:12px !important;line-height:15px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .row-actions .btn{font-size:15px !important;line-height:22px !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td{font-size:15px !important;line-height:20px !important;font-weight:500;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td.row-index{font-size:15px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .provider-inline b{font-size:15px !important;line-height:19px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .chip{font-size:15px !important;line-height:18px !important;padding:2px 5px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .badge{font-size:15px !important;line-height:20px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack{font-size:15px !important;line-height:20px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack small{font-size:12px !important;line-height:15px !important;}
  .shop-container[data-cq-136] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .row-actions .btn{font-size:15px !important;line-height:22px !important;}}
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td{font-size:14px !important;line-height:18px !important;font-weight:500;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:18px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .chip{font-size:14px !important;line-height:16px !important;padding:2px 4px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .badge{font-size:14px !important;line-height:18px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack{font-size:14px !important;line-height:18px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack small{font-size:11px !important;line-height:14px !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .row-actions .btn{font-size:14px !important;line-height:20px !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > tbody > tr > td{font-size:14px !important;line-height:18px !important;font-weight:500;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:18px !important;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .chip{font-size:14px !important;line-height:16px !important;padding:2px 4px !important;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .badge{font-size:14px !important;line-height:18px !important;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack{font-size:14px !important;line-height:18px !important;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .cell-stack small{font-size:11px !important;line-height:14px !important;}
  .shop-container[data-cq-137] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table .row-actions .btn{font-size:14px !important;line-height:20px !important;}}

/* Use the same deep ink as the page headings for readable provider headers. */
.shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > thead > tr > th{
  color:#172b3d !important;
}

/* Final provider table heading override: larger and visibly heavier than the
   body values, while keeping the existing column alignment. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > thead > tr > th{
    font-size:16px !important;
    line-height:22px !important;
    font-weight:800 !important;
    letter-spacing:.01em;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-138] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > thead > tr > th{
    font-size:16px !important;
    line-height:22px !important;
    font-weight:800 !important;
    letter-spacing:.01em;
  }}
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > thead > tr > th{
    font-size:14px !important;
    line-height:18px !important;
    font-weight:800 !important;
    letter-spacing:.01em;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-139] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .provider-list-panel .provider-table > thead > tr > th{
    font-size:14px !important;
    line-height:18px !important;
    font-weight:800 !important;
    letter-spacing:.01em;
  }}

/* Provider table headings: one step larger and visibly bold. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:14px !important;line-height:20px !important;font-weight:700 !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-140] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:14px !important;line-height:20px !important;font-weight:700 !important;}}
@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:12px !important;line-height:16px !important;font-weight:700 !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-141] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:12px !important;line-height:16px !important;font-weight:700 !important;}}

/* Provider page type scale: readable data while preserving the 12-row first
   screen layout. */
@container shop (min-width:901px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{font-size:30px !important;line-height:1.2 !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:14px !important;line-height:1.5 !important;}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat span{font-size:12px !important;}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:24px !important;}
  .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:10px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:18px !important;line-height:1.4 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:13px !important;line-height:1.5 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:14px !important;line-height:20px !important;font-weight:700 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:14px !important;line-height:20px !important;padding-top:4px !important;padding-bottom:4px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:15px !important;line-height:19px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:11px !important;line-height:14px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:10px !important;line-height:14px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:11px !important;line-height:16px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .usage-count{font-size:13px !important;line-height:19px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack{font-size:13px !important;line-height:19px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:11px !important;line-height:14px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{font-size:13px !important;line-height:20px !important;min-height:28px !important;padding:3px 8px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .pager{font-size:12px !important;line-height:18px !important;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{font-size:30px !important;line-height:1.2 !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:14px !important;line-height:1.5 !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat span{font-size:12px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat strong{font-size:24px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .page-content:has(> .provider-list-panel) > .stats .stat small{font-size:10px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:18px !important;line-height:1.4 !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:13px !important;line-height:1.5 !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:14px !important;line-height:20px !important;font-weight:700 !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:14px !important;line-height:20px !important;padding-top:4px !important;padding-bottom:4px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:15px !important;line-height:19px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:11px !important;line-height:14px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:10px !important;line-height:14px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:11px !important;line-height:16px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .usage-count{font-size:13px !important;line-height:19px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack{font-size:13px !important;line-height:19px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:11px !important;line-height:14px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{font-size:13px !important;line-height:20px !important;min-height:28px !important;padding:3px 8px !important;}
  .shop-container[data-cq-142] .shop-scope[data-scheme="A"] .provider-list-panel > .pager{font-size:12px !important;line-height:18px !important;}}

@container shop (max-width:900px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{font-size:26px !important;line-height:1.2 !important;}
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:12px !important;line-height:1.5 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:17px !important;line-height:1.4 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:12px !important;line-height:1.5 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:12px !important;line-height:16px !important;font-weight:700 !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:13px !important;line-height:18px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:18px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:10px !important;line-height:13px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:10px !important;line-height:13px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:10px !important;line-height:14px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .usage-count{font-size:12px !important;line-height:17px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack{font-size:12px !important;line-height:17px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:10px !important;line-height:13px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{font-size:12px !important;line-height:18px !important;min-height:26px !important;padding:2px 6px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{padding-left:0 !important;padding-right:0 !important;}
}

@supports not (container-type: size) {
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading h1{font-size:26px !important;line-height:1.2 !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) > .page-heading p{font-size:12px !important;line-height:1.5 !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:17px !important;line-height:1.4 !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:12px !important;line-height:1.5 !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table th{font-size:12px !important;line-height:16px !important;font-weight:700 !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:13px !important;line-height:18px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:18px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:10px !important;line-height:13px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .chip{font-size:10px !important;line-height:13px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .badge{font-size:10px !important;line-height:14px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .usage-count{font-size:12px !important;line-height:17px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack{font-size:12px !important;line-height:17px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .cell-stack small{font-size:10px !important;line-height:13px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .row-actions .btn{font-size:12px !important;line-height:18px !important;min-height:26px !important;padding:2px 6px !important;}
  .shop-container[data-cq-143] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{padding-left:0 !important;padding-right:0 !important;}}

@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:17px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:12px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:14px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:19px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:11px !important;line-height:15px !important;}
}

@supports not (container-type: size) {
  .shop-container[data-cq-144] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head h2{font-size:17px !important;}
  .shop-container[data-cq-144] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head p{font-size:12px !important;}
  .shop-container[data-cq-144] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td{font-size:14px !important;}
  .shop-container[data-cq-144] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline b{font-size:14px !important;line-height:19px !important;}
  .shop-container[data-cq-144] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table .provider-inline small{font-size:11px !important;line-height:15px !important;}}

/* Keep the provider refresh action immediately beside the title text. */
.shop-scope[data-scheme="A"] .provider-list-panel .section-title-group{min-width:0;}
.shop-scope[data-scheme="A"] .provider-list-panel .section-title-line{display:flex;align-items:center;gap:8px;}
.shop-scope[data-scheme="A"] .provider-list-panel .section-title-line .btn{margin:0;flex:none;}
.shop-scope[data-scheme="A"] .provider-list-panel .section-head h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.shop-scope[data-scheme="A"] .provider-section-title{display:inline-block;}
.shop-scope[data-scheme="A"] .provider-list-panel .section-head h2 .btn{min-height:30px;padding:4px 8px;font-size:14px;}
.shop-scope[data-scheme="A"] .provider-list-panel > .toolbar > select[data-field="cap"]{order:1;}
.shop-scope[data-scheme="A"] .provider-list-panel > .toolbar > select[data-field="status"]{order:2;}
.shop-scope[data-scheme="A"] .provider-list-panel > .toolbar > .search{order:3;}
.shop-scope[data-scheme="A"] .provider-list-panel > .toolbar > .toolbar-spacer{order:4;}

@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{align-items:center !important;justify-content:flex-start !important;gap:12px !important;}
  .shop-scope[data-scheme="A"] .provider-list-panel > .section-head > .btn{margin-top:0 !important;}
}

@supports not (container-type: size) {
  .shop-container[data-cq-145] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head{align-items:center !important;justify-content:flex-start !important;gap:12px !important;}
  .shop-container[data-cq-145] .shop-scope[data-scheme="A"] .provider-list-panel > .section-head > .btn{margin-top:0 !important;}}

/* Center every visible provider value on the corresponding header column. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table > thead th,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table > tbody td{
    text-align:center !important;
    justify-content:center !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .link-row{
    width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .link-row > div{
    flex:0 1 auto;
    min-width:0;
    text-align:center !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .chips,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .cell-stack,.shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .row-actions{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
  }
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .cell-stack{display:flex;flex-direction:column;}
  .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .badge{margin-left:auto;margin-right:auto;}
}
@supports not (container-type: size) {
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table > thead th,.shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table > tbody td{
    text-align:center !important;
    justify-content:center !important;
  }
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .link-row{
    width:100% !important;
    margin:0 !important;
    padding-left:0 !important;
    padding-right:0 !important;
    justify-content:center !important;
    text-align:center !important;
  }
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .link-row > div{
    flex:0 1 auto;
    min-width:0;
    text-align:center !important;
  }
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .chips,.shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .cell-stack,.shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .row-actions{
    width:100% !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
  }
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .cell-stack{display:flex;flex-direction:column;}
  .shop-container[data-cq-146] .shop-scope[data-scheme="A"] .provider-list-panel .provider-table td > .badge{margin-left:auto;margin-right:auto;}}

/* Points editor: a centered content-sized dialog with three clear rule cards. */
.points-editor-dialog{top:50%;left:50%;right:auto;bottom:auto;width:min(760px,calc(100vw - 40px));height:auto;max-height:calc(100dvh - 40px);transform:translate(-50%,-50%);border-radius:16px;overflow:hidden}
.points-editor-dialog form{display:flex;flex-direction:column;min-height:0}
.points-editor-dialog .editor-head{flex:none;padding:20px 26px 17px;background:#fff;border-bottom:1px solid #e6edf2}
.points-editor-dialog .editor-head .eyebrow{color:var(--blue);font-size:10px}
.points-editor-dialog .editor-head h2{font-size:22px;margin:4px 0 0;letter-spacing:-.02em}
.points-editor-dialog .editor-body{min-height:0;max-height:calc(100dvh - 160px);overflow:auto;padding:20px 26px;background:#f7f9fb}
.points-editor-content{display:flex;flex-direction:column;gap:14px}
.points-editor-content>.steps{flex:none;margin:0 0 2px;padding-bottom:14px}
.points-editor-section{margin:0;padding:17px 18px 16px;border:1px solid #dfe7ed;border-radius:12px;background:#fff;box-shadow:0 3px 12px rgba(26,45,67,.04)}
.points-editor-section:nth-of-type(1){border-top:3px solid #628df0}
.points-editor-section:nth-of-type(2){border-top:3px solid #8068bd}
.points-editor-section:nth-of-type(3){border-top:3px solid #d58e4c}
.points-editor-section:nth-of-type(4){border-top:3px solid #3e9d8a}
.points-editor-section .form-section-head{align-items:flex-start;gap:11px;margin-bottom:14px}
.points-editor-section .feature-icon{width:36px;height:36px;border-radius:10px;flex:none}
.points-editor-section .form-section-head>div{min-width:0}
.points-editor-section-index{display:block;color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.2}
.points-editor-section h3{font-size:17px;line-height:1.3;margin:2px 0 3px;color:var(--ink)}
.points-editor-section .form-section-head p{font-size:12px;line-height:1.45;margin:0;color:var(--muted)}
.points-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;padding:14px 0 0;border-top:1px solid #edf1f3}
.points-editor-grid .field>span{font-size:12px;margin-bottom:5px;color:#40566a}
.points-editor-grid .field input{height:40px;font-size:15px;font-weight:600;min-width:0}
.points-editor-grid .field-inline-control{display:flex;align-items:center;border:1px solid #d7e0e7;border-radius:7px;background:#fff;overflow:hidden}
.points-editor-grid .field-inline-control input{flex:1;border:0;border-radius:0;outline:0}
.points-editor-grid .field-inline-control small{flex:none;margin:0;padding:0 10px;color:#82929e;font-size:11px;white-space:nowrap}
.points-editor-grid .field small{font-size:10px;margin-top:4px;color:#82929e}
.points-model-cost-note{margin:12px 0 0;color:#82929e;font-size:11px;line-height:1.5}
.points-editor-moved-note{padding:12px;background:#f5f8ff;border:1px solid #dbe5ff;border-radius:7px;color:#536b91;font-size:12px;line-height:1.5}
.points-rule-moved{padding:11px 0;color:#627789;font-size:12px;line-height:1.5}
.points-editor-note{flex:none}
.points-editor-note .notice{margin:0;padding:10px 12px;font-size:11px;background:#edf3ff;border-color:#d6e2ff;color:#536b91}
.points-editor-note .notice .icon{color:var(--blue)}
.points-editor-dialog .editor-footer{flex:none;min-height:64px;padding:12px 26px;background:#fff;border-top:1px solid #e6edf2}
.points-editor-dialog .editor-footer>span{font-size:11px;color:#82929e}
.points-editor-dialog .editor-footer>div{gap:9px}
.points-editor-dialog .editor-footer .btn{min-height:38px}
.points-editor-dialog .editor-footer .btn.primary{min-width:142px}
.points-workflow-select{grid-column:1 / -1;margin:0;padding:12px;border:1px solid #dfe7ed;border-radius:8px;background:#fff}
.points-workflow-select legend{padding:0 5px;color:#40566a;font-size:12px;font-weight:700}
.points-workflow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:3px}
.points-workflow-option{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;padding:9px 10px;border:1px solid #e3eaf0;border-radius:7px;background:#fbfcfd;cursor:pointer;text-align:center}
.points-workflow-option.selected{border-color:#b9caff;background:#f3f6ff}
.points-workflow-option input{position:absolute;left:10px;top:50%;margin:0;transform:translateY(-50%);accent-color:var(--blue)}
.points-workflow-option span{display:block;min-width:0;text-align:center}
.points-workflow-option b{display:block;color:var(--ink);font-size:12px}
.points-workflow-option small{display:block;margin-top:2px;color:#84939e;font-size:10px}
.points-calc-result.workflow{justify-content:flex-start;overflow:auto}
.points-calc-pending{color:#98651c!important;font-size:28px!important}
.points-calc-breakdown{list-style:none;margin:12px 0 0;padding:0;border-top:1px solid rgba(120,100,40,.18);font-size:12px}
.points-calc-breakdown li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(120,100,40,.12)}
.points-calc-breakdown li:last-child{border-bottom:0}
.points-calc-breakdown b{white-space:nowrap}
.editor.editor.points-editor-dialog{top:50% !important;left:50% !important;right:auto !important;bottom:auto !important;width:min(760px,calc(100vw - 40px)) !important;height:auto !important;max-height:calc(100dvh - 40px) !important;transform:translate(-50%,-50%) !important}
@container shop (max-width:760px){
  .editor.editor.points-editor-dialog{top:12px !important;left:12px !important;right:12px !important;bottom:12px !important;width:auto !important;height:auto !important;max-height:none !important;transform:none !important;border-radius:14px}
  .points-editor-dialog .editor-head{padding:15px 16px 13px}
  .points-editor-dialog .editor-head h2{font-size:19px}
  .points-editor-dialog .editor-body{flex:1 1 auto;max-height:none;padding:14px 14px 16px}
  .points-editor-content{gap:10px}
  .points-editor-section{padding:14px 13px 13px;border-radius:10px}
  .points-editor-section .form-section-head{margin-bottom:11px}
  .points-editor-section h3{font-size:16px}
  .points-editor-section .form-section-head p{font-size:11px}
  .points-editor-grid{grid-template-columns:1fr;gap:11px;padding-top:11px}
  .points-workflow-options{grid-template-columns:1fr}
  .points-calc-breakdown{margin-top:9px}
  .points-editor-dialog .editor-footer{min-height:58px;padding:9px 14px}
  .points-editor-dialog .editor-footer>span{display:none}
  .points-editor-dialog .editor-footer>div{width:100%;gap:7px}
  .points-editor-dialog .editor-footer .btn{flex:1;min-height:36px;padding:7px 9px}
  .points-editor-dialog .editor-footer .btn.primary{min-width:0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-147] .editor.editor.points-editor-dialog{top:12px !important;left:12px !important;right:12px !important;bottom:12px !important;width:auto !important;height:auto !important;max-height:none !important;transform:none !important;border-radius:14px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-head{padding:15px 16px 13px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-head h2{font-size:19px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-body{flex:1 1 auto;max-height:none;padding:14px 14px 16px}
  .shop-container[data-cq-147] .points-editor-content{gap:10px}
  .shop-container[data-cq-147] .points-editor-section{padding:14px 13px 13px;border-radius:10px}
  .shop-container[data-cq-147] .points-editor-section .form-section-head{margin-bottom:11px}
  .shop-container[data-cq-147] .points-editor-section h3{font-size:16px}
  .shop-container[data-cq-147] .points-editor-section .form-section-head p{font-size:11px}
  .shop-container[data-cq-147] .points-editor-grid{grid-template-columns:1fr;gap:11px;padding-top:11px}
  .shop-container[data-cq-147] .points-workflow-options{grid-template-columns:1fr}
  .shop-container[data-cq-147] .points-calc-breakdown{margin-top:9px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-footer{min-height:58px;padding:9px 14px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-footer>span{display:none}
  .shop-container[data-cq-147] .points-editor-dialog .editor-footer>div{width:100%;gap:7px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-footer .btn{flex:1;min-height:36px;padding:7px 9px}
  .shop-container[data-cq-147] .points-editor-dialog .editor-footer .btn.primary{min-width:0}}

/* Image generation settings: quality multi-select and aspect-ratio cards. */
.model-settings-section .settings-section-head{grid-column:1 / -1;margin-bottom:0}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .setting-group{margin:0 0 14px;padding:13px 0 0;border:0;border-top:1px solid #edf1f3}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .setting-group legend{padding:0;color:var(--ink);font-size:14px;font-weight:700}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .setting-group>p{margin:3px 0 8px;color:var(--muted);font-size:11px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .quality-options{display:flex;flex-wrap:wrap;gap:8px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .quality-options .model-option{min-width:68px;text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:66px;padding:9px 6px;border:1px solid #dce5eb;border-radius:9px;background:#fff;color:var(--ink);text-align:center}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option:hover{border-color:#a9bffb;background:#f8faff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option.active{border-color:#628df0;background:#edf3ff;color:var(--blue);box-shadow:0 0 0 2px #dbe6ff}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option b{font-size:12px}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option span{font-size:10px;color:#7e909d}
.shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-option.active span{color:#6179b5}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-options{grid-template-columns:1fr}
}
@supports not (container-type: size) {
  .shop-container[data-cq-148] .shop-scope[data-scheme="A"] .editor.drawer:has(.steps) .aspect-options{grid-template-columns:1fr}}

/* User detail: use a centered content card instead of the full-height drawer. */
.shop-scope[data-scheme="A"] .editor.user-detail-dialog{
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  width:min(760px,calc(100vw - 40px));
  height:auto;
  max-height:calc(100dvh - 40px);
  transform:translate(-50%,-50%);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 64px rgba(18,36,54,.25);
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog form{
  display:flex;
  min-height:0;
  flex-direction:column;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head{
  flex:none;
  min-height:72px;
  padding:20px 26px 17px;
  align-items:center;
  background:#fff;
  border-bottom:1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head h2{
  margin:0;
  color:var(--ink);
  font-size:22px;
  letter-spacing:-.02em;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head .btn{
  width:36px;
  height:36px;
  border-color:#dce5ec;
  border-radius:10px;
  color:#647a8c;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body{
  min-height:0;
  max-height:calc(100dvh - 150px);
  overflow:auto;
  padding:22px 26px 24px;
  background:#f7f9fc;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  grid-template-areas:"avatar name balance" "avatar meta action";
  column-gap:16px;
  row-gap:4px;
  padding:20px;
  align-items:center;
  border:1px solid #dfe8ef;
  border-top:3px solid #3b68e8;
  border-radius:14px;
  background:linear-gradient(135deg,#fff,#f4f8ff);
  text-align:left;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero .avatar{
  grid-area:avatar;
  width:64px;
  height:64px;
  margin:0;
  border-radius:18px;
  color:#fff;
  background:linear-gradient(145deg,#5d88b0,#315f87);
  font-size:25px;
  box-shadow:0 8px 16px rgba(49,95,135,.18);
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero h2{
  grid-area:name;
  margin:0;
  color:var(--ink);
  font-size:22px;
  line-height:1.2;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero p{
  grid-area:meta;
  margin:0;
  color:#718494;
  font-size:12px;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero strong{
  grid-area:balance;
  display:flex;
  align-items:baseline;
  justify-content:flex-end;
  gap:5px;
  margin:0;
  color:#2f63d4;
  font-size:30px;
  line-height:1;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero strong small{
  color:#6d8192;
  font-size:12px;
  font-weight:600;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero > .btn{
  grid-area:action;
  justify-self:end;
  min-height:34px;
  padding:6px 14px;
  border:0;
  border-radius:9px;
  color:#fff;
  background:#3b68e8;
  box-shadow:0 6px 12px rgba(59,104,232,.2);
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .section-head{
  margin:22px 0 10px;
  align-items:flex-end;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .section-head h2{
  color:var(--ink);
  font-size:17px;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .section-head p{
  margin-top:3px;
  color:#8596a4;
  font-size:11px;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list{
  overflow:hidden;
  border:1px solid #dfe8ef;
  border-radius:12px;
  background:#fff;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list > div{
  min-height:64px;
  padding:13px 16px;
  align-items:center;
  border-bottom:1px solid #edf1f4;
  font-size:13px;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list > div:last-child{border-bottom:0}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list > div > span{color:var(--ink);font-weight:700}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list small{
  margin-top:3px;
  color:#93a1ad;
  font-size:11px;
  font-weight:400;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list b{font-size:15px}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .muted{
  margin:16px 0 0;
  padding:13px 15px;
  border:1px solid #dfe8ef;
  border-radius:10px;
  color:#526b7d;
  background:#fff;
  font-size:12px;
  line-height:1.5;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-footer{
  flex:none;
  min-height:64px;
  padding:12px 26px;
  justify-content:flex-end;
  background:#fff;
  border-top:1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-footer > .btn{
  min-width:88px;
  min-height:36px;
}
.shop-scope:has(.editor.user-detail-dialog){overflow:hidden}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog{
  top:50%;
  left:50%;
  right:auto;
  bottom:auto;
  width:min(560px,calc(100vw - 40px));
  height:auto;
  max-height:calc(100dvh - 40px);
  transform:translate(-50%,-50%);
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 20px 64px rgba(18,36,54,.25);
}
.shop-scope:has(.editor.user-adjust-dialog){overflow:hidden}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog form{display:flex;min-height:0;flex-direction:column}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head{
  flex:none;
  min-height:70px;
  padding:19px 24px 16px;
  align-items:center;
  background:#fff;
  border-bottom:1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head h2{
  margin:0;
  color:var(--ink);
  font-size:21px;
  letter-spacing:-.02em;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head .btn{
  width:36px;
  height:36px;
  border-color:#dce5ec;
  border-radius:10px;
  color:#647a8c;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-body{
  min-height:0;
  max-height:calc(100dvh - 150px);
  overflow:auto;
  padding:20px 24px 22px;
  background:#f7f9fc;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-body > .notice{
  margin:0 0 18px;
  padding:12px 14px;
  border:1px solid #d5e2fb;
  border-radius:10px;
  color:#426294;
  background:#edf3ff;
  font-size:13px;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .form-grid{
  gap:16px;
  padding:0;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .field > span{
  margin-bottom:6px;
  color:#3d5367;
  font-size:12px;
  font-weight:700;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .field input,.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .field select{
  height:42px;
  padding:8px 12px;
  border-color:#d4e0e9;
  border-radius:9px;
  color:var(--ink);
  background:#fff;
  font-size:14px;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .field input:focus,.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .field select:focus{
  border-color:#7fa5ed;
  box-shadow:0 0 0 3px #e8f0ff;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer{
  flex:none;
  min-height:68px;
  padding:12px 24px;
  justify-content:flex-end;
  gap:9px;
  background:#fff;
  border-top:1px solid #e7edf2;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer > .btn{
  min-width:88px;
  min-height:38px;
}
.shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer > .btn.primary{
  min-width:142px;
  box-shadow:0 7px 14px rgba(59,104,232,.2);
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog{
    top:12px;
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    height:auto;
    max-height:none;
    transform:none;
    border-radius:14px;
  }
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head{min-height:60px;padding:14px 16px 12px}
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head h2{font-size:19px}
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-body{max-height:none;padding:14px 14px 18px}
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .form-grid{grid-template-columns:1fr;gap:12px}
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer{min-height:58px;padding:9px 14px}
  .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer > .btn{flex:1;min-width:0}
}
@supports not (container-type: size) {
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog{
    top:12px;
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    height:auto;
    max-height:none;
    transform:none;
    border-radius:14px;
  }
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head{min-height:60px;padding:14px 16px 12px}
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-head h2{font-size:19px}
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-body{max-height:none;padding:14px 14px 18px}
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .form-grid{grid-template-columns:1fr;gap:12px}
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer{min-height:58px;padding:9px 14px}
  .shop-container[data-cq-149] .shop-scope[data-scheme="A"] .editor.user-adjust-dialog .editor-footer > .btn{flex:1;min-width:0}}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog{
    top:12px;
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    height:auto;
    max-height:none;
    transform:none;
    border-radius:14px;
  }
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head{min-height:60px;padding:14px 16px 12px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head h2{font-size:19px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body{max-height:none;padding:14px 14px 18px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero{
    grid-template-columns:58px minmax(0,1fr);
    grid-template-areas:"avatar name" "avatar meta" "balance balance" "action action";
    gap:5px 12px;
    padding:16px;
  }
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero .avatar{width:54px;height:54px;border-radius:15px;font-size:21px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero h2{font-size:20px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero strong{justify-content:flex-start;margin-top:10px;font-size:28px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero > .btn{width:100%;margin-top:6px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .section-head{margin-top:16px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list > div{min-height:58px;padding:11px 13px}
  .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-footer{min-height:58px;padding:9px 14px}
}
@supports not (container-type: size) {
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog{
    top:12px;
    left:12px;
    right:12px;
    bottom:12px;
    width:auto;
    height:auto;
    max-height:none;
    transform:none;
    border-radius:14px;
  }
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head{min-height:60px;padding:14px 16px 12px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-head h2{font-size:19px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body{max-height:none;padding:14px 14px 18px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero{
    grid-template-columns:58px minmax(0,1fr);
    grid-template-areas:"avatar name" "avatar meta" "balance balance" "action action";
    gap:5px 12px;
    padding:16px;
  }
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero .avatar{width:54px;height:54px;border-radius:15px;font-size:21px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero h2{font-size:20px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero strong{justify-content:flex-start;margin-top:10px;font-size:28px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .user-detail-hero > .btn{width:100%;margin-top:6px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-body > .section-head{margin-top:16px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .record-list > div{min-height:58px;padding:11px 13px}
  .shop-container[data-cq-150] .shop-scope[data-scheme="A"] .editor.user-detail-dialog .editor-footer{min-height:58px;padding:9px 14px}}

/* User management A-scheme desktop: keep the four overview cards on one row
   and size the first table page from the viewport so the list and pager stay
   visible without leaving a second blank strip below the panel. */
@container shop (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat{
    min-width:0;
    min-height:78px;
    padding:10px 12px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat span{
    overflow:hidden;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat strong{
    margin:3px 0 1px;
    font-size:21px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat small{
    overflow:hidden;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .pager{
    margin-top:0 !important;
    padding-top:8px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll table tbody tr,.shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll table tbody tr td{
    height:48px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll tbody td{
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    line-height:1.2;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll tbody .btn.text{
    min-height:24px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    line-height:1.2;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:8px;
    margin-bottom:12px;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat{
    min-width:0;
    min-height:78px;
    padding:10px 12px;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat span{
    overflow:hidden;
    font-size:11px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat strong{
    margin:3px 0 1px;
    font-size:21px;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .stats .stat small{
    overflow:hidden;
    font-size:9px;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .pager{
    margin-top:0 !important;
    padding-top:8px !important;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll table tbody tr,.shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll table tbody tr td{
    height:48px !important;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll tbody td{
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    line-height:1.2;
  }
  .shop-container[data-cq-151] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel .table-scroll tbody .btn.text{
    min-height:24px;
    padding-top:2px;
    padding-bottom:2px;
    font-size:12px;
    line-height:1.2;
  }}

@container shop (max-width:1100px) and (min-width:761px){
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading{
    padding:10px 18px 8px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading h1{
    font-size:26px;
    line-height:1.15;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading p{
    font-size:11px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-content{
    padding:0 18px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel{
    padding:12px 14px 0 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head{
    margin-bottom:8px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head h2{
    font-size:16px;
  }
  .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head p{
    margin-top:1px;
    font-size:11px;
  }
}

@supports not (container-type: size) {
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading{
    padding:10px 18px 8px;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading h1{
    font-size:26px;
    line-height:1.15;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-heading p{
    font-size:11px;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) > .page-content{
    padding:0 18px;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel{
    padding:12px 14px 0 !important;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head{
    margin-bottom:8px;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head h2{
    font-size:16px;
  }
  .shop-container[data-cq-152] .shop-scope[data-scheme="A"] #main:has(.user-list-panel) .user-list-panel > .section-head p{
    margin-top:1px;
    font-size:11px;
  }}

/* Final finance detail number scale, after the compact viewport overrides. */
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(1),.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(2),.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(5),.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(6){
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(2) > small,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > b{
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small{
    color:#92a0ab !important;font-size:12px !important;font-weight:400 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(7) > strong{
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(8) .btn{
    font-size:13px !important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(1),.shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(2),.shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(5),.shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(6){
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(2) > small,.shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > b{
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small{
    color:#92a0ab !important;font-size:12px !important;font-weight:400 !important;
  }
  .shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(7) > strong{
    color:#172b3d !important;font-size:14px !important;font-weight:700 !important;
  }
  .shop-container[data-cq-153] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(8) .btn{
    font-size:13px !important;
  }}

/* Keep the order/product pair in deterministic slots so tag starts do not
   move when another order number is longer. */
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack {
  --finance-product-slot:86px;
  display:grid!important;
  grid-template-columns:minmax(0,161px) var(--finance-product-slot)!important;
  align-items:center!important;
  justify-content:center!important;
  column-gap:8px!important;
  width:100%!important;
  min-width:0!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > b {
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small.finance-source-tag {
  display:inline-flex!important;
  align-items:center!important;
  justify-self:start!important;
  min-width:0!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  color:#4161b9!important;
  background:#edf2ff!important;
  border-radius:5px!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.1!important;
  padding:4px 7px!important;
  white-space:nowrap!important;
  text-align:left!important;
}
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small.finance-source-tag.miniapp {
  color:#287e74!important;
  background:#e8f7f0!important;
}
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small.finance-source-tag {
    line-height:1.5!important;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-154] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > small.finance-source-tag {
    line-height:1.5!important;
  }}

/* Final file content placement: center the visible image/name group under its header. */
.shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  justify-content:center !important;
  text-align:left !important;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
  display:flex !important;
  align-items:center;
  justify-content:flex-start !important;
  gap:12px;
  width:max-content !important;
  max-width:100%;
  min-width:0;
  margin-inline:auto;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .mini-thumb {flex:0 0 auto}
.shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:0 0 auto}
@container shop (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:center !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:max-content !important;max-width:100%;margin-inline:auto}
}
@supports not (container-type: size) {
  .shop-container[data-cq-155] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {justify-content:center !important}
  .shop-container[data-cq-155] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {width:max-content !important;max-width:100%;margin-inline:auto}}

/* The finance filter DOM is source, range, then search. Keep the flexible
   column last and clear desktop minimum widths at tablet sizes. */
@container shop (min-width:761px) and (max-width:1100px){
  .shop-scope[data-scheme="A"] #main .user-list-panel > .table-scroll,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .table-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    grid-template-columns:108px 108px minmax(0,1fr) !important;
    height:auto !important;
    min-height:44px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > select,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search input{
    width:100% !important;
    min-width:0 !important;
    max-width:100%;
    height:28px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > select,.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search input{
    padding-top:4px !important;
    padding-bottom:4px !important;
    font-size:12px !important;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .finance-date{
    grid-column:1 / -1;
    min-width:0;
  }
  .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-date input{
    width:min(180px,42%);
    min-width:0;
    height:28px;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main .user-list-panel > .table-scroll,.shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-panel > .table-scroll{
    overflow-x:auto !important;
    overflow-y:hidden !important;
  }
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters{
    grid-template-columns:108px 108px minmax(0,1fr) !important;
    height:auto !important;
    min-height:44px !important;
  }
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > select,.shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search,.shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search input{
    width:100% !important;
    min-width:0 !important;
    max-width:100%;
    height:28px !important;
  }
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > select,.shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .search input{
    padding-top:4px !important;
    padding-bottom:4px !important;
    font-size:12px !important;
  }
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-filters > .finance-date{
    grid-column:1 / -1;
    min-width:0;
  }
  .shop-container[data-cq-156] .shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-date input{
    width:min(180px,42%);
    min-width:0;
    height:28px;
  }}

/* Phone controls have a complete touch target while the desktop reference
   retains its compact row sizes. Native dates must also be allowed to shrink. */
@container shop (max-width:760px){
  .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 [data-action="provider-add"],.shop-scope[data-scheme="A"] #main [data-action="price-edit"].btn,.shop-scope[data-scheme="A"] #main .a-cost-page [data-action="cost-filter-option"].btn,.shop-scope[data-scheme="A"] #main [data-action="cost-filter-option"].btn{
    min-height:44px !important;
  }
  .shop-scope[data-scheme="A"] .btn,.shop-scope[data-scheme="A"] .icon-button,.shop-scope[data-scheme="A"] .gender-trigger,.shop-scope[data-scheme="A"] .gender-option,.shop-scope[data-scheme="A"] .model-option,.shop-scope[data-scheme="A"] .provider-model-option,.shop-scope[data-scheme="A"] .cost-filter-option{
    min-height:44px !important;
    min-width:44px;
  }
  .shop-scope[data-scheme="A"] input:not([type="checkbox"]):not([type="radio"]),.shop-scope[data-scheme="A"] select,.shop-scope[data-scheme="A"] .finance-filters .search input,.shop-scope[data-scheme="A"] .finance-filters select{
    min-width:0;
    min-height:44px !important;
    font-size:16px;
  }
  .shop-scope[data-scheme="A"] .finance-date{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .shop-scope[data-scheme="A"] .finance-date input{min-width:0;max-width:100%}
}
@supports not (container-type: size) {
  .shop-container[data-cq-157] .shop-scope[data-scheme="A"] #main:has(.provider-list-panel) .page-heading h1 [data-action="provider-add"],.shop-container[data-cq-157] .shop-scope[data-scheme="A"] #main [data-action="price-edit"].btn,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] #main .a-cost-page [data-action="cost-filter-option"].btn,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] #main [data-action="cost-filter-option"].btn{
    min-height:44px !important;
  }
  .shop-container[data-cq-157] .shop-scope[data-scheme="A"] .btn,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .icon-button,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .gender-trigger,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .gender-option,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .model-option,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .provider-model-option,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .cost-filter-option{
    min-height:44px !important;
    min-width:44px;
  }
  .shop-container[data-cq-157] .shop-scope[data-scheme="A"] input:not([type="checkbox"]):not([type="radio"]),.shop-container[data-cq-157] .shop-scope[data-scheme="A"] select,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .finance-filters .search input,.shop-container[data-cq-157] .shop-scope[data-scheme="A"] .finance-filters select{
    min-width:0;
    min-height:44px !important;
    font-size:16px;
  }
  .shop-container[data-cq-157] .shop-scope[data-scheme="A"] .finance-date{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  .shop-container[data-cq-157] .shop-scope[data-scheme="A"] .finance-date input{min-width:0;max-width:100%}}

/* Wide screens also keep long filenames inside the name cell. The thumb
   keeps its fixed width while the text column may wrap naturally. */
@container shop (min-width:1101px){
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
    overflow:hidden;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
    width:100% !important;
    max-width:100%;
    overflow:visible;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {
    flex:1 1 auto !important;
    min-width:0;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-base {
    flex:1 1 auto !important;
    min-width:0;
    white-space:normal !important;
    overflow-wrap:anywhere;
    font-size:13px;
    line-height:1.35;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-158] .shop-scope[data-scheme="A"] .file-list-panel .file-table td:nth-child(2) > .file-inline {
    overflow:hidden;
  }
  .shop-container[data-cq-158] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
    width:100% !important;
    max-width:100%;
    overflow:visible;
  }
  .shop-container[data-cq-158] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {
    flex:1 1 auto !important;
    min-width:0;
  }
  .shop-container[data-cq-158] .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-base {
    flex:1 1 auto !important;
    min-width:0;
    white-space:normal !important;
    overflow-wrap:anywhere;
    font-size:13px;
    line-height:1.35;
  }}

/* Tablet and compact-desktop file lists stay as natural-height table rows. */
@container shop (min-width:761px) and (max-width:1100px){
  .shop-scope[data-scheme="A"] .file-list-panel > .a-table-wrap {
    display:block !important;width:100%;max-width:100%;min-width:0;
    overflow-x:auto !important;overflow-y:hidden !important;
  }
  .shop-scope[data-scheme="A"] .page-content > .file-list-panel > .a-table-wrap > .file-table {
    display:table !important;width:100% !important;min-width:820px !important;height:1px !important;table-layout:fixed;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table thead {display:table-header-group !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody {display:table-row-group !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    display:table-row !important;height:60px !important;padding:0 !important;border:0;border-radius:0;background:transparent;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td {
    display:table-cell !important;width:auto;min-height:0;padding:6px 8px !important;
    white-space:normal;vertical-align:middle;border-bottom:1px solid var(--line);overflow-wrap:normal;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td::before {content:none !important}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:nth-child(2) {overflow:visible}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions {
    justify-content:center;flex-wrap:nowrap !important;gap:2px;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions .btn {
    min-height:32px !important;padding:2px !important;font-size:15px !important;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-table td > .file-inline,.shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
    width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;overflow:visible !important;
  }
  .shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:1 1 auto !important;min-width:0}
  .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-base {
    flex:1 1 auto;min-width:0;white-space:normal !important;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;
  }
}
@supports not (container-type: size) {
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel > .a-table-wrap {
    display:block !important;width:100%;max-width:100%;min-width:0;
    overflow-x:auto !important;overflow-y:hidden !important;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .page-content > .file-list-panel > .a-table-wrap > .file-table {
    display:table !important;width:100% !important;min-width:820px !important;height:1px !important;table-layout:fixed;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table thead {display:table-header-group !important}
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody {display:table-row-group !important}
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody tr {
    display:table-row !important;height:60px !important;padding:0 !important;border:0;border-radius:0;background:transparent;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td {
    display:table-cell !important;width:auto;min-height:0;padding:6px 8px !important;
    white-space:normal;vertical-align:middle;border-bottom:1px solid var(--line);overflow-wrap:normal;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td::before {content:none !important}
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table tbody td:nth-child(2) {overflow:visible}
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions {
    justify-content:center;flex-wrap:nowrap !important;gap:2px;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table .row-actions .btn {
    min-height:32px !important;padding:2px !important;font-size:15px !important;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table td > .file-inline,.shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content {
    width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;overflow:visible !important;
  }
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-name-content > .file-name {flex:1 1 auto !important;min-width:0}
  .shop-container[data-cq-159] .shop-scope[data-scheme="A"] .file-list-panel .file-table .file-name-base {
    flex:1 1 auto;min-width:0;white-space:normal !important;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;
  }}

/* 视口锁定：用户列表、收款明细、供应商列表、费用明细、任务诊断、文件管理六个大数据页与商城订单管理一致——
   整页固定在可视区域内不滚动，标题、统计、筛选、分页常驻可见；表格区域自动占据剩余高度，
   当页行数放不下时仅表格内部滚动，行高保持自然，整页零滚动条。
   仅嵌入授权枢纽且为非紧凑层级（宽 >1100 且高 ≥760）时启用；小窗口回退为自然滚动。
   选择器刻意从 #main 踢到 ID 特异性级，用于压制上方方案 A 区块里
   “#main > .page-content / .table-scroll overflow-y:hidden / .provider-table” 等 !important 旧规则。 */
@container shop (min-width:1101px) and (min-height:760px){
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)){height:100dvh;overflow:hidden}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) > div:has(> .shell){height:100%}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) :is(.shell,.workspace){height:100% !important;min-height:0 !important;overflow:hidden}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main{height:100% !important;min-height:0 !important;overflow:hidden;display:flex;flex-direction:column}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-heading{flex:none}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content{flex:1 1 0 !important;min-height:0 !important;height:auto !important;overflow:hidden;display:flex !important;flex-direction:column}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > *:not(:is(.user-list-panel,.provider-list-panel,.a-page-stack,.task-list-panel,.file-list-panel)){flex:none}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > .a-page-stack{flex:1 1 0 !important;min-height:0 !important;height:auto !important;overflow:hidden !important}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > .a-page-stack > *:not(:is(.finance-detail-panel,.a-cost-details)){flex:none}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-layout{flex:0 1 auto !important;min-height:0 !important;overflow:hidden}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel){flex:1 1 0 !important;min-height:0 !important;height:auto !important;display:flex !important;flex-direction:column;overflow:hidden}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.provider-list-panel .table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap,.file-list-panel>.file-grid){flex:1 1 auto !important;min-height:0 !important;max-height:none !important;height:auto !important;overflow:auto !important;overflow-x:auto !important;overflow-y:auto !important;overscroll-behavior:contain}
  /* 末行底边框清零：滚动到底后表格底缘不再画线，行与行之间的分隔线保持不变。 */
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.provider-list-panel .table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap) tbody tr:last-child td{border-bottom:0 !important}
  /* 分页器顶边框清零（与商城订单管理一致）：表格内部滚动停在半途时，可见末行自带行底边框，
     分页器再画一条顶边框就会形成相距约 10px 的双“跟线”；订单管理的分页器本就不画这条线。 */
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details-7,.a-cost-details-30,.task-list-panel,.file-list-panel) > .pager{border-top:0 !important}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-details-30{display:flex !important;flex-direction:column}
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-details-30 > .cost-card-grid{flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;overscroll-behavior:contain}
  /* 表格行保持自然行高、不参与撑满（与订单管理的固定行高一致）：不满一页时记录紧凑排在上方，
     空白留在表格底部；行数超出时表格自然撑高触发内部滚动。 */
  .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap) > table{flex:0 1 auto !important;height:auto !important;min-height:0 !important}
}
@supports not (container-type: size) {
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)){height:100dvh;overflow:hidden}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) > div:has(> .shell){height:100%}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) :is(.shell,.workspace){height:100% !important;min-height:0 !important;overflow:hidden}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main{height:100% !important;min-height:0 !important;overflow:hidden;display:flex;flex-direction:column}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-heading{flex:none}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content{flex:1 1 0 !important;min-height:0 !important;height:auto !important;overflow:hidden;display:flex !important;flex-direction:column}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > *:not(:is(.user-list-panel,.provider-list-panel,.a-page-stack,.task-list-panel,.file-list-panel)){flex:none}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > .a-page-stack{flex:1 1 0 !important;min-height:0 !important;height:auto !important;overflow:hidden !important}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main > .page-content > .a-page-stack > *:not(:is(.finance-detail-panel,.a-cost-details)){flex:none}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-layout{flex:0 1 auto !important;min-height:0 !important;overflow:hidden}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel){flex:1 1 0 !important;min-height:0 !important;height:auto !important;display:flex !important;flex-direction:column;overflow:hidden}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.provider-list-panel .table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap,.file-list-panel>.file-grid){flex:1 1 auto !important;min-height:0 !important;max-height:none !important;height:auto !important;overflow:auto !important;overflow-x:auto !important;overflow-y:auto !important;overscroll-behavior:contain}
  /* 末行底边框清零：滚动到底后表格底缘不再画线，行与行之间的分隔线保持不变。 */
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.provider-list-panel .table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap) tbody tr:last-child td{border-bottom:0 !important}
  /* 分页器顶边框清零（与商城订单管理一致）：表格内部滚动停在半途时，可见末行自带行底边框，
     分页器再画一条顶边框就会形成相距约 10px 的双“跟线”；订单管理的分页器本就不画这条线。 */
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details-7,.a-cost-details-30,.task-list-panel,.file-list-panel) > .pager{border-top:0 !important}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-details-30{display:flex !important;flex-direction:column}
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main .a-cost-details-30 > .cost-card-grid{flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;overscroll-behavior:contain}
  /* 表格行保持自然行高、不参与撑满（与订单管理的固定行高一致）：不满一页时记录紧凑排在上方，
     空白留在表格底部；行数超出时表格自然撑高触发内部滚动。 */
  .shop-container[data-cq-160] .quxiang-scope.quxiang-embedded:has(:is(.user-list-panel,.finance-detail-panel,.provider-list-panel,.a-cost-details,.task-list-panel,.file-list-panel)) #main :is(.user-list-panel>.table-scroll,.finance-detail-panel>.table-scroll,.a-cost-details-7>.cost-details-table-wrap,.task-list-panel>.a-table-wrap,.file-list-panel>.a-table-wrap) > table{flex:0 1 auto !important;height:auto !important;min-height:0 !important}}

/* 收款明细订单号完整显示：取消省略号截断，超长订单号在列内折行，不再出现 “LOCAL-LONG-ORDER…”。 */
.shop-scope[data-scheme="A"] #main:has(.finance-page) .finance-detail-table td:nth-child(4) > .cell-stack > b{white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:anywhere}


/* Model slot editor controls keep their line box taller than the native select padding.
   The dedicated scope avoids changing unrelated provider and settings forms. */
.model-slot-editor{
  min-width:0;
  overflow:visible;
}
.model-slot-editor .model-slot-field{
  min-width:0;
  overflow:visible;
}
.model-slot-editor .model-slot-provider-field{
  margin-bottom:14px;
}
.model-slot-editor .model-slot-field select,
.model-slot-editor .model-slot-field input{
  box-sizing:border-box;
  min-height:40px;
  height:auto;
  padding-block:9px;
  padding-inline:10px;
  line-height:20px;
  overflow:visible;
}
.model-slot-editor .model-slot-model-field .input-with-action{
  min-height:40px;
  align-items:stretch;
  overflow:visible;
}
.model-slot-editor .model-slot-model-field .input-with-action input{
  min-width:0;
}
.model-slot-editor .model-slot-model-field .input-with-action .btn{
  min-height:40px;
}
.model-slot-editor .model-slot-field small{
  margin-top:6px;
  line-height:16px;
}

@container shop (max-width:760px){
  .model-slot-editor .model-slot-provider-field{
    margin-bottom:12px;
  }
  .model-slot-editor .model-slot-field select,
  .model-slot-editor .model-slot-field input{
    min-height:40px;
    padding-block:9px;
    line-height:20px;
  }
}

@supports not (container-type: size) {
  .shop-container[data-cq-161] .model-slot-editor .model-slot-provider-field{
    margin-bottom:12px;
  }
  .shop-container[data-cq-161] .model-slot-editor .model-slot-field select,.shop-container[data-cq-161]
  .model-slot-editor .model-slot-field input{
    min-height:40px;
    padding-block:9px;
    line-height:20px;
  }}

.shop-scope[data-shop-fit] .shop-products-toolbar>.shop-product-add-button{margin:0;height:44px;min-height:44px;padding:0 16px;border:0;border-radius:7px;font:inherit;font-size:14px;font-weight:650;line-height:21px;background:#3b68e8;color:#fff;box-shadow:none;white-space:nowrap;flex:none;gap:7px}

.shop-scope[data-shop-fit] .shop-products .shop-product-denomination[data-long-number]{font-size:12px;line-height:14px;overflow-wrap:anywhere;text-align:center;letter-spacing:0}

.editor.shop-product-create-dialog{position:fixed;top:var(--create-y,50%);left:var(--create-x,50%);right:auto;bottom:auto;transform:translate(-50%,-50%);width:var(--create-width,min(680px,calc(100vw - 48px)));height:auto;max-height:var(--create-height,calc(100dvh - 48px));min-height:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e1e8f0;border-radius:14px;box-shadow:0 20px 60px #19334c26;container-type:inline-size}

.shop-product-create-dialog>.editor-head{flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:21px 24px 18px;border-bottom:1px solid #e6edf4}

.shop-product-create-dialog .editor-head h2{margin:0;color:#203b52;font-size:22px;line-height:30px;font-weight:650}

.shop-product-create-dialog .editor-head p{margin:5px 0 0;font-size:13px;line-height:20px;color:#697f92}

.shop-product-create-dialog .editor-head>.btn{min-width:40px;min-height:40px;border:0;border-radius:8px;background:#f2f5fa;color:#64788d}

.shop-product-create-dialog>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}

.shop-product-create-dialog .editor-body{flex:1;min-height:0;padding:24px;overflow:auto;overscroll-behavior:contain}

.shop-product-create-dialog .shop-create-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}

.shop-product-create-dialog .shop-create-field{display:flex;flex-direction:column;min-width:0;gap:7px;font-size:14px;color:#2b465e}

.shop-product-create-dialog .shop-create-field.full{grid-column:1/-1}

.shop-product-create-dialog .shop-create-field>span:first-child{font-weight:600;line-height:22px}

.shop-product-create-dialog .shop-create-field em{font-size:12px;font-style:normal;color:#bf3c48;margin-left:4px}

.shop-product-create-dialog .shop-create-field input{display:block;width:100%;min-width:0;height:44px;border:1px solid #dce5ee;border-radius:7px;padding:9px 12px;background:#fff;color:#263f55;font-size:14px;line-height:24px}

.shop-product-create-dialog .shop-create-field input:focus{border-color:#7596ec}

.shop-product-create-dialog .shop-create-field input[aria-invalid="true"]{border-color:#ca5962;background:#fffafb}

.shop-product-create-dialog .shop-create-field small{margin:0;color:#748699;font-size:12px;line-height:19px;font-weight:400}

.shop-product-create-dialog .shop-create-field-error,.shop-product-create-dialog .shop-create-submit-error{font-size:12px;line-height:20px;color:#b63b49}

.shop-product-create-dialog [hidden]{display:none!important}

.shop-product-create-dialog .editor-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-top:1px solid #e6edf4;background:#fbfcfe}

.shop-product-create-dialog .editor-footer>span{color:#6d8194;font-size:12px;line-height:20px}

.shop-product-create-dialog .editor-footer>div{display:flex;gap:10px;flex:none}

.shop-product-create-dialog .editor-footer .btn{min-height:44px;padding:9px 16px;font-size:14px;line-height:22px;border-radius:7px}

.shop-product-create-dialog :is(input,button):focus-visible{outline:2px solid #3b68e8;outline-offset:2px}

@container(max-width:520px){
  .shop-product-create-dialog>.editor-head{padding:16px}
  .shop-product-create-dialog .editor-head>.btn{min-height:44px;min-width:44px}
  .shop-product-create-dialog .editor-body{padding:18px 16px}
  .shop-product-create-dialog .shop-create-fields{grid-template-columns:minmax(0,1fr);gap:16px}
  .shop-product-create-dialog .editor-footer{flex-wrap:wrap;padding:12px 16px;gap:10px}
  .shop-product-create-dialog .editor-footer>span{width:100%}
  .shop-product-create-dialog .editor-footer>div{width:100%}
  .shop-product-create-dialog .editor-footer .btn{flex:1;padding:9px 12px}
}

@supports not (container-type: size) {
  .shop-product-create-dialog[data-local-cq-0]>.editor-head{padding:16px}
  .shop-product-create-dialog[data-local-cq-0] .editor-head>.btn{min-height:44px;min-width:44px}
  .shop-product-create-dialog[data-local-cq-0] .editor-body{padding:18px 16px}
  .shop-product-create-dialog[data-local-cq-0] .shop-create-fields{grid-template-columns:minmax(0,1fr);gap:16px}
  .shop-product-create-dialog[data-local-cq-0] .editor-footer{flex-wrap:wrap;padding:12px 16px;gap:10px}
  .shop-product-create-dialog[data-local-cq-0] .editor-footer>span{width:100%}
  .shop-product-create-dialog[data-local-cq-0] .editor-footer>div{width:100%}
  .shop-product-create-dialog[data-local-cq-0] .editor-footer .btn{flex:1;padding:9px 12px}}

@container shop (max-width:760px){
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-toolbar:has(.shop-product-add-button){height:auto;min-height:56px;flex-wrap:wrap;padding:8px 10px;gap:8px}
  .shop-scope[data-shop-fit] .shop-products-toolbar>.shop-product-add-button{width:auto;margin:0;justify-content:center}
  .shop-scope[data-shop-fit] .shop-products-toolbar:has(.shop-product-add-button)>.shop-product-filters{width:360px;flex:1 1 230px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-162] .shop-scope[data-shop-fit] #main .shop-products .shop-products-toolbar:has(.shop-product-add-button){height:auto;min-height:56px;flex-wrap:wrap;padding:8px 10px;gap:8px}
  .shop-container[data-cq-162] .shop-scope[data-shop-fit] .shop-products-toolbar>.shop-product-add-button{width:auto;margin:0;justify-content:center}
  .shop-container[data-cq-162] .shop-scope[data-shop-fit] .shop-products-toolbar:has(.shop-product-add-button)>.shop-product-filters{width:360px;flex:1 1 230px}}

/* Product-only visual layer; retain the shared viewport/pagination contract. */

.shop-scope[data-shop-fit] #main:has(.shop-products) > :is(.page-heading,.page-content){width:100%}

.shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading{padding:26px 28px 20px!important;align-items:center}

.shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading h1{font-size:28px!important;letter-spacing:-.5px}

.shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading p{font-size:14px!important;line-height:22px!important;margin-top:8px!important;color:#687b8c}

.shop-scope[data-shop-fit] #main:has(.shop-products) > .page-content{padding:0 28px!important}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-panel{padding:0;border-radius:12px;box-shadow:0 2px 5px #18364904;border-color:#dde5ed}

.shop-scope[data-shop-fit] .shop-products-toolbar{flex:none;height:56px;min-height:56px;padding:0 12px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e9eef3}

.shop-scope[data-shop-fit] .shop-product-filters{display:flex;align-items:center;gap:4px;width:360px;max-width:100%;min-width:0;height:50px;padding:3px;box-sizing:border-box;border-radius:10px;background:#f1f4f8}

.shop-scope[data-shop-fit] .shop-product-filters button{display:inline-flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;padding:0 8px;border:0;border-radius:7px;background:transparent;color:#4d6073;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-product-filters button::after{content:none}

.shop-scope[data-shop-fit] .shop-product-filters button[aria-pressed="true"]{background:#3b68e8;color:#fff;font-weight:650}

.shop-scope[data-shop-fit] .shop-product-filters button:not([aria-pressed="true"]):hover{background:#e5ebf4;color:#315bc5}

.shop-scope[data-shop-fit] .shop-filter-count{display:inline;min-width:0;padding:0;background:transparent;color:#6b7a8a;font-size:13px;font-weight:400;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .shop-product-filters button[aria-pressed="true"] .shop-filter-count{color:#fff}

.shop-scope[data-shop-fit] #main .shop-products .shop-table-wrap{width:100%;padding:0 12px;box-sizing:border-box}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table{display:table;width:100%;min-width:0;table-layout:fixed}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table :is(th,td){width:auto!important;text-align:center!important;font-size:15px!important;line-height:22px!important;padding:12px 8px!important;border-bottom:1px solid #edf1f5;vertical-align:middle;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr:last-child td{border-bottom:0}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table th{color:#53697d;font-size:13px!important;font-weight:600;background:#f3f6fa}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table thead tr{height:46px!important}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr{height:calc(76px + var(--shop-row-fill,0px))!important}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table :is(th,td):nth-child(2){text-align:left!important}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table .shop-product-index{color:#738396;font-weight:400}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table td.shop-product-price{font-size:16px!important;font-weight:650;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr:hover{background:#f8faff}

.shop-scope[data-shop-fit] .shop-product-identity{display:flex;gap:12px;align-items:center;min-width:0;text-align:left}

.shop-scope[data-shop-fit] .shop-product-identity>div{min-width:0;flex:1}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-table td>.shop-product-identity{width:100%;max-width:100%;flex-shrink:1}

.shop-scope[data-shop-fit] .shop-product-identity b{display:block;font-size:14px;line-height:22px;font-weight:600;color:#20374a;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-product-identity small{display:block;margin-top:3px;font-size:12px;line-height:18px;font-weight:400;color:#6b7f91;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-products .shop-product-list-identity b{font-size:15px;line-height:23px;color:#20374a;font-weight:600}

.shop-scope[data-shop-fit] .shop-products .shop-product-denomination{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:44px;border-radius:9px;background:#edf2ff;color:#375bb1;font-size:20px;line-height:26px;font-weight:650;letter-spacing:-.6px;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .shop-products .shop-product-denomination.unlisted{background:#f0f3f6;color:#657687}

.shop-scope[data-shop-fit] .shop-product-mark{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:#eff4ff;color:#5478ce;border:1px solid #e1e9fa}

.shop-scope[data-shop-fit] .shop-product-mark svg{width:22px;height:22px;stroke-width:1.5}

.shop-scope[data-shop-fit] .shop-product-status{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:12px;line-height:18px;white-space:nowrap;font-weight:500}

.shop-scope[data-shop-fit] .shop-product-status i{width:5px;height:5px;border-radius:50%;background:currentColor}

.shop-scope[data-shop-fit] .shop-product-status.listed{background:#edf8f3;color:#23795b}

.shop-scope[data-shop-fit] .shop-product-status.unlisted{background:#f0f3f6;color:#687987}

.shop-scope[data-shop-fit] .shop-products .shop-product-status{padding:5px 10px;font-size:13px;font-weight:500;line-height:20px}

.shop-scope[data-shop-fit] .shop-products .shop-product-status.listed{color:#1f7055}

.shop-scope[data-shop-fit] .shop-products .shop-product-status.unlisted{color:#586b7c}

.shop-scope[data-shop-fit] .shop-product-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;width:100%;min-width:0}

.shop-scope[data-shop-fit] .shop-product-actions .btn{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:36px;padding:6px 6px;background:transparent;border:1px solid transparent;border-radius:6px;font-size:13px;line-height:20px;font-weight:500;white-space:nowrap;box-shadow:none}

.shop-scope[data-shop-fit] .shop-product-actions .shop-edit-button{border-color:transparent;color:#365fc0;background:#edf2ff;padding-left:10px;padding-right:10px}

.shop-scope[data-shop-fit] .shop-product-actions .shop-unlist-button{color:#bb414b}

.shop-scope[data-shop-fit] .shop-product-actions .shop-list-button{color:#365fc0}

.shop-scope[data-shop-fit] .shop-product-actions .shop-audit-button{color:#617487;padding-left:0;padding-right:0}

.shop-scope[data-shop-fit] .shop-product-actions .btn:hover{background:#eef3ff;border-color:#d8e2f2}

.shop-scope[data-shop-fit] .shop-product-actions .shop-unlist-button:hover{background:#fff1f1;border-color:#f0d8da}

.shop-scope[data-shop-fit] .shop-product-readonly{font-size:12px;color:#7b8a96}

.shop-scope[data-shop-fit] #main .shop-products .shop-products-panel>.pager{padding:8px 20px!important;flex:0 0 56px!important;height:56px!important;min-height:56px;background:#fff;border-top:0;border-radius:0 0 12px 12px;color:#687c8f}

.shop-scope[data-shop-fit] .shop-products .pager [data-action="prev"] svg{transform:rotate(180deg)}

.shop-scope[data-shop-fit] .shop-products button:focus-visible,.shop-scope[data-shop-fit] :is(.shop-product-overlay,.shop-product-confirm) button:focus-visible{outline:2px solid #3b68e8;outline-offset:2px}

/* A single styling boundary for product detail, audit and confirmation. */

.shop-scope[data-shop-fit] .editor.drawer.shop-product-overlay{top:0;right:0;bottom:0;left:auto;width:480px;height:100dvh;max-height:100dvh;min-width:0;transform:none;border-radius:16px 0 0 16px;box-shadow:-12px 0 48px #1a304629;background:#fff}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-head{flex:none;padding:24px;align-items:center;border-bottom:1px solid #e8edf2}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-head>div{min-width:0}

.shop-scope[data-shop-fit] .shop-product-overlay .eyebrow{color:#6c7d8c;font-size:12px;letter-spacing:0;text-transform:none}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-head h2{font-size:22px;line-height:30px;margin:5px 0 0;color:#20374a}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-head .btn{flex:none;width:36px;height:36px;background:#f4f7fa;border:0;color:#607183}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-body{min-height:0;flex:1;overflow-y:auto;padding:24px;overscroll-behavior:contain}

.shop-scope[data-shop-fit] .shop-product-overlay .shop-product-identity{margin-bottom:22px}

.shop-scope[data-shop-fit] .shop-product-overlay .shop-product-mark{width:48px;height:48px}

.shop-scope[data-shop-fit] .shop-product-overlay .shop-product-identity b{font-size:16px;line-height:25px}

.shop-scope[data-shop-fit] .shop-readonly-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:#f1f5fc;color:#4f6b94;margin-bottom:26px}

.shop-scope[data-shop-fit] .shop-readonly-note>svg{flex:none;width:16px;height:16px;margin-top:3px}

.shop-scope[data-shop-fit] .shop-readonly-note b{font-size:12px;font-weight:600;line-height:20px}

.shop-scope[data-shop-fit] .shop-readonly-note p{font-size:12px;line-height:20px;margin:2px 0 0}

.shop-scope[data-shop-fit] .shop-product-section{margin:0 0 26px}

.shop-scope[data-shop-fit] .shop-product-section h3{font-size:14px;line-height:22px;margin:0 0 12px;font-weight:600}

.shop-scope[data-shop-fit] .shop-product-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0 16px;border:1px solid #e5ebf1;border-radius:10px;background:#fbfcfe}

.shop-scope[data-shop-fit] .shop-product-details>div{padding:16px 0;min-width:0}

.shop-scope[data-shop-fit] .shop-product-details dt{font-size:12px;line-height:20px;color:#708394;margin:0 0 6px}

.shop-scope[data-shop-fit] .shop-product-details dd{font-size:15px;line-height:24px;margin:0;font-weight:500;color:#243d52;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-product-details .shop-detail-price{font-size:23px;font-weight:600}

.shop-scope[data-shop-fit] .shop-product-details .shop-detail-full{grid-column:1/-1;border-top:1px solid #e5ebf1}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-footer{flex:none;min-height:72px;padding:14px 24px;gap:12px;border-top:1px solid #e5ebf1;background:#fff}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-footer>span{display:flex;align-items:center;gap:6px;font-size:12px;color:#768898}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-footer>span svg{width:14px;height:14px}

.shop-scope[data-shop-fit] .shop-product-overlay .editor-footer .btn{min-height:40px;padding:8px 20px;border-radius:7px}

/* Audit owns its complete dialog; no generic drawer/form wrapper. */

.editor.shop-audit-dialog{position:fixed;top:var(--audit-y,50%);left:var(--audit-x,50%);right:auto;bottom:auto;transform:translate(-50%,-50%);width:var(--audit-width,min(1000px,calc(100vw - 48px)));height:auto;min-width:0;min-height:0;max-height:var(--audit-max-height,min(720px,calc(100dvh - 48px)));display:flex;flex-direction:column;border:1px solid #dce5ee;border-radius:14px;background:#fff;box-shadow:0 18px 60px #19334c26;container-type:inline-size}

.shop-audit-dialog>.editor-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;padding:19px 24px;border-bottom:1px solid #e5ebf1;background:#fff;border-radius:14px 14px 0 0}

.shop-audit-dialog>.editor-head h2{font-size:22px;font-weight:650;line-height:30px;margin:0;color:#213a50}

.shop-audit-dialog>.editor-head .btn{flex:none;min-width:40px;min-height:40px;border:0;border-radius:8px;background:#f3f6fa;color:#65798c}

.shop-audit-dialog>.shop-audit-body{flex:0 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 24px;background:#fff}

.shop-audit-dialog .shop-audit-table{width:100%;min-width:0;max-width:100%;height:auto;border-collapse:collapse;table-layout:fixed;margin:0;text-align:left}

.shop-audit-dialog .shop-audit-table th{position:sticky;top:0;z-index:1;height:44px;padding:11px 10px;font-size:13px;line-height:20px;font-weight:600;color:#526c81;background:#f3f6fa;text-align:left;white-space:normal;border-bottom:1px solid #e6edf3}

.shop-audit-dialog .shop-audit-table td{height:76px;padding:14px 10px;border-bottom:1px solid #e9eef4;text-align:left;font-size:14px;line-height:22px;font-weight:400;color:#314d65;vertical-align:middle;white-space:normal;overflow-wrap:anywhere}

.shop-audit-dialog .shop-audit-table tbody tr:last-child td{border-bottom:0}

.shop-audit-dialog .shop-audit-table :is(th,td):is(:nth-child(1),:nth-child(4),:nth-child(5)){text-align:center}

.shop-audit-dialog .shop-audit-table .shop-audit-number{color:#7a8d9d;font-size:13px;font-variant-numeric:tabular-nums}

.shop-audit-dialog .shop-audit-object{display:flex;flex-direction:column;gap:4px;min-width:0}

.shop-audit-dialog .shop-audit-object b{font-size:14px;font-weight:600;color:#213d55;line-height:22px}

.shop-audit-dialog .shop-audit-object small{font-size:12px;font-weight:400;color:#6e8294;line-height:19px;overflow-wrap:anywhere}

.shop-audit-dialog .shop-audit-delta{display:flex;align-items:center;flex-wrap:wrap;gap:5px 8px;min-width:0}

.shop-audit-dialog .shop-audit-delta>span{min-width:0;max-width:100%;overflow-wrap:anywhere}

.shop-audit-dialog .shop-audit-before{color:#6b7f91}

.shop-audit-dialog .shop-audit-after{font-weight:600;color:#335b98}

.shop-audit-dialog .shop-audit-arrow{display:inline-flex;align-items:center;flex:none;color:#94a4b2}

.shop-audit-dialog .shop-audit-arrow .icon{width:15px;height:15px}

.shop-audit-dialog .shop-audit-time{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;line-height:20px;font-variant-numeric:tabular-nums;color:#6b7f91}

.shop-audit-dialog .shop-audit-time>span:last-child{font-size:13px;color:#3f5a70}

.shop-audit-dialog>.editor-footer{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 24px;border-top:1px solid #e5ebf1;border-radius:0 0 14px 14px;background:#fff}

.shop-audit-dialog>.editor-footer>span{font-size:12px;line-height:20px;color:#6b7e90}

.shop-audit-dialog>.editor-footer>.btn{min-width:76px;min-height:40px;padding:8px 20px;background:#edf2ff;color:#365db4;border:1px solid #e0e8fa;border-radius:7px;font-size:14px}

.shop-audit-dialog button:focus-visible{outline:2px solid #3b68e8;outline-offset:2px}

.shop-audit-dialog .shop-audit-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:190px;padding:28px 12px;color:#728697}

.shop-audit-dialog .shop-audit-empty>.icon{width:30px;height:30px;color:#8ba0b4;margin-bottom:12px}

.shop-audit-dialog .shop-audit-empty h3{font-size:16px;line-height:24px;margin:0 0 6px;color:#405d74}

.shop-audit-dialog .shop-audit-empty p{font-size:13px;line-height:22px;margin:0}

@container(max-width:760px){
  .shop-audit-dialog>.editor-head{padding:14px 16px}
  .shop-audit-dialog>.editor-head .btn{min-width:44px;min-height:44px}
  .shop-audit-dialog>.shop-audit-body{padding:12px 16px;background:#f6f8fb}
  .shop-audit-dialog .shop-audit-table{display:block}
  .shop-audit-dialog .shop-audit-table colgroup,.shop-audit-dialog .shop-audit-table thead{display:none}
  .shop-audit-dialog .shop-audit-table tbody{display:grid;gap:10px}
  .shop-audit-dialog .shop-audit-table tbody tr{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:14px;border:1px solid #e2e9f1;border-radius:9px;background:#fff}
  .shop-audit-dialog .shop-audit-table td{display:flex;flex-direction:column;min-width:0;height:auto;gap:3px;padding:0;border:0;text-align:left;font-size:14px;line-height:22px}
  .shop-audit-dialog .shop-audit-table td::before{content:attr(data-label);font-size:11px;line-height:18px;font-weight:400;color:#7a8d9e}
  .shop-audit-dialog .shop-audit-table td:is(:nth-child(1),:nth-child(4),:nth-child(5)){text-align:left}
  .shop-audit-dialog .shop-audit-table td:nth-child(1){grid-column:1;grid-row:1;font-size:12px;line-height:22px}
  .shop-audit-dialog .shop-audit-table td:nth-child(1)::before{content:"序号";font-size:10px}
  .shop-audit-dialog .shop-audit-table td:nth-child(2){grid-column:2/-1;grid-row:1}
  .shop-audit-dialog .shop-audit-table td:nth-child(2)::before{display:none}
  .shop-audit-dialog .shop-audit-table td:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:9px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
  .shop-audit-dialog .shop-audit-table td:nth-child(4){grid-column:1/3}
  .shop-audit-dialog .shop-audit-table td:nth-child(5){grid-column:3}
  .shop-audit-dialog .shop-audit-table td:nth-child(6){grid-column:1/-1;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px}
  .shop-audit-dialog .shop-audit-time{align-items:flex-start}
  .shop-audit-dialog>.editor-footer{padding:10px 16px;min-height:64px}
  .shop-audit-dialog>.editor-footer>.btn{min-height:44px;min-width:68px;padding:8px 14px}
}

@supports not (container-type: size) {
  .shop-audit-dialog[data-local-cq-1]>.editor-head{padding:14px 16px}
  .shop-audit-dialog[data-local-cq-1]>.editor-head .btn{min-width:44px;min-height:44px}
  .shop-audit-dialog[data-local-cq-1]>.shop-audit-body{padding:12px 16px;background:#f6f8fb}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table{display:block}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table colgroup,.shop-audit-dialog[data-local-cq-1] .shop-audit-table thead{display:none}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table tbody{display:grid;gap:10px}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table tbody tr{display:grid;grid-template-columns:24px minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:14px;border:1px solid #e2e9f1;border-radius:9px;background:#fff}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td{display:flex;flex-direction:column;min-width:0;height:auto;gap:3px;padding:0;border:0;text-align:left;font-size:14px;line-height:22px}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td::before{content:attr(data-label);font-size:11px;line-height:18px;font-weight:400;color:#7a8d9e}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:is(:nth-child(1),:nth-child(4),:nth-child(5)){text-align:left}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(1){grid-column:1;grid-row:1;font-size:12px;line-height:22px}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(1)::before{content:"序号";font-size:10px}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(2){grid-column:2/-1;grid-row:1}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(2)::before{display:none}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;padding:9px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(4){grid-column:1/3}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(5){grid-column:3}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-table td:nth-child(6){grid-column:1/-1;display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px}
  .shop-audit-dialog[data-local-cq-1] .shop-audit-time{align-items:flex-start}
  .shop-audit-dialog[data-local-cq-1]>.editor-footer{padding:10px 16px;min-height:64px}
  .shop-audit-dialog[data-local-cq-1]>.editor-footer>.btn{min-height:44px;min-width:68px;padding:8px 14px}}

.shop-scope[data-shop-fit] .confirm-dialog.shop-product-confirm{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);border-radius:14px;box-shadow:0 24px 80px #142a4a33}

.shop-scope[data-shop-fit] .shop-product-confirm>header{padding:24px 24px 16px;gap:12px;align-items:center}

.shop-scope[data-shop-fit] .shop-product-confirm>header h2{font-size:19px;line-height:28px;margin:0}

.shop-scope[data-shop-fit] .shop-product-confirm .confirm-symbol{width:36px;height:36px;border-radius:10px;background:#f0f4fc;color:#5673b0;flex:none}

.shop-scope[data-shop-fit] .shop-product-confirm .confirm-body{padding:0 24px 22px}

.shop-scope[data-shop-fit] .shop-product-confirm-summary{padding:16px;border:1px solid #e5ebf2;border-radius:9px;background:#fafbfd;display:flex;flex-wrap:wrap;align-items:center;gap:12px}

.shop-scope[data-shop-fit] .shop-product-confirm-summary .shop-product-identity{flex:1;min-width:190px}

.shop-scope[data-shop-fit] .shop-product-confirm-description{font-size:13px;line-height:23px;color:#617587;margin:16px 0 0}

.shop-scope[data-shop-fit] .shop-product-confirm>footer{padding:14px 24px;gap:10px;border-top:1px solid #e8edf2;background:#fff}

.shop-scope[data-shop-fit] .shop-product-confirm>footer .btn{min-height:40px;padding:8px 16px;font-size:13px;border-radius:7px}

@container shop (max-width:1100px) or (max-height:699px){
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading{padding:16px 20px 14px!important}
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-content{padding:0 20px!important}
  .shop-scope[data-shop-fit] .shop-products-toolbar{padding:0 12px;gap:8px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-table-wrap{padding:0 12px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-toolbar{margin-bottom:12px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table{display:block!important}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table colgroup{display:none}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table thead{display:none}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));height:auto!important;min-height:218px!important;gap:8px 12px;padding:14px!important;border:1px solid #e4eaf1;border-radius:10px;background:#fff;align-content:start}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td{display:flex!important;flex-direction:column;gap:3px;width:auto!important;padding:0!important;border:0!important;font-size:15px!important;line-height:22px!important;text-align:left!important;align-items:flex-start;justify-content:flex-start}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:before{display:block!important;content:attr(data-label);font-size:11px;line-height:18px;color:#718394;font-weight:400}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(1){grid-column:1/3;grid-row:1;display:flex!important;flex-direction:row;align-items:center;font-size:11px!important;line-height:18px!important;gap:4px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(2){grid-column:1/-1;grid-row:2;margin-bottom:4px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(2):before{display:none!important}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:is(:nth-child(3),:nth-child(4)){text-align:left!important}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(7){grid-column:3/5;grid-row:1;justify-self:end;align-items:flex-end}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(7):before{display:none!important}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(8){grid-column:1/-1;border-top:1px solid #edf1f5!important;padding-top:8px!important;margin-top:3px;align-items:stretch}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(8):before{display:none!important}
  .shop-scope[data-shop-fit] .shop-product-actions{justify-content:flex-end;gap:12px}
  .shop-scope[data-shop-fit] .shop-product-actions .btn{min-height:40px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading{padding:16px 20px 14px!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-content{padding:0 20px!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] .shop-products-toolbar{padding:0 12px;gap:8px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-table-wrap{padding:0 12px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-toolbar{margin-bottom:12px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table{display:block!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table colgroup{display:none}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table thead{display:none}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody{display:grid;grid-template-columns:1fr;gap:12px;align-content:start}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));height:auto!important;min-height:218px!important;gap:8px 12px;padding:14px!important;border:1px solid #e4eaf1;border-radius:10px;background:#fff;align-content:start}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td{display:flex!important;flex-direction:column;gap:3px;width:auto!important;padding:0!important;border:0!important;font-size:15px!important;line-height:22px!important;text-align:left!important;align-items:flex-start;justify-content:flex-start}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:before{display:block!important;content:attr(data-label);font-size:11px;line-height:18px;color:#718394;font-weight:400}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(1){grid-column:1/3;grid-row:1;display:flex!important;flex-direction:row;align-items:center;font-size:11px!important;line-height:18px!important;gap:4px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(2){grid-column:1/-1;grid-row:2;margin-bottom:4px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(2):before{display:none!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:is(:nth-child(3),:nth-child(4)){text-align:left!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(7){grid-column:3/5;grid-row:1;justify-self:end;align-items:flex-end}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(7):before{display:none!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(8){grid-column:1/-1;border-top:1px solid #edf1f5!important;padding-top:8px!important;margin-top:3px;align-items:stretch}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table td:nth-child(8):before{display:none!important}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] .shop-product-actions{justify-content:flex-end;gap:12px}
  .shop-container[data-cq-163] .shop-scope[data-shop-fit] .shop-product-actions .btn{min-height:40px}}

@container shop (max-width:760px){
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading{padding:14px 14px 10px!important}
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading h1{font-size:24px!important}
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading p{font-size:12px!important;line-height:18px!important;margin-top:5px!important}
  .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-content{padding:0 12px!important}
  .shop-scope[data-shop-fit] .shop-products-toolbar{padding:0 10px;gap:8px}
  .shop-scope[data-shop-fit] .shop-product-filters{width:100%}
  .shop-scope[data-shop-fit] .shop-product-filters button{flex:1;padding:0 7px;font-size:14px;gap:6px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-table-wrap{padding:0 10px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr{min-height:228px!important;padding:12px!important;gap:8px}
  .shop-scope[data-shop-fit] .shop-product-actions .btn{min-height:44px}
  .shop-scope[data-shop-fit] #main .shop-products .shop-products-panel>.pager{padding:6px 12px!important;height:52px!important;flex-basis:52px!important;min-height:52px!important}
  .shop-scope[data-shop-fit] .editor.drawer.shop-product-overlay{inset:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .shop-scope[data-shop-fit] .shop-product-overlay .editor-head{padding:18px 20px}
  .shop-scope[data-shop-fit] .shop-product-overlay .editor-body{padding:20px}
  .shop-scope[data-shop-fit] .shop-product-overlay .editor-footer{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));min-height:64px}
  .shop-scope[data-shop-fit] .shop-product-overlay .editor-head .btn,.shop-scope[data-shop-fit] .shop-product-overlay .editor-footer .btn{min-height:44px;min-width:44px}
  .shop-scope[data-shop-fit] .shop-product-confirm>header{padding:20px 20px 16px}
  .shop-scope[data-shop-fit] .shop-product-confirm .confirm-body{padding:0 20px 20px}
  .shop-scope[data-shop-fit] .shop-product-confirm>footer{padding:12px 20px}
  .shop-scope[data-shop-fit] .shop-product-confirm>footer .btn{min-height:44px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading{padding:14px 14px 10px!important}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading h1{font-size:24px!important}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-heading p{font-size:12px!important;line-height:18px!important;margin-top:5px!important}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main:has(.shop-products) > .page-content{padding:0 12px!important}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-products-toolbar{padding:0 10px;gap:8px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-filters{width:100%}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-filters button{flex:1;padding:0 7px;font-size:14px;gap:6px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main .shop-products .shop-table-wrap{padding:0 10px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main .shop-products .shop-products-table tbody tr{min-height:228px!important;padding:12px!important;gap:8px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-actions .btn{min-height:44px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] #main .shop-products .shop-products-panel>.pager{padding:6px 12px!important;height:52px!important;flex-basis:52px!important;min-height:52px!important}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .editor.drawer.shop-product-overlay{inset:0;width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-overlay .editor-head{padding:18px 20px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-overlay .editor-body{padding:20px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-overlay .editor-footer{padding:12px 20px;padding-bottom:max(12px,env(safe-area-inset-bottom));min-height:64px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-overlay .editor-head .btn,.shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-overlay .editor-footer .btn{min-height:44px;min-width:44px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-confirm>header{padding:20px 20px 16px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-confirm .confirm-body{padding:0 20px 20px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-confirm>footer{padding:12px 20px}
  .shop-container[data-cq-164] .shop-scope[data-shop-fit] .shop-product-confirm>footer .btn{min-height:44px}}

@media(prefers-reduced-motion:no-preference){
  .shop-scope[data-shop-fit] .shop-products button{transition:background-color .15s,color .15s,border-color .15s}
}

/* PRODUCT MODAL START: independent of audit drawers and confirmations. */

.shop-scope[data-shop-fit] .editor.shop-product-modal{position:fixed;inset:auto;left:var(--product-modal-x,50%);top:var(--product-modal-y,50%);transform:translate(-50%,-50%);width:var(--product-modal-width,680px);max-width:none;min-width:0;height:auto;min-height:0;max-height:var(--product-modal-max-height,calc(100dvh - 48px));display:flex;flex-direction:column;overflow:hidden;visibility:visible;animation:none;transition:none;border:1px solid #e5ebf1;border-radius:14px;background:#fff;box-shadow:0 20px 64px #142a4a29;color:#20374a;font-size:14px}

.shop-scope[data-shop-fit] .editor.shop-product-modal[data-positioned="true"]{visibility:visible}

.shop-scope[data-shop-fit] .shop-product-modal>.editor-head{flex:0 0 auto;align-items:center;gap:16px;padding:18px 24px;border-bottom:1px solid #e5ebf1}

.shop-scope[data-shop-fit] .shop-product-modal .editor-head h2{margin:0;font-size:22px;line-height:30px;font-weight:650;letter-spacing:-.3px}

.shop-scope[data-shop-fit] .product-modal-heading-actions{display:flex;align-items:center;gap:14px;flex:none}

.shop-scope[data-shop-fit] .product-modal-readonly{padding:3px 8px;border-radius:5px;background:#f1f5fc;color:#617899;font-size:12px;line-height:20px;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-product-modal .editor-head .icon-button{height:36px;min-height:36px;width:36px;padding:0;border:0;border-radius:7px;background:#f5f7fa;color:#637b8f}

.shop-scope[data-shop-fit] .shop-product-modal>.editor-body{flex:0 1 auto;min-height:0;min-width:0;padding:24px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable}

.shop-scope[data-shop-fit] .product-modal-overview{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:16px;padding-bottom:18px}

.shop-scope[data-shop-fit] .product-modal-denomination{display:flex;flex-direction:column;align-items:center;justify-content:center;width:56px;min-height:56px;padding:5px;border:1px solid #dfe7fb;border-radius:10px;background:#eff4ff;color:#3b68e8;overflow-wrap:anywhere;text-align:center}

.shop-scope[data-shop-fit] .product-modal-denomination strong{max-width:100%;font-size:22px;line-height:26px;font-weight:650}

.shop-scope[data-shop-fit] .product-modal-denomination span{font-size:12px;line-height:17px}

.shop-scope[data-shop-fit] .product-modal-identity{min-width:0}

.shop-scope[data-shop-fit] .product-modal-identity h3{margin:0;font-size:16px;line-height:24px;font-weight:650;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .product-modal-identity p{margin:4px 0 0;font-size:12px;line-height:18px;color:#73869a;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .product-modal-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:4px 18px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:10px}

.shop-scope[data-shop-fit] .product-modal-fields>div{min-width:0;padding:10px 0}

.shop-scope[data-shop-fit] .product-modal-fields dt{margin:0 0 4px;color:#708296;font-size:12px;line-height:18px}

.shop-scope[data-shop-fit] .product-modal-fields dd{margin:0;color:#243d52;font-size:14px;line-height:22px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .product-modal-fields .product-modal-price dd{font-size:24px;line-height:28px;font-weight:650;color:#315fce}

.shop-scope[data-shop-fit] .product-modal-fields .product-modal-updated{grid-column:1/-1;border-top:1px solid #e5ebf1}

.shop-scope[data-shop-fit] .shop-product-modal>.editor-footer{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:16px;min-height:66px;padding:12px 24px;border-top:1px solid #e5ebf1;background:#fff}

.shop-scope[data-shop-fit] .shop-product-modal .editor-footer>.btn{flex:none;min-width:80px;min-height:40px;padding:8px 20px;border-radius:7px}

.shop-scope[data-shop-fit] .shop-product-modal button:focus-visible{outline:2px solid #3b68e8;outline-offset:2px}

@container shop (max-width:600px){
  .shop-scope[data-shop-fit] .shop-product-modal>.editor-head{padding:12px 16px;gap:8px}
  .shop-scope[data-shop-fit] .product-modal-heading-actions{gap:8px}
  .shop-scope[data-shop-fit] .shop-product-modal .editor-head .icon-button{width:44px;height:44px;min-height:44px}
  .shop-scope[data-shop-fit] .shop-product-modal>.editor-body{padding:16px}
  .shop-scope[data-shop-fit] .product-modal-overview{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding-bottom:14px}
  .shop-scope[data-shop-fit] .product-modal-denomination{width:48px;min-height:52px;grid-row:1/3}
  .shop-scope[data-shop-fit] .product-modal-overview>.shop-product-status{grid-column:2;justify-self:start}
  .shop-scope[data-shop-fit] .product-modal-fields{grid-template-columns:minmax(0,1fr);padding:2px 12px;gap:0}
  .shop-scope[data-shop-fit] .product-modal-fields>div{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 0}
  .shop-scope[data-shop-fit] .product-modal-fields dt{margin:0}
  .shop-scope[data-shop-fit] .product-modal-fields .product-modal-updated{grid-template-columns:minmax(0,1fr);gap:4px}
  .shop-scope[data-shop-fit] .shop-product-modal>.editor-footer{gap:12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));min-height:64px}
  .shop-scope[data-shop-fit] .shop-product-modal .editor-footer>.btn{min-width:68px;min-height:44px;padding:8px 16px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .shop-product-modal>.editor-head{padding:12px 16px;gap:8px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-heading-actions{gap:8px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .shop-product-modal .editor-head .icon-button{width:44px;height:44px;min-height:44px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .shop-product-modal>.editor-body{padding:16px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-overview{grid-template-columns:48px minmax(0,1fr);gap:8px 12px;padding-bottom:14px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-denomination{width:48px;min-height:52px;grid-row:1/3}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-overview>.shop-product-status{grid-column:2;justify-self:start}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-fields{grid-template-columns:minmax(0,1fr);padding:2px 12px;gap:0}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-fields>div{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 0}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-fields dt{margin:0}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .product-modal-fields .product-modal-updated{grid-template-columns:minmax(0,1fr);gap:4px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .shop-product-modal>.editor-footer{gap:12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));min-height:64px}
  .shop-container[data-cq-165] .shop-scope[data-shop-fit] .shop-product-modal .editor-footer>.btn{min-width:68px;min-height:44px;padding:8px 16px}}

/* PRODUCT MODAL END */

/* 商城管理后台原型 */

.shop-nav-group{display:flex;flex-direction:column;gap:2px}

.shop-nav-toggle{width:100%}

.shop-nav-toggle .shop-nav-arrow{margin-left:auto;opacity:.65}

.shop-nav-toggle.active-parent{color:#dce9f8;background:rgba(87,129,194,.18)}

.shop-subnav{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:1px solid rgba(255,255,255,.08);margin-left:14px}

.shop-subnav[hidden]{display:none}

.shop-sub-link{font-size:13px;opacity:.88}

.shop-sub-link.active{background:rgba(59,104,232,.18);color:#fff}

.shop-page{gap:16px}

.shop-role-switch{display:flex;gap:8px;flex-wrap:wrap;align-items:center}

.shop-role-label{font-size:12px;color:var(--muted)}

.chip-btn{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}

.chip-btn.active{border-color:var(--blue);color:var(--blue);background:var(--blue-weak);font-weight:600}

.shop-caliber-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}

.shop-caliber-list dt{font-weight:700;color:var(--ink);margin-bottom:4px}

.shop-caliber-list dd{margin:0;color:var(--muted);font-size:12px;line-height:1.6}

.shop-pending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}

.shop-pending-card{border:1px solid var(--line);border-radius:10px;padding:12px;background:#fbfcfe;display:flex;flex-direction:column;gap:4px}

.shop-pending-card span{font-size:11px;color:var(--muted)}

.shop-pending-card strong{font-size:18px;color:var(--ink)}

.shop-pending-card small{font-size:10px;color:var(--muted)}

.shop-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}

.shop-orders-table td.mono,.shop-products-table td.mono{white-space:nowrap}

@container shop (max-width:900px){.shop-pending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-caliber-list{grid-template-columns:1fr}}

@supports not (container-type: size) {.shop-container[data-cq-166] .shop-pending-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-container[data-cq-166] .shop-caliber-list{grid-template-columns:1fr}}

@container shop (max-width:600px){.shop-pending-grid{grid-template-columns:1fr}.shop-role-switch{width:100%}}

@supports not (container-type: size) {.shop-container[data-cq-167] .shop-pending-grid{grid-template-columns:1fr}.shop-container[data-cq-167] .shop-role-switch{width:100%}}

/* Local scheme-A shop preview only. Do not change shared finance/user rules. */

.shop-scope[data-shop-fit]{height:var(--shop-viewport-height,100dvh);min-height:0;overflow:hidden}

.shop-scope[data-shop-fit] #app,.shop-scope[data-shop-fit] .shell,.shop-scope[data-shop-fit] .workspace{height:var(--shop-viewport-height,100dvh)!important;min-height:0!important;max-height:var(--shop-viewport-height,100dvh)!important}

.shop-scope[data-shop-fit] .workspace{display:flex!important;flex-direction:column;min-width:0}

.shop-scope[data-shop-fit] #main{display:flex!important;flex:1 1 0!important;flex-direction:column;min-height:0!important;height:100%!important;padding:0!important}

.shop-scope[data-shop-fit] #main > .page-heading{display:flex!important;align-items:flex-start;justify-content:space-between;flex:0 0 auto!important;margin:0!important;padding:16px 24px 10px!important;min-height:0!important;gap:12px}

.shop-scope[data-shop-fit] #main > .page-heading > :first-child{min-width:0}

.shop-scope[data-shop-fit] #main > .page-heading .page-actions{flex:0 0 auto;width:auto;margin:0!important}

.shop-scope[data-shop-fit] #main > .page-heading h1{font-size:26px!important;line-height:1.2!important;margin:0!important}

.shop-scope[data-shop-fit] #main > .page-heading p{font-size:12px!important;line-height:18px!important;margin:4px 0 0!important}

.shop-scope[data-shop-fit] #main > .page-content{display:flex!important;flex-direction:column;flex:1 1 0!important;height:auto!important;min-height:0!important;padding:0 24px!important;overflow:visible!important}

.shop-scope[data-shop-fit] #main > .page-content > .shop-page{display:flex!important;flex:1 1 0!important;flex-direction:column;height:auto!important;min-height:0!important;width:100%;gap:8px;overflow:visible!important;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}

.shop-scope[data-shop-fit] .shop-page > *{flex-shrink:0;min-width:0}

.shop-scope[data-shop-fit] .shop-page [hidden]{display:none!important}

.shop-scope[data-shop-fit] .shop-role-switch{min-height:32px;gap:6px;flex-wrap:nowrap}

.shop-scope[data-shop-fit] .shop-role-label{font-size:12px}

.shop-scope[data-shop-fit] .shop-role-switch .chip-btn{min-height:32px;padding:4px 12px;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-filters{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}

.shop-scope[data-shop-fit] .shop-filters select{min-width:0;max-width:100%;height:34px;padding:4px 8px;font:inherit;font-size:12px;background:#fff;border:1px solid #d7e0e7;border-radius:6px;color:var(--ink)}

.shop-scope[data-shop-fit] .shop-filters .search{display:flex;flex:1;min-width:0;width:auto!important;max-width:none;align-items:center}

.shop-scope[data-shop-fit] .shop-filters .search input{height:34px!important;min-height:0!important;min-width:0!important;width:100%!important;padding-top:4px;padding-bottom:4px;font-size:12px!important}

.shop-scope[data-shop-fit] .shop-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}

.shop-scope[data-shop-fit] .shop-kpis article{min-width:0;border:1px solid var(--line);border-top:3px solid #5d7fdf;border-radius:10px;background:#fff;padding:8px 12px}

.shop-scope[data-shop-fit] .shop-kpis article:nth-child(2){border-top-color:#53a49b}

.shop-scope[data-shop-fit] .shop-kpis article:nth-child(3){border-top-color:#d19a43}

.shop-scope[data-shop-fit] .shop-kpis article:nth-child(4){border-top-color:#8494a4}

.shop-scope[data-shop-fit] .shop-kpis span,.shop-scope[data-shop-fit] .shop-kpis small{display:block;color:var(--muted);font-size:12px;line-height:16px;white-space:normal}

.shop-scope[data-shop-fit] .shop-kpis strong{display:block;margin:3px 0;font-size:23px;line-height:27px;color:var(--ink)}

.shop-scope[data-shop-fit] .shop-section{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;min-width:0}

.shop-scope[data-shop-fit] .shop-section .section-head{margin:0 0 6px;min-height:0}

.shop-scope[data-shop-fit] .shop-section .section-head h2{font-size:14px;line-height:20px;margin:0}

.shop-scope[data-shop-fit] .shop-section .section-head p{font-size:12px;line-height:16px;margin:2px 0 0}

.shop-scope[data-shop-fit] .shop-caliber .section-head{display:none}

.shop-scope[data-shop-fit] .shop-caliber-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}

.shop-scope[data-shop-fit] .shop-caliber-list dt{font-size:13px;line-height:18px;margin-bottom:2px}

.shop-scope[data-shop-fit] .shop-caliber-list dd{font-size:12px;line-height:17px;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-insights{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0}

.shop-scope[data-shop-fit] .shop-chart{height:82px;display:flex;gap:8px;align-items:flex-end}

.shop-scope[data-shop-fit] .shop-chart-day{display:flex;flex:1;flex-direction:column;align-items:center;gap:3px;min-width:0}

.shop-scope[data-shop-fit] .shop-chart-day small{font-size:12px;line-height:16px}

.shop-scope[data-shop-fit] .shop-bars{height:60px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}

.shop-scope[data-shop-fit] .shop-bars i{display:block;width:10px;background:#5f83df;border-radius:3px 3px 0 0}

.shop-scope[data-shop-fit] .shop-pending-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}

.shop-scope[data-shop-fit] .shop-pending-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 6px;padding:5px 8px;border-radius:6px}

.shop-scope[data-shop-fit] .shop-pending-card span{grid-column:1/-1;font-size:12px;line-height:16px}

.shop-scope[data-shop-fit] .shop-pending-card strong{font-size:16px;line-height:20px}

.shop-scope[data-shop-fit] .shop-pending-card small{font-size:12px;line-height:16px}

.shop-scope[data-shop-fit] #main .shop-list-panel{display:flex;flex-direction:column;flex:1 1 0!important;min-height:0!important;margin:0!important;padding:8px 12px 0;border:1px solid var(--line);border-radius:10px 10px 0 0;background:#fff;overflow:visible}

.shop-scope[data-shop-fit] .shop-list-heading{flex:none;margin:0 0 6px;min-height:24px;display:flex;align-items:center}

.shop-scope[data-shop-fit] .shop-list-heading h2{margin:0;font-size:14px;line-height:20px}

.shop-scope[data-shop-fit] .shop-table-wrap{flex:1 1 0;min-height:0;min-width:0;width:100%;overflow:visible}

.shop-scope[data-shop-fit] #main .shop-table{width:100%!important;min-width:0!important;max-width:100%;height:auto!important;table-layout:fixed;border-collapse:collapse;margin:0}

.shop-scope[data-shop-fit] #main .shop-table thead{display:table-header-group}

.shop-scope[data-shop-fit] #main .shop-table tbody{display:table-row-group;height:auto!important}

.shop-scope[data-shop-fit] #main .shop-table tr{display:table-row;height:52px!important;margin:0;padding:0;background:none}

.shop-scope[data-shop-fit] #main .shop-table thead tr{height:32px!important}

.shop-scope[data-shop-fit] #main .shop-table th,.shop-scope[data-shop-fit] #main .shop-table td{display:table-cell!important;width:auto;min-width:0!important;height:auto!important;max-width:none;padding:6px 8px!important;font-size:14px!important;line-height:20px!important;text-align:center!important;vertical-align:middle;color:var(--ink);border-bottom:1px solid var(--line);white-space:normal!important;overflow:visible!important;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] #main .shop-table th{font-weight:700;background:#f7f9fb}

.shop-scope[data-shop-fit] #main .shop-table td::before{display:none}

.shop-scope[data-shop-fit] .shop-table .cell-stack{display:flex;flex-direction:column;align-items:center;gap:2px}

.shop-scope[data-shop-fit] .shop-table .cell-stack small{font-size:12px;line-height:16px}

.shop-scope[data-shop-fit] .shop-table .badge{font-size:12px;line-height:16px;padding:2px 5px;white-space:normal}

.shop-scope[data-shop-fit] .shop-table .btn.text{min-width:0;min-height:30px;height:auto;padding:3px 4px;font-size:12px;line-height:18px;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-row-actions{display:flex;justify-content:center;gap:3px;flex-wrap:nowrap}

.shop-scope[data-shop-fit] #main .shop-orders-table :is(th,td):nth-child(1){width:5%}

.shop-scope[data-shop-fit] #main .shop-orders-table :is(th,td):nth-child(2){width:19%}

.shop-scope[data-shop-fit] #main .shop-orders-table :is(th,td):nth-child(5){width:18%}

.shop-scope[data-shop-fit] #main .shop-orders-table :is(th,td):nth-child(7){width:17%}

.shop-scope[data-shop-fit] #main .shop-products-table :is(th,td):nth-child(1){width:5%}

.shop-scope[data-shop-fit] #main .shop-products-table :is(th,td):nth-child(2){width:23%}

.shop-scope[data-shop-fit] #main .shop-products-table :is(th,td):last-child{width:24%}

.shop-scope[data-shop-fit] #main .shop-report-table :is(th,td):nth-child(1){width:5%}

.shop-scope[data-shop-fit] #main .shop-report-table :is(th,td):nth-child(2){width:12%}

.shop-scope[data-shop-fit] #main .shop-report-table :is(th,td):nth-child(3){width:7%}

.shop-scope[data-shop-fit] #main .shop-report-table :is(th,td):nth-child(9){width:17%}

.shop-scope[data-shop-fit] #main .shop-report-table :is(th,td):last-child{width:12%}

.shop-scope[data-shop-fit] #main .shop-list-panel > .pager{display:flex;flex:0 0 48px!important;align-items:center;justify-content:space-between;min-height:48px;height:48px!important;margin:0!important;padding:4px 0!important;font-size:12px;border-top:1px solid var(--line);gap:8px;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-list-panel > .pager > div{display:flex;align-items:center;gap:6px}

.shop-scope[data-shop-fit] .shop-list-panel > .pager .icon-button{height:36px;width:36px;min-height:36px}

.shop-scope[data-shop-fit] .shop-list-panel > .empty{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0;padding:12px}

.shop-scope[data-shop-fit] .shop-view-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#eef2f7}

.shop-scope[data-shop-fit] .shop-view-tabs button{min-width:0;min-height:40px;padding:6px 8px;border:0;border-radius:6px;color:var(--muted);font:inherit;font-size:12px;font-weight:600;background:none;cursor:pointer;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-view-tabs button[aria-pressed="true"]{background:#fff;color:var(--blue);box-shadow:0 1px 4px #20384c12}

.shop-scope[data-shop-fit] .shop-view-tabs button:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

@container shop (max-width:1100px) or (max-height:699px){
  .shop-scope[data-shop-fit] #main > .page-heading{padding:12px 16px 8px!important}
  .shop-scope[data-shop-fit] #main > .page-heading h1{font-size:23px!important}
  .shop-scope[data-shop-fit] #main > .page-content{padding:0 16px!important}
  .shop-scope[data-shop-fit] .shop-role-label{display:none}
  .shop-scope[data-shop-fit] .shop-role-switch .chip-btn{min-height:36px;flex:1}
  .shop-scope[data-shop-fit] .shop-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-scope[data-shop-fit] .shop-kpis article{padding:16px}
  .shop-scope[data-shop-fit] .shop-kpis strong{margin:8px 0;font-size:28px;line-height:34px}
  .shop-scope[data-shop-fit] .shop-insights{grid-template-columns:1fr}
  .shop-scope[data-shop-fit] .shop-chart{height:100px}
  .shop-scope[data-shop-fit] .shop-bars{height:76px}
  .shop-scope[data-shop-fit] .shop-pending-card{padding:10px}
  .shop-scope[data-shop-fit] .shop-caliber .section-head{display:flex}
  .shop-scope[data-shop-fit] .shop-caliber-list{grid-template-columns:1fr;gap:14px}
  .shop-scope[data-shop-fit] .shop-caliber-list dd{font-size:13px;line-height:20px}
  .shop-scope[data-shop-fit] .shop-section{padding:12px}
  .shop-scope[data-shop-fit] #main .shop-table{display:block!important}
  .shop-scope[data-shop-fit] #main .shop-table thead{display:none!important}
  .shop-scope[data-shop-fit] #main .shop-table tbody{display:grid!important;gap:8px;width:100%}
  .shop-scope[data-shop-fit] #main .shop-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:12px;row-gap:0;height:auto!important;min-height:244px;width:100%;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
  .shop-scope[data-shop-fit] #main .shop-table td{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:auto!important;min-width:0!important;padding:5px 0!important;min-height:48px;text-align:left!important;border-bottom:1px solid #edf0f2;font-size:14px!important;line-height:18px!important}
  .shop-scope[data-shop-fit] #main .shop-table td > *,.shop-scope[data-shop-fit] #main .shop-table td::before{flex-shrink:0}
  .shop-scope[data-shop-fit] #main .shop-table td::before{display:block;content:attr(data-label);font-size:12px;line-height:16px;color:var(--muted);font-weight:400}
  .shop-scope[data-shop-fit] #main .shop-table td:first-child{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}
  .shop-scope[data-shop-fit] #main .shop-orders-table td:nth-child(2){grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-scope[data-shop-fit] #main .shop-orders-table td:nth-child(5){grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-scope[data-shop-fit] #main .shop-table td:last-child{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:0;min-height:44px;padding:0!important}
  .shop-scope[data-shop-fit] .shop-table .cell-stack{align-items:flex-start}
  .shop-scope[data-shop-fit] .shop-table .btn.text{min-height:44px;padding:6px 10px;font-size:13px}
  .shop-scope[data-shop-fit] .shop-row-actions{justify-content:flex-end;flex-wrap:wrap}
  .shop-scope[data-shop-fit] #main .shop-report-table tbody tr{min-height:286px}
  .shop-scope[data-shop-fit] #main .shop-report-table td:nth-child(9){grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-scope[data-shop-fit] #main .shop-products-table tbody tr{min-height:264px}
  .shop-scope[data-shop-fit] #main .shop-products-table td:nth-child(2){grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-scope[data-shop-fit] .shop-products-table .cell-stack{flex-direction:row;flex-wrap:wrap;gap:6px}
  .shop-scope[data-shop-fit] #main .shop-list-panel > .pager{height:52px!important;flex-basis:52px!important;min-height:52px}
  .shop-scope[data-shop-fit] .shop-list-panel > .pager .icon-button{height:44px;width:44px;min-height:44px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main > .page-heading{padding:12px 16px 8px!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main > .page-heading h1{font-size:23px!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main > .page-content{padding:0 16px!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-role-label{display:none}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-role-switch .chip-btn{min-height:36px;flex:1}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-kpis article{padding:16px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-kpis strong{margin:8px 0;font-size:28px;line-height:34px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-insights{grid-template-columns:1fr}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-chart{height:100px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-bars{height:76px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-pending-card{padding:10px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-caliber .section-head{display:flex}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-caliber-list{grid-template-columns:1fr;gap:14px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-caliber-list dd{font-size:13px;line-height:20px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-section{padding:12px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table{display:block!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table thead{display:none!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table tbody{display:grid!important;gap:8px;width:100%}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table tbody tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;column-gap:12px;row-gap:0;height:auto!important;min-height:244px;width:100%;min-width:0;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:#fff}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td{display:flex!important;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;width:auto!important;min-width:0!important;padding:5px 0!important;min-height:48px;text-align:left!important;border-bottom:1px solid #edf0f2;font-size:14px!important;line-height:18px!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td > *,.shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td::before{flex-shrink:0}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td::before{display:block;content:attr(data-label);font-size:12px;line-height:16px;color:var(--muted);font-weight:400}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td:first-child{flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-orders-table td:nth-child(2){grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-orders-table td:nth-child(5){grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-table td:last-child{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:0;min-height:44px;padding:0!important}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-table .cell-stack{align-items:flex-start}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-table .btn.text{min-height:44px;padding:6px 10px;font-size:13px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-row-actions{justify-content:flex-end;flex-wrap:wrap}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-report-table tbody tr{min-height:286px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-report-table td:nth-child(9){grid-column:1/-1;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-products-table tbody tr{min-height:264px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-products-table td:nth-child(2){grid-column:1/-1;grid-row:2;flex-direction:row;justify-content:flex-start;gap:8px;min-height:38px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-products-table .cell-stack{flex-direction:row;flex-wrap:wrap;gap:6px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] #main .shop-list-panel > .pager{height:52px!important;flex-basis:52px!important;min-height:52px}
  .shop-container[data-cq-168] .shop-scope[data-shop-fit] .shop-list-panel > .pager .icon-button{height:44px;width:44px;min-height:44px}}

@container shop (max-width:600px){
  .shop-scope[data-shop-fit] #main > .page-content{padding:0 12px!important}
  .shop-scope[data-shop-fit] #main > .page-heading{padding:12px 12px 8px!important}
  .shop-scope[data-shop-fit] #main > .page-heading p{max-width:280px;font-size:12px!important;line-height:17px!important}
  .shop-scope[data-shop-fit] #main .shop-list-panel{padding:6px 8px 0}
  .shop-scope[data-shop-fit] .shop-filters{padding:4px 6px;gap:6px}
  .shop-scope[data-shop-fit] .shop-filters select{height:40px;flex:0 1 45%}
  .shop-scope[data-shop-fit] .shop-filters .search input{height:40px!important;padding-left:26px!important}
  .shop-scope[data-shop-fit] .shop-filters .search svg{left:6px;width:14px}
  .shop-scope[data-shop-fit] .shop-view-tabs button{min-height:44px;padding:4px}
  .shop-scope[data-shop-fit] .shop-insights{gap:8px}
  .shop-scope[data-shop-fit] .shop-caliber-list{gap:10px}
  .shop-scope[data-shop-fit] .shop-kpis article{padding:12px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] #main > .page-content{padding:0 12px!important}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] #main > .page-heading{padding:12px 12px 8px!important}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] #main > .page-heading p{max-width:280px;font-size:12px!important;line-height:17px!important}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] #main .shop-list-panel{padding:6px 8px 0}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-filters{padding:4px 6px;gap:6px}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-filters select{height:40px;flex:0 1 45%}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-filters .search input{height:40px!important;padding-left:26px!important}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-filters .search svg{left:6px;width:14px}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-view-tabs button{min-height:44px;padding:4px}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-insights{gap:8px}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-caliber-list{gap:10px}
  .shop-container[data-cq-169] .shop-scope[data-shop-fit] .shop-kpis article{padding:12px}}

@container shop (min-width:601px) and (max-height:699px){
  .shop-scope[data-shop-fit] .shop-insights{grid-template-columns:1fr 1fr}
  .shop-scope[data-shop-fit] .shop-caliber-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@supports not (container-type: size) {
  .shop-container[data-cq-170] .shop-scope[data-shop-fit] .shop-insights{grid-template-columns:1fr 1fr}
  .shop-container[data-cq-170] .shop-scope[data-shop-fit] .shop-caliber-list{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Just above the compact-mode breakpoint, reserve room for a complete
   report row plus its header/pager. Only reduce section spacing, not text. */

@container shop (min-width:1101px) and (min-height:700px) and (max-height:800px){
  .shop-scope[data-shop-fit] #main > .page-content > .shop-report{gap:6px}
  .shop-scope[data-shop-fit] .shop-report .shop-section{padding-top:7px;padding-bottom:7px}
  .shop-scope[data-shop-fit] .shop-report .shop-pending-card{padding-top:3px;padding-bottom:3px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-171] .shop-scope[data-shop-fit] #main > .page-content > .shop-report{gap:6px}
  .shop-container[data-cq-171] .shop-scope[data-shop-fit] .shop-report .shop-section{padding-top:7px;padding-bottom:7px}
  .shop-container[data-cq-171] .shop-scope[data-shop-fit] .shop-report .shop-pending-card{padding-top:3px;padding-bottom:3px}}

/* Orders: one summary surface, filters inside the list, footer at viewport bottom.
   Keep every override local so the other shop pages retain their own layouts. */

.shop-scope[data-shop-fit] #main > .shop-orders-heading{align-items:center;padding-bottom:16px!important}

.shop-scope[data-shop-fit] #main > .shop-orders-heading h1{font-size:24px!important;line-height:30px!important}

.shop-scope[data-shop-fit] #main > .shop-orders-heading p{font-size:13px!important;line-height:18px!important}

.shop-scope[data-shop-fit] #main > .shop-orders-heading .page-actions{display:flex;align-items:center;gap:12px}

.shop-scope[data-shop-fit] #main > .page-content > .shop-orders{gap:12px}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis{gap:0;padding:16px 0;border:1px solid var(--line);border-radius:12px;background:#fff}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis article{padding:0 20px;border:0;border-radius:0;background:transparent}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis article + article{border-left:1px solid var(--line)}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis span{font-size:13px;line-height:18px;color:#667b8d}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis strong{margin:4px 0 2px;font-size:28px;line-height:34px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .shop-orders .shop-kpis small{font-size:12px;line-height:18px;color:#667b8d}

.shop-scope[data-shop-fit] #main .shop-orders > .shop-list-panel{--orders-panel-inset:16px;flex:1 1 0!important;padding:0 var(--orders-panel-inset);border-radius:12px}

.shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar{min-height:64px;align-items:center;justify-content:flex-start;gap:16px;margin:0;padding:12px 0}

.shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar h2{flex:none;font-size:16px;line-height:24px}

.shop-scope[data-shop-fit] .shop-orders .shop-filters{flex:0 1 auto;gap:10px;padding:0;border:0;border-radius:0;background:transparent}

.shop-scope[data-shop-fit] .shop-orders .shop-filters select{flex:0 0 160px;width:160px;height:38px;padding:6px 12px;border:1px solid #d7e0e7;border-radius:8px;font-size:13px;line-height:20px;outline:none}

.shop-scope[data-shop-fit] .shop-orders .shop-filters .search{position:relative;flex:0 1 320px;width:320px!important;max-width:320px}

.shop-scope[data-shop-fit] .shop-orders .shop-filters .search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;pointer-events:none}

.shop-scope[data-shop-fit] .shop-orders .shop-filters .search input{height:38px!important;padding:6px 12px 6px 36px!important;border:1px solid #d7e0e7;border-radius:8px;background:#fff;color:var(--ink);font-size:13px!important;line-height:20px;outline:none;box-shadow:none}

.shop-scope[data-shop-fit] .shop-orders .shop-filters .search input::placeholder{color:#7d8d9b}

.shop-scope[data-shop-fit] .shop-orders .shop-filters select:focus-visible,.shop-scope[data-shop-fit] .shop-orders .shop-filters .search input:focus{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue-weak)}

.shop-scope[data-shop-fit] .shop-orders .shop-table-wrap{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}

.shop-scope[data-shop-fit] #main .shop-orders .shop-list-panel > .pager{height:48px!important;flex:0 0 48px!important;min-height:48px;border-top:0;font-size:13px;margin:0 calc(-1 * var(--orders-panel-inset))!important;padding:6px var(--orders-panel-inset)!important;border-radius:0 0 12px 12px;background:#fafbfd}

.shop-scope[data-shop-fit] .shop-orders .pager .page-number{min-width:44px;text-align:center;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .shop-orders .pager [data-action="prev"] svg{transform:rotate(180deg)}

.shop-scope[data-shop-fit] #main .shop-orders .shop-list-panel > .empty{flex:1 1 0;min-height:0;padding:20px 12px}

@container shop (min-width:1101px) and (min-height:700px){
  .shop-scope[data-shop-fit] #main .shop-orders-table thead th{position:sticky;top:0;z-index:1}
  .shop-scope[data-shop-fit] #main .shop-orders-table tbody tr{height:calc(52px + var(--shop-row-fill,0px))!important;transition:none!important}
  .shop-scope[data-shop-fit] #main .shop-orders-table tbody tr:last-child td{border-bottom:0}
}

@supports not (container-type: size) {
  .shop-container[data-cq-172] .shop-scope[data-shop-fit] #main .shop-orders-table thead th{position:sticky;top:0;z-index:1}
  .shop-container[data-cq-172] .shop-scope[data-shop-fit] #main .shop-orders-table tbody tr{height:calc(52px + var(--shop-row-fill,0px))!important;transition:none!important}
  .shop-container[data-cq-172] .shop-scope[data-shop-fit] #main .shop-orders-table tbody tr:last-child td{border-bottom:0}}

@container shop (max-width:1100px) or (max-height:699px){
  .shop-scope[data-shop-fit] .shop-orders .shop-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .shop-scope[data-shop-fit] .shop-orders .shop-kpis article{padding:16px}
  .shop-scope[data-shop-fit] .shop-orders .shop-kpis article:nth-child(3){border-left:0}
  .shop-scope[data-shop-fit] .shop-orders .shop-kpis article:nth-child(n+3){border-top:1px solid var(--line)}
  .shop-scope[data-shop-fit] #main .shop-orders .shop-list-panel > .pager{height:52px!important;flex-basis:52px!important;min-height:52px}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters select,.shop-scope[data-shop-fit] .shop-orders .shop-filters .search input{height:44px!important}
}

@supports not (container-type: size) {
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-kpis{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-kpis article{padding:16px}
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-kpis article:nth-child(3){border-left:0}
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-kpis article:nth-child(n+3){border-top:1px solid var(--line)}
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] #main .shop-orders .shop-list-panel > .pager{height:52px!important;flex-basis:52px!important;min-height:52px}
  .shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-filters select,.shop-container[data-cq-173] .shop-scope[data-shop-fit] .shop-orders .shop-filters .search input{height:44px!important}}

@container shop (max-width:760px){
  .shop-scope[data-shop-fit] #main > .shop-orders-heading{position:relative;display:block!important;padding-bottom:12px!important}
  .shop-scope[data-shop-fit] #main > .shop-orders-heading > :first-child{padding-right:48px}
  .shop-scope[data-shop-fit] #main > .shop-orders-heading .page-actions{margin-top:0!important;width:auto;display:block}
  .shop-scope[data-shop-fit] .shop-orders-heading .mobile-menu{position:absolute;top:12px;right:12px;width:44px;height:44px}
  .shop-scope[data-shop-fit] #main .shop-orders > .shop-list-panel{--orders-panel-inset:12px}
  .shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar{position:relative;flex-wrap:wrap;gap:8px;padding:12px 0}
  .shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar h2{width:100%}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters{width:100%;gap:8px}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters select{flex:0 0 138px;width:138px;padding-left:8px;padding-right:4px}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters .search{flex:1 1 0;width:auto!important;max-width:none}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters .search input{padding-left:30px!important}
  .shop-scope[data-shop-fit] .shop-orders .shop-filters .search svg{left:9px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] #main > .shop-orders-heading{position:relative;display:block!important;padding-bottom:12px!important}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] #main > .shop-orders-heading > :first-child{padding-right:48px}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] #main > .shop-orders-heading .page-actions{margin-top:0!important;width:auto;display:block}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders-heading .mobile-menu{position:absolute;top:12px;right:12px;width:44px;height:44px}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] #main .shop-orders > .shop-list-panel{--orders-panel-inset:12px}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar{position:relative;flex-wrap:wrap;gap:8px;padding:12px 0}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-orders-toolbar h2{width:100%}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-filters{width:100%;gap:8px}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-filters select{flex:0 0 138px;width:138px;padding-left:8px;padding-right:4px}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-filters .search{flex:1 1 0;width:auto!important;max-width:none}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-filters .search input{padding-left:30px!important}
  .shop-container[data-cq-174] .shop-scope[data-shop-fit] .shop-orders .shop-filters .search svg{left:9px}}

/* Order details and their confirmations share the main content's center. */

.shop-scope[data-shop-fit] .shop-order-backdrop{background:rgba(20,38,55,.28);backdrop-filter:blur(2px)}

.shop-scope[data-shop-fit] :is(.editor.shop-order-dialog,.confirm-dialog.shop-order-confirm){
  position:fixed;top:var(--shop-order-center-y,50%);left:var(--shop-order-center-x,50%);right:auto;bottom:auto;
  transform:translate(-50%,-50%);width:640px;max-width:var(--shop-order-max-width,calc(100vw - 24px));
  height:auto;min-height:0;max-height:var(--shop-order-max-height,calc(100dvh - 24px));
  display:flex;flex-direction:column;overflow:hidden;border:1px solid #e4ebf1;border-radius:16px;background:#fff;transition:none;
  box-shadow:0 20px 64px #14263726,0 4px 16px #1426370d;
}

.shop-scope[data-shop-fit] .shop-order-dialog .editor-head{display:flex;flex:none;align-items:flex-start;gap:20px;padding:24px;border-bottom:1px solid #e9eef3}

.shop-scope[data-shop-fit] .shop-order-heading{flex:1;min-width:0}

.shop-scope[data-shop-fit] .shop-order-dialog .editor-head h2{margin:0;color:#20374a;font-size:20px;line-height:28px}

.shop-scope[data-shop-fit] .shop-order-heading p{margin:5px 0 0;color:#718395;font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-order-heading-actions{display:flex;flex:0 0 auto;align-items:center;gap:12px}

.shop-scope[data-shop-fit] .shop-order-dialog .editor-head .icon-button{width:36px;height:36px;min-height:36px;padding:8px;flex:none;border:1px solid #e4ebf1;border-radius:9px;color:#647789;background:#fff}

.shop-scope[data-shop-fit] .shop-order-dialog .editor-head .icon-button:hover{background:#f3f6fa}

.shop-scope[data-shop-fit] .shop-order-status{display:inline-flex;align-items:center;gap:6px;max-width:150px;padding:4px 9px;border-radius:6px;font-size:12px;line-height:20px;font-weight:500;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-order-status i{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}

.shop-scope[data-shop-fit] .shop-order-status.blue{background:#eef3ff;color:#3866cc}

.shop-scope[data-shop-fit] .shop-order-status.good{background:#eaf7f0;color:#237c55}

.shop-scope[data-shop-fit] .shop-order-status.warn{background:#fff5e4;color:#a56813}

.shop-scope[data-shop-fit] .shop-order-status.bad{background:#fff0f1;color:#be3b47}

.shop-scope[data-shop-fit] .shop-order-dialog > .editor-body{flex:0 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:24px}

.shop-scope[data-shop-fit] .shop-order-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid #e9eef4;border-radius:12px;background:#f7f9fc}

.shop-scope[data-shop-fit] .shop-order-product{min-width:0}

.shop-scope[data-shop-fit] .shop-order-product h3{margin:0;color:#20374a;font-size:18px;line-height:26px;font-weight:600;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-order-product p{margin:6px 0 0;color:#718395;font-size:12px;line-height:18px}

.shop-scope[data-shop-fit] .shop-order-amount{flex:none;text-align:right}

.shop-scope[data-shop-fit] .shop-order-amount span{display:block;color:#718395;font-size:12px;line-height:18px}

.shop-scope[data-shop-fit] .shop-order-amount strong{display:block;margin-top:3px;color:#20374a;font-size:28px;line-height:34px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}

.shop-scope[data-shop-fit] .shop-order-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:24px 0 0}

.shop-scope[data-shop-fit] .shop-order-info > div{min-width:0}

.shop-scope[data-shop-fit] .shop-order-info dt{margin:0 0 5px;color:#718395;font-size:12px;line-height:18px}

.shop-scope[data-shop-fit] .shop-order-info dd{margin:0;color:#20374a;font-size:14px;line-height:22px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-fit] .shop-order-info .shop-order-full{grid-column:1/-1}

.shop-scope[data-shop-fit] .shop-order-code{padding:14px 16px;border:1px solid #e9eef4;border-radius:10px;background:#fafbfd}

.shop-scope[data-shop-fit] .shop-order-info .shop-order-code-empty{color:#81909e}

.shop-scope[data-shop-fit] .shop-order-failure{margin-top:20px;padding:14px 16px;border:1px solid #f3d9dc;border-radius:10px;background:#fff6f6}

.shop-scope[data-shop-fit] .shop-order-failure h3{display:flex;align-items:center;gap:6px;margin:0;color:#b4434e;font-size:13px;line-height:20px}

.shop-scope[data-shop-fit] .shop-order-failure .icon{width:16px;height:16px}

.shop-scope[data-shop-fit] .shop-order-failure p{margin:6px 0 0;color:#9d4850;font-size:14px;line-height:22px;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-order-dialog > .editor-footer{display:flex;flex:none;justify-content:flex-end;padding:16px 24px;border-top:1px solid #e9eef3;background:#fff}

.shop-scope[data-shop-fit] .shop-order-dialog .shop-order-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;min-width:0}

.shop-scope[data-shop-fit] .shop-order-actions .btn{min-height:40px;padding:9px 16px;border-radius:8px;font-size:14px;line-height:20px;white-space:nowrap}

.shop-scope[data-shop-fit] .shop-order-actions .shop-order-refund{border:1px solid #e4aeb4;color:#b93442;background:#fff}

.shop-scope[data-shop-fit] .shop-order-actions .shop-order-refund:hover{background:#fff3f4;border-color:#d77a85}

.shop-scope[data-shop-fit] :is(.shop-order-dialog,.shop-order-confirm) button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

.shop-scope[data-shop-fit] .confirm-dialog.shop-order-confirm{width:480px}

.shop-scope[data-shop-fit] .shop-order-confirm > header{flex:none;padding:20px 24px;border-bottom:1px solid #e9eef3}

.shop-scope[data-shop-fit] .shop-order-confirm > header h2{font-size:20px;line-height:28px}

.shop-scope[data-shop-fit] .shop-order-confirm > .confirm-body{flex:0 1 auto;min-height:0;overflow:auto;padding:20px 24px;font-size:14px;line-height:24px;overflow-wrap:anywhere}

.shop-scope[data-shop-fit] .shop-order-confirm .confirm-body p{margin:0}

.shop-scope[data-shop-fit] .shop-order-confirm > footer{flex:none;padding:16px 24px;flex-wrap:wrap;border-top:1px solid #e9eef3}

.shop-scope[data-shop-fit] .shop-order-confirm > footer .btn{min-height:40px;border-radius:8px;font-size:14px}

@container shop (max-width:760px){
  .shop-scope[data-shop-fit] .shop-order-dialog .editor-head{padding:16px;gap:10px}
  .shop-scope[data-shop-fit] .shop-order-heading-actions{gap:8px}
  .shop-scope[data-shop-fit] .shop-order-dialog .editor-head .icon-button{width:44px;height:44px;min-height:44px;padding:12px}
  .shop-scope[data-shop-fit] .shop-order-status{max-width:124px;padding:4px 7px}
  .shop-scope[data-shop-fit] .shop-order-dialog > .editor-body{padding:16px}
  .shop-scope[data-shop-fit] .shop-order-summary{padding:14px;gap:14px}
  .shop-scope[data-shop-fit] .shop-order-product h3{font-size:16px;line-height:24px}
  .shop-scope[data-shop-fit] .shop-order-info{gap:16px;margin-top:20px}
  .shop-scope[data-shop-fit] .shop-order-code{padding:12px}
  .shop-scope[data-shop-fit] .shop-order-dialog > .editor-footer{padding:12px 16px}
  .shop-scope[data-shop-fit] .shop-order-dialog .shop-order-actions{gap:8px}
  .shop-scope[data-shop-fit] .shop-order-actions .btn{min-height:44px;padding:10px 12px;font-size:13px}
  .shop-scope[data-shop-fit] .shop-order-confirm > header,.shop-scope[data-shop-fit] .shop-order-confirm > .confirm-body{padding:16px}
  .shop-scope[data-shop-fit] .shop-order-confirm > footer{padding:12px 16px}
  .shop-scope[data-shop-fit] .shop-order-confirm > footer .btn{min-height:44px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-dialog .editor-head{padding:16px;gap:10px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-heading-actions{gap:8px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-dialog .editor-head .icon-button{width:44px;height:44px;min-height:44px;padding:12px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-status{max-width:124px;padding:4px 7px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-dialog > .editor-body{padding:16px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-summary{padding:14px;gap:14px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-product h3{font-size:16px;line-height:24px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-info{gap:16px;margin-top:20px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-code{padding:12px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-dialog > .editor-footer{padding:12px 16px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-dialog .shop-order-actions{gap:8px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-actions .btn{min-height:44px;padding:10px 12px;font-size:13px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-confirm > header,.shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-confirm > .confirm-body{padding:16px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-confirm > footer{padding:12px 16px}
  .shop-container[data-cq-175] .shop-scope[data-shop-fit] .shop-order-confirm > footer .btn{min-height:44px}}

/* Local scheme-A reconciliation report. No shared finance/shop selectors. */

.shop-scope[data-scheme="A"][data-shop-report]{--report-ink:#1c3448;--report-muted:#627789;--report-line:#e3eaf1;--report-blue:#3b68e8;--report-surface:#fff;--report-row-height:52px;background:#f4f7fb;color:var(--report-ink);height:var(--report-viewport,100dvh);min-height:0;overflow-y:auto}

.shop-scope[data-shop-report] #app,.shop-scope[data-shop-report] .shell,.shop-scope[data-shop-report] .workspace{height:var(--report-viewport,100dvh)!important;min-height:0!important;max-height:none!important}

.shop-scope[data-shop-report] .workspace{display:flex!important;flex-direction:column;min-width:0}

.shop-scope[data-shop-report] #main{display:flex!important;flex:1 1 0!important;flex-direction:column;height:100%!important;min-height:0!important;min-width:0;padding:0!important}

.shop-scope[data-shop-report] #main>.page-heading{display:flex!important;align-items:center;justify-content:space-between;flex:0 0 auto!important;min-height:0;margin:0!important;padding:16px 24px 12px!important;gap:20px}

.shop-scope[data-shop-report] .page-heading h1{margin:0!important;font-size:24px!important;line-height:30px!important;letter-spacing:-.3px}

.shop-scope[data-shop-report] .page-heading p{margin:4px 0 0!important;font-size:12px!important;line-height:18px!important;color:var(--report-muted)}

.shop-scope[data-shop-report] .page-heading .page-actions{display:flex;align-items:center;gap:12px;margin:0!important;min-width:0;width:auto;flex:none}

.shop-scope[data-shop-report] .page-heading>div:first-child{flex:1;min-width:0}

.shop-scope[data-shop-report] .report-filters{display:flex;align-items:center;gap:16px}

.shop-scope[data-shop-report] .report-filters label{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--report-muted);white-space:nowrap}

.shop-scope[data-shop-report] .report-filters select{height:36px;min-width:120px;max-width:180px;border:1px solid #d5dfeb;border-radius:7px;padding:6px 28px 6px 10px;font:inherit;font-size:13px;color:var(--report-ink);background:#fff;cursor:pointer}

.shop-scope[data-shop-report] :is(button,select):focus-visible{outline:2px solid var(--report-blue);outline-offset:3px}

.shop-scope[data-shop-report] #main>.page-content{display:flex!important;flex-direction:column;flex:1 1 0!important;height:auto!important;min-height:0!important;padding:0 24px!important;overflow:visible!important}

.shop-scope[data-shop-report] #main .report-dashboard{display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;width:100%;gap:12px;padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}

.shop-scope[data-shop-report] .report-dashboard>*{min-width:0;flex-shrink:0}

.shop-scope[data-shop-report] .report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}

.shop-scope[data-shop-report] .report-kpi{min-width:0;margin:0;padding:14px 16px 12px;background:var(--report-surface);border:1px solid var(--report-line);border-radius:10px}

.shop-scope[data-shop-report] .report-kpi-label{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#465e72;font-size:13px;line-height:20px;font-weight:600}

.shop-scope[data-shop-report] .report-kpi-mark{display:flex;align-items:center;justify-content:center;color:#7d92b0}

.shop-scope[data-shop-report] .report-kpi-mark svg{width:16px;height:16px}

.shop-scope[data-shop-report] .report-kpi>strong{display:block;margin:6px 0 10px;font-size:29px;font-weight:700;line-height:34px;letter-spacing:-.6px;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-kpi-1{border-color:#bfd0f5}

.shop-scope[data-shop-report] .report-kpi-1>strong{color:#315fce}

.shop-scope[data-shop-report] .report-kpi-1 .report-kpi-mark{color:#5478d5}

.shop-scope[data-shop-report] .report-kpi-note{font-size:12px!important;line-height:18px!important;color:var(--report-muted);margin:0!important;white-space:normal;overflow:visible;overflow-wrap:break-word}

.shop-scope[data-shop-report] .report-kpi-note>span{display:block}

.shop-scope[data-shop-report] .report-kpi-note>span+span{margin-top:4px}

.shop-scope[data-shop-report] .report-kpi-note::before{content:"";flex:none;width:3px;height:3px;border-radius:50%;background:#b6c4d2}

.shop-scope[data-shop-report] .report-dashboard[data-empty="true"] .report-analytics{display:none}

.shop-scope[data-shop-report] .report-analytics{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;height:clamp(224px,24vh,260px);min-width:0}

.shop-scope[data-shop-report] .report-panel{--report-panel-inset:16px;border:1px solid var(--report-line);border-radius:10px;background:var(--report-surface);min-width:0;padding:14px var(--report-panel-inset);box-shadow:none}

.shop-scope[data-shop-report] .report-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex:none;margin:0 0 12px;min-width:0}

.shop-scope[data-shop-report] .report-section-head h2{margin:0;font-size:15px;line-height:22px;color:var(--report-ink);font-weight:700}

.shop-scope[data-shop-report] .report-section-head p{margin:2px 0 0;color:var(--report-muted);font-size:12px;line-height:18px}

.shop-scope[data-shop-report] .report-trend .report-section-head p{white-space:normal;min-width:0}

.shop-scope[data-shop-report] .report-trend .report-section-head>div{min-width:0}

.shop-scope[data-shop-report] .report-chart-unit{display:flex;align-items:center;gap:6px;color:var(--report-muted);font-size:12px;white-space:nowrap}

.shop-scope[data-shop-report] .report-chart-unit i{height:7px;width:7px;display:block;background:#557ce4;border-radius:2px}

.shop-scope[data-shop-report] .report-trend,.shop-scope[data-shop-report] .report-pending{display:flex;flex-direction:column;min-height:0}

.shop-scope[data-shop-report] .report-chart{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 18px;column-gap:10px;row-gap:10px;flex:1;min-height:0;padding:24px 0 0;overflow:visible}

.shop-scope[data-shop-report] .report-axis{position:relative;grid-column:1;grid-row:1;color:#76899b;font-size:11px;line-height:14px}

.shop-scope[data-shop-report] .report-axis span{position:absolute;right:0;transform:translateY(50%);font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-plot{position:relative;grid-column:2;grid-row:1;min-width:0;min-height:0;overflow:visible}

.shop-scope[data-shop-report] .report-gridline{position:absolute;left:0;right:0;border-bottom:1px dashed #e5ebf3;pointer-events:none}

.shop-scope[data-shop-report] .report-gridline:first-child{border-bottom-style:solid}

.shop-scope[data-shop-report] .report-days{display:flex;height:100%;position:relative;gap:8px;min-width:0;overflow:visible}

.shop-scope[data-shop-report] .report-day{display:flex;align-items:flex-end;justify-content:center;flex:1;min-width:0;height:100%}

.shop-scope[data-shop-report] .report-bar{position:relative;width:clamp(24px,3vw,44px);max-width:65%;background:#6285e4;border-radius:4px 4px 0 0}

.shop-scope[data-shop-report] .report-day:last-child .report-bar{background:#3b68d9}

.shop-scope[data-shop-report] .report-bar>span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding-bottom:5px;white-space:nowrap;font-size:12px;line-height:16px;color:#344f70;font-weight:600;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-dates{display:flex;grid-column:2;grid-row:2;gap:8px;color:var(--report-muted);font-size:11px;line-height:18px}

.shop-scope[data-shop-report] .report-day-label{flex:1;text-align:center}

.shop-scope[data-shop-report] .report-chart-empty{flex:1;display:grid;place-items:center;font-size:13px;color:var(--report-muted)}

.shop-scope[data-shop-report] .report-trend{container-type:inline-size}

.shop-scope[data-shop-report] .report-trend-compact{display:none}

@container(max-width:599px){
  .shop-scope[data-shop-report] .report-chart{display:none}
  .shop-scope[data-shop-report] .report-trend-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:3px 6px;align-content:center;flex:1;min-height:0}
  .shop-scope[data-shop-report] .report-trend-compact>div{display:flex;align-items:center;justify-content:space-between;gap:4px;border-left:2px solid #6285e4;padding:0 4px;background:linear-gradient(90deg,#e8efff var(--trend-fill),transparent var(--trend-fill));font-size:12px;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
  .shop-scope[data-shop-report] .report-trend-compact strong{font-weight:500}
}

@supports not (container-type: size) {
  .shop-scope[data-shop-report] .report-trend[data-local-cq-2] .report-chart{display:none}
  .shop-scope[data-shop-report] .report-trend[data-local-cq-2] .report-trend-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:3px 6px;align-content:center;flex:1;min-height:0}
  .shop-scope[data-shop-report] .report-trend[data-local-cq-2] .report-trend-compact>div{display:flex;align-items:center;justify-content:space-between;gap:4px;border-left:2px solid #6285e4;padding:0 4px;background:linear-gradient(90deg,#e8efff var(--trend-fill),transparent var(--trend-fill));font-size:12px;line-height:18px;white-space:nowrap;font-variant-numeric:tabular-nums}
  .shop-scope[data-shop-report] .report-trend[data-local-cq-2] .report-trend-compact strong{font-weight:500}}

.shop-scope[data-shop-report] .report-pending-head{align-items:center;gap:12px}

.shop-scope[data-shop-report] .report-pending-head h2{flex-shrink:0}

.shop-scope[data-shop-report] .report-pending-head p{margin:0;text-align:right}

.shop-scope[data-shop-report] .report-pending-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(0,1fr));gap:0;flex:1;min-height:0}

.shop-scope[data-shop-report] .report-pending-item{display:grid;grid-template-columns:minmax(0,1fr) 88px 52px;align-items:center;column-gap:12px;border:0;border-bottom:1px solid #edf1f6;border-radius:0;background:transparent;padding:0;min-width:0;min-height:0}

.shop-scope[data-shop-report] .report-pending-item:last-child{border-bottom:0}

.shop-scope[data-shop-report] .report-pending-status{display:flex;align-items:center;gap:8px;min-width:0;color:var(--report-ink);font-size:13px;line-height:20px;white-space:nowrap}

.shop-scope[data-shop-report] .report-pending-status i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--report-blue)}

.shop-scope[data-shop-report] :is(.report-pending-2,.report-pending-3) .report-pending-status i{background:#c88732}

.shop-scope[data-shop-report] .report-pending-item strong{font-size:18px;line-height:24px;font-weight:700;text-align:right;letter-spacing:-.3px;font-variant-numeric:tabular-nums;white-space:nowrap}

.shop-scope[data-shop-report] .report-pending-item small{color:var(--report-muted);font-size:12px;line-height:18px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

.shop-scope[data-shop-report] #main .report-list{display:flex;flex-direction:column;flex:1 1 0;min-height:0;margin:0;padding-bottom:0;border-radius:10px}

.shop-scope[data-shop-report] .report-list>.report-section-head{min-height:26px;margin-bottom:10px}

.shop-scope[data-shop-report] .report-list>.report-summary-head{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);align-items:center;gap:12px 16px}

.shop-scope[data-shop-report] .report-summary-head .report-list-note{justify-self:end;text-align:right}

.shop-scope[data-shop-report] .report-list-note{color:var(--report-muted);font-size:12px;line-height:18px}

.shop-scope[data-shop-report] .report-table-wrap{flex:1 1 0;min-width:0;min-height:0;width:100%;overflow:visible}

.shop-scope[data-shop-report] #main .report-table{display:table;width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse;height:auto;margin:0}

.shop-scope[data-shop-report] #main .report-table thead{display:table-header-group}

.shop-scope[data-shop-report] #main .report-table tbody{display:table-row-group;height:auto}

.shop-scope[data-shop-report] #main .report-table tr{display:table-row;height:var(--report-row-height)!important}

.shop-scope[data-shop-report] #main .report-table thead tr{height:34px!important}

.shop-scope[data-shop-report] #main .report-table :is(th,td){display:table-cell;min-width:0!important;width:auto!important;text-align:center;vertical-align:middle;padding:6px 8px!important;font-size:14px;line-height:20px;border-bottom:1px solid #edf1f6;white-space:nowrap;overflow:visible;overflow-wrap:normal;color:var(--report-ink)}

.shop-scope[data-shop-report] #main .report-table th{background:#f5f8fc;font-size:12px;font-weight:600;color:#566c80}

.shop-scope[data-shop-report] #main .report-table .report-money{text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.15px}

.shop-scope[data-shop-report] #main .report-table .report-received{font-weight:700;color:#315fce}

.shop-scope[data-shop-report] #main .report-table .report-date{font-weight:600}

.shop-scope[data-shop-report] #main .report-table .report-index{font-size:14px;color:#7a8d9e}

.shop-scope[data-shop-report] #main .report-table .report-generated{font-size:14px;line-height:20px;color:var(--report-muted)}

.shop-scope[data-shop-report] .report-generated small{display:block;font-size:11px;line-height:14px;color:#76899b}

.shop-scope[data-shop-report] .report-table .btn.text{min-height:32px;height:auto;padding:4px 0;min-width:0;font-size:12px;line-height:20px;white-space:nowrap;color:#3b68d9}

.shop-scope[data-shop-report] .report-table tbody tr:hover{background:#f8faff}

.shop-scope[data-shop-report] .report-list>.pager{display:flex;flex:0 0 48px;align-items:center;justify-content:space-between;gap:12px;height:48px;min-height:48px;margin:0 calc(-1 * var(--report-panel-inset))!important;padding:0 var(--report-panel-inset)!important;border-top:0;border-radius:0 0 10px 10px;background:#fafbfd;color:var(--report-muted);font-size:12px;box-sizing:border-box}

.shop-scope[data-shop-report] .report-list>.pager>div{display:flex;align-items:center;gap:8px;flex-shrink:0}

.shop-scope[data-shop-report] .report-record-range{display:flex;align-items:center;gap:8px;white-space:nowrap;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-range-divider{color:#a1afbd}

@container shop (min-width:1101px) and (min-height:700px){
  .shop-scope[data-shop-report] #main .report-table tbody tr:last-child td{border-bottom:0}
}

@supports not (container-type: size) {
  .shop-container[data-cq-176] .shop-scope[data-shop-report] #main .report-table tbody tr:last-child td{border-bottom:0}}

.shop-scope[data-shop-report] .report-list>.pager .report-page-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;min-height:32px;padding:0 10px;border:1px solid #dce4ee;border-radius:6px;background:#fff;font-size:12px;line-height:18px;color:var(--report-ink);white-space:nowrap;box-shadow:none}

.shop-scope[data-shop-report] .report-page-button svg{width:14px;height:14px}

.shop-scope[data-shop-report] .report-list>.pager .report-page-button:hover:not(:disabled){border-color:#9db5ed;background:#f2f6ff;color:#315fce}

.shop-scope[data-shop-report] .report-list>.pager .report-page-button:disabled{opacity:1;color:#a1afbd;background:#f5f7fa;border-color:#e9edf3;cursor:default}

.shop-scope[data-shop-report] .report-list>.pager .page-number{display:flex;align-items:center;justify-content:center;gap:8px;min-width:54px;font-size:12px;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-list>.pager .page-number strong{font-weight:600;color:var(--report-ink)}

.shop-scope[data-shop-report] .report-list>.pager [data-action="prev"] svg{transform:rotate(180deg)!important}

.shop-scope[data-shop-report] .report-empty{display:flex;align-items:center;justify-content:center;flex:1;min-height:0}

.shop-scope[data-shop-report] .report-empty .empty-state{padding:12px;min-height:0}

.shop-scope[data-shop-report] [hidden]{display:none!important}

/* Dedicated local report detail; shared editors keep their own layout. */

.shop-scope[data-scheme="A"][data-shop-report]:has(.report-detail-dialog){overflow:hidden}

.shop-scope[data-shop-report] .report-detail-backdrop{background:rgba(23,42,59,.34)}

.shop-scope[data-shop-report] .report-detail-dialog{container-type:inline-size;transition:none!important}

.shop-scope[data-shop-report] .editor.report-detail-dialog{left:var(--report-detail-x,50vw);top:var(--report-detail-y,50dvh);right:auto;bottom:auto;transform:translate(-50%,-50%);width:var(--report-detail-width, min(760px,calc(100vw - 48px)));height:auto;min-height:0;max-height:var(--report-detail-max-height,calc(100dvh - 48px));border:1px solid var(--report-line);border-radius:14px;box-shadow:0 16px 48px #142a3f26;overflow:hidden}

.shop-scope[data-shop-report] .report-detail-dialog .editor-head{flex:none;align-items:flex-start;gap:16px;padding:20px 24px 16px;border-bottom:1px solid var(--report-line)}

.shop-scope[data-shop-report] .report-detail-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}

.shop-scope[data-shop-report] .report-detail-dialog #editor-title{margin:0;font-size:20px;line-height:28px;letter-spacing:-.3px}

.shop-scope[data-shop-report] .report-detail-date{font-size:13px;line-height:22px;color:var(--report-muted);font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-detail-dialog #report-detail-cutoff{margin:4px 0 0;font-size:12px;line-height:18px;color:var(--report-muted)}

.shop-scope[data-shop-report] .report-detail-dialog .editor-head .icon-button{width:32px;height:32px;min-height:32px;flex:none;border:1px solid #dce4ee;border-radius:7px}

.shop-scope[data-shop-report] .report-detail-dialog .editor-body{flex:1 1 auto;min-height:0;padding:20px 24px;overflow-y:auto;overscroll-behavior:contain}

.shop-scope[data-shop-report] .report-detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}

.shop-scope[data-shop-report] .report-detail-metric{padding:12px 14px;background:#f7f9fc;border:1px solid #edf1f6;border-radius:9px;min-width:0}

.shop-scope[data-shop-report] .report-detail-metric dt{font-size:12px;line-height:18px;color:var(--report-muted)}

.shop-scope[data-shop-report] .report-detail-metric dd{margin:6px 0 0;font-size:24px;line-height:30px;font-weight:700;letter-spacing:-.4px;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-detail-received{background:#f4f7ff;border-color:#dce6ff}

.shop-scope[data-shop-report] .report-detail-received dd{color:#315fce}

.shop-scope[data-shop-report] .report-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:16px 0 20px}

.shop-scope[data-shop-report] .report-detail-meta>div{min-width:0;padding:0 16px;border-left:1px solid var(--report-line)}

.shop-scope[data-shop-report] .report-detail-meta>div:first-child{padding-left:0;border:0}

.shop-scope[data-shop-report] .report-detail-meta dt{font-size:12px;line-height:18px;color:var(--report-muted)}

.shop-scope[data-shop-report] .report-detail-meta dd{margin:4px 0 0;font-size:16px;line-height:22px;font-weight:600;font-variant-numeric:tabular-nums}

.shop-scope[data-shop-report] .report-detail-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}

.shop-scope[data-shop-report] .report-detail-section-head h3{flex:none;margin:0;font-size:15px;line-height:22px}

.shop-scope[data-shop-report] .report-detail-section-head p{margin:0;color:var(--report-muted);font-size:12px;line-height:18px;text-align:right}

.shop-scope[data-shop-report] .report-detail-dialog .report-pending-grid{height:152px;flex:none}

.shop-scope[data-shop-report] .report-detail-dialog .editor-footer{flex:none;justify-content:flex-end;padding:12px 24px;background:#fafbfd;border-top:1px solid var(--report-line)}

.shop-scope[data-shop-report] .report-detail-dialog .editor-footer .btn{min-width:80px;height:36px;min-height:36px;font-size:13px;border-radius:7px}

.shop-scope[data-shop-report] .report-detail-empty{padding:24px 0;text-align:center}

.shop-scope[data-shop-report] .report-detail-empty h3{font-size:16px;margin:0 0 8px}

.shop-scope[data-shop-report] .report-detail-empty p{font-size:13px;color:var(--report-muted);margin:0}

@container(max-width:620px){
  .shop-scope[data-shop-report] .report-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@supports not (container-type: size) {
  .shop-scope[data-shop-report] .report-detail-dialog[data-local-cq-3] .report-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}

@container shop (max-width:600px){
  .shop-scope[data-shop-report] .report-detail-dialog .editor-head{padding:14px 16px;gap:8px}
  .shop-scope[data-shop-report] .report-detail-heading{gap:8px}
  .shop-scope[data-shop-report] .report-detail-dialog .editor-head .icon-button{width:44px;height:44px;min-height:44px}
  .shop-scope[data-shop-report] .report-detail-dialog .editor-body{padding:14px 16px}
  .shop-scope[data-shop-report] .report-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shop-scope[data-shop-report] .report-detail-metric{padding:10px 12px}
  .shop-scope[data-shop-report] .report-detail-metric dd{margin-top:4px;font-size:22px;line-height:28px}
  .shop-scope[data-shop-report] .report-detail-meta{margin:12px 0}
  .shop-scope[data-shop-report] .report-detail-meta>div{padding:0 8px}
  .shop-scope[data-shop-report] .report-detail-dialog .report-pending-grid{height:136px}
  .shop-scope[data-shop-report] .report-detail-dialog .editor-footer{padding:10px 16px}
  .shop-scope[data-shop-report] .report-detail-dialog .editor-footer .btn{height:44px;min-height:44px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .editor-head{padding:14px 16px;gap:8px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-heading{gap:8px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .editor-head .icon-button{width:44px;height:44px;min-height:44px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .editor-body{padding:14px 16px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-metric{padding:10px 12px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-metric dd{margin-top:4px;font-size:22px;line-height:28px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-meta{margin:12px 0}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-meta>div{padding:0 8px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .report-pending-grid{height:136px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .editor-footer{padding:10px 16px}
  .shop-container[data-cq-177] .shop-scope[data-shop-report] .report-detail-dialog .editor-footer .btn{height:44px;min-height:44px}}

.shop-scope[data-shop-report] .report-view-tabs{display:none;gap:4px;padding:4px;border:1px solid var(--report-line);border-radius:10px;background:#edf2f8;grid-template-columns:1fr 1fr 1.5fr}

.shop-scope[data-shop-report] .report-view-tabs button{min-height:44px;padding:6px 4px;border:0;border-radius:6px;font:inherit;font-size:13px;color:var(--report-muted);background:transparent;cursor:pointer;white-space:normal}

.shop-scope[data-shop-report] .report-view-tabs button[aria-pressed="true"]{background:#fff;color:#315fce}

@container shop (min-width:1101px) and (min-height:700px) and (max-height:820px){
  .shop-scope[data-shop-report] #main>.page-heading{padding:10px 24px 8px!important}
  .shop-scope[data-shop-report] .report-kpi{padding:10px 12px}
  .shop-scope[data-shop-report] .report-kpi>strong{font-size:27px;line-height:30px;margin:4px 0 8px}
  .shop-scope[data-shop-report] .report-analytics{height:160px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .shop-scope[data-shop-report] .report-panel{--report-panel-inset:12px;padding:8px var(--report-panel-inset)}
  .shop-scope[data-shop-report] .report-pending-item strong{font-size:16px;line-height:22px}
  .shop-scope[data-shop-report] .report-section-head{margin-bottom:4px}
  .shop-scope[data-shop-report] .report-list>.report-section-head{margin-bottom:6px}
}

@supports not (container-type: size) {
  .shop-container[data-cq-178] .shop-scope[data-shop-report] #main>.page-heading{padding:10px 24px 8px!important}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-kpi{padding:10px 12px}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-kpi>strong{font-size:27px;line-height:30px;margin:4px 0 8px}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-analytics{height:160px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-panel{--report-panel-inset:12px;padding:8px var(--report-panel-inset)}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-pending-item strong{font-size:16px;line-height:22px}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-section-head{margin-bottom:4px}
  .shop-container[data-cq-178] .shop-scope[data-shop-report] .report-list>.report-section-head{margin-bottom:6px}}

/* Compact lists paginate within the viewport; full statistics may flow vertically. */

@container shop (max-width:1100px) or (max-height:699px){
  .shop-scope[data-scheme="A"][data-shop-report]{--report-row-height:auto;height:var(--report-viewport,100dvh);min-height:0;overflow-y:auto}
  .shop-scope[data-shop-report] #app,.shop-scope[data-shop-report] .shell,.shop-scope[data-shop-report] .workspace{height:var(--report-viewport,100dvh)!important;min-height:0!important;max-height:none!important}
  .shop-scope[data-shop-report] #main{height:100%!important;flex:1 1 0!important;min-height:0!important}
  .shop-scope[data-shop-report] #main>.page-content{height:auto!important;flex:1 1 0!important;min-height:0!important;padding-bottom:0!important}
  .shop-scope[data-shop-report] #main>.page-heading{flex-wrap:wrap!important;gap:12px;padding:16px 24px!important}
  .shop-scope[data-shop-report] #main .report-dashboard{height:100%;flex:1 1 0;min-height:0;gap:12px}
  .shop-scope[data-shop-report] .page-heading .page-actions{flex:none!important;width:auto!important}
  .shop-scope[data-shop-report] .report-list>.report-summary-head{grid-template-columns:minmax(0,1fr) auto}
  .shop-scope[data-shop-report] .report-summary-head #report-list-title{grid-column:1;grid-row:1}
  .shop-scope[data-shop-report] .report-summary-head .report-filters{grid-column:1/-1;grid-row:2;min-width:0}
  .shop-scope[data-shop-report] .report-summary-head .report-list-note{grid-column:2;grid-row:1}
  .shop-scope[data-shop-report] .report-view-tabs{display:grid;flex:0 0 auto}
  .shop-scope[data-shop-report] #main .report-table tr{height:auto!important}
  .shop-scope[data-shop-report] .report-kpis{height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-scope[data-shop-report] .report-kpi{height:auto;min-height:0;padding:14px 16px;overflow:visible}
  .shop-scope[data-shop-report] .report-kpi>strong{font-size:27px;line-height:32px}
  .shop-scope[data-shop-report] .report-analytics{flex:1 1 0;height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  .shop-scope[data-shop-report] .report-trend,.shop-scope[data-shop-report] .report-pending{min-height:0}
  .shop-scope[data-shop-report] #main .report-list{flex:1 1 0;min-height:0}
  .shop-scope[data-shop-report] .report-table-wrap{flex:1 1 0;min-height:0;overflow:visible}
  .shop-scope[data-shop-report] #main .report-table,.shop-scope[data-shop-report] #main .report-table tbody{display:block;width:100%}
  .shop-scope[data-shop-report] #main .report-table :is(thead,colgroup){display:none}
  .shop-scope[data-shop-report] #main .report-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto!important;gap:0 16px;border:1px solid var(--report-line);border-radius:8px;padding:8px 12px;margin-bottom:12px}
  .shop-scope[data-shop-report] #main .report-table td{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:40px;white-space:normal;text-align:left!important;padding:4px 0!important;font-size:14px;line-height:19px}
  .shop-scope[data-shop-report] #main .report-table td::before{display:block;content:attr(data-label);font-size:12px;line-height:16px;color:var(--report-muted);font-weight:400}
  .shop-scope[data-shop-report] #main .report-table td:nth-child(9){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:38px;flex-wrap:wrap}
  .shop-scope[data-shop-report] .report-generated small{display:inline;font-size:12px}
  .shop-scope[data-shop-report] #main .report-table td:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border:0;min-height:38px;padding:0!important}
  .shop-scope[data-shop-report] .report-table .btn.text{min-height:44px;font-size:13px}
  .shop-scope[data-shop-report] .report-list>.pager{min-height:56px;height:auto;flex-basis:auto;flex-wrap:wrap;padding-top:6px!important;padding-bottom:6px!important;row-gap:6px}
  .shop-scope[data-shop-report] .report-list>.pager .report-page-button{height:44px;min-height:44px}
  .shop-scope[data-shop-report] .report-empty{min-height:0}
  .shop-scope[data-shop-report] .report-empty .empty{padding:12px}
  .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]){height:auto;min-height:100dvh}
  .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) :is(#app,.shell,.workspace){height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) #main{height:auto!important;flex:1 0 auto!important}
  .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) #main>.page-content{flex:1 0 auto!important;padding-bottom:12px!important}
  .shop-scope[data-shop-report] #main .report-dashboard[data-view="stats"]{height:auto;flex:1 0 auto}
}

@supports not (container-type: size) {
  .shop-container[data-cq-179] .shop-scope[data-scheme="A"][data-shop-report]{--report-row-height:auto;height:var(--report-viewport,100dvh);min-height:0;overflow-y:auto}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #app,.shop-container[data-cq-179] .shop-scope[data-shop-report] .shell,.shop-container[data-cq-179] .shop-scope[data-shop-report] .workspace{height:var(--report-viewport,100dvh)!important;min-height:0!important;max-height:none!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main{height:100%!important;flex:1 1 0!important;min-height:0!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main>.page-content{height:auto!important;flex:1 1 0!important;min-height:0!important;padding-bottom:0!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main>.page-heading{flex-wrap:wrap!important;gap:12px;padding:16px 24px!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-dashboard{height:100%;flex:1 1 0;min-height:0;gap:12px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .page-heading .page-actions{flex:none!important;width:auto!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-list>.report-summary-head{grid-template-columns:minmax(0,1fr) auto}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-summary-head #report-list-title{grid-column:1;grid-row:1}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-summary-head .report-filters{grid-column:1/-1;grid-row:2;min-width:0}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-summary-head .report-list-note{grid-column:2;grid-row:1}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-view-tabs{display:grid;flex:0 0 auto}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table tr{height:auto!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-kpis{height:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-kpi{height:auto;min-height:0;padding:14px 16px;overflow:visible}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-kpi>strong{font-size:27px;line-height:32px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-analytics{flex:1 1 0;height:100%;min-height:0;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-trend,.shop-container[data-cq-179] .shop-scope[data-shop-report] .report-pending{min-height:0}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-list{flex:1 1 0;min-height:0}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-table-wrap{flex:1 1 0;min-height:0;overflow:visible}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table,.shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table tbody{display:block;width:100%}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table :is(thead,colgroup){display:none}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:auto!important;gap:0 16px;border:1px solid var(--report-line);border-radius:8px;padding:8px 12px;margin-bottom:12px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table td{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:40px;white-space:normal;text-align:left!important;padding:4px 0!important;font-size:14px;line-height:19px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table td::before{display:block;content:attr(data-label);font-size:12px;line-height:16px;color:var(--report-muted);font-weight:400}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table td:nth-child(9){grid-column:1/-1;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;min-height:38px;flex-wrap:wrap}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-generated small{display:inline;font-size:12px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-table td:last-child{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;border:0;min-height:38px;padding:0!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-table .btn.text{min-height:44px;font-size:13px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-list>.pager{min-height:56px;height:auto;flex-basis:auto;flex-wrap:wrap;padding-top:6px!important;padding-bottom:6px!important;row-gap:6px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-list>.pager .report-page-button{height:44px;min-height:44px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-empty{min-height:0}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] .report-empty .empty{padding:12px}
  .shop-container[data-cq-179] .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]){height:auto;min-height:100dvh}
  .shop-container[data-cq-179] .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) :is(#app,.shell,.workspace){height:auto!important;min-height:100dvh!important;overflow:visible!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) #main{height:auto!important;flex:1 0 auto!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report]:has(.report-dashboard[data-view="stats"]) #main>.page-content{flex:1 0 auto!important;padding-bottom:12px!important}
  .shop-container[data-cq-179] .shop-scope[data-shop-report] #main .report-dashboard[data-view="stats"]{height:auto;flex:1 0 auto}}

@container shop (max-width:600px){
  .shop-scope[data-shop-report] #main>.page-heading{padding:12px 12px 10px!important}
  .shop-scope[data-shop-report] .report-filters{flex:1;gap:8px;min-width:0}
  .shop-scope[data-shop-report] .report-filters label{flex:1;flex-direction:column;align-items:flex-start;gap:4px}
  .shop-scope[data-shop-report] .report-filters select{height:40px;min-width:0;max-width:100%;width:100%;padding-left:8px;padding-right:15px;font-size:12px}
  .shop-scope[data-shop-report] #main>.page-content{padding-left:12px!important;padding-right:12px!important}
  .shop-scope[data-shop-report] .report-kpis{grid-template-columns:1fr}
  .shop-scope[data-shop-report] .report-panel{--report-panel-inset:12px;padding:12px var(--report-panel-inset)}
  .shop-scope[data-shop-report] .report-analytics .report-panel{padding:8px 12px}
  .shop-scope[data-shop-report] .report-analytics .report-section-head{margin-bottom:4px}
  .shop-scope[data-shop-report] .report-bar>span{font-size:10px}
  .shop-scope[data-shop-report] .report-chart{grid-template-columns:25px minmax(0,1fr);column-gap:7px}
  .shop-scope[data-shop-report] .report-list-note{font-size:11px}
  .shop-scope[data-shop-report] .report-list>.pager>div{margin-left:auto}
}

@supports not (container-type: size) {
  .shop-container[data-cq-180] .shop-scope[data-shop-report] #main>.page-heading{padding:12px 12px 10px!important}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-filters{flex:1;gap:8px;min-width:0}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-filters label{flex:1;flex-direction:column;align-items:flex-start;gap:4px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-filters select{height:40px;min-width:0;max-width:100%;width:100%;padding-left:8px;padding-right:15px;font-size:12px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] #main>.page-content{padding-left:12px!important;padding-right:12px!important}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-kpis{grid-template-columns:1fr}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-panel{--report-panel-inset:12px;padding:12px var(--report-panel-inset)}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-analytics .report-panel{padding:8px 12px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-analytics .report-section-head{margin-bottom:4px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-bar>span{font-size:10px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-chart{grid-template-columns:25px minmax(0,1fr);column-gap:7px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-list-note{font-size:11px}
  .shop-container[data-cq-180] .shop-scope[data-shop-report] .report-list>.pager>div{margin-left:auto}}

:host {display:block;min-width:0;width:100%;}

.shop-container {container:shop / size;position:relative;display:block;width:100%;min-width:0;isolation:isolate;}

.shop-scope {margin:0!important;display:block;min-width:0;min-height:0!important;width:100%;height:100%;font-family:'DM Sans','Noto Sans SC',sans-serif;color:#20374a;background:#f7f9fc;}

/* Dialogs are fixed; their style scope must never add document-flow height. */

.shop-overlay>.shop-scope {height:auto!important;min-height:0!important;overflow:visible!important;}

.report-empty-summary .report-filters {flex-wrap:wrap;}

.report-empty-summary [role="status"] {margin:12px 0;color:#627789;font-size:13px;}

.shop-scope .report-dashboard[data-empty="true"] {overflow-y:auto;}

.shop-scope #main {display:flex!important;flex-direction:column;height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;}

.shop-scope #main>.page-heading {flex:0 0 auto!important;padding:18px 24px 12px!important;min-height:60px!important;}

.shop-scope #main>.page-content {min-height:0!important;flex:1 1 0!important;padding-bottom:8px!important;}

.shop-scope .shop-page,.shop-scope .report-dashboard {min-height:0!important;height:100%!important;}

.shop-scope .shop-table-wrap,.shop-scope .report-table-wrap {overflow:auto!important;overscroll-behavior:contain;}

.shop-scope .shop-orders-table td[data-label="小程序用户ID"] {white-space:normal!important;overflow-wrap:anywhere;min-width:110px;max-width:260px;}

.shop-scope .shop-orders-table td[data-label="手机号"] {white-space:nowrap;min-width:120px;}

.shop-scope .editor-backdrop,.shop-scope .confirm-backdrop {position:fixed;inset:0;background:#15273d66;z-index:100;}

.shop-scope .editor,.shop-scope .confirm-dialog {position:fixed;z-index:101;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;}

.shop-scope .confirm-backdrop {z-index:102;}

.shop-scope .confirm-dialog {z-index:103;}

.shop-scope .editor>form {display:flex;flex-direction:column;min-height:0;overflow:hidden;}

.shop-scope .editor-body,.shop-scope .confirm-body {min-height:0;overflow:auto;overscroll-behavior:contain;}

.shop-scope .editor-head,.shop-scope .editor-footer,.shop-scope .confirm-dialog>header,.shop-scope .confirm-dialog>footer {flex:0 0 auto;}

.shop-scope .editor-footer {gap:8px;flex-wrap:wrap;}

.shop-scope .editor-footer>div {display:flex;gap:8px;}

.shop-scope [hidden] {display:none!important;}

.shop-scope .shop-feedback,.shop-scope .shop-message {background:#fff4df;color:#805c22;margin:6px 24px;padding:8px 12px;overflow-wrap:anywhere;font-size:13px;}

.shop-scope .product-modal-fields input {width:100%;min-width:0;box-sizing:border-box;border:1px solid #d7e0e7;border-radius:6px;padding:7px 9px;font:inherit;}

.shop-scope .shop-create-field textarea {width:100%;box-sizing:border-box;resize:vertical;border:1px solid #d7e0e7;border-radius:6px;padding:8px;font:inherit;}

.shop-scope [aria-busy="true"] {cursor:progress;}

.shop-scope .shop-create-submit-error {margin:8px 20px;}

.shop-scope .confirm-dialog:focus {outline:none;}

@container shop (max-width:600px) {.shop-scope #main>.page-heading {padding:12px 12px 8px!important;} .shop-scope .shop-feedback {margin:4px 12px;} .shop-scope .editor-footer {padding:10px 12px;}}

@supports not (container-type:size) {.shop-container[data-small] .shop-scope #main>.page-heading {padding:12px 12px 8px!important;}}

/* ===== 生成兑换码（shop-codes）：页面专属样式（手写在 host，构建时拼到 embedded 末尾） ===== */

/* 表单：生成按钮收在行尾并与输入框底对齐 */

.shop-scope .shop-page.shop-codes .shop-codes-create {display:grid;grid-template-columns:minmax(260px,2.2fr) minmax(130px,.9fr) minmax(170px,1.2fr) minmax(200px,1.5fr) auto;gap:14px 16px;align-items:stretch;}

.shop-scope .shop-page.shop-codes .shop-create-field {display:flex;flex-direction:column;min-width:0;gap:6px;font-size:14px;color:#2b465e;}

.shop-scope .shop-page.shop-codes .shop-codes-create .shop-codes-create-footer {grid-column:1/-1;}

.shop-scope .shop-page.shop-codes .shop-codes-generate-cell {align-self:stretch;display:flex;align-items:flex-end;}

/* 字体档位（第三档） */

.shop-scope .shop-page.shop-codes .section-head h2 {font-size:17px;}

.shop-scope .shop-page.shop-codes .section-head p {font-size:12px;}

.shop-scope .shop-page.shop-codes .shop-create-field>span {display:block;font-size:12px;font-weight:600;line-height:18px;color:#41566b;}

.shop-scope .shop-page.shop-codes .shop-create-field em {font-size:12px;font-style:normal;color:#d94e56;margin-left:4px;}

.shop-scope .shop-page.shop-codes .shop-create-field input,.shop-scope .shop-page.shop-codes .shop-create-field select {width:100%;min-width:0;height:37px;box-sizing:border-box;border:1px solid #d7e0e7;border-radius:7px;background:#fff;color:var(--ink);padding:8px 10px;font-size:14px;line-height:20px;}

.shop-scope .shop-page.shop-codes .shop-codes-generate-cell .btn {font-size:14px;height:36px;min-height:36px;align-self:flex-end;padding:8px 13px;border-radius:8px;line-height:20px;}

.shop-scope .shop-page.shop-codes .shop-codes-selected-hint {font-size:12px;line-height:18px;}

.shop-scope .shop-page.shop-codes .shop-codes-result-actions .btn {font-size:19px;}

.shop-scope .shop-page.shop-codes .pager {font-size:15px;}

/* 表格字体必须带 #main 前缀，压过内嵌样式里 ID 级的 !important */

.shop-scope[data-shop-fit] #main .shop-page.shop-codes .shop-codes-result-table thead th {font-size:17px!important;line-height:24px;}

.shop-scope[data-shop-fit] #main .shop-page.shop-codes .shop-codes-result-table tbody td {font-size:17px!important;line-height:24px;}

.shop-scope .shop-page.shop-codes .shop-codes-result-table .badge {font-size:15px;}

/* 卡片视觉 */

.shop-scope .shop-page.shop-codes .shop-list-panel {border-radius:12px;box-shadow:0 1px 3px rgba(15,23,42,.07),0 10px 28px -20px rgba(15,23,42,.22);}

/* 表头与斑马纹 */

.shop-scope[data-shop-fit] #main .shop-page.shop-codes .shop-codes-result-table thead th {background:#eef2f7!important;border-bottom:2px solid #dbe3ee;}

.shop-scope .shop-page.shop-codes .shop-codes-result-table tbody tr:nth-child(even) td {background:#fafbfe;}

.shop-scope .shop-page.shop-codes .shop-codes-result-table tbody tr:hover td {background:#f0f6ff;}

/* 序号列弱化 + 等宽数字 */

.shop-scope .shop-page.shop-codes .shop-product-index {color:#7a8699;font-variant-numeric:tabular-nums;}

/* 兑换码码片 */

.shop-scope .shop-page.shop-codes .shop-codes-code {font-size:15.5px;font-weight:600;letter-spacing:.5px;border:1px solid #dbe3ee;border-radius:6px;background:#f8fafc;padding:2px 8px;display:inline-block;}

/* 结果面板：表格撑满、与页脚无缝 */

.shop-scope .shop-page.shop-codes .shop-codes-result-panel {display:flex;flex-direction:column;}

.shop-scope .shop-page.shop-codes .shop-codes-result-body {flex:1 1 auto;display:flex;flex-direction:column;gap:0;}

.shop-scope .shop-page.shop-codes .shop-table-wrap {display:flex;flex-direction:column;align-items:stretch;overflow:auto;}

.shop-scope .shop-page.shop-codes .shop-codes-result-table {flex:1 1 auto;width:100%;}

.shop-scope .shop-page.shop-codes .shop-codes-result-table thead th {position:sticky;top:0;z-index:1;}

/* 页脚：去掉分页器自带的上边距/分隔线，表格与页脚无缝连接 */

.shop-scope .shop-page.shop-codes .shop-codes-result-panel .shop-codes-create-footer {padding-top:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;}

.shop-scope .shop-page.shop-codes .shop-codes-result-panel .pager {grid-column:2;justify-self:center;margin-top:0;padding-top:0;border-top:0;}

.shop-scope .shop-page.shop-codes .shop-codes-result-actions {grid-column:3;justify-self:end;display:flex;gap:10px;}

/* 分页器按钮化：箭头=主色按钮，页码=浅蓝胶囊 */

.shop-scope .shop-page.shop-codes .pager>div {display:inline-flex;align-items:center;gap:8px;}

.shop-scope .shop-page.shop-codes .pager .icon-button {width:44px;min-height:40px;border-radius:10px;background:var(--blue,#3b68e8);color:#fff;box-shadow:0 7px 14px rgba(59,104,232,.2);display:inline-flex;align-items:center;justify-content:center;}

.shop-scope .shop-page.shop-codes .pager .icon-button:not(:disabled):hover {filter:brightness(1.07);}

.shop-scope .shop-page.shop-codes .pager .icon-button:disabled {background:#cbd5e1;box-shadow:none;}

.shop-scope .shop-page.shop-codes .pager .page-number {min-width:76px;min-height:40px;border-radius:10px;background:var(--blue-weak,#edf2ff);color:var(--blue,#3b68e8);font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;}

/* 响应式：窄屏表单收拢、页脚纵排居中 */

@media (max-width:600px) {
  .shop-scope[data-shop-fit] #main .shop-page.shop-codes > .shop-codes-create-panel {padding:12px 12px 12px!important;margin-bottom:10px!important;}
}

@media (max-width:1100px) {
  .shop-scope .shop-page.shop-codes .shop-codes-create {grid-template-columns:1fr 1fr;}
  .shop-scope .shop-page.shop-codes .shop-codes-generate-cell {grid-column:1/-1;}
}

@media (max-width:900px) {
  .shop-scope .shop-page.shop-codes .shop-codes-result-panel .shop-codes-create-footer {display:flex;flex-direction:column;align-items:center;}
  .shop-scope .shop-page.shop-codes .shop-codes-result-actions {justify-content:center;}
}

@media (max-width:760px) {
  .shop-scope .shop-page.shop-codes .shop-codes-create {grid-template-columns:1fr;}
}

/* 生成兑换码：生成表单面板只占自然高度，兑换码结果表铺满剩余高度。 */

.shop-scope[data-shop-fit] #main .shop-page.shop-codes > .shop-codes-create-panel {flex:0 0 auto !important;padding:14px 16px 14px!important;margin:0 0 14px!important;border-radius:12px;}

.shop-scope[data-shop-fit] #main .shop-page.shop-codes > .shop-codes-result-panel {flex:1 1 0 !important;}