/* Approved Community Market homepage, October 2026. */
body{background:radial-gradient(ellipse at 48% 90%,#073e88 0,#031f49 55%,#021735 100%)!important;color:#fff}
.top{background:#031e49!important;border-color:#123d72!important;height:88px;padding:12px 26px}
.top .logo{color:#fff;font-size:clamp(20px,2.5vw,36px);display:flex;align-items:center;gap:18px}
.top .logo img{width:62px;height:62px;object-fit:contain}
.desktop-sections{display:flex;max-width:1600px;margin:auto;border-bottom:1px solid #164a82;background:#031e49}
.desktop-sections a{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:10px;margin:0;padding:18px 10px;border-radius:0;border-right:1px solid #103568;text-align:center;font-size:clamp(13px,1.25vw,18px);color:#fff!important}
.desktop-sections a .i{font-size:34px;width:auto;line-height:1.2}
.desktop-sections a:hover,.desktop-sections a.active{background:linear-gradient(#07367d,#0753b8)!important;box-shadow:inset 0 -7px #18c8ed}
.layout{grid-template-columns:minmax(0,1fr) 320px;max-width:1600px;gap:26px;padding:32px 28px;align-items:start}
.layout main{padding:0;min-width:0}
.right{top:100px;height:auto;max-height:calc(100vh - 116px);padding:24px 28px;background:#032452!important;border:1px solid #0b3268;border-radius:18px}
.right h3{font-size:28px;margin:0 0 18px;color:#fff}
.right .nav a{padding:18px 4px;margin:0;border-radius:0;border-top:1px solid #164175;color:#fff;font-size:16px}
.market-home{gap:24px}
.market-welcome,.market-results>.empty{background:linear-gradient(120deg,#082b80,#0757bb 62%,#08338c)!important;border:1px solid #2674da;border-radius:16px;padding:32px!important;color:#fff}
.market-welcome .titlebar{align-items:center;margin-bottom:28px}
.market-welcome h1{font-size:clamp(26px,2.8vw,42px);color:#fff!important}
.market-welcome .titlebar p{font-size:24px;color:#fff!important;margin:12px 0 0}
.market-welcome form[data-form=filters]{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;margin:0}
.market-welcome .compact-search{display:flex;gap:8px;min-width:0}
.market-welcome .compact-search label{flex:1;min-width:0;font-size:0}
.market-welcome .compact-search input{font-size:19px;width:100%;height:62px;background:#fff!important;color:#172d50!important;border-radius:12px;padding:14px 18px}
.market-welcome .search-filters{margin:0;min-width:0}
.market-welcome .search-filters summary{padding:18px;border-radius:12px;background:#0756e8;color:#fff;border:1px solid #1d9ef4;font-size:20px;text-align:center;cursor:pointer}
.market-welcome .search-filters[open]{grid-column:1/-1}
.market-welcome .toolbar{padding:16px 0;display:flex;flex-wrap:wrap;gap:14px}
.market-welcome .toolbar label{flex:1 1 180px}
.market-welcome .header-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px}
.market-welcome .btn{font-size:18px;padding:17px 22px;background:#0759f5!important;color:#fff!important;border:1px solid #178cfa}
.market-results>.empty{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.market-results .empty h2{font-size:32px;color:#fff}.market-results .empty p{font-size:22px;color:#fff!important}
.market-results .empty .btn{background:#00bb78!important;color:#fff!important;font-size:22px;padding:20px 30px}
@media(max-width:1100px) and (min-width:761px){.layout{grid-template-columns:minmax(0,1fr) 260px;gap:18px;padding:24px 18px}.right{display:block;padding:20px}.market-welcome{padding:24px!important}.desktop-sections a{padding:16px 5px}}
@media(max-width:760px){.desktop-sections{display:none}.top{height:auto;min-height:64px;padding:10px 12px}.top .logo{gap:8px;font-size:18px}.top .logo img{width:38px;height:38px}.layout{display:block;padding:14px 12px 86px}.right{display:none}.market-welcome,.market-results>.empty{padding:20px!important}.market-welcome .titlebar{flex-wrap:wrap;gap:14px}.market-welcome .titlebar p{font-size:18px}.market-welcome form[data-form=filters]{grid-template-columns:1fr}.market-welcome .compact-search input{font-size:16px;height:50px}.market-welcome .btn{font-size:15px;padding:13px}.market-results>.empty{min-height:300px}.market-results .empty p{font-size:18px}}

.market-results>.empty::before{content:"📦";font-size:80px;line-height:1.4;margin-bottom:8px}.market-welcome .form-feedback{grid-column:1/-1}.market-welcome .form-feedback:empty{display:none}

.right .nav .i{font-size:30px;color:#36ccf3;flex:0 0 36px;width:36px}.desktop-sections a:focus-visible,.right a:focus-visible{outline:3px solid #42d9ff;outline-offset:-3px}
:root[data-theme] .layout,:root[data-theme] .forum-mode .layout{grid-template-columns:minmax(0,1fr) 320px;max-width:1600px}
:root[data-theme] .desktop-sections a{border-radius:0;color:#fff}
:root[data-theme] .desktop-sections a:is(:hover,.active){background:linear-gradient(#07367d,#0753b8)!important}
:root[data-theme] .right{background:#032452!important;color:#fff}
:root[data-theme] .top{height:88px;padding:12px 26px}
@media(max-width:1100px) and (min-width:761px){:root[data-theme] .layout,:root[data-theme] .forum-mode .layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:760px){:root[data-theme] .top{height:auto;min-height:64px;padding:10px 12px}:root[data-theme] .layout,:root[data-theme] .forum-mode .layout{display:block}:root[data-theme] .right{display:none}}
/* Keep the approved homepage surfaces above the shared theme rules. */
:root[data-theme] body{background:radial-gradient(ellipse at 48% 90%,#073e88 0,#031f49 55%,#021735 100%)!important}
:root[data-theme] .layout{background:transparent}
:root[data-theme] .top,:root[data-theme] .desktop-sections{background:#031e49!important}
:root[data-theme] .top .logo{font-size:clamp(20px,2.5vw,36px)}
:root[data-theme] .market-welcome .titlebar{background:transparent!important;border:0;padding:0}
:root[data-theme] .market-welcome .compact-search input{font-size:19px;line-height:1.5}
:root[data-theme] .market-welcome .compact-search input::placeholder{color:#465b77}
:root[data-theme] .market-welcome .header-actions .btn{background:#0759f5!important;font-size:18px;padding:17px 22px;border-color:#178cfa!important}
:root[data-theme] .right .nav a{background:transparent!important;border:0;border-top:1px solid #164175;border-radius:0;padding:18px 4px}
:root[data-theme] .market-results .empty .btn{background:#00bb78!important;border-color:#00bb78!important}
@media(max-width:760px){:root[data-theme] .top .logo{font-size:18px}:root[data-theme] .market-welcome .compact-search input{font-size:16px}:root[data-theme] .market-welcome .header-actions .btn{font-size:15px;padding:13px}}

:root[data-theme] .market-welcome .compact-search input{font-size:19px!important}
:root[data-theme] .market-welcome button[data-action="save-search"]{background:#0759f5!important;border-color:#178cfa!important}
:root[data-theme] .right .nav{background:transparent!important;border:0;box-shadow:none}
@media(max-width:760px){:root[data-theme] .market-welcome .compact-search input{font-size:16px!important}}

/* Compact desktop section tabs while retaining readable labels and icons. */
@media(min-width:761px){:root[data-theme] .desktop-sections a{padding-top:12px;padding-bottom:12px;gap:6px;font-size:clamp(13px,1.15vw,17px);line-height:1.25}:root[data-theme] .desktop-sections a .i{font-size:30px}}

/* Slightly deeper homepage panels and action colours. */
:root[data-theme] .market-welcome,:root[data-theme] .market-results>.empty{background:linear-gradient(120deg,#082366,#084595 62%,#072a72)!important}
:root[data-theme] .market-welcome .btn,:root[data-theme] .market-welcome .header-actions .btn,:root[data-theme] .market-welcome .search-filters summary{background:#064cb8!important;border-color:#146cc9!important}
:root[data-theme] .market-welcome button[data-action="save-search"]{background:#105e37!important;border-color:#16834b!important}
:root[data-theme] .market-results .empty .btn{background:#087c50!important;border-color:#0b9360!important}

/* Deep navy, low-glare homepage surfaces with clear white wording. */
:root[data-theme] .market-welcome,:root[data-theme] .market-results>.empty{background:#061a38!important;border-color:#25456b!important;color:#fff!important}
:root[data-theme] .market-welcome{--button-blue:#082c58;--button-green:#073d2b;--button-red:#641b29}
:root[data-theme] .market-welcome .btn,:root[data-theme] .market-welcome .header-actions .btn,:root[data-theme] .market-welcome .search-filters summary,:root[data-theme] .market-results .empty .btn{background:#082c58!important;border-color:#375d88!important;color:#fff!important}
:root[data-theme] .market-welcome button[data-action="save-search"]{background:#073d2b!important;border-color:#28694f!important;color:#fff!important}
:root[data-theme] .market-welcome :is(h1,h2,p,label,summary),:root[data-theme] .market-results .empty :is(h2,p){color:#fff!important;opacity:1}
:root[data-theme] .market-welcome .compact-search input{background:#0a2445!important;color:#fff!important;border-color:#52739a!important}
:root[data-theme] .market-welcome .compact-search input::placeholder{color:#dce7f5!important;opacity:1}
:root[data-theme] .market-welcome .btn:hover,:root[data-theme] .market-welcome .btn:focus-visible{filter:brightness(1.15)}

:root[data-theme] #app .market-home .market-results .empty a.btn{background:#073d2b!important;border-color:#28694f!important;color:#fff!important}

:root[data-theme] .market-home{--button-blue:#082c58;--button-green:#073d2b;--button-red:#641b29}
:root[data-theme] .market-results{--button-blue:#082c58;--button-green:#073d2b}

/* Place desktop Quick links on the left, with content beside it. */
@media(min-width:761px){:root[data-theme] .layout,:root[data-theme] .forum-mode .layout{grid-template-columns:320px minmax(0,1fr)}:root[data-theme] .layout>.right{grid-column:1;grid-row:1}:root[data-theme] .layout>main{grid-column:2;grid-row:1}}
@media(min-width:761px) and (max-width:1100px){:root[data-theme] .layout,:root[data-theme] .forum-mode .layout{grid-template-columns:260px minmax(0,1fr)}}