/* mcbflow.com account page (loads after hub.css and reuses its colour tokens) */
[hidden]{display:none!important}
.acctShell{width:min(640px,calc(100% - 32px));padding:28px 0 48px}
.acctTitle{margin:0 0 6px;font-size:26px;font-weight:700;letter-spacing:-.01em}
.acctIntro{margin:0 0 18px;color:var(--ink-2);font-size:14.5px;line-height:1.6}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);padding:18px 20px;margin:0 0 12px}
.panel h2{margin:0 0 10px;font-size:17px;font-weight:650}
.panel p{margin:0 0 10px;font-size:14px;line-height:1.6;color:var(--ink-2)}
.muted{color:var(--muted)}
.small{font-size:13px}
.panel a,.acctFoot a,.textLink{color:var(--accent)}

.tabs{display:flex;gap:4px;margin:-4px 0 16px;border-bottom:1px solid var(--border)}
.tab{appearance:none;border:0;background:none;padding:8px 12px;font:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.tab.on{color:var(--ink);border-bottom-color:var(--accent);cursor:default}
.tab:not(.on):hover{color:var(--ink)}
.tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}

.field{display:block;margin:0 0 12px}
.field>span{display:block;margin:0 0 5px;font-size:13px;font-weight:600;color:var(--ink-2)}
.field input{width:100%;min-height:var(--ctl);padding:6px 10px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:15px}
.field input:hover:not(:focus){border-color:color-mix(in srgb,var(--ink) 35%,var(--border-strong))}
.field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.check{display:flex;gap:8px;align-items:flex-start;margin:2px 0 12px;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.check input{margin-top:3px;accent-color:var(--accent)}

.formMsg{margin:0 0 10px;font-size:13.5px;line-height:1.5}
.formMsg:empty{display:none}
.formMsg.err{color:var(--crit)}
.formMsg.ok{color:var(--good-ink)}
:root[data-theme="dark"] .formMsg.ok{color:var(--good)}
.formActions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px}
.inlineRow{margin:0 0 10px}
.textLink{font-size:13.5px}

.acctHead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.acctEmail{font-size:16px;font-weight:650;margin:2px 0;word-break:break-all}

.syncList{list-style:none;margin:0 0 12px;padding:0;border:1px solid var(--border);border-radius:var(--r-sm)}
.syncList:empty{display:none}
.syncRow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-top:1px solid var(--border);font-size:14px}
.syncRow:first-child{border-top:0}
.syncRow b{display:block}
.syncRow .muted{font-size:12.5px}

.dangerPanel{border-color:color-mix(in srgb,var(--crit) 35%,var(--border))}
.btn:disabled{opacity:.55;cursor:not-allowed}
.acctFoot{margin-top:20px;text-align:center}