/* Four Color Comic v40.31.80 — FourColor Exchange */
.fcc180-exchange{display:grid;gap:14px;margin-top:14px}.fcc180-exchange.hidden,.fcc180-pane.hidden{display:none!important}.fcc180-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:22px}.fcc180-hero h2{margin:8px 0 6px;font-size:clamp(22px,2.6vw,34px)}.fcc180-hero p{margin:0;max-width:780px;color:var(--muted,#aab4c5)}.fcc180-metrics{display:flex;gap:10px;min-width:330px}.fcc180-metrics>div{flex:1;background:rgba(12,20,36,.88);border:1px solid rgba(117,181,255,.18);border-radius:12px;padding:14px}.fcc180-metrics strong{display:block;font-size:22px;color:#70c9ff}.fcc180-metrics span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9da8ba;margin-top:4px}.fcc180-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:rgba(8,14,26,.9);border:1px solid rgba(117,181,255,.16);border-radius:12px}.fcc180-tabs button{border:0;background:transparent;color:#aeb9c9;padding:11px 14px;border-radius:8px;font-weight:800;cursor:pointer}.fcc180-tabs button.active{background:rgba(66,166,255,.16);color:#eaf7ff;box-shadow:inset 0 -2px 0 #55b9ff}.fcc180-tabs em{font-style:normal;background:#ffcb57;color:#18120a;border-radius:999px;padding:1px 6px;margin-left:4px}.fcc180-status{min-height:20px;color:#9eaabd;font-size:13px}.fcc180-status.ok{color:#92e3aa}.fcc180-status.err{color:#ff9d9d}.fcc180-toolbar,.fcc180-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:5px 0 12px}.fcc180-toolbar h3,.fcc180-section-head h3{margin:0 0 3px}.fcc180-toolbar p,.fcc180-section-head p{margin:0;color:#9da8ba}.fcc180-toolbar input{max-width:360px}.fcc180-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:12px}.fcc180-card,.fcc180-mine-card,.fcc180-opportunity{background:linear-gradient(145deg,rgba(14,24,42,.96),rgba(8,14,26,.96));border:1px solid rgba(117,181,255,.16);border-radius:14px;padding:16px}.fcc180-card-top,.fcc180-mine-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.fcc180-card-top strong,.fcc180-mine-head>strong,.fcc180-opportunity-money strong{font-size:22px;color:#77d4ff}.fcc180-want-badge,.fcc180-status-pill{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.1em;border-radius:999px;padding:4px 8px;background:rgba(255,190,60,.14);color:#ffd16a;border:1px solid rgba(255,190,60,.25)}.fcc180-status-pill.open{background:rgba(56,210,120,.12);color:#9aeab8;border-color:rgba(56,210,120,.25)}.fcc180-card h4,.fcc180-mine-card h4,.fcc180-opportunity h4{margin:12px 0 5px;font-size:17px}.fcc180-card p,.fcc180-mine-card p,.fcc180-opportunity p{margin:0;color:#9faabd;font-size:13px}.fcc180-card-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);font-size:12px;color:#8e9aab}.fcc180-form{padding:20px}.fcc180-form h3{margin:0 0 4px}.fcc180-form p{margin:0;color:#9da8ba}.fcc180-fields{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:12px;margin-top:18px}.fcc180-fields .grow{grid-column:span 2}.fcc180-fields .field{display:grid;gap:6px}.fcc180-fields .field>span{font-size:11px;font-weight:800;text-transform:uppercase;color:#a7b0bf}.fcc180-money{display:flex;align-items:center;border:1px solid rgba(160,180,205,.25);border-radius:8px;background:#09111d;overflow:hidden}.fcc180-money b{padding:0 0 0 12px}.fcc180-money .input{border:0!important;background:transparent!important}.fcc180-offer .fcc180-money{box-shadow:0 0 0 1px rgba(71,188,255,.12)}.fcc180-form-actions{display:flex;align-items:center;gap:16px;margin-top:16px}.fcc180-form-actions span{color:#8f9bad;font-size:12px}.fcc180-mine-card{margin-bottom:10px}.fcc180-match-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.fcc180-listing-match{display:flex;gap:8px;align-items:center;background:rgba(68,163,255,.08);border:1px solid rgba(88,180,255,.18);color:#d9efff;border-radius:8px;padding:7px 9px;cursor:pointer}.fcc180-listing-match strong{color:#86d6ff}.fcc180-actions{display:flex;gap:8px;align-items:center;margin-top:10px}.fcc180-actions span{margin-left:auto;color:#8d99aa;font-size:12px}.fcc180-optin{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px;margin-bottom:12px}.fcc180-optin h3{margin:0 0 4px}.fcc180-optin p{margin:0;color:#9ca8b8;max-width:650px}.fcc180-optin-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.fcc180-optin-controls>label{display:flex;align-items:center;gap:8px;font-size:12px}.fcc180-money.mini{width:105px}.fcc180-opportunity-grid{display:grid;gap:10px}.fcc180-opportunity{display:grid;grid-template-columns:minmax(250px,1fr) auto auto;gap:20px;align-items:center}.fcc180-opportunity-money{display:grid;text-align:right}.fcc180-opportunity-money span,.fcc180-opportunity-money small{font-size:11px;color:#96a2b3}.fcc180-empty{padding:32px;text-align:center;color:#94a0b1;border:1px dashed rgba(130,165,210,.18);border-radius:12px;background:rgba(8,14,25,.6)}
@media(max-width:900px){.fcc180-hero,.fcc180-optin{align-items:stretch;flex-direction:column}.fcc180-metrics{min-width:0}.fcc180-fields{grid-template-columns:repeat(2,minmax(120px,1fr))}.fcc180-opportunity{grid-template-columns:1fr}.fcc180-opportunity-money{text-align:left}.fcc180-toolbar{align-items:stretch;flex-direction:column}.fcc180-toolbar input{max-width:none}}@media(max-width:560px){.fcc180-metrics{flex-direction:column}.fcc180-fields{grid-template-columns:1fr}.fcc180-fields .grow{grid-column:span 1}.fcc180-form-actions{align-items:stretch;flex-direction:column}.fcc180-tabs{display:grid;grid-template-columns:1fr 1fr}.fcc180-card-foot{align-items:stretch;flex-direction:column}}