/* TB Login (site-weit) */
.tblg { max-width: 380px; margin: 1.2rem 0; font-family: system-ui, -apple-system, "Segoe UI", sans-serif; color: #222; }
.tblg * { box-sizing: border-box; }
.tblg-acct { background: #f4f6fb; border: 1px solid #e5e8f2; border-radius: 12px; padding: 1rem 1.2rem; }
.tblg-acct p { margin: 0 0 .7rem; }
.tblg-google { display: flex; align-items: center; justify-content: center; gap: .6rem; width: 100%; padding: .6rem 1rem; border: 1px solid #dadce0; border-radius: 8px; background: #fff; color: #3c4043; font-weight: 600; text-decoration: none; }
.tblg-google:hover { background: #f7f8fa; }
.tblg-google__g { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: linear-gradient(135deg, #4285f4, #34a853); color: #fff; font-weight: 800; font-size: .8rem; }
.tblg-or { display: flex; align-items: center; gap: .7rem; color: #888; font-size: .8rem; margin: .9rem 0; }
.tblg-or::before, .tblg-or::after { content: ""; flex: 1; height: 1px; background: #e5e8f2; }
.tblg-tabs { display: flex; gap: .4rem; margin-bottom: .9rem; }
.tblg-tabs button { flex: 1; padding: .5rem; border: 1px solid #cfd4e6; background: #f4f6fb; color: #555; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; }
.tblg-tabs button.is-active { background: #1919C8; color: #fff; border-color: #1919C8; }
.tblg-field { display: flex; flex-direction: column; gap: .25rem; font-size: .85rem; color: #555; margin-bottom: .7rem; }
.tblg-field input { font: inherit; padding: .5rem .6rem; border: 1px solid #cfd4e6; border-radius: 6px; }
.tblg-check { display: flex; gap: .5rem; align-items: flex-start; font-size: .82rem; color: #444; margin: .3rem 0 .9rem; line-height: 1.4; }
.tblg-check input { margin-top: .2rem; }
.tblg-btn { padding: .55rem 1.1rem; border: 0; border-radius: 8px; font: inherit; font-weight: 700; cursor: pointer; background: #f4f6fb; color: #1919C8; }
.tblg-btn--primary { background: #1919C8; color: #fff; width: 100%; }
.tblg-btn--primary:hover:not(:disabled) { background: #1414a8; }
.tblg-btn:disabled { opacity: .6; cursor: default; }
.tblg-result { margin-top: .8rem; padding: .6rem .8rem; border-radius: 8px; font-size: .9rem; }
.tblg-result.is-ok { background: #ecfdf5; border-left: 4px solid #16a34a; color: #14532d; }
.tblg-result.is-err { background: #fef2f2; border-left: 4px solid #dc2626; color: #991b1b; }