.mock{background:var(--surface);border:1px solid var(--line);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;gap:10px;padding:16px;font-size:14px;display:grid}.mh{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;padding-bottom:8px;display:flex}.mh b{font-size:15px}.mh small{color:var(--muted);font-size:12px}.pill{white-space:nowrap;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.pill.blue{background:var(--brand-soft);color:var(--brand)}.pill.green{background:var(--ok-soft);color:var(--ok)}.pill.orange{background:var(--warn-soft);color:var(--warn)}.pill.red{background:var(--bad-soft);color:var(--bad)}.pill.grey{background:var(--tag);color:var(--muted)}.btn{border:1px solid var(--line);color:var(--ink);background:var(--surface);white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.btn.main{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn.danger{color:var(--bad)}.brow{grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;padding-block:4px;display:grid}.brow+.brow{border-top:1px solid var(--line);padding-top:10px}.brow time{font-variant-numeric:tabular-nums;font-weight:700}.brow .who{min-width:0}.brow .who small{color:var(--muted);font-size:12px;display:block}.brow .acts{flex-wrap:wrap;grid-column:2/-1;gap:6px;display:flex}.tg{gap:6px;width:100%;max-width:340px;display:grid}.tgmsg{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px 16px 16px 4px;gap:4px;padding:12px 14px;font-size:14px;display:grid}.tgmsg b{font-size:15px}.tgmsg small{color:var(--muted);font-size:12px}.tgkb{grid-template-columns:1fr 1fr;gap:6px;display:grid}.tgkb span{background:var(--tg-soft);color:var(--tg);text-align:center;border-radius:10px;padding:8px;font-size:13px;font-weight:600}.views{flex-wrap:wrap;gap:6px;display:flex}.views span{background:var(--tag);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.views span.cur{background:var(--ink);color:var(--surface)}.orow{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding-top:10px;display:grid}.orow .num{font-weight:700}.orow .num small{color:var(--muted);margin-left:6px;font-size:12px;font-weight:400}.orow .items{color:var(--muted);grid-column:1/-1;min-width:0;font-size:13px}.orow .sum{font-variant-numeric:tabular-nums;text-align:right;font-weight:700}.orow .st{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;display:flex}.push{gap:10px;width:100%;max-width:340px;display:grid}.notif{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;grid-template-columns:auto 1fr;gap:4px 10px;padding:12px 14px;font-size:14px;display:grid}.notif i{background:var(--brand);width:32px;height:32px;color:var(--brand-ink);border-radius:8px;grid-row:span 2;place-items:center;font-size:13px;font-style:normal;font-weight:800;display:grid}.notif .t{justify-content:space-between;gap:8px;min-width:0;display:flex}.notif .t b{font-size:14px}.notif .t small{color:var(--muted);white-space:nowrap;font-size:12px}.notif p{color:var(--muted);min-width:0;font-size:13px}.toast{background:var(--ink);color:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.toast b{color:var(--surface)}.toast span{white-space:nowrap;text-underline-offset:3px;font-weight:600;text-decoration:underline}.kassa{background:var(--surface);border:1px solid var(--line);width:100%;max-width:360px;box-shadow:var(--shadow);border-radius:6px;font-size:14px;overflow:hidden}.kassa .kh{background:var(--chrome);color:var(--muted);border-bottom:1px solid var(--line);padding:8px 12px;font-size:12px;font-weight:600}.kassa .kb{gap:14px;padding:16px;display:grid}.kassa .kb p{line-height:1.45}.kassa .kact{grid-template-columns:1fr 1fr;gap:8px;display:grid}.kassa .kact span{border:1px solid var(--line);text-align:center;border-radius:4px;padding:10px 6px;font-size:13px;font-weight:600}.kassa .kact span.yes{background:var(--ok);border-color:var(--ok);color:var(--surface)}