/* Four Color Comic v40.31.95 — Community Forum + Shippo fulfillment + expanded XP ladder */

/* ---------- Forum ---------- */
#forum.fcc195-forum{color:#edf4ff}
.fcc195-forum-shell{display:grid;gap:14px}
.fcc195-forum-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid rgba(97,126,174,.38);border-radius:18px;background:linear-gradient(135deg,rgba(8,16,30,.98),rgba(17,20,43,.98) 58%,rgba(31,18,49,.96));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.fcc195-forum-hero h1{margin:7px 0 6px;font-size:32px;line-height:1;color:#fff;letter-spacing:-.035em}
.fcc195-forum-hero p{max-width:820px;margin:0;color:#9facc0;font-size:14px;line-height:1.55}
.fcc195-new-topic{min-width:132px}
.fcc195-guidelines{display:flex;align-items:center;gap:12px;padding:11px 15px;border:1px solid rgba(73,111,154,.28);border-radius:11px;background:rgba(10,20,35,.78);font-size:12px;color:#8fa1b8}
.fcc195-guidelines b{color:#cfe8ff;white-space:nowrap}
.fcc195-forum-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(73,104,150,.28);border-radius:14px;background:rgba(7,14,27,.93)}
.fcc195-categories{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
.fcc195-chip{min-height:34px;padding:7px 11px;border:1px solid #2b3c58;border-radius:999px;background:#0d1728;color:#9fadc1;font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:.16s ease}
.fcc195-chip:hover,.fcc195-chip.active{border-color:#6f65f4;background:linear-gradient(135deg,rgba(73,70,210,.34),rgba(35,87,131,.2));color:#fff}
.fcc195-search{display:flex;gap:7px;min-width:min(360px,35vw)}
.fcc195-search .input{min-width:0}
.fcc195-forum-content{min-height:360px;border:1px solid rgba(77,106,151,.3);border-radius:16px;background:rgba(7,14,27,.96);overflow:hidden}
.fcc195-loading{display:grid;place-items:center;min-height:260px;color:#8294aa;font-size:13px}
.fcc195-feed-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid rgba(73,99,137,.28)}
.fcc195-feed-head h2,.fcc195-topic-detail-head h2{margin:4px 0 0;color:#fff;font-size:21px;letter-spacing:-.02em}
.fcc195-feed-head .eyebrow,.fcc195-topic-detail-head .eyebrow{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#65d5ff}
.fcc195-topic-list{display:grid}
.fcc195-topic-row{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:18px;padding:18px 22px;border-bottom:1px solid rgba(67,92,128,.22);cursor:pointer;transition:background .14s ease,border-color .14s ease}
.fcc195-topic-row:last-child{border-bottom:0}
.fcc195-topic-row:hover{background:rgba(16,29,49,.72);border-color:rgba(95,139,196,.32)}
.fcc195-topic-main{min-width:0}
.fcc195-topic-title{display:flex;align-items:center;gap:8px;min-width:0}.fcc195-topic-title b{overflow:hidden;text-overflow:ellipsis;color:#eef5ff;font-size:15px;white-space:nowrap}
.fcc195-pin,.fcc195-locked{display:inline-flex;padding:3px 6px;border:1px solid rgba(128,103,255,.46);border-radius:6px;background:rgba(114,76,255,.15);color:#bca8ff;font-size:8px;font-weight:900;letter-spacing:.08em}
.fcc195-locked{border-color:#43546c;background:#142033;color:#9cacbf}
.fcc195-topic-excerpt{margin-top:5px;overflow:hidden;color:#8495ab;font-size:12px;line-height:1.45;white-space:nowrap;text-overflow:ellipsis}
.fcc195-topic-meta{display:flex;align-items:center;gap:6px;margin-top:11px;color:#72859d;font-size:10px}
.fcc195-avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;border:1px solid #405775;background:#18253a}.fcc195-avatar.fallback{display:grid;place-items:center;color:#c8dbf2;font-size:10px;font-weight:900}
.fcc195-topic-stats{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.fcc195-topic-stats>div{display:grid;gap:2px;text-align:center}.fcc195-topic-stats b{color:#e6edfa;font-size:15px}.fcc195-topic-stats span{color:#71839a;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.fcc195-empty{display:grid;place-items:center;gap:7px;min-height:300px;color:#8496ad;text-align:center}.fcc195-empty b{font-size:17px;color:#dfe9f7}.fcc195-empty .btn{margin-top:8px}
.fcc195-topic-detail-head{display:grid;gap:15px;padding:20px 22px;border-bottom:1px solid rgba(73,99,137,.28)}
.fcc195-back{width:max-content;padding:0;border:0;background:transparent;color:#6fdcff;font:inherit;font-size:11px;font-weight:800;cursor:pointer}
.fcc195-post-list{display:grid}
.fcc195-post{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:140px;border-bottom:1px solid rgba(69,94,130,.25)}
.fcc195-post aside{display:grid;align-content:start;justify-items:start;gap:7px;padding:20px;border-right:1px solid rgba(69,94,130,.22);background:rgba(11,20,34,.62)}
.fcc195-post aside .fcc195-avatar{width:44px;height:44px}.fcc195-post aside b{max-width:110px;overflow:hidden;text-overflow:ellipsis;color:#dfe9f7;font-size:12px}.fcc195-post aside>span:last-child{color:#71849b;font-size:9px}
.fcc195-post-body{display:flex;flex-direction:column;justify-content:space-between;min-width:0;padding:21px 22px}
.fcc195-post-copy{color:#c8d3e2;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.fcc195-post.topic .fcc195-post-copy{color:#e0e8f4;font-size:14px}
.fcc195-post-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.fcc195-text-btn{padding:4px 0;border:0;background:transparent;color:#7990aa;font:inherit;font-size:10px;cursor:pointer}.fcc195-text-btn:hover{color:#a9c8e7}.fcc195-text-btn.danger:hover{color:#ff8191}
.fcc195-reply{display:grid;gap:10px;margin:18px;padding:18px;border:1px solid #2a3c58;border-radius:13px;background:#0c1728}.fcc195-reply>label{font-size:13px;font-weight:850;color:#e8f1fd}.fcc195-reply textarea{min-height:120px}.fcc195-reply>div{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* shared community + Shippo modal */
.fcc195-modal-back{position:fixed;inset:0;z-index:10120;display:grid;place-items:center;padding:20px;background:rgba(1,4,10,.8);backdrop-filter:blur(9px)}
.fcc195-modal{width:min(760px,100%);max-height:92vh;overflow:auto;padding:22px;border:1px solid #344b6c;border-radius:17px;background:linear-gradient(155deg,#0b1525,#08101d);color:#edf4ff;box-shadow:0 32px 90px rgba(0,0,0,.55)}
.fcc195-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.fcc195-modal-head h2{margin:7px 0 0;color:#fff;font-size:23px}.fcc195-modal-head p{margin:5px 0 0;color:#8497af;font-size:11px}
.fcc195-modal .field{margin-top:12px}.fcc195-modal .field label{font-size:10px;font-weight:800;color:#8fa0b6}.fcc195-compose-body{min-height:220px}.fcc195-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:17px}.fcc195-modal-status{margin-top:13px;padding:10px 12px;border:1px solid #30425f;border-radius:9px;background:#0d192b;color:#a9bed4;font-size:11px}.fcc195-modal-status.hidden{display:none}.fcc195-modal-status.err{border-color:#703b4a;background:#25151d;color:#ffb0bd}
.fcc195-toast{position:fixed;right:22px;bottom:22px;z-index:10200;max-width:420px;padding:11px 14px;border:1px solid #35536f;border-radius:10px;background:#102236;color:#ccecff;box-shadow:0 12px 32px rgba(0,0,0,.35);font-size:12px}.fcc195-toast.err{border-color:#733e4b;background:#2a161e;color:#ffc1c9}.fcc195-toast.hidden{display:none}

/* ---------- Shippo order actions ---------- */
.fcc195-shippo-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;border:1px solid rgba(67,121,163,.35);border-radius:10px;background:linear-gradient(90deg,rgba(14,35,52,.8),rgba(12,24,42,.72))}
.fcc195-shippo-actions.purchased{border-color:rgba(58,157,126,.38);background:linear-gradient(90deg,rgba(10,42,37,.68),rgba(10,26,40,.74))}
.fcc195-shippo-help,.fcc195-shippo-cost{color:#8094aa;font-size:10px}.fcc195-shippo-cost{margin-left:auto}
.fcc195-shippo-badge{padding:4px 7px;border:1px solid rgba(72,190,154,.4);border-radius:999px;color:#72e5bd;font-size:8px;font-weight:900;letter-spacing:.08em}
.fcc195-shippo-modal{width:min(820px,100%)}
.fcc195-shippo-note{margin-bottom:16px;padding:11px 13px;border:1px solid #40536b;border-radius:10px;color:#9baabe;font-size:11px;line-height:1.45}.fcc195-shippo-note b{margin-right:7px;color:#c4d5e8}.fcc195-shippo-note.live{border-color:#855f25;background:rgba(72,47,12,.27);color:#dcbf8a}.fcc195-shippo-note.live b{color:#ffd27b}.fcc195-shippo-note.test{border-color:#295b6c;background:rgba(15,59,70,.22);color:#8ad6e7}.fcc195-shippo-note.test b{color:#70e6ff}
.fcc195-package{margin-bottom:19px;padding:15px;border:1px solid #293c57;border-radius:12px;background:#0b1727}.fcc195-package-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.fcc195-package h3,.fcc195-shippo-modal section>h3{margin:0 0 11px;color:#e8f1fd;font-size:13px}
.fcc195-parcel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.fcc195-parcel-grid .field{margin:0}
.fcc195-rates{display:grid;gap:8px}.fcc195-rate{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px 15px;border:1px solid #2b405e;border-radius:11px;background:#0d1a2d;color:#edf4ff;text-align:left;cursor:pointer}.fcc195-rate:hover{border-color:#6b6eea;background:#121e37}.fcc195-rate.best{border-color:#3c7b72}.fcc195-rate span{display:grid;gap:3px}.fcc195-rate b{font-size:12px}.fcc195-rate small{color:#7e91aa;font-size:9px}.fcc195-rate strong{font-size:18px;color:#fff}.fcc195-rate em{position:absolute;right:12px;top:-7px;padding:2px 5px;border-radius:5px;background:#194d43;color:#80e5c5;font-style:normal;font-size:7px;font-weight:900;letter-spacing:.06em}.fcc195-rate:disabled{opacity:.55;cursor:wait}
.fcc195-label-success{display:grid;justify-items:center;gap:8px;padding:10px 5px 4px;text-align:center}.fcc195-success-check{display:grid;place-items:center;width:58px;height:58px;border:1px solid #3c8b70;border-radius:50%;background:#123c31;color:#72e8bc;font-size:27px;font-weight:900}.fcc195-label-success h2{margin:4px 0;color:#fff}.fcc195-label-success p{margin:0;color:#a8b8ca;font-size:12px}.fcc195-label-success small{max-width:620px;margin-top:8px;color:#75899f;line-height:1.5}.fcc195-label-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.fcc195-shippo-setup{color:#9eb0c4;font-size:12px;line-height:1.6}.fcc195-shippo-setup b{color:#e3edf9}

/* XP source summaries now include platform activity, so keep labels legible. */
#dashboard .fcc192-xp-source span{font-size:11px}
#dashboard .fcc192-xp-source small{font-size:10px;line-height:1.35}

@media(max-width:980px){.fcc195-forum-tools{align-items:stretch;flex-direction:column}.fcc195-search{min-width:0;width:100%}.fcc195-topic-row{grid-template-columns:minmax(0,1fr) 120px}.fcc195-post{grid-template-columns:120px minmax(0,1fr)}}
@media(max-width:700px){.fcc195-forum-hero{align-items:flex-start;flex-direction:column;padding:20px}.fcc195-new-topic{width:100%}.fcc195-guidelines{align-items:flex-start;flex-direction:column}.fcc195-topic-row{grid-template-columns:1fr}.fcc195-topic-stats{display:flex}.fcc195-topic-stats>div{grid-template-columns:auto auto;gap:4px;align-items:baseline}.fcc195-topic-stats span{text-transform:none}.fcc195-post{grid-template-columns:1fr}.fcc195-post aside{display:flex;align-items:center;border-right:0;border-bottom:1px solid rgba(69,94,130,.22)}.fcc195-post aside .fcc195-avatar{width:32px;height:32px}.fcc195-post aside>span:last-child{margin-left:auto}.fcc195-parcel-grid{grid-template-columns:1fr 1fr}.fcc195-shippo-cost{width:100%;margin-left:0}.fcc195-reply>div{align-items:stretch;flex-direction:column}.fcc195-reply .btn{width:100%}}
.fcc195-xp-detail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}.fcc195-xp-detail span{padding:9px;border:1px solid #273a55;border-radius:9px;background:#0b1727;color:#90a3b9;font-size:10px;text-align:center}
@media(max-width:700px){.fcc195-xp-detail{grid-template-columns:1fr 1fr}}