/* buttons + tags */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:999px;font:700 15px/1 var(--f);border:1.5px solid transparent;white-space:nowrap;transition:transform .15s var(--ease),box-shadow .15s,border-color .15s;text-decoration:none}
.btn:active{transform:scale(.97)}
.btn-ink{background:var(--ink);color:#fff}.btn-ink:hover{box-shadow:var(--sh-lift)}.btn-ink .ic{color:var(--lime)}
.btn-white{background:var(--surface);color:var(--ink);border-color:var(--line2)}.btn-white:hover{border-color:var(--ink)}
.btn-lime{background:var(--lime);color:var(--ink)}
.btn-sm{height:42px;padding:0 16px;font-size:14px}
.btn-xs{height:34px;padding:0 13px;font-size:13px}
.btn-block{width:100%}
.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 11px;border-radius:999px;white-space:nowrap}
.tag.lime{background:var(--lime);color:var(--ink)}.tag.soft{background:var(--soft);color:var(--ink2)}
.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.blue{background:var(--blue-soft);color:#3F61C8}
.circ{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--soft);border:0;color:var(--ink);flex:none}
.card{background:var(--surface);border-radius:28px;padding:20px;box-shadow:var(--sh);display:grid;gap:14px;align-content:start;min-width:0}
.av{border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;color:var(--ink);background:var(--lime-soft);overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}