/* Training-data layouts compose the shared Paradigm controls in tool-forms.css. */
.market {--duration-spinner:1200ms;--cart-stack-gap:var(--space-3);--cart-action-gap:var(--space-5);--cart-thumbnail-size:80px;font:var(--type-mono-default)}
@media(min-width:1024px) {.market {--cart-stack-gap:var(--space-2);--cart-action-gap:var(--space-4)}}
.market :is(strong,b) {font-weight:var(--font-weight-regular)}
.market h1,.market h2,.market h3 {font-family:var(--serif)}
.tool-surface.market h2 {font:var(--type-serif-body)}
.market-heading {display:grid;grid-template-columns:subgrid;row-gap:var(--space-4);align-items:start;margin:0}
.market-intro {grid-column:1 / -1;min-width:0}
.market-heading p {margin:0;font:var(--type-serif-body);color:var(--color-text-default)}
.market-account {grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}
.tool-surface .market-account {row-gap:var(--space-4)}
.market-balances {flex:1;min-width:0}
.balance {display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);color:var(--color-text-muted);font:var(--type-mono-default)}
.balance strong {color:var(--color-text-default);font:var(--type-mono-default);overflow-wrap:anywhere}
.balance small {font:inherit}
.account-actions {display:flex;flex-wrap:wrap;gap:var(--btn-padding-sm)}
.market-tabs {display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3);border-bottom:var(--stroke-medium) solid var(--color-border-default)}
.market-tabs button {font:var(--type-mono-button);padding:var(--btn-padding-lg) 0;border:0;border-bottom:var(--stroke-medium) solid transparent;margin-bottom:calc(var(--stroke-medium) * -1);background:transparent;color:var(--color-text-muted);white-space:nowrap;transition:color var(--duration-fast) var(--ease-standard)}
.market-tabs button:is(:hover,[aria-selected=true]) {color:var(--color-text-default)}
.market-tabs button[aria-selected=true] {border-bottom-color:var(--color-text-default)}
.market-tabs button:focus-visible {outline:var(--control-focus-width) solid var(--color-focus-outline);outline-offset:var(--control-focus-offset)}
.market-tabs span {font:var(--type-mono-default);margin-left:var(--btn-gap);color:var(--color-text-muted)}
#buy-panel,.market-layout {display:grid;grid-template-columns:subgrid;align-items:start}
#buy-panel>*,.market-layout>* {grid-column:1 / -1;min-width:0}
.market-layout {row-gap:var(--space-6)}
.section-heading {display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-bottom:var(--space-3)}
.section-heading h2 {margin:0}
.section-heading>span {font:var(--type-mono-default);color:var(--color-text-muted)}
.selection {display:grid;gap:var(--space-3)}
.selection>.section-heading {margin-bottom:0}
.quantity-row {--quantity-icon-gap:var(--space-2);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2);align-items:center;padding:0}
.outcome-icon {display:flex;flex:none;align-items:center;color:var(--color-text-muted)}
.outcome-icon.success {color:var(--color-text-default)}
.quantity-description {display:grid;gap:var(--space-1);min-width:0}
.quantity-description h3 {display:flex;align-items:center;gap:var(--quantity-icon-gap);font:var(--type-mono-default);color:var(--color-text-default);margin:0}
.quantity-description p {font:var(--type-mono-default);color:var(--color-text-muted);margin:0}
.quantity-description :is(p,.unit-price) {margin-left:calc(var(--icon-size-default) + var(--quantity-icon-gap))}
.unit-price {font:var(--type-mono-default);color:var(--color-text-muted)}
.quantity-controls {display:flex;align-items:center;gap:var(--space-3)}
.stepper {--stepper-gap:4px;display:flex;align-items:center;gap:var(--stepper-gap)}
/* Figma outlined input (1266:32068), adapted to the compact quantity stepper. */
.stepper input {appearance:textfield;flex:none;min-width:0;width:calc(3ch + var(--btn-padding-sm) * 2 + var(--stroke-medium) * 2);height:var(--btn-chip-height);padding:0 var(--btn-padding-sm);border:var(--stroke-medium) solid var(--form-field-stroke-color);border-radius:var(--radius-small);background:transparent;color:var(--color-text-default);text-align:center;font:var(--type-mono-default);font-variant-numeric:tabular-nums}
.stepper input:hover:not(:disabled) {border-color:var(--form-field-stroke-hover-color)}
.stepper input:focus {outline:none;border-color:var(--form-field-stroke-focus-color)}
.stepper input:disabled {color:var(--color-text-inactive)}
.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button {appearance:none;margin:0}
.dataset-spec {display:grid;grid-template-columns:subgrid;gap:var(--space-3) var(--grid-gutter);margin-top:var(--space-5);align-items:start;color:var(--color-text-muted);font:var(--type-mono-default)}
.dataset-spec img {grid-column:1 / span 2;grid-row:2;justify-self:start;display:block;width:var(--cart-thumbnail-size);max-width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:var(--stroke-medium) solid var(--color-border-default)}
.dataset-spec strong {grid-column:1 / -1;grid-row:1;display:block;color:var(--color-text-default);font-weight:var(--font-weight-regular);margin:0}
.dataset-spec dl {grid-column:3 / -1;grid-row:2;margin:0;display:grid;grid-template-columns:subgrid;gap:var(--space-1) var(--grid-gutter)}
.dataset-spec dl>div {display:contents}
.dataset-spec dt {grid-column:1 / span 2;min-width:0}
.dataset-spec dd {grid-column:3 / -1;min-width:0;margin:0;color:var(--color-text-default)}
.checkout,.price-form {padding:var(--space-3);background:var(--color-surface-subtle)}
.checkout h2 {margin:0 0 var(--space-3)}
.order-summary {display:grid;gap:var(--cart-stack-gap)}
.order-lines {margin:0;padding-bottom:var(--cart-stack-gap);border-bottom:var(--stroke-medium) solid var(--color-border-default);color:var(--color-text-muted);font:var(--type-mono-default);display:grid;gap:var(--space-line-break-mono)}
.order-lines>div {display:flex;justify-content:space-between;gap:var(--space-3)}
.order-lines dd {margin:0;color:var(--color-text-default)}
.order-total {display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}
/* Frontiers BasketOrderSummary uses the regular serif body role for its total. */
.order-total>span,.order-total strong {font:var(--type-serif-body)}
.order-total small {color:var(--color-text-muted);font:var(--type-mono-default);margin-left:var(--btn-gap)}
.order-total strong {font-variant-numeric:lining-nums tabular-nums;overflow-wrap:anywhere}
.seller-count {color:var(--color-text-muted);font:var(--type-mono-default);margin:0}
.checkout-actions {display:flex;flex-direction:column;align-items:stretch;gap:var(--cart-action-gap);margin-top:var(--cart-action-gap)}
.checkout-actions .funding-choice {margin:0}
.checkout-actions .funding-choice p {min-height:0;color:var(--color-text-muted)}
.checkout-actions .funding-choice p[data-error=true] {color:var(--color-text-error)}
.checkout-footer {display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}
.checkout .purchase-button {display:flex;flex:none;width:fit-content;margin:0 0 0 auto}
.checkout .text-button {display:flex;margin:0 0 0 auto}
.ownership-note {flex:1 1 20ch;min-width:0;font:var(--type-mono-small);color:var(--color-text-muted);margin:0}
.checkout-status {font:var(--type-mono-default);color:var(--color-text-muted);margin:0;overflow-wrap:anywhere}
.checkout-status:empty {display:none}
.purchase-button[aria-busy=true]::before {content:"";display:inline-block;width:var(--btn-icon-size);height:var(--btn-icon-size);border:var(--stroke-medium) solid currentColor;border-right-color:transparent;border-radius:50%;animation:market-spin var(--duration-spinner) linear infinite}
@keyframes market-spin {to {transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce) {.purchase-button[aria-busy=true]::before {animation:none}}
.market-error,.market-message {display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0;margin-bottom:var(--space-3);color:var(--color-text-error);overflow-wrap:anywhere}
.market-message {color:var(--color-success)}
.order-detail {border-top:var(--stroke-medium) solid var(--color-border-default);margin-top:var(--space-4);padding:var(--space-3) 0}
.order-detail summary {font:var(--type-mono-default)}
.order-detail>div {padding:var(--space-3) 0 0;overflow-wrap:anywhere;font:var(--type-mono-default)}
.breakdown-row,.history-row {display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-3);padding:var(--space-line-break-mono) 0;border-bottom:var(--stroke-medium) solid var(--color-border-default)}
.breakdown-row code {font:var(--type-mono-default)}
.library-tools {display:flex;align-items:center;gap:var(--space-3);min-width:0}
/* Careers' compact underlined selector with the shared SelectField soft-grey menu. */
.tool-surface .select-menu {--color-menu-surface:var(--surface-menu);--color-menu-option-hover:var(--surface-menu-hover);--select-menu-gap:4px;display:inline-flex;align-items:center;min-width:0;font:var(--type-mono-button)}
.tool-surface .select-menu select {width:auto;margin:0;padding:0 calc(var(--btn-icon-size) + var(--select-menu-gap)) 0 0;border:0;background:transparent;color:var(--color-text-default);font:inherit;text-decoration:underline;text-underline-offset:var(--control-focus-offset)}
.select-menu-trigger {display:flex;align-items:center;gap:var(--select-menu-gap);width:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-text-default);font:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.select-menu-trigger [data-select-label] {text-decoration:underline;text-underline-offset:var(--control-focus-offset)}
.select-menu-trigger:focus-visible {outline:var(--control-focus-width) solid var(--color-focus-outline);outline-offset:var(--control-focus-offset)}
.select-menu-chevron {display:flex;flex:none;color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-standard)}
.select-menu-trigger[aria-expanded=true] .select-menu-chevron {transform:rotate(180deg)}
.select-menu-options {position:absolute;top:calc(100% + var(--space-2));right:0;z-index:30;display:flex;flex-direction:column;min-width:max(100%,calc(12ch + var(--btn-icon-size) + var(--btn-gap) + var(--btn-padding-lg) * 2 + var(--space-1) * 2));max-height:50dvh;overflow-y:auto;padding:var(--space-1);border:0;border-radius:var(--radius-small);background:var(--color-menu-surface);color:var(--color-text-default)}
.select-menu-option {display:flex;align-items:center;gap:var(--btn-gap);width:100%;margin:0;padding:var(--btn-padding-sm) var(--btn-padding-lg);border:0;border-radius:var(--radius-small);background:transparent;color:inherit;font:var(--type-mono-default);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}
.select-menu-option:is(:hover,:focus-visible,[data-active]) {background:var(--color-menu-option-hover);outline:none}
.select-menu-check {display:flex;flex:none;margin-left:auto;visibility:hidden}
.select-menu-option[aria-selected=true] .select-menu-check {visibility:visible}
.select-menu :is(.select-menu-chevron,.select-menu-check) svg {display:block;width:var(--btn-icon-size);height:var(--btn-icon-size)}
.empty-state {padding:var(--space-2) 0 0;color:var(--color-text-default);margin:0}
.empty-state-action {margin-top:var(--space-5)}
.library-table {overflow-x:auto}
.library-table table {table-layout:auto}
.library-table :is(th,td) {font:var(--type-mono-default);padding:var(--space-line-break-mono) var(--space-1);text-transform:none}
.library-table :is(th,td):first-child {padding-left:0}
.library-table :is(th,td):last-child {padding-right:var(--btn-padding-sm);text-align:right}
.library-table th {color:var(--color-text-muted);white-space:nowrap;overflow-wrap:normal}
.library-table tr:hover {background:transparent}
.recording-id {font:var(--type-mono-default)}
.recording-mode {font:var(--type-mono-default);color:var(--color-text-muted);margin-top:var(--space-1)}
.outcome-label {font:var(--type-mono-default);color:var(--color-text-muted);white-space:nowrap}
.outcome-label.success {color:var(--color-success)}
.pagination {display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin:var(--space-3) 0;font:var(--type-mono-default);color:var(--color-text-muted)}
.sales-stats {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-5);gap:var(--space-3)}
.sales-stats>div {display:flex;flex-direction:column;gap:var(--space-1);font:var(--type-mono-default);color:var(--color-text-muted)}
.sales-stats strong {font:var(--type-mono-default);color:var(--color-text-default);overflow-wrap:anywhere}
.price-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--grid-gutter);margin:var(--space-3) 0 var(--btn-gap)}
.price-fields label {font:var(--type-mono-default)}
.tool-surface .price-fields .form-field--inline {gap:var(--space-3)}
.tool-surface .price-fields .form-field-label {flex:0 1 auto;white-space:nowrap}
.tool-surface .price-fields .form-field-value {flex:none;margin-left:auto}
.tool-surface .price-fields input {appearance:textfield;flex:none;width:calc(var(--price-digits,5) * 1ch);text-align:right;font-variant-numeric:tabular-nums}
.price-fields input::-webkit-inner-spin-button,.price-fields input::-webkit-outer-spin-button {appearance:none;margin:0}
.price-caption {visibility:hidden;font:var(--type-mono-small);color:var(--color-text-muted)}
.price-fields:focus-within + .price-caption {visibility:visible}
.selling-actions {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
.listing-toggle {margin:0;font:var(--type-mono-default)}
.tool-surface .listing-toggle:has(:disabled) {cursor:default}
.save-row {display:flex;align-items:center;gap:var(--space-3)}
.save-row span {font:var(--type-mono-default);color:var(--color-success)}
.market-footer {display:flex;flex-wrap:wrap;gap:var(--space-3);border-top:var(--stroke-medium) solid var(--color-border-default);margin-top:var(--space-6);padding-top:var(--space-3);color:var(--color-text-muted);font:var(--type-mono-default)}
.market-footer span {margin-left:auto}
@media(max-width:599px) {
  .quantity-row {--quantity-icon-gap:var(--space-3);grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
  .quantity-controls {grid-column:1;margin-left:calc(var(--icon-size-default) + var(--quantity-icon-gap))}
  .market-account {display:grid}
  .price-fields {grid-template-columns:minmax(0,1fr);gap:var(--space-3)}
  .library-tools {width:100%}
  .library-tools .select-field {flex:none}
  .select-menu-options {left:0;right:auto}
  .library-table th:nth-child(4),.library-table td:nth-child(4) {display:none}
  .library-table td:nth-child(3) {white-space:normal}
}