.btn-action{display:inline-flex;align-items:stretch;gap:0;border:none;cursor:pointer;padding:0;border-radius:var(--radius);overflow:hidden;font-family:var(--font-body);transition:background var(--transition),transform var(--transition)}.btn-action__block{display:grid;place-items:center;width:42px;align-self:stretch;background:rgba(255,255,255,.10)}.btn-action__block svg{width:25px;height:25px;color:white}.btn-action__block svg circle{fill:none;stroke:currentColor;stroke-width:1.2}.btn-action__label{display:inline-flex;align-items:center;padding:12px 20px 12px 16px;font-size:var(--fs-sm);font-weight:600;letter-spacing:var(--tracking-btn);text-transform:uppercase;color:#fff;white-space:nowrap}span.btn-action__label{background-color:black;border-radius:8px}span.btn-action__block{background-color:#2f2f2f;border-radius:8px}.btn-action:active{transform:translateY(1px)}.btn-action.btn-action--accent{background-color:transparent}.btn-action.btn-action--accent span.btn-action__label{background-color:var(--color-accent);border-radius:8px}.btn-action.btn-action--accent span.btn-action__block{background-color:var(--color-accent);border-radius:8px}.btn-action.sm .btn-action__block{width:34px}.btn-action.sm .btn-action__block svg{width:16px;height:16px}.btn-action.sm .btn-action__label{padding:9px 14px 9px 12px;font-size:var(--fs-xs)}.btn-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 26px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn-pill--gradient{background:var(--gradient-brand);color:#fff;border:none}.btn-pill--gradient:hover{filter:brightness(1.05)}.btn-pill--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-pill--outline:hover{background:var(--color-primary);color:#fff}.btn-pill--ghost{background:#fff;color:var(--color-ink);border:1px solid var(--border-color)}.btn-pill--ghost:hover{border-color:var(--color-ink)}.btn-pill svg{width:16px;height:16px}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--radius);border:1px solid var(--border-color);background:transparent;font-family:var(--font-body);font-size:var(--fs-xs);font-weight:500;color:var(--color-ink);cursor:pointer;transition:all var(--transition);white-space:nowrap}.chip svg{width:14px;height:14px;opacity:.8}.chip:hover{border-color:var(--color-ink)}.chip--active{background:var(--color-ink);color:#fff;border-color:var(--color-ink)}.chip--on-dark{border-color:rgba(255,255,255,.4);color:#fff}.chip--on-dark.chip--active{background:#fff;color:var(--color-ink);border-color:#fff}.badge{display:inline-flex;align-items:center;padding:4px 11px;border-radius:var(--radius);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:600}.badge--date{background:var(--color-accent);color:var(--color-ink)}.badge--status{background:var(--color-gray-200);color:var(--color-gray-700);letter-spacing:.04em;text-transform:uppercase;font-size:11px}.badge--faded{background:var(--color-accent-soft);color:var(--ink-40)}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-family:var(--font-body);font-weight:600;font-size:var(--fs-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-ink)}.input{font-family:var(--font-body);font-size:var(--fs-base);padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius);background:#fff;color:var(--color-ink);transition:border-color var(--transition),box-shadow var(--transition);width:100%}.input::placeholder{color:var(--color-gray-400)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 .2rem rgba(67,177,117,.2)}.check{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:var(--fs-base);color:var(--color-ink)}.check__box{width:22px;height:22px;border:1.5px solid var(--color-gray-400);border-radius:5px;display:grid;place-items:center;background:#fff}.check__box svg{width:14px;height:14px;color:#fff;opacity:0}.check--on .check__box{background:var(--color-ink);border-color:var(--color-ink)}.check--on .check__box svg{opacity:1}