/*
 * Fixonic marketplace light theme.
 *
 * The information architecture follows the familiar conventions of large
 * auction marketplaces while the colour, wordmark and repair-first details
 * remain Fixonic's own. This file is deliberately the final CSS layer so the
 * whole product has one visual system without disturbing marketplace logic.
 */

:root {
    color-scheme: light;
    --fx-bg: #ffffff;
    --fx-bg-soft: #f7f7f7;
    --fx-panel: #ffffff;
    --fx-panel-2: #f7f7f7;
    --fx-panel-3: #eeeeee;
    --fx-line: #e2e2e2;
    --fx-line-strong: #b8b8b8;
    --fx-text: #191919;
    --fx-text-soft: #363636;
    --fx-muted: #707070;
    --fx-blue: #3665f3;
    --fx-blue-strong: #2b52cc;
    --fx-cyan: #3665f3;
    --fx-lime: #86d52f;
    --fx-lime-soft: #edf8df;
    --fx-danger: #e0103a;
    --fx-amber: #f5af02;
    --fx-purple: #7a4bd0;
    --fx-glow: 0 8px 28px rgba(17, 24, 39, .1);
    --fx-radius: 12px;
    --fx-radius-sm: 8px;
    --ink: #191919;
    --green: #3665f3;
    --green-dark: #2b52cc;
    --lime: #86d52f;
    --lime-soft: #edf8df;
    --cream: #f7f7f7;
    --white: #ffffff;
    --line: #e2e2e2;
    --muted: #707070;
    --danger: #e0103a;
    --warning: #fff4d8;
    --shadow: 0 8px 24px rgba(17, 24, 39, .1);
}

html {
    color-scheme: light;
    background: #fff;
}

