.trend{border:2px solid #ccc;border-radius:12px;padding:12px 14px;margin:10px 0;background:#fafafa}
.trend.big{margin:16px 0 22px;padding:18px 20px}
.trend .thead{display:flex;gap:8px;align-items:center;font-size:15px}.trend .tdot{width:12px;height:12px;border-radius:50%;background:#999;flex:none}
.t-green{border-color:#1f9d55;background:#eefaf2}.t-green .tdot{background:#1f9d55}.t-green .thead b{color:#157a40}
.t-red{border-color:#d64545;background:#fdf0f0}.t-red .tdot{background:#d64545}.t-red .thead b{color:#b02a2a}
.t-amber{border-color:#d9a21b;background:#fff8e6}.t-amber .tdot{background:#d9a21b}.t-amber .thead b{color:#94690a}
.t-insufficient{border-color:#b8b8b8;background:#f3f3f3}.t-insufficient .thead b{color:#555}
.tnums{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0}.tnums div{display:flex;flex-direction:column}.tnums b{font-size:24px;line-height:1.1}.tnums span{font-size:12px;color:#666}
.trend.big .tnums b{font-size:32px}
.tper,.tsmall{font-size:12px;color:#666;margin:4px 0}.tbatch{font-size:13px;color:#7a5200;margin:6px 0}
.tchart{display:flex;gap:6px;align-items:flex-end;height:110px;margin:10px 0 2px}.tm{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}
.tb{flex:1;width:100%;display:flex;gap:2px;align-items:flex-end;justify-content:center}.tb i{display:block;width:45%;min-height:1px}
.tchart i.o,.tleg i.o{background:#1f9d55}.tchart i.c,.tleg i.c{background:#d64545}.tm span{font-size:10px;color:#666;margin-top:2px}
.tleg{font-size:12px;color:#666}.tleg i{display:inline-block;width:10px;height:10px;margin:0 4px 0 6px;vertical-align:middle}
.tdefs,.tcav{font-size:13px;margin:6px 0;padding-left:18px}.tcav{color:#555}