/* Perekup Market: workspace and personal collection. */
:root { --ink:#1b2722; --muted:#68756e; --paper:#f0f3f1; --surface:#fff; --line:#dce3de; --accent:#19815b; --accent-dark:#126343; --green:#19815b; --danger:#be4948; --dark:#17251f; --radius-s:4px; --radius-m:6px; --shadow-soft:none; --font-body:Arial,Helvetica,sans-serif; --font-display:Arial,Helvetica,sans-serif; }
* { letter-spacing:0 !important; }
body { background:#f0f3f1; color:#1b2722; font-family:Arial,Helvetica,sans-serif; }
button,input,select,textarea { font-family:inherit; }
button { transition:background .15s,border-color .15s; }
button:focus-visible,a:focus-visible,summary:focus-visible { outline:3px solid #83bdaa; outline-offset:3px; }
button:disabled { opacity:.48; cursor:not-allowed; }
button:hover { transform:none; }
[hidden] { display:none !important; }
.game .content { width:min(1260px,calc(100% - 64px)); margin:0 auto; padding:40px 0 64px; }
.topbar { position:sticky; top:0; z-index:40; width:100%; max-width:none; height:80px; min-height:80px; margin:0; padding:0 32px; display:flex; gap:26px; background:#17251f; color:#fff; border:0; border-radius:0; box-shadow:none; }
.topbar .logo { display:flex; align-items:center; gap:10px; min-width:152px; color:white; font-size:14px; line-height:1.1; }
.topbar .logo > b { display:grid; place-items:center; width:40px; height:40px; background:#cce89d; color:#17251f; font-size:19px; border-radius:4px; }
.topbar .logo > span { color:#fff; font-size:14px; }
.logo small { display:block; color:#a9b8af; font-size:10px; margin-top:5px; }
.topbar .tabs { margin:0; gap:4px; align-self:stretch; flex:1; background:transparent; border:0; }
.topbar .tab { padding:0 18px; height:80px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; color:#aebcb3; font-size:14px; font-weight:600; box-shadow:none; }
.topbar .tab.active { color:#fff; border-bottom-color:#cce89d; background:#20332a; }
.topbar .tab:hover { color:#fff; background:#263a30; }
.topbar .badge { background:#30473a; color:#cce89d; font-size:10px; border:0; }
.topbar .wallet { padding:0 20px; border:0; border-left:1px solid #3a4b40; }
.topbar .wallet span { color:#a1b2a6; font-size:10px; text-transform:uppercase; }
.topbar .wallet strong { color:#e8f4de; font-size:19px; }
.topbar .profile-button { display:flex; color:#fff; border:0; background:transparent; gap:10px; padding:0; }
.topbar .profile-button #avatar { width:38px; height:38px; background:#334f40; color:#cce89d; border:1px solid #5d7968; border-radius:50%; }
.topbar #profile-name { color:#fff; font-size:12px; }
.topbar #profile-level { color:#a7b7ac; }
.topbar .section-menu-button,.topbar .chat-shortcut { color:#d7e7dd; border-color:#405547; background:transparent; border-radius:4px; }
.section-menu-button i { background:#d7e7dd; }
.utility-nav { background:#fff; color:#1b2722; border:1px solid #dce3de; border-radius:6px; box-shadow:0 16px 50px #10211922; top:88px; }
.utility-nav button { border-radius:3px; color:#243d30; background:#fff; }
.utility-nav button:hover,.utility-nav button.active { background:#e9f4ed; color:#126343; }
.utility-nav small { color:#728078; }
.section-heading { align-items:center; padding:0 0 24px; border-bottom:1px solid #d3ded6; margin-bottom:24px; }
.section-heading h2 { font-size:30px; font-weight:700; line-height:1.2; }
.eyebrow { color:#6e8375; font-size:10px; font-weight:600; text-transform:uppercase; margin-bottom:8px; }
h3 { font-size:20px; color:inherit; }
.market-pulse { color:#728078; font-size:11px; }
.market-pulse i { background:#19815b; box-shadow:none; }
.primary-button,.danger-button,.upgrade-item > button,.challenge-action { background:#19815b !important; color:#fff !important; border:1px solid #19815b !important; border-radius:4px; min-height:42px; padding:10px 18px; font-size:13px; font-weight:600; box-shadow:none; }
.primary-button:hover,.danger-button:hover,.upgrade-item > button:hover { background:#126343 !important; border-color:#126343 !important; }
.secondary-button,.inspection-button,.part-order-button { background:#fff; color:#244033; border:1px solid #cddbd2; border-radius:4px; box-shadow:none; font-size:13px; min-height:40px; }
.secondary-button:hover,.inspection-button:hover { border-color:#19815b; background:#f0f8f3; }
.icon-button { background:#e6eee8; color:#1a3727; border:0; border-radius:4px; }
input,select,textarea { background:#fff; color:#233e2e; border:1px solid #d0dcd3; border-radius:4px; min-height:42px; font-size:13px; }
input::placeholder { color:#86928a; }
.workspace-switcher,.auction-workspace-tabs { display:flex; gap:4px; padding:0; border:0; border-bottom:1px solid #d3ded6; background:transparent; border-radius:0; margin:0 0 24px; }
.workspace-switcher button,.auction-workspace-tabs button { padding:14px 20px; border:0; border-bottom:3px solid transparent; background:transparent; color:#6c7c71; border-radius:0; box-shadow:none; font-size:13px; }
.workspace-switcher button.active,.auction-workspace-tabs button.active { border-bottom-color:#19815b; background:transparent; color:#175438; box-shadow:none; }
.workspace-switcher button span,.auction-workspace-tabs small { font-size:10px; color:#849188; }
.market-dashboard { padding:0 0 16px !important; gap:30px !important; }
.market-dashboard span { font-size:10px; color:#7b8d80; text-transform:uppercase; }
.market-dashboard strong { color:#1f3929; font-weight:600; }
.career-details { display:none; }
#market-view .career-mission { margin:8px 0 20px; padding:12px 16px; border:0; background:#e3eddf; border-radius:4px; }
.career-mission .eyebrow { margin-bottom:3px; }
.career-mission strong { font-size:13px; }
.career-mission span { color:#68765e; font-size:11px; }
.career-mission > b { color:#47643e; font-size:12px; }
.market-chips { gap:6px; }
.market-chips button,.market-quick-filters button { border-radius:4px; border-color:#d0dcd3; background:#fff; color:#5d7566; }
.market-chips button.active,.market-quick-filters button.active { background:#213e2e; color:#fff; border-color:#213e2e; }
.market-cars-label { padding:20px 0 16px; border:0; }
.market-cars-label .eyebrow,.market-cars-label > span { display:none; }
.market-cars-label h3 { font-size:16px; }
.car-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.car-card { border:1px solid #dbe3dd; border-radius:6px; background:#fff; overflow:hidden; box-shadow:none; }
.car-card:hover { border-color:#93b9a2; transform:none; box-shadow:0 5px 15px #1d352c0a; }
.car-card .car-art { aspect-ratio:16/10; border-radius:0; background:#e0e5e1; }
.car-card .car-info { padding:18px; }
.car-card .car-info h3 { font-size:20px; font-weight:600; }
.car-card .car-meta { color:#829084; font-size:12px; }
.car-price-row { padding-top:15px; border-top:1px solid #edf1ed; margin-top:14px; }
.car-card .car-price-row strong { font-size:23px; color:#20382b; }
.car-card .market-tag { display:inline-flex; color:#66764a; background:#edf2dd; border-radius:3px; font-size:10px; }
.price-signal { border-radius:3px; font-size:10px; }
.profit-positive { color:#19815b !important; }
.profit-negative { color:#be4948 !important; }
.market-filters,.auction-filter-panel { border:0; background:transparent; box-shadow:none; padding:12px 0; }
.garage-car { border:1px solid #dce3de; border-radius:6px; box-shadow:none; background:#fff; padding:0; overflow:visible; }
.garage-car .car-art { border-radius:6px 0 0 6px; }
.garage-main,.garage-status,.garage-actions { padding:18px; }
.garage-phase { color:#3e7954; background:#e7f1e9; display:inline-block; padding:4px 7px; border-radius:3px; }
.status-bar { background:#e9efea; border:0; height:5px; }
.status-bar i { background:#47966c; }
.garage-management { border:0; background:transparent; padding:20px 0; }
.garage-more-actions > summary { color:#68786e; }
.modal { padding:20px; background:#10241a99; backdrop-filter:blur(5px); }
.modal-panel { border:0; border-radius:8px; background:#fff; box-shadow:0 16px 70px #14291c33; overflow:auto; }
.modal-body { padding:26px; color:#21372a; }
.modal-body h2 { font-size:28px; }
.modal-subtitle { color:#7e8d82; font-size:13px; }
.modal-car-art { max-height:280px; aspect-ratio:16/7; }
.deal-summary { border-color:#dfe7e1; }
.deal-summary span { color:#819084; }
.deal-workflow { border-color:#dce3de; }
.deal-workflow button.active { border-color:#19815b; color:#17633f; }
.deal-workflow button { font-size:13px; padding:12px 15px; }
.service-diagnostic,.inspection-summary { background:#edf4e9; border:0; border-left:3px solid #91ad73; border-radius:3px; color:#375133; }
.service-diagnostic span,.inspection-summary span { color:#677960; }
.inspection-button strong { font-size:14px; }
.inspection-button small { color:#7a8c7c; }
.defect-row { border:0; border-bottom:1px solid #dce3de; padding:20px 0; background:transparent; }
.defect-detail { color:#748478; }
.repair-plan-grid > article { border-color:#d4e1d6; background:#fafcf9; }
.repair-plan-grid p { color:#6a7c6e; }
.car-upgrade { border:0; border-bottom:1px solid #dce3de; padding:18px 0; background:transparent; }
.upgrade-section,.workshop-section { border-top:0; }
.upgrade-profile { color:#387954; }
.progress-strip { background:#213c2c; border:0; border-radius:4px; }
.xp-track,.profile-level-track { background:#dce7dc; border:0; height:6px; }
.xp-track i,.profile-level-track i { background:#9ec765; }
.upgrade-grid { gap:12px; }
.upgrade-item { border:1px solid #d8e4da; background:#fff; border-radius:4px; padding:18px; }
.upgrade-item p { color:#728778; font-size:12px; }
.upgrade-level { color:#437450; background:#eaf2e8; }
.training-strip { background:#e8efdf; border-left:3px solid #809d50; border-radius:4px; }
.offer-card { border:1px solid #d5e2d7; border-radius:6px; background:#fff; box-shadow:none; padding:22px; }
.offer-card.bot { border-left:3px solid #88ab72; }
.offer-head > span { color:#19815b; font-size:24px; }
.offer-reason { padding:14px 0; color:#657c6c; font-size:13px; }
.npc-profile { border-block:1px solid #e3ece4; padding:14px 0; grid-template-columns:repeat(3,minmax(0,1fr)); }
.npc-profile span { color:#839084; font-size:10px; }
.npc-profile b { color:#344f3b; font-size:12px; }
.offer-actions { gap:8px; margin-top:16px; }
.contracts-section { margin-top:32px; border-top:1px solid #d2dfd4; padding-top:24px; }
.contracts-list { gap:10px; }
.contracts-list > * { border-radius:4px; box-shadow:none; }
.store-intro { border:0; padding:0 0 30px; background:transparent; align-items:end; gap:24px; }
.store-intro strong { font-size:25px; font-weight:600; }
.store-intro p { color:#6b8172; font-size:14px; margin-top:12px; }
.store-intro > span { color:#69836c; font-size:12px; }
.store-packages { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.style-product { border:1px solid #d9e2da; border-radius:6px; overflow:hidden; background:#fff; }
.style-product-art { height:260px; background-size:cover; background-position:center; position:relative; display:flex; align-items:flex-end; gap:16px; padding:26px; isolation:isolate; }
.style-product-art::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#112419d9,transparent 80%); z-index:-1; }
.style-product-art > strong { color:#fff; font-size:25px; }
.collection-label { position:absolute; top:22px; left:26px; color:#e9f0e3; font-size:10px; }
.style-product-avatar,.preview-avatar { display:grid; place-items:center; flex:none; width:60px; height:60px; border:3px solid #d0d5d1; border-radius:50%; background:#203a2b; color:white; font-size:24px; font-weight:700; }
.style-product-body { padding:26px; }
.style-product-body h3 { margin:0 0 12px; font-size:24px; }
.style-product-body p,.style-product-body li { font-size:13px; color:#718477; line-height:1.65; }
.style-product-body ul { padding-left:18px; }
.style-product-price { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-top:18px; margin-top:18px; border-top:1px solid #e2eae3; }
.style-product-price > strong { font-size:26px; }
.level-rewards { padding:28px 0; margin-top:24px; border-block:1px solid #d4dfd5; }
.level-rewards p { color:#728578; font-size:13px; }
.store-notice { border:0; padding:20px 0; background:transparent; color:#859489; font-size:12px; }
#profile-overview-panel .profile-hero { display:grid; grid-template-columns:80px 1fr auto; gap:18px 24px; min-height:280px; padding:36px; border:0; border-radius:6px; background-size:cover; background-position:center; color:#fff; position:relative; }
.profile-hero .profile-monogram { display:grid; place-items:center; width:76px; height:76px; border:3px solid #d0d5d1; border-radius:50%; color:#fff; background:#223c2b; font-size:29px; }
.profile-hero .profile-identity h3 { font-size:30px; color:white; }
.profile-hero .profile-identity .eyebrow { color:#a1c6b0; }
.profile-hero .profile-identity p,.profile-hero .profile-identity small { color:#cfdfd3; font-size:12px; }
.profile-hero .profile-capital,.profile-hero .profile-reputation { border:0; background:transparent; text-align:left; padding:0; }
.profile-hero .profile-capital { grid-column:2; }
.profile-hero .profile-reputation { grid-column:3; }
.profile-hero .profile-capital strong,.profile-hero .profile-reputation strong { color:#e5efda; font-size:22px; }
.profile-hero .profile-capital span,.profile-hero .profile-reputation span { color:#b5c8b8; font-size:11px; }
.profile-hero .profile-identity { grid-column:2; grid-row:1; }
.level-emblem { grid-column:3; grid-row:1; border:1px solid #e0c47c; border-radius:6px; width:72px; height:82px; display:grid; align-content:center; text-align:center; background:#15291e99; color:#f1d58c; }
.level-emblem strong { font-size:32px; line-height:1; }
.level-emblem span { font-size:10px; margin-top:8px; }
.profile-hero .supporter-benefits { display:none; }
#profile-journey { margin:28px 0; padding:20px 0; border-color:#d4dfd5; }
#profile-journey > h3 { font-size:22px; }
#profile-journey p { font-size:13px; color:#748477; }
.profile-shortcuts { display:flex; flex-wrap:wrap; border-block:1px solid #dce3de; padding:10px 0; background:transparent; border-radius:0; }
.profile-shortcuts button { border:0; border-radius:0; background:transparent; padding:12px 20px; color:#386548; }
.profile-shortcuts span { display:none; }
.profile-stats { gap:1px; background:#dce3de; border:1px solid #dce3de; border-radius:4px; }
.profile-stats > div { background:#fff; border:0; border-radius:0; padding:20px; }
.profile-stats strong { color:#284c34; }
.developer-note { display:none; }
.appearance-preview { min-height:230px; padding:32px; border-radius:6px; background-size:cover; background-position:center; display:flex; align-items:center; gap:20px; color:#fff; }
.appearance-preview strong { font-size:26px; }
.appearance-preview p { color:#cfdfd3; font-size:13px; }
.cosmetic-section { padding:26px 0; border-bottom:1px solid #d5e1d7; }
.cosmetic-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:18px; }
.cosmetic-option { padding:0 0 16px; overflow:hidden; display:grid; text-align:left; gap:7px; border:2px solid transparent; border-radius:6px; background:#fff; color:#233a2a; box-shadow:0 0 0 1px #d6e2d9; }
.cosmetic-option.selected { border-color:#19815b; }
.cosmetic-option.locked { opacity:.62; }
.cosmetic-option img { width:100%; height:140px; object-fit:cover; }
.cosmetic-option strong,.cosmetic-option small { padding:0 16px; }
.cosmetic-option strong { font-size:14px; }
.cosmetic-option small { font-size:11px; color:#71907b; }
.frames-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.frame-swatch { display:grid; place-items:center; margin:20px auto 12px; border:4px solid; width:64px; height:64px; border-radius:50%; background:#1c3426; color:#fff; }
.frame-green { border-color:#62bd92 !important; }
.frame-copper { border-color:#ddae6e !important; }
.frame-redline { border-color:#ef716c !important; }
.frame-gold { border-color:#e4ca82 !important; }
.public-profile-head { background-size:cover; background-position:center; color:#fff; padding:30px; border-radius:6px; }
.public-profile-head h2 { color:#fff; }
.public-profile-avatar { border:3px solid #d0d5d1; }
.parts-summary,.asset-summary { background:transparent; border-color:#d3dfd5; }
.property-income-panel { background:#e5eee0; border:0; border-radius:4px; }
.property-income-panel h3 { color:#345331; }
.property-income-panel p,.property-income-panel span { color:#708469; }
.asset-card,.part-card,.owned-asset,.auction-car-card { border:1px solid #dce3de; box-shadow:none; border-radius:6px; background:#fff; }
.asset-visual { background:#d5e1d8; color:#435f49; }
.asset-visual strong { color:#43654c; }
.challenge-panel { border-radius:6px; background:#fff; color:#243b2c; }
.challenge-head .icon-button { background:#e4eee6; color:#294b34; }
.site-footer { color:#91a096; border-top:1px solid #d7e1da; padding:20px 0; font-size:10px; }
.site-footer a { color:#637c69; }
.toast { background:#203e2d; color:#fff; border-radius:4px; box-shadow:0 6px 25px #19362930; }
.topbar .more-sections-tab { display:flex; }
#market-view .mobile-filter-toggle { display:block; width:auto; min-height:40px; margin:12px 0; }
#market-filters { display:none; }
#market-filters.mobile-open { display:grid; }
#market-view .market-dashboard { display:none; }
#market-view .career-details { display:none; }
#market-view .market-access-note { padding:0 0 8px; margin:0; border:0; background:transparent; min-height:0; color:#68766c; font-size:12px; }
.profile-hero .profile-reputation { background:#17251fcc; padding:8px; border-radius:4px; color:#fff; }
@media(max-width:1100px) { .topbar { padding:0 22px; gap:12px; } .topbar .tab { padding:0 12px; } .topbar .profile-button > span:last-child { display:none; } .topbar .logo { min-width:142px; } .car-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) {
  .game .content { width:calc(100% - 32px); padding:24px 0 100px; }
  .topbar { height:68px; min-height:68px; padding:0 16px; gap:12px; }
  .topbar .logo { min-width:0; margin-right:auto; gap:8px; }
  .topbar .logo > b { width:34px; height:34px; font-size:16px; }
  .topbar .logo > span { font-size:12px; }
  .topbar .wallet { padding:0; border:0; margin:0; }
  .topbar .wallet strong { font-size:14px; }
  .topbar .wallet span { font-size:8px; }
  .topbar .profile-button { display:flex; }
  .topbar .profile-button #avatar { width:30px; height:30px; font-size:12px; }
  .topbar .chat-shortcut,.topbar .section-menu-button { display:none; }
  .topbar .tabs { position:fixed; inset:auto 0 0; z-index:50; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); height:64px; background:#17251f; padding:0 5px env(safe-area-inset-bottom); border-top:1px solid #3b4f42; gap:0; }
  .topbar .tab { height:64px; padding:0 3px; min-width:0; font-size:11px; display:flex; align-items:center; justify-content:center; border-top:3px solid transparent; border-bottom:0; color:#b1c4b6; }
  .topbar .tab.active { border-top-color:#cce89d; color:#e9f5e1; background:#223c2c; }
  .topbar .tab .badge { display:none; }
  .utility-nav { top:78px; right:12px; width:min(330px,calc(100% - 24px)); max-height:calc(100dvh - 160px); }
  .section-heading { padding-bottom:18px; margin-bottom:20px; align-items:flex-start; gap:12px; }
  .section-heading h2 { font-size:25px; }
  .section-heading .market-pulse { display:none; }
  .market-dashboard { gap:10px !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  .market-dashboard strong { font-size:17px !important; }
  #market-view .career-mission { padding:10px 12px; margin-top:6px; }
  .career-mission span { display:none; }
  .career-mission > b { font-size:11px; }
  .car-grid { grid-template-columns:1fr; gap:18px; }
  .car-card .car-art { aspect-ratio:16/10; }
  .car-card .car-info { padding:18px; }
  .garage-car { display:block; }
  .garage-car .car-art { border-radius:6px 6px 0 0; aspect-ratio:16/10; }
  .garage-main { padding:18px 18px 8px; }
  .garage-status { padding:10px 18px; }
  .garage-actions { padding:14px 18px 18px; }
  .workspace-switcher,.auction-workspace-tabs { gap:0; flex-wrap:wrap; }
  .workspace-switcher button,.auction-workspace-tabs button { padding:12px 10px; font-size:12px; flex:1; min-width:0; }
  .workspace-switcher button span,.auction-workspace-tabs small { display:none; }
  .store-packages { grid-template-columns:1fr; gap:24px; }
  .store-intro { display:block; padding-bottom:22px; }
  .store-intro strong { font-size:21px; }
  .store-intro > span { display:block; margin-top:16px; }
  .style-product-art { height:230px; padding:22px; }
  .style-product-art > strong { font-size:22px; }
  .style-product-body { padding:22px; }
  .npc-profile { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modal { padding:8px; }
  .modal-panel { max-height:calc(100dvh - 16px); }
  .modal-body { padding:20px; }
  .modal-body h2 { font-size:24px; }
  .modal-car-art { max-height:220px; }
  #profile-overview-panel .profile-hero { grid-template-columns:52px 1fr 52px; min-height:240px; padding:22px 18px; gap:16px 12px; }
  .profile-hero .profile-monogram { width:52px; height:52px; font-size:20px; }
  .profile-hero .profile-identity h3 { font-size:21px; overflow-wrap:anywhere; }
  .level-emblem { width:52px; height:66px; }
  .level-emblem strong { font-size:26px; }
  .profile-hero .profile-capital { grid-column:1 / 3; }
  .profile-hero .profile-reputation { grid-column:3; }
  .profile-hero .profile-capital strong,.profile-hero .profile-reputation strong { font-size:18px; }
  .profile-hero .profile-reputation span { font-size:9px; }
  .appearance-preview { padding:22px; min-height:210px; }
  .appearance-preview strong { font-size:21px; overflow-wrap:anywhere; }
  .cosmetic-grid,.frames-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .cosmetic-option img { height:100px; }
  .cosmetic-option strong,.cosmetic-option small { padding:0 10px; }
  .cosmetic-option strong { font-size:12px; }
  .profile-shortcuts button { padding:10px; font-size:12px; }
  .profile-stats > div { padding:14px; }
  .public-profile-head { flex-wrap:wrap; padding:22px; }
  .site-footer { margin-bottom:76px; width:calc(100% - 32px); }
}

/* Focused working screens: readable controls and compact secondary actions. */
.trade-blocked { padding:12px 16px; border-left:3px solid #be4948; background:#fff1ee; color:#763f38; font-size:13px; line-height:1.5; }
.offer-form label { grid-column:1/-1; display:grid; gap:6px; font-size:13px; }
.npc-inspection-skills { width:100%; font-size:12px; margin-bottom:8px; }
.npc-inspection-skills summary { cursor:pointer; padding:8px 0; }
.npc-inspection-skills > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:8px 0; }
.npc-inspection-skills:not([open]) > div { display:none; }
.npc-inspection-skills span { display:flex; justify-content:space-between; gap:6px; }
.garage-more-actions:not([open]) > div { display:none; }
.garage-more-actions > summary { display:flex; align-items:center; justify-content:space-between; border:0; min-height:38px; padding:8px 0; font-size:13px; }
.garage-more-actions > summary::after { content:"+"; font-size:20px; }
.garage-more-actions[open] > summary::after { content:"−"; }
.garage-actions { min-width:190px; }
.garage-actions > button { min-height:42px; }
.garage-main h3 { font-size:22px; }
.garage-status { border-left:1px solid #e4e9e6; font-size:12px; line-height:1.6; }
.garage-management { margin-top:16px; }
.garage-management > div { background:transparent; }
.modal-panel { width:min(860px,100%); }
.modal-car-art { width:100%; height:260px; max-height:260px; }
.modal-body { padding:28px 32px; }
.modal-body .inspection-grid { border:0; border-block:1px solid #e1e7e3; border-radius:0; margin:20px 0; }
.modal-body .inspection-grid > div { border:0; background:transparent; padding:14px 0; }
.modal-body .description { border:0; padding:0; color:#56645d; font-size:14px; line-height:1.6; }
.market-inspection { border-top:1px solid #dce3de; padding-top:20px; }
.market-inspection .workshop-heading { align-items:center; gap:12px; }
.inspection-actions { gap:8px; }
.inspection-button { position:relative; min-height:78px; padding:14px 16px; border:1px solid #dce3de; background:#f6f8f7; border-radius:4px; text-align:left; }
.inspection-button:hover:not(:disabled) { background:#eaf3ee; border-color:#80ad95; }
.inspection-button strong { font-size:15px; }
.inspection-button small { display:block; margin-top:6px; line-height:1.5; font-size:12px; }
.utility-nav { width:320px; height:auto; bottom:auto; left:auto; align-content:start; grid-template-columns:minmax(0,1fr); padding:8px; gap:0; }
.utility-nav > button { display:block; min-height:48px; padding:12px 14px; border:0; border-radius:3px; font-weight:500; }
.utility-nav > button span { font-size:14px; }
.utility-nav > button small,.utility-menu-head small { display:none; }
.utility-nav .utility-menu-head { padding:4px 10px 10px; margin-bottom:6px; min-height:48px; }
.utility-menu-head > button { min-width:32px; min-height:32px; border:0; font-size:22px; }
.deals-columns { grid-template-columns:minmax(0,1fr); gap:28px; }
.deals-section { padding:0; background:transparent; border:0; }
.deals-section h3 { margin:0 0 16px; font-size:20px; }
#incoming-offers,#outgoing-offers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:start; }
.offers-list .no-offers { grid-column:1/-1; text-align:left; border:0; border-left:2px solid #ccd9d1; padding:14px 18px; background:transparent; }
.offer-card { padding:20px; margin:0; }
.offer-head { align-items:start; gap:14px; }
.offer-head > span { font-size:22px; white-space:nowrap; }
.offer-car { font-size:12px; line-height:1.5; margin-top:6px; }
.offer-reason { background:transparent; border-left:2px solid #b5cabc; padding:2px 0 2px 12px; font-size:13px; line-height:1.6; }
.npc-profile { gap:14px; padding:14px 0; }
.npc-profile span { font-size:11px; }
.npc-profile b { font-size:13px; line-height:1.5; }
.counter-row { display:grid; grid-template-columns:minmax(0,1fr) auto; width:100%; gap:8px; }
.counter-row input { width:100%; min-width:0; font-size:14px; }
.offer-actions .counter-row button { width:auto; }
.container-card { border:1px solid #d9e2dc; border-top:0; border-radius:6px; background:#fff; }
.container-visual { height:168px; background:#283b32 url('/profile-art/workshop.jpg') center/cover; }
.container-visual::after { content:""; position:absolute; inset:0; background:#17251f44; }
.container-visual i { z-index:1; width:64%; height:72%; border:5px solid #36413c; background:repeating-linear-gradient(0deg,#71837a 0px,#71837a 9px,#56695e 10px,#56695e 12px); box-shadow:0 5px 12px #14221b50; }
.container-visual i::after { content:""; position:absolute; left:50%; height:100%; border-left:4px solid #394e41; }
.container-visual b { font-size:11px; font-weight:600; z-index:3; padding:7px 10px; background:#17251f; border:1px solid #a1b7a9; color:#fff; }
.container-info { padding:20px; }
.container-info h3 { font-size:21px; margin:6px 0 10px; }
.container-info > span { font-size:13px; line-height:1.5; }
.container-range { font-size:12px; font-weight:500; line-height:1.6; white-space:normal; overflow-wrap:anywhere; }
.container-bid-state strong { font-size:22px; }
.container-bid-state small { font-size:12px; line-height:1.5; }
.container-card form label > span { font-size:12px; }
.profile-edit-form { border:0; border-radius:0; background:transparent; padding:20px 0; max-width:760px; grid-template-columns:minmax(0,1fr) 140px; gap:16px; }
.profile-edit-form > div { display:none; }
.profile-edit-form label { font-size:13px; font-weight:500; }
.profile-edit-form label small { font-size:12px; line-height:1.5; }
.profile-edit-form button { grid-column:1/-1; justify-self:start; }
.profile-shortcuts { display:none; }
#profile-journey { padding:24px 0; border-color:#dce3de; }
#profile-journey p { line-height:1.6; font-size:14px; }
#profile-journey .career-goals { gap:24px; margin:20px 0; }
#profile-journey .career-goals label { font-size:13px; line-height:1.5; }
#profile-journey progress,.upgrade-item progress { height:6px; border:0; border-radius:3px; overflow:hidden; accent-color:#19815b; background:#e2e9e4; }
progress::-webkit-progress-bar { background:#e2e9e4; }
progress::-webkit-progress-value { background:#19815b; }
.asset-summary { border:0; margin:0 0 18px; }
.asset-summary > div { background:transparent; padding:10px 16px; border:0; border-left:1px solid #dce3de; }
.asset-filters { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:20px 0; }
.asset-filters label { font-size:12px; }
.asset-filters input,.asset-filters select { background:white; }
#garage-development-panel .workshop-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
.workshop-section { padding:0; border:0; background:transparent; }
.upgrade-grid { grid-template-columns:repeat(3,minmax(0,1fr)); border:0; gap:14px; }
.upgrade-item { display:flex; flex-direction:column; gap:10px; padding:18px; border:1px solid #dce3de; background:white; border-radius:4px; }
.upgrade-top strong { font-size:15px; }
.upgrade-level { font-size:12px; padding:3px 6px; }
.upgrade-item p { font-size:13px; line-height:1.6; margin:0; min-height:42px; }
.skill-prerequisite { font-size:12px; line-height:1.5; color:#617267; }
.upgrade-item progress { margin-top:auto; }
.upgrade-item button { font-size:13px; min-height:40px; margin-top:4px; }
.upgrade-item.skill-locked { background:#f5f7f6; }
.upgrade-item button:disabled { background:#e7ece9; color:#69796f; opacity:1; border-color:transparent; }
@media(max-width:900px) {
  .upgrade-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #incoming-offers,#outgoing-offers { grid-template-columns:minmax(0,1fr); }
  .asset-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:600px) {
  .modal-body { padding:20px; }
  .modal-car-art { height:200px; max-height:200px; }
  .modal-body .inspection-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .modal-body .inspection-grid > div:nth-child(3) { display:none; }
  .market-inspection .workshop-heading { display:block; }
  .inspection-actions { grid-template-columns:minmax(0,1fr); }
  .inspection-button { min-height:72px; }
  .utility-nav { width:min(320px,calc(100% - 24px)); }
  .upgrade-grid { grid-template-columns:minmax(0,1fr); }
  .profile-edit-form { grid-template-columns:minmax(0,1fr); }
  .profile-edit-form button { width:auto; }
  .offer-card { padding:16px; }
  .offer-head > span { font-size:19px; }
  .garage-status { border-left:0; }
}