body {
    color: var(--fx-text);
    background: #fff;
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3,
h4,
strong,
.brand,
button {
    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

a { color: inherit; }
::selection { color: #fff; background: var(--fx-blue); }
.skip-link { color: #fff; background: var(--fx-blue); }
.shell { width: min(calc(100% - 48px), 1312px); }

/* Shared controls */
.button,
.market-search-button,
.app-search-saved-button,
.app-follow-seller,
.app-filter-trigger,
.pagination a {
    border-radius: 999px;
}

.button {
    color: #fff;
    border-color: var(--fx-blue);
    background: var(--fx-blue);
    box-shadow: none;
}

.button:hover:not(:disabled) {
    color: #fff;
    border-color: var(--fx-blue-strong);
    background: var(--fx-blue-strong);
    transform: none;
}

.button-secondary {
    color: var(--fx-blue);
    border-color: var(--fx-blue);
    background: #fff;
}

.button-secondary:hover:not(:disabled) {
    color: #fff;
    border-color: var(--fx-blue);
    background: var(--fx-blue);
}

.button-buy {
    color: #fff;
    border-color: var(--fx-blue);
    background: var(--fx-blue);
}

input,
select,
textarea,
.field-group input:not([type="checkbox"]):not([type="file"]),
.field-group select,
.field-group textarea,
.bid-form input,
.library-search input,
.library-search select,
.parts-filter-form input,
.parts-filter-form select {
    color: var(--fx-text);
    border-color: #b8b8b8;
    background: #fff;
}

input::placeholder,
textarea::placeholder { color: #707070; }

input:focus,
select:focus,
textarea:focus,
.field-group input:focus,
.field-group select:focus,
.field-group textarea:focus,
.bid-form input:focus {
    border-color: var(--fx-text);
    box-shadow: 0 0 0 2px rgba(54, 101, 243, .16);
}

label { color: var(--fx-text-soft); }
.eyebrow,
.section-code,
.text-link { color: var(--fx-blue); }
.text-link:hover { color: var(--fx-blue-strong); }

/* Desktop marketplace header */
.market-utility {
    min-height: 32px;
    color: #555;
    border-bottom: 1px solid var(--fx-line);
    background: #fff;
    font-size: .72rem;
}

.market-utility-row { min-height: 32px; }
.market-utility a { color: #363636; }
.market-utility a:hover,
.market-utility .utility-emphasis { color: var(--fx-blue); }
.utility-greeting { color: #555; }

.site-header {
    position: relative;
    top: auto;
    z-index: 100;
    border-bottom: 1px solid var(--fx-line);
    background: #fff;
    backdrop-filter: none;
}

.market-header-row {
    min-height: 84px;
    grid-template-columns: auto 82px minmax(260px, 1fr) auto;
    gap: 14px;
}

.brand-fixonic { min-width: 184px; }

.fixonic-mark {
    width: 44px;
    height: 44px;
    color: #fff;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(145deg, #3665f3 0 52%, #86d52f 52% 100%);
    box-shadow: none;
}

.fixonic-mark::before,
.fixonic-mark::after,
.fixonic-mark i { border-color: rgba(255, 255, 255, .35); background: transparent; }
.fixonic-wordmark strong { color: var(--fx-text); letter-spacing: .08em; }
.fixonic-wordmark small { color: var(--fx-muted); }
.shop-category-link { color: var(--fx-muted); }
.shop-category-link strong { color: var(--fx-text); }
.shop-category-link:hover strong { color: var(--fx-blue); }

.header-search-market {
    height: 50px;
    grid-template-columns: minmax(0, 1fr) 160px;
    overflow: hidden;
    border: 2px solid var(--fx-text);
    border-radius: 999px;
    background: #fff;
    box-shadow: none;
}

.header-search-market:focus-within {
    border-color: var(--fx-text);
    box-shadow: 0 0 0 2px rgba(54, 101, 243, .2);
}

.header-search-market input {
    color: var(--fx-text);
    border-right: 1px solid #c7c7c7;
    background: #fff;
}

.header-search-market input::placeholder { color: #707070; }
.header-search-market select,
.header-search-market option { color: var(--fx-text-soft); background: #fff; }

.market-search-button {
    min-width: 116px;
    height: 50px;
    color: #fff;
    border: 1px solid var(--fx-blue);
    background: var(--fx-blue);
    box-shadow: none;
}

.market-search-button:hover {
    color: #fff;
    border-color: var(--fx-blue-strong);
    background: var(--fx-blue-strong);
    transform: none;
}

.market-category-nav {
    border-color: var(--fx-line);
    background: #fff;
}

.market-category-row {
    min-height: 44px;
    color: #555;
}

.market-category-row a { padding-block: 13px 11px; }
.market-category-row a:hover { color: var(--fx-blue); border-bottom-color: var(--fx-blue); }
.market-category-row .category-featured { color: #477d0b; }
.live-dot,
.signal-live,
.pulse-dot { background: #65b112; box-shadow: none; }

/* Homepage */
.app-home-feed,
.app-feed-section,
.app-category-feed { color: var(--fx-text); }

.app-shortcuts { padding-top: 18px; }
.app-shortcuts a {
    color: var(--fx-text);
    border-color: #c7c7c7;
    background: #fff;
}
.app-shortcuts a:hover { color: var(--fx-blue); border-color: var(--fx-blue); }
.app-shortcuts a.is-featured { color: #fff; border-color: var(--fx-blue); background: var(--fx-blue); }

.app-feed-notice {
    border: 0;
    border-radius: 16px;
    background: #e8f1ff;
}
.app-feed-notice-icon {
    color: #fff;
    background: var(--fx-blue);
}
.app-feed-notice strong { color: var(--fx-text); }
.app-feed-notice p { color: var(--fx-text-soft); }
.app-feed-notice > a { color: var(--fx-blue); }

.app-feed-heading h1,
.app-feed-heading h2 { color: var(--fx-text); }
.app-feed-heading p { color: var(--fx-muted); }
.app-feed-heading > a { color: var(--fx-blue); }
.app-recommendation-reason { color: #5f5f5f; }

.app-category-rail a { color: var(--fx-text); }
.app-category-rail a:hover { color: var(--fx-blue); }
.app-category-disc {
    color: var(--fx-text);
    border: 1px solid #e0e0e0;
    background: #f2f2f2;
    box-shadow: none;
}
.category-phone { background: #ffe6e9; }
.category-console { background: #e6f0ff; }
.category-computing { background: #f1e8ff; }
.category-donor { background: #fff0d7; }
.category-parts { background: #e9f8dc; }
.category-tools { background: #ececec; }
.category-guides { background: #fff3d3; }

.app-listing-card { color: var(--fx-text); }
.app-listing-card .listing-card-media {
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #f7f7f7;
}
.app-listing-card .listing-card-media img { background: #f7f7f7; }
.app-listing-card .media-placeholder {
    color: #595959;
    background: linear-gradient(145deg, transparent 42%, rgba(54, 101, 243, .08) 42% 58%, transparent 58%), #f4f4f4;
}
.app-listing-card .badge-overlay {
    color: #fff;
    background: rgba(25, 25, 25, .9);
    backdrop-filter: none;
}
.app-listing-card .badge-quick { color: #234d00; background: #dff3c8; }
.app-listing-card .watch-button {
    color: var(--fx-text);
    border: 1px solid #ddd;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
}
.app-listing-card h3,
.app-listing-card .price,
.app-card-menu { color: var(--fx-text); }
.app-listing-card h3 a:hover { color: var(--fx-blue); }
.app-listing-card .app-card-meta,
.app-listing-card .app-card-meta span:last-child,
.app-listing-card .listing-card-footer small,
.app-listing-card .delivery-note,
.app-listing-card .card-auction-line { color: var(--fx-muted); }
.app-listing-card .card-auction-line strong { color: #477d0b; }

.app-sell-prompt {
    border: 0;
    background: #e8f1ff;
}
.app-sell-prompt-icon { color: #fff; background: var(--fx-blue); }
.app-sell-prompt span,
.app-confidence-banner span { color: var(--fx-blue); }
.app-sell-prompt h2,
.app-confidence-banner h2 { color: var(--fx-text); }
.app-sell-prompt p,
.app-confidence-banner p { color: var(--fx-text-soft); }

.app-guide-card {
    border-color: var(--fx-line);
    background: #fff;
}
.app-guide-visual { color: #fff; background: var(--fx-blue); }
.app-guide-card > div:last-child > span,
.app-guide-card strong { color: var(--fx-blue); }
.app-guide-card h3 { color: var(--fx-text); }
.app-guide-card p { color: var(--fx-muted); }
.app-load-more { color: var(--fx-blue); border-color: var(--fx-blue); background: #fff; }
.app-load-more:hover { color: #fff; background: var(--fx-blue); }

.app-confidence-banner {
    border: 0;
    background: #f5f5f5;
}
.app-confidence-banner .button-secondary { color: #fff; border-color: var(--fx-blue); background: var(--fx-blue); }
.app-confidence-art span { color: #fff; background: #3665f3; }
.app-confidence-art span:nth-child(2) { color: #234d00; background: #b6e773; }
.app-confidence-art span:nth-child(3) { color: #5a3b00; background: #ffd46c; }

/* Browse, filters and results */
.app-results-intro,
.page-hero,
.page-hero-compact {
    color: var(--fx-text);
    border-bottom: 1px solid var(--fx-line);
    background: #fff;
}
.app-results-intro h1,
.page-hero h1 { color: var(--fx-text); }
.app-results-intro p,
.page-hero p { color: var(--fx-muted); }
.breadcrumbs { color: var(--fx-muted); }
.breadcrumbs a:hover { color: var(--fx-blue); }

.app-filter-chip-row a,
.app-filter-trigger {
    color: var(--fx-text);
    border-color: #c7c7c7;
    background: #fff;
}
.app-filter-chip-row a.is-active,
.app-filter-trigger:has(.filter-count) {
    color: #fff;
    border-color: var(--fx-blue);
    background: var(--fx-blue);
}
.app-filter-chip-row a:hover { color: var(--fx-blue); border-color: var(--fx-blue); }

.filters-panel,
.app-filter-sheet,
.app-results-toolbar,
.app-search-save-row,
.parts-filter-form,
.library-search {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}
.filter-group { border-color: var(--fx-line); }
.filter-group h3,
.app-filter-sheet-heading h2 { color: var(--fx-text); }
.app-filter-sheet-heading span { color: var(--fx-blue); }
.filter-note { color: #5a3b00; background: #fff4d8; }
.clear-link { color: var(--fx-blue); }
.app-results-toolbar strong,
.results-header strong { color: var(--fx-text); }
.app-results-toolbar,
.results-header { color: var(--fx-muted); }

.app-search-saved-button {
    color: var(--fx-blue);
    border-color: var(--fx-blue);
    background: #fff;
}
.app-search-saved-button:hover { color: #fff; background: var(--fx-blue); }
.pagination a { color: var(--fx-blue); border-color: var(--fx-blue); background: #fff; }

/* Listing details */
.app-main-image,
.main-image,
.product-placeholder { background: #f7f7f7; }
.thumbnail-row img,
.app-thumbnail-row img { border-color: var(--fx-line); background: #fff; }
.app-product-summary h1,
.product-summary h1,
.purchase-price strong,
.app-listing-cta strong { color: var(--fx-text); }
.product-device,
.app-product-device { color: var(--fx-blue); }
.seller-line { color: var(--fx-muted); border-color: var(--fx-line); }

.purchase-panel,
.app-purchase-panel,
.content-card,
.disclosure-panel,
.app-detail-card,
.app-delivery-box,
.app-seller-card {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
    box-shadow: none;
}
.purchase-panel,
.app-purchase-panel { box-shadow: 0 4px 18px rgba(0, 0, 0, .08); }
.auction-status div,
.app-purchase-panel .auction-status > div { border-color: var(--fx-line); background: #f7f7f7; }
.auction-status span,
.purchase-price span,
.delivery-box span,
.app-delivery-box span { color: var(--fx-muted); }
.delivery-box,
.app-delivery-box { border-color: var(--fx-line); }
.detail-list > div,
.status-list > div { border-color: var(--fx-line); }
.detail-list dt,
.status-list dt { color: var(--fx-muted); }
.prose { color: var(--fx-text-soft); }
.fault-card,
.app-fault-disclosure { border-color: #efb2be !important; background: #fff7f8 !important; }
.tag-list span { color: var(--fx-text); background: #f2f2f2; }
.warning-box { color: #5a3b00; background: #fff4d8; }
.app-listing-actions > a,
.app-listing-actions button { color: var(--fx-text); border-color: #ddd; background: rgba(255, 255, 255, .96); }

/* Neutralise the high-specificity legacy dark component layer. */
.results-header,
.results-toolbar,
.market-results-toolbar,
.app-results-toolbar {
    color: var(--fx-muted) !important;
    border-color: var(--fx-line) !important;
    background: #fff !important;
}

.results-header select,
.results-toolbar select,
.market-results-toolbar select,
.app-results-toolbar select,
.results-sort select,
.view-toggle,
.view-switcher button,
.filters-panel input,
.filters-panel select,
.parts-filter-form input,
.parts-filter-form select,
.library-search input,
.library-search select {
    color: var(--fx-text) !important;
    border-color: #b8b8b8 !important;
    background: #fff !important;
}

.filters-panel input::placeholder,
.parts-filter-form input::placeholder,
.library-search input::placeholder { color: #707070 !important; }

.filters-panel option,
.parts-filter-form option,
.library-search option,
.results-header option,
.results-toolbar option,
.app-results-toolbar option { color: var(--fx-text) !important; background: #fff !important; }

.auction-status > div,
.app-purchase-panel .auction-status > div {
    color: var(--fx-text) !important;
    border-color: var(--fx-line) !important;
    background: #f7f7f7 !important;
}

.delivery-box,
.seller-summary-card {
    color: var(--fx-text-soft) !important;
    border-color: var(--fx-line) !important;
    background: #fff !important;
}

.delivery-box span { color: var(--fx-muted) !important; }
.seller-avatar { color: #fff !important; background: var(--fx-blue) !important; }

.repair-intelligence-box {
    color: var(--fx-text) !important;
    border: 1px solid #bfd0ff !important;
    border-radius: 12px;
    background: #eef3ff !important;
}

.repair-intelligence-box h2,
.repair-intelligence-box h3,
.repair-intelligence-box strong { color: var(--fx-text) !important; }
.repair-intelligence-box p,
.repair-intelligence-box small { color: var(--fx-text-soft) !important; }
.repair-intelligence-box .text-link { color: var(--fx-blue) !important; }

.seller-summary-card.app-seller-card {
    grid-template-columns: 48px minmax(0, 1fr) auto;
    align-items: center;
}

.seller-summary-card .app-follow-seller {
    width: auto;
    min-width: 76px;
    min-height: 40px;
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding-inline: 16px;
    color: var(--fx-blue) !important;
    border-color: var(--fx-blue) !important;
    background: #fff !important;
    white-space: nowrap;
}

.seller-summary-card .app-follow-seller.is-saved {
    color: #234d00 !important;
    border-color: #86c443 !important;
    background: #e8f6d8 !important;
}

.guide-grid-light .guide-card,
.guide-card,
.guide-library-card,
.resource-card,
.guide-resource-card,
.external-guide-card,
.repair-steps > li {
    color: var(--fx-text) !important;
    border-color: var(--fx-line) !important;
    background: #fff !important;
}

.guide-grid-light .guide-card > div,
.guide-card > div,
.resource-card .eyebrow,
.resource-card .text-link { color: var(--fx-blue) !important; }

.guide-facts > div {
    color: var(--fx-text-soft) !important;
    border-color: var(--fx-line) !important;
    background: #f7f7f7 !important;
}

.safety-banner,
.step-warning {
    color: #5a3b00 !important;
    border-color: #f1d28a !important;
    background: #fff8e6 !important;
}

.safety-banner strong,
.step-warning strong { color: #6d4700 !important; }

.market-promo-row .market-promo-card,
.market-promo-row .market-promo-card:nth-child(2),
.market-promo-row .market-promo-card:nth-child(3) {
    color: var(--fx-text) !important;
    border-color: var(--fx-line) !important;
    background: #f7f7f7 !important;
}

.market-promo-row .market-promo-card span,
.market-promo-row .market-promo-card:nth-child(2) span { color: var(--fx-blue) !important; }

.difficulty { color: var(--fx-text) !important; border-color: var(--fx-line) !important; background: #f2f2f2 !important; }
.difficulty-easy { color: #356d00 !important; border-color: #b9d99a !important; background: #f2fae9 !important; }
.difficulty-moderate { color: #6d4700 !important; border-color: #f1d28a !important; background: #fff8e6 !important; }
.difficulty-hard { color: #9e1230 !important; border-color: #efb2be !important; background: #fff1f3 !important; }

/* Editorial and repair-guide pages */
.guide-detail-hero,
.manifesto-hero,
.parts-hero {
    color: var(--fx-text) !important;
    background: #eef3ff !important;
}

.guide-detail-grid h1,
.manifesto-grid h1,
.manifesto-grid h2,
.guide-detail-grid strong { color: var(--fx-text) !important; }

.guide-detail-grid > div > p,
.manifesto-grid p { color: var(--fx-text-soft) !important; }

.guide-preflight {
    color: var(--fx-text) !important;
    border-color: #badf91 !important;
    background: #e8f6d8 !important;
}

.guide-preflight .eyebrow { color: #356d00 !important; }
.guide-preflight h2,
.guide-preflight li { color: var(--fx-text) !important; }

.guide-feature,
.fixonic-guide-section,
.section-tint {
    color: var(--fx-text) !important;
    background: #f5f5f5 !important;
}

.policy-list > div,
.supplier-explainer li {
    color: var(--fx-text) !important;
    border: 1px solid var(--fx-line) !important;
    background: #fff !important;
}

.principles-grid,
.principles-grid article { border-color: var(--fx-line) !important; }
.principles-grid article > span { color: var(--fx-blue) !important; }

/* Seller workspace and seven-step listing wizard */
.app-seller-stats {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}

.app-seller-stats a { color: var(--fx-text); border-color: var(--fx-line); }
.app-seller-stats strong { color: var(--fx-text); }
.app-seller-stats span { color: var(--fx-muted); }

.app-sell-type-grid button {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

.app-sell-type-grid button:hover {
    border-color: var(--fx-blue);
    background: #f7f9ff;
    box-shadow: 0 4px 14px rgba(54, 101, 243, .12);
}

.app-sell-type-grid small { color: var(--fx-muted); }
.app-sell-type-icon { color: #fff; background: var(--fx-blue); }
.app-confidence-grid article { color: var(--fx-text); border-color: var(--fx-line); background: #fff; }
.app-confidence-grid article > strong { color: var(--fx-blue); }

.app-wizard-shell { color: var(--fx-text); background: #f7f7f7; }
.app-wizard-close,
.app-choice-card,
.app-photo-uploader,
.app-fault-options li label,
.app-money-input,
.app-toggle-row,
.app-review-list,
.app-wizard-tip,
.app-wizard-actions {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}

.app-choice-card:has(input:checked) { border-color: var(--fx-blue); background: #eef3ff; box-shadow: 0 0 0 3px rgba(54, 101, 243, .08); }
.app-wizard-progress i { border-color: #b8b8b8; background: #fff; }
.app-wizard-progress .is-current i { border-color: var(--fx-blue); box-shadow: 0 0 0 3px rgba(54, 101, 243, .12); }
.app-wizard-progress .is-complete i { border-color: var(--fx-blue); background: var(--fx-blue); }
.app-wizard-progress .is-complete:before { background: var(--fx-blue); }
.app-money-input input { background: #fff; }
.app-wizard-warning { color: #5a3b00; border-color: #f1d28a; background: #fff8e6; }
.app-review-hero { color: var(--fx-text); border-color: #badf91; background: #f2fae9; }

/* Notifications and preference groups */
.app-preference-group {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}

.app-preference-group h2 { color: var(--fx-blue); border-color: var(--fx-line); background: #f7f9ff; }
.app-preference-row strong { color: var(--fx-text); }
.app-preferences-note { color: var(--fx-text); border-color: #badf91; background: #f2fae9; }
.app-preferences-note strong { color: #356d00; }
.app-preferences-note p { color: var(--fx-text-soft); }

/* Repair projects */
.project-page-header p,
.project-detail-header p,
.project-form-header p { color: var(--fx-muted); }

.project-summary-strip {
    border-color: var(--fx-line);
    background: var(--fx-line);
}

.project-summary-strip > div { color: var(--fx-text); border-color: var(--fx-line); background: #fff; }
.project-summary-strip strong { color: var(--fx-blue); }
.project-summary-strip span { color: var(--fx-muted); }

.project-card {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, .06);
}

.project-device-mark,
.project-guide-mark,
.project-empty-icon { color: var(--fx-blue); border-color: #bfd0ff; background: #eef3ff; }
.project-card-copy h2 a,
.project-card-meta strong,
.project-card-actions a { color: var(--fx-text); }
.project-card-copy small,
.project-card-copy p,
.project-card-meta { color: var(--fx-muted); }
.project-guide-ready { color: var(--fx-blue); }
.project-progress { background: #e5e5e5; }
.project-progress i { background: linear-gradient(90deg, var(--fx-blue), #86d52f); }
.project-card-actions { border-color: var(--fx-line); }
.project-card-actions a + a { border-color: var(--fx-line); }

.project-source-card,
.project-form-card,
.project-plan-section,
.project-progress-panel,
.project-side-card,
.project-picker-listing,
.project-compatibility-card {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}

.project-source-card span,
.project-side-card > span,
.project-section-heading > div > span,
.project-section-heading > a,
.project-compatible-more summary,
.project-compatible-grid a { color: var(--fx-blue); }

.project-source-card small,
.project-form-field small,
.project-progress-panel p,
.project-section-heading p,
.project-selected-guide p,
.project-plan-item p,
.project-picker-listing p,
.project-compatibility-result p,
.project-side-card p,
.project-side-card dt { color: var(--fx-muted); }

.project-form-control,
.project-status-select,
.project-detail-actions button,
.project-plan-item-head button,
.project-compatible-grid button {
    color: var(--fx-text);
    border-color: #b8b8b8;
    background: #fff;
}

.project-form-actions { border-color: var(--fx-line); }
.project-form-actions a,
.project-detail-actions > a,
.project-compatibility-actions > a,
.project-picker-new { color: var(--fx-blue); }

.project-warning,
.project-plan-warnings span,
.checkout-warning-ack { color: #5a3b00; border-color: #f1d28a; background: #fff8e6; }
.project-warning > span { color: #6d4700; }
.project-warning p { color: #6d5527; }

.project-selected-guide,
.project-guide-options form,
.project-plan-item,
.project-mini-listings a,
.project-compatible-grid article {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}

.project-mini-listings a { color: var(--fx-text); }
.project-mini-listings span,
.project-compatible-grid span,
.project-compatible-grid small { color: var(--fx-muted); }
.project-mini-listings b { color: var(--fx-blue); }
.project-no-stock,
.project-plan-empty { color: var(--fx-muted); background: #f7f7f7; }
.project-compatible-more { border-color: var(--fx-line); }
.project-compatibility-result,
.repair-project-match-list > div { color: var(--fx-text); background: #f7f7f7; }
.project-compatibility-result span,
.repair-project-match-list span { color: var(--fx-blue); }

.project-section-heading > strong,
.project-checklist-item a { color: var(--fx-blue); }
.project-checklist-group > h3,
.project-checklist-item p,
.project-checklist-item small { color: var(--fx-muted); }
.project-checklist-item {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
}
.project-checklist-item.is-ready {
    border-color: #badf91;
    background: #f7fbee;
}
.project-check-indicator { color: var(--fx-muted); border-color: #b8b8b8; }
.project-checklist-item.is-ready .project-check-indicator {
    color: #356d00;
    border-color: #8ebd5b;
    background: #e9f6dc;
}
.project-checklist-item button {
    color: var(--fx-text);
    border-color: #b8b8b8;
    background: #fff;
}
.project-readiness-summary span { color: var(--fx-muted); background: #f2f2f2; }
.project-readiness-summary strong { color: var(--fx-text); }

/* Checkout */
.checkout-hero {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #eef3ff;
}

.checkout-hero h1,
.checkout-hero h2,
.checkout-hero strong { color: var(--fx-text); }
.checkout-hero p,
.checkout-hero span { color: var(--fx-text-soft); }
.checkout-card input,
.checkout-card select,
.checkout-card textarea { border-color: #b8b8b8 !important; }

/* Forms, account, orders, projects and checkout */
.form-section,
.app-wizard-card,
.app-account-header,
.app-account-metrics,
.app-account-section,
.app-draft-card,
.app-saved-card,
.app-selling-card-list article,
.app-notification-list article,
.app-preference-row,
.checkout-card,
.order-summary-card,
.order-row,
.payout-card,
.project-card,
.project-plan-section,
.project-side-card,
.project-form-card,
.project-summary-strip,
.project-compatibility-card {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
    box-shadow: none;
}
.form-progress,
.app-wizard-progress,
.app-selling-status-tabs,
.app-saved-tabs { border-color: var(--fx-line); background: #fff; }
.form-progress span,
.app-wizard-progress span { border-color: var(--fx-line); }
.form-section-heading > span,
.checkout-section-title > span { color: #fff; background: var(--fx-blue); }
.form-section-heading p,
.app-wizard-card p,
.app-account-header p,
.app-account-section p,
.checkout-card p,
.order-summary-card p,
.project-side-card p { color: var(--fx-muted); }
.disclosure-fields,
.declaration,
.check-featured { color: var(--fx-text); background: #f7f7f7; }
.image-form-card { border-color: #b8b8b8; background: #fff; }
.app-account-avatar,
.app-draft-thumb,
.app-selling-card-media { color: #fff; background: var(--fx-blue); }
.app-account-metrics a,
.app-account-section a,
.app-saved-tabs a,
.app-selling-status-tabs a { color: var(--fx-text); border-color: var(--fx-line); }
.app-account-metrics a:hover,
.app-account-section a:hover,
.app-saved-tabs a.is-active,
.app-selling-status-tabs a.is-active { color: var(--fx-blue); }
.app-notification-list article.is-unread { border-left-color: var(--fx-blue); background: #f4f7ff; }
.reservation-clock,
.provider-pending { color: var(--fx-text); border-color: #f1d28a; background: #fff8e6; }
.provider-ready { color: var(--fx-text); border-color: #badf91; background: #f2fae9; }
.project-summary-strip > div { border-color: var(--fx-line); }

.site-footer {
    color: var(--fx-text-soft);
    border-top: 1px solid var(--fx-line);
    background: #f7f7f7;
}
.site-footer h2,
.site-footer strong { color: var(--fx-text); }
.site-footer a { color: var(--fx-text-soft); }
.site-footer a:hover { color: var(--fx-blue); }
.footer-bottom { border-color: var(--fx-line); color: var(--fx-muted); }

/* Authentication pages */
.app-auth-route main {
    color: var(--fx-text);
    border-color: var(--fx-line);
    background: #fff;
    box-shadow: 0 8px 32px rgba(0, 0, 0, .08);
}
.app-auth-route main::before { color: var(--fx-blue); }
.app-auth-route main h1,
.app-auth-route main h2,
.app-auth-route main h3 { color: var(--fx-text); }
.app-auth-route main p,
.app-auth-route main form label { color: var(--fx-text-soft); }
.app-auth-route main > p:first-of-type { color: var(--fx-muted); }
.app-auth-route main a { color: var(--fx-blue); }
.app-auth-route main a:hover { color: var(--fx-blue-strong); }
.app-auth-route main input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),
.app-auth-route main select,
.app-auth-route main textarea {
    color: var(--fx-text);
    border-color: #b8b8b8;
    background: #fff;
}
.app-auth-route main button[type="submit"] {
    color: #fff;
    border-color: var(--fx-blue);
    border-radius: 999px;
    background: var(--fx-blue);
    box-shadow: none;
}
.app-auth-route main button[type="submit"]:hover { background: var(--fx-blue-strong); }
.app-auth-route main .errorlist { color: #9e1230; border-color: #efb2be; background: #fff1f3; }
.app-auth-route main hr { border-color: var(--fx-line); }

@media (min-width: 901px) {
    .app-results-grid { gap: 34px 18px; }
    .app-browse-layout { gap: 28px; }
    .app-filter-sheet { border-radius: 12px; }
    .app-product-layout { align-items: start; }
    .app-purchase-panel { border-radius: 14px; }
}

@media (min-width: 901px) and (max-width: 1180px) {
    .market-header-row {
        grid-template-columns: auto minmax(0, 1fr) auto;
        gap: 10px;
    }
    .shop-category-link { display: none; }
    .brand-fixonic { min-width: 160px; }
    .header-search-market { grid-template-columns: minmax(0, 1fr) 128px; }
    .market-search-button { min-width: 104px; padding-inline: 16px; }
}

@media (max-width: 900px) {
    html { color-scheme: light; background: #fff; }
    body {
        color: var(--fx-text);
        background: #fff;
    }
    .shell { padding-inline: var(--fx-mobile-page-gutter); }

    .app-mobile-header {
        color: var(--fx-text);
        border-bottom-color: var(--fx-line);
        background: rgba(255, 255, 255, .97);
        backdrop-filter: blur(18px);
    }
    .app-mobile-header.is-condensed { border-bottom-color: var(--fx-line); }
    .app-mobile-brand { color: var(--fx-text); }
    .app-mobile-mark {
        color: #fff;
        background: linear-gradient(145deg, #3665f3 0 52%, #86d52f 52% 100%);
    }
    .app-icon-button {
        color: var(--fx-text);
        border-color: #dedede;
        background: #fff;
    }
    .app-cart-count,
    .app-notification-badge { color: #fff; background: var(--fx-danger); }
    .app-mobile-search {
        border-color: #c7c7c7;
        background: #f7f7f7;
    }
    .app-mobile-search input { color: var(--fx-text); background: transparent; }
    .app-mobile-search input::placeholder { color: #606060; }
    .app-mobile-search > svg,
    .app-search-camera { color: var(--fx-text); }

    .app-bottom-nav {
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        min-height: calc(66px + env(safe-area-inset-bottom));
        padding: 5px max(8px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
        color: var(--fx-text);
        border: 0;
        border-top: 1px solid var(--fx-line);
        border-radius: 0;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 -4px 18px rgba(0, 0, 0, .07);
        backdrop-filter: blur(18px);
        transform: none;
    }
    .app-bottom-nav a { color: #5f5f5f; border-radius: 10px; }
    .app-bottom-nav a.is-active { color: var(--fx-blue); background: #eef2ff; }
    .app-bottom-nav svg { stroke-width: 1.9; }

    .app-shortcuts a { background: #fff; }
    .app-feed-notice { border-color: transparent; background: #e8f1ff; }
    .app-feed-heading p { color: var(--fx-muted); }
    .app-feed-heading > a { color: var(--fx-blue); }
    .app-product-rail { grid-auto-columns: minmax(188px, 62vw); }
    .app-listing-card .listing-card-media { border-radius: 9px; }
    .app-sell-prompt { border-color: transparent; background: #e8f1ff; }
    .app-guide-card { border-color: var(--fx-line); background: #fff; }
    .app-load-more { background: #fff; }
    .app-confidence-banner { background: #f3f3f3; }

    .app-results-intro { border-color: var(--fx-line); background: #fff; }
    .app-filter-chip-row a,
    .app-filter-trigger { color: var(--fx-text); border-color: #c7c7c7; background: #fff; }
    .app-filter-chip-row a.is-active,
    .app-filter-trigger:has(.filter-count) { color: #fff; border-color: var(--fx-blue); background: var(--fx-blue); }
    .app-browse-layout { background: #fff; }
    .app-results-toolbar { border-color: var(--fx-line) !important; background: #fff !important; }
    .app-results-toolbar select { background: #fff; }

    .app-filter-backdrop { background: rgba(0, 0, 0, .42); pointer-events: none; }
    .app-filter-backdrop[hidden] { display: none !important; }
    .app-filter-backdrop.is-visible { pointer-events: auto; }
    .app-filter-sheet {
        color: var(--fx-text);
        border-color: var(--fx-line);
        background: #fff;
        box-shadow: 0 -18px 50px rgba(0, 0, 0, .16);
    }
    .app-filter-sheet-handle { background: #aaa; }
    .app-filter-sheet .filter-group { border-color: var(--fx-line); }
    .app-filter-sheet input,
    .app-filter-sheet select { color: var(--fx-text) !important; border-color: #b8b8b8 !important; background: #fff !important; }

    .app-route-detail .app-mobile-header { display: none; }
    .app-main-image { background: #f5f5f5; }
    .app-product-summary .seller-line { color: var(--fx-muted); border-color: var(--fx-line); }
    .app-purchase-panel { background: transparent; box-shadow: none; }
    .app-purchase-panel .auction-status > div { border-color: var(--fx-line) !important; background: #f7f7f7 !important; }
    .app-purchase-panel .purchase-price { border-color: var(--fx-line); }
    .app-delivery-box,
    .app-seller-card,
    .app-detail-card { border-color: var(--fx-line) !important; background: #fff !important; }
    .app-listing-cta {
        left: 0;
        right: 0;
        bottom: calc(66px + env(safe-area-inset-bottom));
        width: 100%;
        min-height: 70px;
        padding: 10px var(--fx-mobile-page-gutter);
        border: 0;
        border-top: 1px solid var(--fx-line);
        border-radius: 0;
        background: rgba(255, 255, 255, .98);
        box-shadow: 0 -4px 16px rgba(0, 0, 0, .06);
        backdrop-filter: blur(18px);
    }
    .app-listing-cta span { color: var(--fx-muted); }
    .app-listing-cta .button { border-radius: 999px; }

    .app-auth-route main {
        border-color: var(--fx-line);
        background: #fff;
        box-shadow: 0 6px 24px rgba(0, 0, 0, .07);
    }
}

@media (max-width: 374px) {
    .app-bottom-nav { width: 100%; bottom: 0; }
    .app-product-rail { grid-auto-columns: minmax(176px, 68vw); }
    .app-listing-cta { left: 0; right: 0; width: 100%; }
}

@media (prefers-color-scheme: dark) {
    html,
    body { color-scheme: light; background: #fff; }
}


/* Social authentication */
html[data-theme="light"] .app-auth-route main button.fx-social-auth-button[type="submit"],
html[data-theme="light"] .app-auth-route main a.fx-social-auth-button {
    color: #111827;
    border-color: #c9cdd5;
    background: #fff;
}
html[data-theme="light"] .app-auth-route main button.fx-social-auth-button[type="submit"]:hover,
html[data-theme="light"] .app-auth-route main a.fx-social-auth-button:hover {
    color: #111827;
    border-color: var(--fx-blue);
    background: #f7f9ff;
}
html[data-theme="light"] .fx-social-auth-divider {
    color: var(--fx-muted);
}