/* Keep CO11's existing green/cream design and reduce visual competition. */
.co122-period{border:1px solid #dce8e1;border-radius:10px;background:#f5f9f6;padding:14px;margin:12px 0 18px}
.co122-period-title{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.co122-period small,.co122-coins small,.co122-range-note{color:#61786d;font-size:11px;line-height:1.65;display:block}
.co122-date-row{display:flex;align-items:end;gap:9px;flex-wrap:wrap}
.co122-date-row label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#526b60;flex:1;min-width:130px}
.co122-date-row input{width:100%;border:1px solid #c9dbce;border-radius:6px;padding:9px;background:white;color:#1f3c2e;font:inherit;font-size:12px}
.co122-presets{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.co122-range-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}
.co122-range-metrics div{padding:12px;background:#f1f7f3;border-radius:8px;min-width:0}
.co122-range-metrics small{display:block;font-size:11px;color:#60766a;margin-bottom:6px}
.co122-range-metrics b{font-size:18px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.chart-balance:has(~ .co122-wallet) span{font-size:13px}
.chart-balance:has(~ .co122-wallet)>small{display:block;font-size:11px;font-weight:400;color:#61786d;margin:6px 0}
.co122-full-label{display:block;color:#61786d;margin-bottom:10px;letter-spacing:.02em;font-size:11px}
.co122-coins{border-top:1px solid #e1eae4;margin-top:18px;padding-top:16px;min-width:0}
.co122-coins h3{font-size:15px;margin-bottom:7px}
.co122-coins p{color:#61786d;font-size:11px;line-height:1.6}
.co122-coins .table-scroll{margin:10px 0;max-width:100%}
.co122-coins table{font-size:11px;min-width:390px}
.co122-coins td,.co122-coins th{padding:10px 8px;white-space:nowrap}
.co122-missing{color:#7a8c82}
.co122-warning{border:1px solid #e5cfac;padding:14px;border-radius:8px;background:#fcf7ed}
.co122-event-net{display:block;font-size:12px;white-space:nowrap;margin-top:5px;font-variant-numeric:tabular-nums}
.co122-event-net.positive{color:#167a59}.co122-event-net.negative{color:#b54549}
.market-event:has(.co122-event-net){min-height:86px}
.market-event-value{min-width:88px}
.market-selected .market-level{font-size:13px}
@media(max-width:620px){.co122-range-metrics{grid-template-columns:1fr}.co122-period{padding:10px}.co122-date-row>span{display:none}.co122-range-metrics b{font-size:17px}.co122-period-title{display:block}}