/* Дополнения ТМ Финансы поверх ТМ UI 2.3.2. Цвета и размеры берутся только из токенов ТМ UI. */
.tm-ui .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tm-ui .row.sp{justify-content:space-between}
.tm-ui .sub{color:var(--muted);margin:0 0 16px;font-size:13px}
.tm-ui .num{text-align:right;white-space:nowrap}.tm-ui .neg{color:var(--danger-text)}
.tm-ui .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.tm-ui .tm-card.big{grid-column:span 2}
.tm-ui .kpi .l{color:var(--muted);font-size:13px}.tm-ui .kpi .v{font-size:26px;font-weight:700;margin:2px 0;font-variant-numeric:tabular-nums}.tm-ui .kpi .v.neg{color:var(--danger-text)}.tm-ui .kpi .n{font-size:13px;color:var(--muted)}
.tm-ui .grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.tm-ui .tm-alert.plain{display:block;margin:10px 0}
.tm-ui .tm-badge.mute{background:var(--hover);color:var(--muted)}
.tm-ui .tm-button.sm{min-height:32px;padding:4px 10px;font-size:13px}
.tm-ui tr.tot td{font-weight:700;background:var(--hover)}.tm-ui tr.click{cursor:pointer}.tm-ui tr.click:hover td{background:var(--hover)}
.tm-ui .link{background:none;border:0;color:var(--accent-text);cursor:pointer;padding:0;text-decoration:underline dotted;font:inherit}
.tm-ui dialog.wide{width:min(620px,calc(100vw - 32px));max-height:92vh;overflow:auto}
.tm-ui .drawer{position:fixed;top:0;right:0;bottom:0;width:min(460px,100%);z-index:1100;overflow:auto;border-radius:0}
.tm-ui .tm-toast.err{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-text)}
.tm-ui .feed{padding:0;margin:0}.tm-ui .feed li{padding:6px 0;border-bottom:1px solid var(--border);list-style:none}
.tm-ui .mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;word-break:break-all}
.tm-ui .tm-tabs{margin:12px 0}
.tm-ui .tm-card svg text{fill:var(--muted);font-size:11px}
.tm-ui .tm-main>div>*+*{margin-top:0}
.tm-ui h1{margin-bottom:4px}.tm-ui h2{font-size:18px;line-height:26px;margin:24px 0 10px}
.tm-ui .tm-account-menu label{display:grid;gap:4px;padding:8px 12px;font-size:13px;color:var(--muted)}
@media(max-width:767px){.tm-ui .tm-card.big{grid-column:auto}.tm-ui .kpi .v{font-size:22px}}
@media print{.tm-sidebar,.tm-topbar,.tm-button,.tm-tabs,.tm-help{display:none!important}.tm-shell{display:block}}

@media (max-width: 767px) {
  .cards, .grid2 { grid-template-columns: minmax(0, 1fr) !important; }
  .tm-main { min-width: 0; overflow-x: hidden; }
  .tm-topbar { flex-wrap: wrap; }
}
.tm-main > *, .tm-main > * > * { min-width: 0; }
.tm-ui .row { flex-wrap: wrap; }
.tm-ui .tm-table-wrap { max-width: 100%; overflow-x: auto; }
[hidden] { display: none !important; }
.tm-login-brand { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 18px; color: var(--accent-text); }