#cpanel-treasury .cf { --cf-muted:#a5a7a4; --cf-line:#2c3031; color:#f1f0e9; font:400 14px/1.5 ClanText,Outfit,system-ui,sans-serif; padding:0 0 22px; }
.cf * {box-sizing:border-box}.cf button,.cf input{font:inherit}.cf button{cursor:pointer}.cf button:disabled{opacity:.45;cursor:default}
.cf-balance {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 18px}
.cf-balance h2{font-size:13px;font-weight:500;color:var(--cf-muted);margin:0}.cf-balance p{display:flex;align-items:baseline;gap:8px;margin:0}.cf-balance strong{font:700 32px/1.3 ClanText,Outfit,sans-serif;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.cf-balance p>span{font-size:12px;color:var(--cf-muted)}
.cf-balance>button {border:1px solid var(--cf-line);border-radius:10px;background:#14191c;color:inherit;padding:10px 12px;min-height:44px;font-size:12px;white-space:nowrap}.cf-balance>button span{padding-left:9px;color:#e9a23b}
.cf-project {padding:18px;border:1px solid var(--cf-line);border-radius:16px;background:#11171b;overflow:hidden}.cf-project-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--cf-muted);font-size:10px}.cf-status{color:#e8b966}.cf-project-heading{display:grid;grid-template-columns:1fr 72px;align-items:center;gap:14px;margin:18px 0}.cf-project-heading h3{font-size:25px;line-height:1.12;letter-spacing:-.035em;margin:0 0 8px}.cf-project-heading p{font-size:12px;line-height:1.55;color:var(--cf-muted);margin:0;max-width:26ch}.cf-crate{width:72px;height:84px;stroke:#b68b4b;stroke-width:1.2}.cf-spark{stroke:#e9a23b}
.cf-terms{display:flex;gap:16px;border-block:1px solid var(--cf-line);padding:12px 0;font-size:11px;color:var(--cf-muted)}.cf-terms b{font-size:15px;font-weight:600;color:#f1f0e9}.cf-progress-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:18px 0 8px;color:var(--cf-muted)}.cf-progress-label b{font-weight:600;color:#f1f0e9;white-space:nowrap}.cf-progress{height:5px;background:#293034;border-radius:9px;overflow:hidden}.cf-progress i{display:block;height:100%;width:100%;transform-origin:left;background:#e9a23b;transition:transform .4s ease}
.cf .cf-primary{display:block;width:100%;padding:12px 10px;margin-top:18px;min-height:44px;border:0;border-radius:10px;background:#e9a23b;color:#17130c;font-size:13px;font-weight:700}.cf .cf-primary:active{background:#d99431}.cf-reset{margin:12px 0 0;font-size:10px;color:var(--cf-muted);text-align:center;font-variant-numeric:tabular-nums}.cf-caption{font-size:12px;color:var(--cf-muted);line-height:1.6;margin:12px 0}.cf-rules{margin:14px 0 0;border-top:1px solid var(--cf-line);padding-top:10px}.cf summary{cursor:pointer}.cf-rules summary{font-size:11px;color:var(--cf-muted)}.cf-rules p{font-size:12px;color:var(--cf-muted);line-height:1.65}
.cf-delivered{padding:14px 0;border-block:1px solid var(--cf-line)}.cf-delivered strong,.cf-delivered span{display:block}.cf-delivered strong{font-size:13px;color:#e8b966}.cf-delivered span{font-size:11px;color:var(--cf-muted);margin-top:4px}.cf-project.is-issued{border-color:#68512d}
.cf-deposit{margin-top:20px;border-block:1px solid var(--cf-line);padding:14px 0}.cf-deposit>summary{font-weight:600;font-size:13px}.cf-deposit>summary span{display:block;font-size:11px;font-weight:400;color:var(--cf-muted);margin-top:3px}.cf-deposit form{margin-top:18px}.cf-deposit label{display:block;font-size:12px;margin-bottom:8px}.cf-input{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--cf-line);border-radius:10px;background:#0b1013}.cf-input input{min-width:0;width:100%;border:0;background:transparent;color:#f1f0e9;outline:0;font-size:22px}.cf-input:focus-within{outline:2px solid #e9a23b;outline-offset:2px}.cf-input>span{font-size:11px;color:var(--cf-muted)}.cf-quick{display:flex;gap:8px;margin-top:10px}.cf-quick button{min-height:40px;flex:1;border:1px solid var(--cf-line);border-radius:9px;background:transparent;color:#d0d2ce;font-size:12px}
.cf-contribution{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:14px 0;color:var(--cf-muted)}.cf-contribution strong{font-weight:600;color:#d0d2ce;white-space:nowrap}
.cf-personal{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:15px 0;border:0;border-block:1px solid var(--cf-line);background:transparent;color:inherit}.cf-personal strong,.cf-personal small{display:block}.cf-personal strong{font-size:13px;font-weight:600}.cf-personal small{font-size:11px;color:var(--cf-muted);margin-top:3px}.cf-personal>span:last-child{color:#e8b966}
.cf-ledger{margin-top:26px}.cf-ledger-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.cf-ledger h3{font-size:16px;font-weight:700;margin:0}.cf-ledger-head button{border:0;background:transparent;color:var(--cf-muted);min-height:40px;font-size:11px}.cf-entry{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--cf-line)}.cf-entry-mark{color:#e8b966;font-size:17px}.cf-entry strong,.cf-entry small{display:block}.cf-entry strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.cf-entry small{font-size:10px;color:var(--cf-muted);margin-top:3px}.cf-entry b{font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.cf-supporters{margin-top:16px;font-size:12px}.cf-supporters>summary{color:var(--cf-muted)}.cf-supporter{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px}.cf-supporter span{overflow-wrap:anywhere}.cf-supporter strong{white-space:nowrap;font-weight:500}
.cf-notice:empty{display:none}.cf-notice{padding:10px 12px;border-left:2px solid #e9a23b;margin:0 0 14px;font-size:12px;background:#191d20}.cf-notice.is-error{border-color:#e68678}.cf-empty{min-height:200px;padding:28px 4px!important}.cf-empty h2{font-size:20px}.cf-empty p{font-size:13px;color:var(--cf-muted)}.cf-empty button{min-height:44px;border:1px solid var(--cf-line);padding:10px 16px;border-radius:10px;color:inherit;background:#171c20}
@keyframes cf-deliver{from{transform:translateY(5px);opacity:.55}to{transform:translateY(0);opacity:1}}.cf-confirmed{animation:cf-deliver .32s ease-out}
@media(prefers-reduced-motion:reduce){.cf-confirmed{animation:none}.cf-progress i{transition:none}}
@media(max-width:360px){.cf-project{padding:14px}.cf-project-heading{grid-template-columns:1fr 56px;gap:8px}.cf-crate{width:56px}.cf-project-heading h3{font-size:23px}.cf-balance strong{font-size:28px}}

/* Treasury is one scrolling surface, with personal savings visible before the fund. */
.app-main:has(#tab-clan.active #cpanel-treasury.active) {
  background:#080c0e !important;
  padding:12px 12px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
  scroll-padding-block:12px calc(96px + env(safe-area-inset-bottom, 0px));
}
#tab-clan.clan-shell:has(#cpanel-treasury.active) { min-height:100%; max-width:none; padding-bottom:0 !important; }
#tab-clan:has(#cpanel-treasury.active)::after { display:none; }
#tab-clan #clan-main[data-panel="treasury"] .clan-compact-identity { padding:0 0 10px; gap:10px; }
#tab-clan #clan-main[data-panel="treasury"] .clan-compact-identity b { font-size:18px; line-height:1.2; }
#tab-clan #clan-main[data-panel="treasury"] .clan-compact-emblem { width:40px; height:40px; }
#cpanel-treasury, #clan-fund-root { width:100%; min-width:0; }
.treasury-entry { margin-bottom:14px; }
#cpanel-treasury .treasury-personal {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  width:100%; min-height:56px; padding:12px 14px; border:1px solid #655035;
  border-radius:12px; background:#191a17; color:#f5f1e8; text-align:left;
}
.treasury-personal strong, .treasury-personal small { display:block; }
.treasury-personal strong { font-size:14px; line-height:1.3; }
.treasury-personal small { margin-top:4px; font-size:11px; line-height:1.4; color:#b9bcb9; }
.treasury-personal svg { width:20px; height:20px; flex:none; color:#f3b653; }
.treasury-explainer { margin:10px 0 0; font-size:12px; line-height:1.5; color:#b9bcb9; }
.treasury-explainer strong { color:#f5f1e8; font-weight:500; }
#cpanel-treasury .cf-balance { padding:0 0 12px; }
#cpanel-treasury .cf-balance strong { font-size:28px; }
#cpanel-treasury .cf-project { padding:14px; }
#cpanel-treasury .cf-project-heading { grid-template-columns:minmax(0,1fr) 44px; gap:10px; margin:12px 0; }
#cpanel-treasury .cf-project-heading h3 { font-size:21px; margin-bottom:6px; }
#cpanel-treasury .cf-crate { width:44px; height:52px; }
#cpanel-treasury .cf-terms { padding:8px 0; flex-wrap:wrap; gap:4px 14px; }
#cpanel-treasury .cf-progress-label { margin:12px 0 8px; }
#cpanel-treasury .cf-primary { margin-top:12px; }
#cpanel-treasury .cf-rules { margin-top:10px; }
#cpanel-treasury .cf-ledger { margin-top:18px; }