/* Login with FocalShift Ai — button styles */
.fsai-wrap { margin: 14px 0; text-align: center; }
.fsai-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 9px;
    width: 100%; box-sizing: border-box; padding: 11px 16px;
    border-radius: 10px; font: 600 14px/1 -apple-system, "Segoe UI", Roboto, Inter, sans-serif;
    text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: filter .15s, background .15s;
}
.fsai-btn .fsai-mark {
    width: 18px; height: 18px; border-radius: 5px; flex: 0 0 auto;
    background: linear-gradient(125deg, #5b57ef, #6f5bf6, #39c8e8);
}
.fsai-style-brand { background: linear-gradient(125deg, #5b57ef, #6f5bf6, #39c8e8); color: #fff; }
.fsai-style-brand .fsai-mark { background: rgba(255,255,255,.9); }
.fsai-style-brand:hover { filter: brightness(1.05); }
.fsai-style-dark { background: #1d1e2b; color: #fff; border-color: #1d1e2b; }
.fsai-style-dark:hover { background: #2a2b3d; }
.fsai-style-light { background: #fff; color: #2c2c44; border-color: #d8d8e4; }
.fsai-style-light:hover { background: #f6f6fc; }
.fsai-connected { display: inline-flex; align-items: center; gap: 6px; font: 600 13px Inter, sans-serif; color: #16a34a; }
.fsai-badge { display: inline-flex; align-items: center; gap: 6px; font: 600 12px Inter, sans-serif; color: #615dfa; text-decoration: none; }
.fsai-badge:hover { text-decoration: underline; }