/* Broker / A clear season for every connection. */
:root{--bg:#f4fafb;--paper:#fff;--ink:#263d4d;--muted:#607784;--line:#dde9ee;--green:#206879;--deep:#184f61;--lime:#dcf2f5;--soft:#edf7f8;--accent:#a6613a;--sky:#e2f3fb;--glow:#ffedd9;--wash:#eef8fa;--danger:#a54842}
:root[data-season="spring"]{--bg:#f4fbf8;--ink:#29453e;--muted:#637d73;--line:#dcece4;--green:#276f61;--deep:#205549;--lime:#dff4e9;--soft:#ecf8f1;--accent:#a25071;--sky:#e2f7ef;--glow:#ffe9ef;--wash:#effaf4}
:root[data-season="summer"]{--bg:#f2faff;--ink:#234456;--muted:#5f7989;--line:#d8eaf3;--green:#086e91;--deep:#15536f;--lime:#d9f6fa;--soft:#eaf7fc;--accent:#13799b;--sky:#d9f4ff;--glow:#e8fbec;--wash:#eaf8ff}
:root[data-season="winter"]{--bg:#f6f8ff;--ink:#33415f;--muted:#67758f;--line:#e0e6f3;--green:#466895;--deep:#354f77;--lime:#e4edff;--soft:#eef3ff;--accent:#6565a1;--sky:#e8efff;--glow:#f3eefe;--wash:#f0f5ff}
body{background:radial-gradient(ellipse at 95% 8%,var(--sky),transparent 46%),var(--bg);color:var(--ink)}.sidebar{background:transparent}.topbar{background:#ffffffed;backdrop-filter:blur(16px)}.brand-word{color:var(--ink);font-weight:650;letter-spacing:-1.2px}.brand-word>span{color:var(--green)}.brand img{width:39px;height:39px}.hero{background:linear-gradient(112deg,#ffffff 0%,var(--wash) 40%,var(--sky) 75%,var(--glow));border:1px solid var(--line);color:var(--ink);min-height:350px;border-radius:22px;box-shadow:0 12px 40px #284c6605}.hero:after{background:linear-gradient(90deg,#ffffff30,transparent 70%)}.hero h1{font-size:39px;font-weight:550;line-height:1.4}.hero h1 em{color:var(--green)}.hero p,.hero .eyebrow{color:var(--muted)}.hero .eyebrow{letter-spacing:.17em}.hero-text{width:58%}.hero-index{z-index:2;color:var(--muted);font-size:9px;letter-spacing:.1em}.hero .btn.lime{background:var(--green);border-color:var(--green);color:white;box-shadow:0 5px 18px #21586b12}.dot,.top-status i{background:var(--accent)}.season-control{display:flex;align-items:center;gap:7px;white-space:nowrap;padding:5px 9px;border:1px solid var(--line);border-radius:30px;background:var(--paper)}.season-control select{font:inherit;font-size:11px;color:var(--green);border:0;background:transparent;max-width:133px;cursor:pointer;padding:3px 0;outline-offset:2px}.season-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.top-status{display:none}.top-actions{gap:12px}
.nav-item,.icon-btn,.category-tile,.text-link,.btn.ghost{color:var(--muted)}.nav-item.active,.side-nav a.active{background:var(--soft);color:var(--green)}.nav-item:hover,.side-nav a:hover,.btn:hover,.icon-btn:hover{background:var(--soft);border-color:var(--line)}.btn.primary:hover,.hero .btn.lime:hover{background:var(--deep);border-color:var(--deep)}.btn.lime{color:var(--green)}.btn.primary{color:white}.category-tile .icon,.text-link:hover,.bookmark,.bookmark.saved,.card-price,.category-icon,.private-note>.icon{color:var(--green)}.category-tile:hover{border-color:var(--green)}.category-tile,.listing-card,.panel,.broker-card,.price-card,.welcome-lock{border-color:var(--line);box-shadow:0 4px 24px #2a557003}.panel.soft,.member-card,.wallet-card,.category-icon,.mini-avatar,.avatar,.notice-icon,.lock-disc,.tag.green{background:var(--soft);color:var(--green);border-color:var(--line)}.member-line{background:var(--line)}.member-line:before{background:var(--green)}.member-card p,.panel p,.card-copy,.card-facts,.card-author,.detail-meta,.detail-block p,.policy p,.policy li,.field>span:first-child,.field small,.fine,.meta,.date,.breadcrumb,.table th,.nav-label,.footer,.tabs a,.welcome-lock p,.category-tile small,.check-label,.checklist li,.section-title .eyebrow,.price-card p,.broker-stats,.auth-footer,.auth-form>p,.dialog-body>p{color:var(--muted)}.card-title,.detail-title,.broker-stats strong{color:var(--ink)}.field input,.field select,.field textarea,.control{background:#fff;border-color:var(--line);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--soft)}:focus-visible{outline-color:var(--green)}.field input::placeholder,.field textarea::placeholder{color:#82949f}.tag{background:var(--soft);color:var(--green)}.tag.gold,.status.pending{background:#fff2dc;color:#806019}.status,.status.completed{color:var(--green);background:var(--soft)}.status.cancelled,.status.rejected,.status.disputed,.status.hidden,.status.suspended{background:#fff0ed;color:#a44738}.locked{background:repeating-linear-gradient(135deg,var(--soft),var(--soft) 9px,#ffffff 9px,#ffffff 10px);border-color:var(--line)}.locked p{color:var(--muted)}.unlock-price,.wallet-id{color:var(--green)}.balance-card{background:linear-gradient(120deg,var(--deep),var(--green))}.balance-card .fine,.balance-card .eyebrow,.balance small{color:#edf6ff}.balance-card .icon{color:#d3f3ff}.auth-story{background:linear-gradient(135deg,var(--sky),var(--soft));color:var(--ink)}.auth-story p,.auth-story .eyebrow{color:var(--muted)}.auth-story img{border-radius:12px}.message,.admin-detail{background:var(--soft);color:var(--ink)}.message.mine{background:var(--lime)}.message p{color:var(--ink)}.message small,.event-note,.notice-row small,.loading-label,.boot{color:var(--muted)}.toast{color:var(--ink);border-color:var(--line)}.toast.error{color:var(--danger)}.boot-mark{width:56px;height:56px;margin:auto}.skeleton{background:linear-gradient(100deg,var(--line) 30%,var(--bg) 50%,var(--line) 70%);background-size:200% 100%}.table td,.form-section h3,.dialog-head,dialog{border-color:var(--line)}.checklist .icon{color:var(--green)}
@media(min-width:1500px){.hero{min-height:365px}.hero h1{font-size:44px}}
@media(max-width:1190px){.hero{min-height:330px}.hero h1{font-size:33px}.topbar{gap:22px}.top-actions{gap:8px}}
@media(max-width:950px){.hero-text{width:76%}}
@media(max-width:700px){.topbar{gap:9px}.brand img{width:31px;height:31px}.brand-word{font-size:20px}.top-actions{gap:3px}.season-control{padding:3px 5px;gap:3px}.season-control select{font-size:10px;max-width:92px}.season-dot{display:none}.top-actions .avatar{width:28px;height:28px}.top-actions .btn{font-size:10px;padding:6px 7px}.top-actions .icon-btn{width:28px}.hero{padding:27px 23px;min-height:390px;border-radius:18px;align-items:flex-start}.hero-text{width:100%}.hero h1{font-size:32px;margin:23px 0 15px}.hero p{max-width:260px}.hero-index{right:18px;bottom:14px;font-size:8px}.hero .btn{margin-top:24px}.hero .eyebrow{font-size:8px}.sidebar{background:var(--bg)}.season-control{border-color:transparent;background:transparent}.topbar .brand{gap:5px}}
@media(max-width:380px){.topbar{padding:0 10px}.season-control select{max-width:76px}.brand-word{font-size:18px}.top-actions .btn{padding:6px 5px}}

@media(max-width:1190px){}@media(max-width:950px){}@media(max-width:700px){}@media(max-width:380px){.top-actions>a[href="#/login"]{display:none}}



/* Generated seasonal landscapes: live text stays above the image wash. */
.hero{isolation:isolate}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:1;mask-image:none;z-index:0;pointer-events:none}.hero:after{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;background:linear-gradient(90deg,#ffffffed 0%,#ffffffcc 30%,#ffffff55 52%,transparent 72%)}.hero-text{position:relative;z-index:2}.hero-index{padding:6px 10px;border-radius:20px;background:#ffffffd9;color:var(--ink);backdrop-filter:blur(8px)}
@media(max-width:950px){.hero-art{object-position:65% center}.hero:after{background:linear-gradient(90deg,#fffffff2,#ffffffc9 40%,#ffffff22 85%)}}
@media(max-width:700px){.hero{min-height:490px}.hero-art{inset:auto 0 0;width:100%;height:240px;object-position:82% center}.hero:after{background:linear-gradient(180deg,var(--wash) 0%,var(--wash) 46%,#ffffffd9 59%,#ffffff22 77%,transparent)}.hero-index{font-size:8px;max-width:calc(100% - 30px);text-align:right}.hero p{color:var(--ink)}}

/* Desktop navigation has a lightly tinted surface distinct from the content. */
@media(min-width:701px){
 .sidebar{background:color-mix(in srgb,var(--green) 8%,white);border-right:1px solid color-mix(in srgb,var(--green) 18%,white);box-shadow:4px 0 18px #214e6004;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
 .sidebar .nav-group+.nav-group{border-top:1px solid color-mix(in srgb,var(--green) 14%,white);padding-top:20px}
 .sidebar .nav-label{color:var(--green);font-weight:600}
 .sidebar .nav-item:hover{background:#ffffff85;color:var(--green)}
 .sidebar .nav-item.active{background:#fff;color:var(--green);box-shadow:inset 3px 0 var(--green),0 2px 8px #214e6005}
 .sidebar .member-card{background:#ffffffa6;border-color:color-mix(in srgb,var(--green) 15%,white)}
}
.board-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.board-preview{padding:22px;min-width:0}.board-preview h2{font-size:17px}.board-preview>.fine{margin-top:7px}.board-rows{list-style:none;margin:17px 0 0;padding:0}.board-rows li{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.board-rows li:last-child{border:0}.board-rows a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}.board-rows a:hover{color:var(--green);text-decoration:underline}.board-rows time{font-size:10px;color:var(--muted);white-space:nowrap}.board-preview .board-rows time{display:none}.board-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:var(--muted);font-size:12px}.broker-categories{margin-bottom:24px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.category-tile.selected{border-color:var(--green);background:var(--soft);box-shadow:inset 0 -3px var(--green)}.connection-row,.connection-head{display:grid;grid-template-columns:minmax(0,1fr) 100px 70px;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.connection-head{font-size:11px;color:var(--muted);padding-top:0}.connection-row:last-child{border:0}.connection-row small,.connection-row p,.connection-row>span{font-size:11px;color:var(--muted)}.connection-row h3{font-size:15px;margin:5px 0}.connection-row p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-row>div{min-width:0}.connection-row strong{font-size:12px;color:var(--green)}.connection-row:hover h3{color:var(--green)}@media(max-width:1050px){.board-previews{grid-template-columns:1fr}.board-empty{min-height:100px}}@media(max-width:700px){.board-rows time{display:none}.connection-row,.connection-head{grid-template-columns:minmax(0,1fr) 55px;gap:10px}.connection-row>span,.connection-head>span:nth-child(2){display:none}.broker-categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
.image-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:22px}.image-tile{min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.image-tile img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--soft)}.image-tile span{padding:12px;font-size:11px;color:var(--muted)}.image-tile:hover{border-color:var(--green)}.image-detail>img{display:block;max-width:100%;max-height:75vh;width:auto;margin:auto;object-fit:contain}.moderation-image{display:block;max-width:100%;max-height:400px;object-fit:contain;margin:auto}@media(max-width:1050px){.image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-tile span{padding:8px;font-size:10px}}