/* Shared buttons — Phase 4 design-system authority */
.vesta-button{min-height:var(--vesta-btn-h);border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;background:#fff;color:var(--vesta-text);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.vesta-button:hover{background:#F8FAFC}.vesta-button:active{background:#F2F4F7}.vesta-button:disabled,.vesta-button[aria-disabled="true"]{opacity:.5;cursor:not-allowed;pointer-events:none}
.vesta-button--primary{background:var(--vesta-button-primary-bg,var(--vesta-accent));border-color:var(--vesta-button-primary-bg,var(--vesta-accent));color:#fff;box-shadow:none}.vesta-button--primary:hover{filter:brightness(.96);background:var(--vesta-button-primary-bg,var(--vesta-accent))}
.vesta-button--secondary{background:#fff;color:var(--vesta-text);border-color:var(--vesta-border);box-shadow:none}.vesta-button--ghost{background:transparent;color:var(--vesta-text-2);border-color:transparent}.vesta-button--ghost:hover{background:#F2F4F7;color:var(--vesta-text)}.vesta-button--danger{background:#FEF3F2;color:#B42318;border-color:#FECDCA}.vesta-button--block{width:100%}
.vesta-icon-button{width:36px;height:36px;border:1px solid var(--vesta-border);border-radius:9px;background:#fff;color:var(--vesta-text-2);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.vesta-icon-button:hover{background:#F8FAFC;color:var(--vesta-text)}
.vesta-user-chip{display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;background:#fff;border:1px solid var(--vesta-border);border-radius:10px;box-shadow:none}.vesta-user-chip__avatar{width:30px;height:30px;border-radius:8px;background:var(--vesta-accent-soft);color:var(--vesta-accent);display:grid;place-items:center;font-size:12px;font-weight:700}
.vesta-button .vesta-icon,.vesta-icon-button .vesta-icon{flex:0 0 auto}.vesta-button:focus-visible,.vesta-icon-button:focus-visible,.vesta-chip-button:focus-visible,.vesta-text-button:focus-visible,.vesta-dock-pill:focus-visible{outline:none;box-shadow:var(--vesta-focus-ring)}
@media(max-width:767px){.vesta-button{min-height:38px}.vesta-icon-button{width:36px;height:36px}}